@charset "utf-8";
 
@keyframes slide-in {
    from {
        transform: translateY(100px);
        opacity: 0;
    }
}
@keyframes slide-in2 {
    0% {
        top:50px;
    }
    1000% {
        top: 0;
    }
}
 
.maxWidthWrap2 {
    max-width:1240px;
    padding: 0 20px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.maxWidthWrap2.nosect {
    margin-bottom: 200px;
    margin-top: 100px;
} 
.popup-overlay.mgt{
    max-width: 1200px;
    min-width: auto;
}
.popup-overlay.no-scroll .content .pop-inner {
    max-height: fit-content;
}
.popup-overlay.mgt.prot {
    max-width: 1000px;
    min-width: auto;
}
.popup-overlay.mgt .content .pop-inner {
    padding: 10px;
}
.popup-overlay.mgt .swiper-button-prev,
.popup-overlay.mgt .swiper-button-next {
    background: #fff;
    width: 60px;
    height: 60px;
    padding: 21px;
    border-radius: 9px;
    box-shadow: 0 0 5px 0 #00000036;
}
.popup-overlay.mgt .swiper-button-next img {
    transform: rotate(-180deg)
}

.popup-overlay.mgt img {
    pointer-events: none;
    user-drag: none;
    -webkit-user-drag: none;
}

@keyframes visual-ani {
    from {
        transform: scale(1);
    }
} 
.contents {
    position: relative;
    margin-top: 0px;
}

.contents.no-tabbox {
    margin-top: 200px;
}

.contents > section {
    margin-bottom: 200px;
    margin-top: 100px;
}

.tabbox {
    width: fit-content;
    margin: 80px auto;
    /* max-width: 700px; */
    border: 1px solid var(--lightGray1);
    border-radius: 50px;

    /* c9
    display: flex;
    justify-content: center;
    align-items: center; */

    /* padding: 10px 20px; */
    padding: 10px;
    margin-bottom: 80px;
    position: sticky;
    top: 50px;
    background: rgba(255,255,255,0.9);
    z-index: 1;
}
/* c9 */
.tabbox .tabs {
    display: flex;
    justify-content: center;
    align-items: center;
}
.tabbox a {
    display: block;
    width: 100%;
    font-size: var(--default-font3-size);
    font-weight: 600;
    text-align: center;
    border-radius: 50px;
    padding: 8px 20px;
    margin: 0 5px;
    white-space: nowrap;
}
.tabbox a:first-child{
    margin-left: 0;
}
.tabbox a:last-child{
    margin-right: 0;
}
.tabbox a:hover,
.tabbox a.active {
    background: var(--red);
    color: #fff;
}

.align-center {
    text-align: center !important;
}

.align-left {
    text-align: left !important;
}
.align-right {
    text-align: right !important;
}

.no-drag {
    user-select: none; /* 모든 브라우저에서 드래그 방지 */
    -webkit-user-select: none; /* Chrome, Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE, Edge */
}

.box {
    width: 100%;
}

.subTitle1 {
    font-size: 44px;
    line-height: 1.2em;
    font-weight: 600;
    text-align: center;
    /* margin-bottom: 90px; */
    padding: 0 20px;
}

.subTitle1 + .txt {
    text-align: center;
    margin-top: 30px;
}

.subTitle2 {
    font-size: 30px;
    font-weight: 700;
    margin-bottom:  55px;
}

.banner-Style-01 {
    margin-bottom: 200px;
}

.banner-Style-01 .img-sect {
    border-radius: 15px;
    overflow: hidden;
}

.banner-Style-01 .img {}
.banner-Style-01 .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    height: 400px;
    border-radius: 15px;
    overflow: hidden;
}
.banner-Style-01 .textbox {
    /* padding-left: 300px; */
    margin-top: 30px;
    text-align: center;
}

.banner-Style-01 header, 
.banner-Style-01 h6,
main.subContents.envMng .banner-Style-01 h5,
main.subContents.hmnMng .banner-Style-01 h5,
main.subContents.infoPrt .banner-Style-01 h5{
    font-size: 40px;
    font-weight: 600;
    line-height: 1.2em;
    margin-bottom: 0.75em;
}
.banner-Style-01 .textbox > p {
    margin-top: 1.7em;
    margin-bottom: 3.4em;
    font-size: var(--default-font1-size);
}

.banner-Style-01 .textbox .btn-common{
    margin: 0 auto;
}

main.subContents.aicc .banner-Style-01 .textbox .btn-common {
    min-width: 230px;
}

.banner-Style-02 {
    width: 100%;
    padding: 60px;
    border-radius: 15px;
    background: url(../img/com/location-banner-bg.jpg)100% /cover no-repeat;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
}

.banner-Style-02 header{
    margin-bottom: 0;
}

.banner-Style-02.mh-300 {
    min-height: 300px;
    font-weight: 400;
}

.banner-Style-02.mh-300 header{
    font-size: var(--default-font2-size);
    width: 100%;
    font-weight: 500;
    margin-bottom: 0;
}
 

.banner-Style-02 .btn-common{
    margin-top: 30px;
}

.btn-common {
    background: var(--red);
    /* width: 230px; */
    /* height: 64px; */
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    color: #fff;
    font-weight: bold;
    /* 추가 */
    width: fit-content;
    padding: 15px 25px 15px 35px;
    /* 추가 */
    display: block;
}

.btn-common.rect {
    border-radius: 5px;
}

.btn-common.rect span{
    color: var(--darkGray3);
    font-weight: 400;
}

.btn-common.line,
.btn-common.small.line {
    border: 1px solid #000;
    background-color: #fff;
}

.btn-common.line{
    border-color: var(--lightGray1);
}

.btn-common.small span{
    font-size: var(--default-font4-size) !important;
    color: #fff !important;
}

.btn-common.line span,
.btn-common.small.line span{
    color: #000;
}

.btn-common.line span::after,
.btn-common.small.line span::after{
    filter: invert(1);
}

.btn-common.small {
    border-radius: 5px;
    padding: 5px 5px 5px 10px;
    line-height: 1;
    font-weight: 600;
}

.btn-common.small span{
    padding-right: 0;
    line-height: 1;
}

.btn-common span::after,
.btn-common.small span::after,
.ico-arrow-style::after,
.ico-down-style::after,
.ico-link-style::after{
    content: ' ';
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url(../img/btn-arrow.svg) no-repeat;
    background-size: contain;
    vertical-align: middle;
}

.btn-common span::after {
    margin-left: 5px;
}

.btn-common.download span::after,
.btn-common.small.download span::after,
.ico-down-style::after{
    background-image: url(../img/btn-down.svg);
}

.btn-common.link span::after,
.btn-common.small.link span::after,
.ico-link-style::after{
    background-image: url(../img/btn-link.svg);
}

.btn-common.black {
    background-color: #000;
}

.btn-common.white {
    background-color: #fff;
    border: 1px solid var(--lightGray1);
}

.btn-common.white span{
    color: #000;
}

.btn-common:hover {
    opacity: 0.85;
}

.btn-common span {
    width: 100%;
    height: 100%;
    font-size: 18px;
    /* padding-right: 20px; */
    display: inline-block;
    color: #fff;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn-common img {
    width: 12px;
}

.ico-arrow-style::after,
.ico-down-style::after,
.ico-link-style::after,
.btn-common.white span::after{
    filter: invert(1);
}

main.subContents.ktPlaza .ico-link-style span {
    border-bottom: 1px solid #000;
    /* position: relative; */
}

main.subContents.ktPlaza .ico-link-style::after {
    width: 16px;
    background-size: cover;
    background-position: center;

}

main.subContents.ktPlaza .explain {
    margin: 0;
}

.subCommonStyle {
    display: flex;
    justify-content: space-between;
    align-items: flex-start; 
}
.subCommonStyle h5 {
    font-size: 32px;
    font-weight: 600;
    min-width: 300px;
}

.ico-list-Style-01 ul, 
.ico-list-Style-02 ul {
    width: 100%;
}
.ico-list-Style-01 ul li,
.ico-list-Style-02 ul li {
    border-bottom: 1px dashed var(--lightGray1);
    margin-bottom: 60px;
    padding-bottom: 60px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.ico-list-Style-02 ul li {
    margin-bottom: 30px;
    padding-bottom: 30px;
}
.ico-list-Style-02 .text .explain {
    padding-left: 0;
    margin-top: 10px;
}
.ico-list-Style-02 ul + .explain {
    margin-top: 30px;
}
.ico-list-Style-01 ul li:last-child,
.ico-list-Style-02 ul li:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.ico-list-Style-01 ul li i img,
main.subContents .gray-flex .img-sect.ico {
    width: 80px;
}

.ico-list-Style-02 ul li{
    list-style-type: circle;
}

.ico-list-Style-01 ul li .text{
    padding-left: 20px;
}

.ico-list-Style-01 ul li .text .dot:last-child{
    margin-bottom: 0;
}

.ico-list-Style-02 .cont {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 60px;
}

main.subContents.ktPlaza .ico-list-Style-02 .cont,
main.subContents.bizMain .ico-list-Style-02 .cont,
main.subContents.priGuide .ico-list-Style-02 .cont {
    margin-top: 0px;
}

.ico-list-Style-02 .text-sect {
    /* width: calc(66.67% - 60px); */
    width: 100%;
}

.ico-list-Style-02 .img-sect {
    /* width: 33.33%; */
    display: none;
}

.ico-list-Style-02 ul li .text {
    padding-left: 25px;
    position: relative;
}

.ico-list-Style-02 ul li .text:before {
    content:'1';
    font-size: 12px;
    border-radius: 9999px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 18px;
    height: 18px;
    background: var(--red);
    color: #fff;
    position: absolute;
    top: 5px;
    left: 0;
}

.ico-list-Style-02 ul li:nth-child(2) .text:before {
    content:'2';
}

.ico-list-Style-02 ul li:nth-child(3) .text:before {
    content:'3';
}

.ico-list-Style-02 ul li:nth-child(4) .text:before {
    content:'4';
}

.ico-list-Style-02 ul li:nth-child(5) .text:before {
    content:'5';
}

.ico-list-Style-01 ul li .text header, .ico-list-Style-01 ul li .text h6,
.ico-list-Style-02 ul li .text header, .ico-list-Style-02 ul li .text h6 {
    font-size: var(--default-item-tit-size);
    font-weight: 600;
    margin-bottom: .8em;
}

.ico-list-Style-01 ul li .text p,
.ico-list-Style-02 ul li .text p {
    font-size: var(--default-font1-size);
    position: relative;
    padding-left: 10px;
    margin-bottom: 10px;
}

.ico-list-Style-02 ul li .text p {
    /* font-size: 20px; */
    position: relative;
    padding-left: 10px;
    margin-bottom: 10px;
}

.ico-list-Style-02 ul li .text .explain {
    font-size: var(--default-font1-size);
}

.ico-list-Style-02 ul li .text p.txt.red.bold {
    margin-top: .9em;
    padding-left: 0;
}

.ico-list-Style-01 ul li .text p:last-of-type,
.ico-list-Style-02 ul li .text .dot:last-of-type{
    margin-bottom: 0;
}

.dot {
    position: relative;
    font-size:var(--default-font1-size);
    padding-left: 10px;
    word-break: keep-all;
}

.dot:before {
    content:'';
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #D9D9D9;
    position: absolute;
    top: 9px;
    left: 0;
}

.warning {
    text-align: left;
    position: relative;
    padding-left: 30px;
    display: block;
    margin-bottom: 5px;
}

.warning:last-child {
    margin-bottom: 0px;
}

.warning::before {
    content: '';
    display: block;
    background: url(../img/ico-warning.svg) no-repeat;
    width: 22px;
    height: 22px;
    background-size: 100%;
    position: absolute;
    top: 1.5px;
    left: 0;
}

.aiSolution {
    background: url(../img/biz/aiSolution.png) 50% /cover no-repeat;
    height: 563px;
    padding: 100px 0;
    position: relative;
    margin-bottom:200px;
}

.aiSolution .subCommonStyle{
    margin-top: 0;
}

.bg-Style-02 {
    background: url(../img/biz/114-bg-img.png) 50% /cover no-repeat;
    height: 500px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

main.subContents.numguide .bg-Style-02 {
    background-image: url(../img/biz/114-bg-img.png);
}

main.subContents.townboard .bg-Style-02 {
    background-image: url(../img/biz/townboard-bg-img.png);
}

main.subContents.asp .bg-Style-02 {
    background-image: url(../img/biz/asp-bg-img.png);
}

main.subContents.bizMain .bg-Style-02 {
    background-image: url(../img/biz/bizMain-bg-img.png);
}

main.subContents.bpo .bg-Style-02 {
    background-image: url(../img/biz/bpo-bg-img.png);
}

main.subContents.ktPlaza .bg-Style-02 {
    background-image: url(../img/biz/ktPlaza-bg-img.png);
}

main.subContents.priGuide .bg-Style-02 {
    background-image: url(../img/biz/priGuide-bg-img.png);
}

.bg-Style-02 *{
    color: #fff;
}

.bg-Style-02 h5{
    font-size: var(--default-font2-size);
    font-weight: 500;
    margin-bottom: 20px;
}

.bg-Style-02 h5 + p{
    font-size: 36px;
    font-weight: 600;
}

.aiSolution:before {
    content:'';
    display: block;
    width:100%;
    height:100%;
    object-fit: cover;
    background: rgba(0,0,0,0.5);
    position: absolute;
    top: 0;
    left: 0;
    backdrop-filter: blur(5px);
}
.aiSolution h5 {
    color: #fff;
}
.aiSolution .text {
    width: 100%;
}
.aiSolution .text>p {
    font-size: var(--default-font4-size);
    color: #fff;
    margin-bottom: 80px;
}
.aiSolution .circles {
    display: flex;
    justify-content: center;
    align-items: center;
}
.aiSolution .circles .circle {
    width: 247px;
    height: 247px;
    border-radius: 50%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 30px;
    position: relative;
}
.aiSolution .circles .circle header, .aiSolution .circles .circle h6 {
    font-size: var(--default-font2-size);
    font-weight: 600;
    padding-bottom: 15px;
}
.aiSolution .circles .circle_outer:nth-child(1) .circle:nth-child(2) {left:-30px}
.aiSolution .circles .circle_outer:nth-child(2) .circle:nth-child(1) {left:-60px}
.aiSolution .circles .circle_outer:nth-child(2) .circle:nth-child(2) {left:-90px}
.aiSolution .circles .circle * {
    color: #fff;
}
.aiSolution .circles .circle p {
    font-size: var(--default-font4-size);
    word-break: keep-all;
}
.aiSolution .circles .circle.red {
    background: var(--red);
}
.aiSolution .circles .circle.black {
    background: var(--darkGray2);
}
.aiSolution .circles .circle.gray {
    background: var(--gray1);
}
.aiSolution .circles .circle.white {
    background: #fff;
}
.aiSolution .circles .circle.white  * {
    color: var(--darkGray3);
}

.aiVoice .box .processbox>img {
    width: 100%;
    max-width: 279px;
}
.aiVoice .box>p {
    font-size: var(--default-font4-size);
    margin-bottom: 50px;
    word-break: keep-all;
}
.aiVoice .box .processbox {
    background: var(--lightGray2);
    border-radius: 20px;
    padding: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.aiVoice .box .processbox .inner {}
.aiVoice .box .processbox .inner .process {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.aiVoice .box .processbox .inner .process:first-child {
    margin-bottom: 50px;
}
.aiVoice .box .processbox .inner .box1 {
    min-width: 155px;
    margin: 0 auto;
}
.aiVoice .box .processbox .inner .box1 img {
    max-width: 80px;
    display: block;
    margin: 0 auto;
}
.aiVoice .box .processbox .inner .box1 b {
    font-size: var(--default-font2-size);
    font-weight: 600;
    display: block;
    padding-top: 20px;
}
.aiVoice .box .processbox .inner .box2 {
    width: 100%;
}
.aiVoice .box .processbox .inner .box2 p {
    font-size: var(--default-font4-size);
}
.aiVoice .box .processbox .inner .box2 img {
    width: 100%;
    max-width: 266px;
    margin: 10px 0;
}

.banner-txt-Style-01 {}
.banner-txt-Style-01>p {
    font-size: 20px;
    margin-bottom: 40px;
}
.banner-txt-Style-01 .box {}
.banner-txt-Style-01 .box header, .banner-txt-Style-01 .box h6 {
    margin: 15px 0;
    font-size: var(--default-font2-size);
    font-weight: 600;
}

.banner-txt-Style-01 .box p {
    font-size: var(--default-font4-size);
    margin-bottom: 60px;
}

.banner-txt-Style-01 .box p:last-child {
    margin-bottom: 0;
}

.banner-txt-Style-01 .box img {
    width: 100%;
}

.box-Style-01 .box {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 30px;
}

.box-Style-01 header {
    margin-bottom: 0;
}

.box-Style-01 .box .cont {
    width: calc(50% - 15px);
    background: var(--bgGray2);
    border-radius: 20px;
    padding: 35px;
}

.box-Style-01.white .box .cont {
    background-color: #fff;
    border: 1px solid var(--lightGray1);
}

main.subContents.company .box-Style-01 .box {
    margin-top: 60px;
}

main.subContents.company .box-Style-01 .box .cont {
    width: calc((100% - 60px)/3);
    border-radius: 15px;
}

main.subContents.benefit .box-Style-01 .box .cont {
    min-height: 320px;
}

main.subContents.center .box-Style-01 .box .cont {
    padding: 30px;
    min-height: 166px;
}

main.subContents.bpo .box-Style-01 .box {
    gap: 70px 60px;
}

main.subContents.bpo .box-Style-01 .box .cont {
    width: calc(50% - 30px);
    min-height: 500px;
    background: #f6f6f6 url(../img/biz/bpo-icon-01.png) no-repeat right 35px bottom 35px;
    background-size: 80px;
}

main.subContents.bpo .box-Style-01 .box .cont:nth-child(2){
    background-image: url(../img/biz/bpo-icon-02.png);
    transform: translateY(50%);
}

main.subContents.bpo .box-Style-01 .box .cont:nth-child(3){
    background-image: url(../img/biz/bpo-icon-03.png);
}

main.subContents.bpo .box-Style-01 .box .cont .cont-title{
    font-size: var(--default-cont-tit-size);
    margin-bottom: .8em;
    line-height: 1.2em;
}

.box-Style-01.three .box .cont {
    width: calc((100% - 60px)/3);
}

main.subContents.company .box-Style-01 .box .cont img{
    width: 110px;
    background-color: #fff;
    border-radius: 999px;
    margin-left: auto;
    margin-right: 0;
}

main.subContents.company .box-Style-01 .box .section-title {
    font-size: 30px;
}

main.subContents.company .contents > section:nth-of-type(2){
    background-color: #f6f6f6;
    margin: 0;
    padding: 200px 0;
}

main.subContents.company .swiper-container{
    margin-top: 60px;
}

main.subContents.company .swiper-slide{
    border-radius: 25px;
    overflow: hidden;
}

main.subContents.company .swiper-card{
    background: url(../img/com/company-swiper-card-img-01.jpg) no-repeat;
    background-size: cover;
    padding: 60px;
    min-height: 460px;
    display: flex;
    flex-direction: column;
    justify-content: end;
    color: #fff;
    border-radius: 25px;
}

main.subContents.company .swiper-slide:nth-of-type(2) .swiper-card{
    background-image: url(../img/com/company-swiper-card-img-02.jpg);
}

main.subContents.company .swiper-slide:nth-of-type(3) .swiper-card{
    background-image: url(../img/com/company-swiper-card-img-03.jpg);
}

main.subContents.company .swiper-slide:nth-of-type(4) .swiper-card{
    background-image: url(../img/com/company-swiper-card-img-05.jpg);
}

main.subContents.company .swiper-slide:nth-of-type(5) .swiper-card{
    background-image: url(../img/com/company-swiper-card-img-06.jpg);
}

main.subContents.company .swiper-card .content-title {
    margin: 10px 0;
    text-shadow: 0 0 3px #000;
}

main.subContents.company .swiper-card .content-title + .txt{
    margin: 0;
    text-shadow: 0 0 3px #000;
}

.box-Style-01 .box .cont .dot{
    margin-bottom: 10px;
}

.box-Style-01 .box .cont .dot .gray1{
    display: block;
    margin-top: 10px;
}

.box-Style-01 .box .cont .dot:last-child{
    margin-bottom: 0;
}

.box-Style-01 .box .cont .item-title, 
.box-Style-01 .box .cont header, 
.box-Style-01 .box .cont h6 {
    font-size: var(--default-item-tit-size);
    color: var(--darkGray1);
    margin-bottom: 20px;
}

.box-Style-01.title .box .cont .title-box {
    width: 100%;
    display: flex;
    align-items: start;
    justify-content: space-between;
}

.box-Style-01 .box .cont img {
    width: 75px;
    text-align: right;
    display: block;
    margin-left: auto;
    margin-top: 20px;
}

.box-Style-01 .box .cont img:first-child{
    text-align: left;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: 0;
}

.banner-list-Style-01 {}
.banner-list-Style-01 .box {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 60px;
    flex-wrap: wrap;

}
.banner-list-Style-01 .cont {
    width: calc(50% - 30px);
}
.banner-list-Style-01 .cont .img {
    height: 200px;
    border-radius: 20px;
    overflow: hidden;
}
.banner-list-Style-01 .cont .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.banner-list-Style-01 .cont header, .banner-list-Style-01 .cont h6 {
    margin: 20px 0 10px;
}
.subTitle-Style-01 .box,
.subTitle-Style-02 .box {
    width: 100%;
}

.ico-list-Style-02 {
    width: 100%;
}

.ico-list-Style-02>li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 60px;
    margin-bottom: 60px;
    border-bottom: 1px dashed #ddd;
}

.ico-list-Style-02>li .cont {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 50%;
}

.ico-list-Style-02>li:last-child .cont {
    margin-top: 0;
}

main.asp .ico-list-Style-02>li {
    justify-content: center;
    gap: 30px;
    margin-bottom: 30px;
    padding-bottom: 0;
    border-bottom: none;
}

main.asp .ico-list-Style-02>li:last-child{
    margin-bottom: 0;
}

main.asp .ico-list-Style-02>li .cont {
    padding: 35px;
    border-radius: 15px;
    background-color: var(--bgGray2);
    flex-direction: column;
    gap: 10px;
    margin-top: 0;
}

main.asp .ico-list-Style-02>li .cont b {
    margin-left: 0;
}


.ico-list-Style-02>li .cont img {
    max-width: 80px;
    width: 100%;
}

.ico-list-Style-02>li .cont b {
    margin-left:30px;
    font-size: var(--default-font2-size);
    font-weight: 500;
    color: var(--darkGray2);
}

.ico-list-Style-02>li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.subTitle-Style-01 header, .subTitle-Style-01 h6 {
    font-size: 28px;
    font-weight: 600;
    /* margin-bottom: 50px; */
    margin-bottom: 30px;
}

.subTitle-Style-01 h6 + .txt{
    margin: 30px 0;
}

.subTitle-Style-01 .title2 {
    margin-top: 100px;
    margin-bottom: 30px;
}

.subTitle-Style-01 .title2 + .txt{
    margin: 1.4em 0;
}

.subTitle-Style-01 h6 ~ .item-title:first-of-type{
    margin-top: 0;
}

.subTitle-Style-01 h6 ~ .item-title {
    display: block;
    margin-top: 60px;
    margin-bottom: 20px;
}

.btnbox button {
    margin: 0 auto;
}

.list_addition {}
.list_addition li {
    display: flex;
    justify-content: flex-start;
    align-items:flex-start;
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom: 1px dashed #ddd;
}
.list_addition li:last-child {
    border-bottom: 0;
}
.list_addition li img {
    max-width: 80px;
}
.list_addition li .text {
    padding-left: 30px;
}
.list_addition li .text b {
    display: block;
    font-size: 22px;
    font-weight: 600;
    padding-bottom: 20px;
}
.list_addition li .text p {
    /* padding-top: 20px; */
    font-size: 20px;
}

.btn-subnav{
    display: none;
}


.processbox.pc {
    display: flex !important;
}
.processbox.mo {
    display: none !important;
}
.view_pc{
    display: block !important;
}
.view_mo{
    display: none !important;
}

/* conatct */
.page_contact {
    padding-bottom: 200px;
}
.page_contact .comment, .page_contact h5 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.page_contact .comment {
    margin-top: 30px;
}

.page_contact .subTitle1{
    margin-bottom: 0;
}

.page_contact .comment span, .page_contact h5 span {
    font-size: var(--default-font1-size);
    padding-left: 5px;
}

.c_red {
    color: var(--red);
    font-weight: bold;
}

.contactform {
    margin-top: 100px;
}

.contactform .header,
.contactform fieldset,
.contactform .fieldset, .contactform > ul > li {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 100px;
}

.contactform .header {
    margin-bottom: 0;
}
.contactform .header .graybox {
    margin-bottom: 60px;
}

.contactform .labelname {
    min-width: 290px;
    font-size: 32px;
    font-weight: 600;
}
.contactform .items, 
.contactform .labelname + div{
    width: 100%;
}

.contactform .labelname + div .graybox .num-list + .txt{
    margin-top: 1em;
    padding-left: .3em;
    line-height: 1.6;
}

.contactform .items .item-title {
    /* margin-top: 30px; */
    margin-bottom: 10px;
    display: block;
    /* appearance:none; */
}

.contactform .items .item-title + *{
    margin-bottom: 30px;
}

.contactform fieldset:first-of-type .items .item-title + .radiobox:last-of-type {
    margin-bottom: 0;
}

.contactform .items .item-title:last-of-type + *{
    margin-bottom: 0;
}

.contactform .items .item-title span {
    font-size: var(--default-font1-size);
    font-weight: 500;
}
.contactform .radiobox {
    display: flex;
    gap: 15px 0;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    border: 1px solid var(--lightGray1);
    padding: 22px;
}
.contactform fieldset.formkind br{
    display: none;
}
.contactform .fieldset-ex .radiobox {margin-bottom: 30px;}
.contactform .radiobox .radiolabel, .contactform .radiobox .checklabel {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.contactform .radiobox .radiolabel input[type=checkbox] { width: 20px; height: 20px; margin-right: 5px; }
.contactform .radiobox .radiolabel input[type=radio] {
    position: fixed;
    left: -9999px;
}
.contactform .radiobox .radiolabel input:checked +i {
    background: url(../img/radio_on.svg) 50% /24px no-repeat;
}
.contactform .radiobox .radiolabel i {
    display: block;
    width: 24px;
    height: 24px;
    background: url(../img/radio_off.svg) 50% /24px no-repeat;
}
.contactform .radiobox .radiolabel span {
    padding-left: 5px;
    padding-right: 30px;
    font-size: var(--default-font1-size);
}

.contactform .items select,
main.subContents.privacy select,
.contactform .items input:not([type="radio"]):not([type="checkbox"]) {
    width: 100%;
    /* height: 65px; */
    padding: 21.5px 2em;
    border: 1px solid var(--lightGray1);
    /* margin-bottom: 30px; */
    padding-left: 21.5px;
}

main.subContents.privacy .selectarea {
    text-align: right;
}

main.subContents.privacy select {
    width: 340px;
}

.contactform .input-ex p,
.contactform .selectarea + p,
.contactform .find-address + p{
    /* font-size: var(--default-font1-size); */
    color: gray;
    margin-top: 15px;
}

main.inqProposition .contactform .file-area + .txt {
    color: var(--darkGray2);
}

.contactform p.txt + .find-address {
    margin-top: 15px;
}

.contactform .find-address + p {
    color: var(--darkGray3);
}

.contactform .filebox .file-area{
    display: flex;
    gap: 10px;
}

.contactform .filebox .file-area input[type="file"]{
    margin-bottom: 0;
}

.contactform .selectarea{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}


.contactform .filebox label.button,
.contactform label.button,
.contactform .item-title.button {
    font-size: inherit;
    padding: 21.5px 2em;
    color: #fff;
    background-color: var(--red);
    cursor: pointer;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contactform .find-address{
    display: flex;
    /* flex-direction: column; */
    justify-content: start;
    flex-wrap: nowrap;
    gap: 15px;
}

.contactform .find-address button {
    flex: 0 0 auto;
    width: auto;
    white-space: nowrap;
}

.contactform .find-address .selectarea {
    flex: 1 1 auto;
}

.contactform .find-address .selectarea input:not([type="radio"]):not([type="checkbox"]),
.contactform .find-address .selectarea input:not([type="radio"]):not([type="checkbox"])[readonly] {
    padding: 21.5px;
    font-size: var(--default-font1-size);
}

.contactform .items .item-title.button {
    font-size: var(--default-font1-size);
    margin-bottom: 0;
}

.contactform .filebox input[type="file"]{
    width: auto;
    max-width: 300px;
    height: auto;
    margin-bottom: 0;
    padding: 21.5px .5em;
    margin: 0;
    color: var(--gray2);
    transition: all 0.5s;
}

.contactform .filebox input[type="file"]::file-selector-button{
    display: none;
}

.contactform textarea::placeholder,
.contactform .items input::placeholder {
    color: var(--gray2);
}

.contactform .item-title.multi-check {position: relative;}
.contactform .item-title.multi-check:after {
    content: '※ 중복 체크 가능';
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: var(--default-font1-size);
    font-weight: normal;
    color: #666;
}

.contactform .items select,
main.subContents.privacy select {
    background: url(../img/select.svg) 95% /12px no-repeat;
}
.contactform textarea {
    width: 100%;
    height: 300px;
    border: 1px solid var(--lightGray1);
    padding: 21.5px;
    resize:none;
}

/* .contactform .items .input-ex {display: block;} */
.contactform .off, .contactform .radiobox.off {display: none !important;}
/* .contactform .radiobox:not(.off) ~ .item-title:not(.off):first-child {margin-top: 30px;} */
.mt-20 {margin-top: .9em;}
.mt-30 {margin-top: 30px;}
.mb-30 {margin-bottom: 30px;}
.mt-40 {margin-top: 40px;}

.contactform .agreebox,
.contactform .graybox {
    background: var(--bgGray1);
    padding: 30px;
}

.contactform .agreebox * {
    font-size: var(--default-font1-size);
}

.contactform .agreebox>ul{
    margin-bottom: 30px;
}
.contactform .agreebox>ul>li{
    line-height: 1.6;
}
.agree-check {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 15px;
}
.agree-check input {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.agree-check * {
    font-size: var(--default-font1-size);
}

.btmbtnbox {
    margin: 0 auto;
    text-align: center;
}

.btmbtnbox .btn-common{
    margin: 0 auto;
}

main.bizTownbd .btmbtnbox {margin-top: 100px;}

.contactform .btmbtnbox{
    margin-top: 100px;
}

.contactform .btmbtnbox .btn-common{
    min-width: 230px;
}

.btmbtnbox.flex {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    margin-top: 60px;
}

.btmbtnbox.flex .btn-common{
    margin: 0;
}

.circle_outer{
    display: flex;
    justify-content: center;
    align-items: center;
}

.circle_outer:last-child {
    position: relative;
    left: -10px;
}

.relatedsitesMap {
    position: relative;
    top: 0;
}

.table-search{
    display: flex;
    justify-content: space-between;
    align-items: end;
    margin-top: 100px;
}

.table-search .search-box{
    display: flex;
    gap: 15px;
}
.search-box li{
    border: 1px solid var(--lightGray1);
    display: flex;
}

.search-box .search-sel{
    border: none;
    width: 160px;
    padding: 15px 30px 15px 15px;
    appearance: none;
    background: url(../img/select.svg);
    background-repeat: no-repeat;
    background-position: center right 15px;
    filter: none;
}

.search-box .search-sel:focus{
    background-image: url(../img/ico-select-on.svg);
}

.search-box input{
    padding: 15px 45px 15px 15px;
    border: none;
    background-color: transparent;
    /* outline: none; */
    width: 100%;
    min-width: 410px;
}
.search-box input::placeholder{
    color: var(--gray2);
}
.search-box .btn-search{
    position: absolute;
    right: 0;
    text-indent: -9999px;
    cursor: pointer;
    padding: 15px;
    min-width: 60px;
    height: auto;
    background: url(../img/ico_search.svg) no-repeat center;
}

.table-cont {
    padding: 60px 0;
}

.table-cont.no-txt{
    padding: 210px 0 210px;
}

.table-cont.no-txt .txt{
    text-align: center;
    opacity: 1;
}

.table-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 40px auto;
}

.table-pagination>a {
    cursor: pointer;
    width: 40px;
    height: 40px;
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
    text-indent: -9999px;
    font-size: 0;
    background: #fff url(../img/board-paging-next-ico.svg) no-repeat center;
    border-radius: 5px;
    border: 1px solid #ddd;
}

.table-pagination>a.btn-first {
    margin-right: 5px;
    transform: rotate(180deg);
    background-image: url(../img/board-paging-end-ico.svg);
}

.table-pagination>a.btn-prev {
    transform: rotate(180deg);
    background-image: url(../img/board-paging-next-ico.svg);
}

.table-pagination>a.btn-next {
    background-image: url(../img/board-paging-next-ico.svg);
}

.table-pagination>a.btn-end {
    margin-left: 5px;
    background-image: url(../img/board-paging-end-ico.svg);

}

.table-pagination .page {
    display: flex;
    gap: 5px;
    margin: 0 10px;
}

.table-pagination .page a {
    font-size: var(--default-font4-size);
    font-weight: 500;
    color: black;
    border: 1px solid #ddd;
    border-radius: 5px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.table-pagination .page a.active {
    opacity: 1;
    position: relative;
    color: white;
    background-color: var(--red);
    border: none;
}

.img-sect {
    min-height: auto !important;
}

.img-sect img{
    width: 100%;
}

.item-title,
.find-address {
    font-size: var(--default-item-tit-size);
    font-weight: 500;
}

strong.item-title {
    display: block;
}

.small {
    font-size: var(--default-font4-size);
}

.smallText {
    font-size: var(--default-font5-size);
}

.explain {
    font-size: var(--default-font4-size);
    color: var(--gray1);
    margin: 1.4em 0;
}

.table-wrap ~ .explain {
    margin: .5em 0;
}

.price {
    font-size: var(--default-font2-size);
    color: #000;
    margin: .5em 0;
    text-align: right;
}

main.list .list{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 40px 30px;
    border-top: none;
}
main.list .list>li{width: calc((100% - 60px)/3); padding: 0; border: none;}
main.list .list>li a{
    padding: 0;
    display: flex;
    flex-direction: column; 
    gap: 20px;
}
main.list .list>li a[href="#none"] {cursor: default;}

main.list .list>li a .img-sect{
    width: 100%;
    border-radius: 15px;
    overflow: hidden;
    background-size: cover;
    position: relative;
    min-height: 215px !important;
}
main.list .list>li a:hover .img-sect img{transform: scale(1.1);}

main.list .list>li a .img-sect img{
    transition: .4s ease-in-out;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

main.list .list>li a .pf-tit {
    width: 100%;
}

main.list .list>li a .pf-tit strong{
    display: block;
    margin-bottom: 5px;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

main.list .info-list{
    display: flex; 
    gap: 15px 30px; 
    flex-wrap: wrap;
}

main.list .info-list li {
    position: relative;
}

main.list .info-list li::after {
    position: absolute;
    top: 50%;
    left: calc(100% + 15px);
    transform: translateY(-50%);
    content: '';
    width: 1px;
    height: 16px;
    background-color: var(--gray2);
}

main.list .info-list li:first-child p {
    color: var(--red);
    font-weight: 600;
}

main.list .info-list li p {
    color: var(--darkGray3);
    font-weight: 400;
}

main.list .info-list li:last-child::after{display: none;}




main.list .info-list > * { position: relative; }
main.list .info-list > *::after {
    position: absolute;
    top: 50%;
    left: calc(100% + 15px);
    transform: translateY(-50%);
    content: '';
    width: 1px;
    height: 16px;
    background-color: var(--gray2);
}
main.list .info-list > * { color: var(--darkGray3); font-weight: 400; }
main.list .info-list > *:first-child { color: var(--red); font-weight: 600; }
main.list .info-list > *:last-child::after{display: none;}




main.subContents .maxWidthWrap2 h5 + .inner {
    flex-grow: 1;
}

main.subContents .report-list {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

main.subContents .report-list > li{
    width: calc((100% - 60px)/3);
    padding: 35px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    justify-content: space-between;
    align-items: flex-start;
    border-radius: 15px;
    border: 1px solid var(--lightGray1);
    background-color: #fff;
}

main.subContents .btn-list {
    display: flex;
    width: 100%;
    gap: 10px;
    flex-wrap: wrap;
}

main.subContents .btn-list button{
    width: 100%;
    padding: 6px;
    font-size: var(--default-font5-size);
    font-weight: 500;
    border-radius: 999px;
    border: 1px solid var(--lightGray1);
    text-align: center;
    flex: 1;
}

main.subContents .btn-list button::after{
    content: url(../img/ico_down.svg);
    display: inline-block;
    vertical-align: inherit;
}

main.subContents .btn-list button:hover {
    background: var(--bgGray1);
}


.graybox {
    width: 100%;
    background-color: var(--bgGray2);
    padding: 35px;
    border-radius: 15px;
}
.graybox.flex {
    display: flex;
    column-gap: 4rem;
}
.graybox .regulations span {
    min-width: 4.8em;
    display: inline-block;
    text-align: right;
    padding-right:0.9rem;
}
main.subContents .graybox.contact-form-style{
    background-color: #fff;
    box-shadow: 0 0 0 5px var(--lightGray2) inset; 
    padding: 60px 35px;
    text-align: center;
    margin-top: 60px;
}

main.subContents .graybox.contact-form-style .item-title{
    margin-bottom: 15px;
}

main.subContents .graybox.contact-form-style .btmbtnbox{
    gap: 15px;
    width: 58%;
    margin-top: 30px;
}

main.subContents .graybox.contact-form-style .btmbtnbox .btn-common{
    width: calc(50% - 7.5px);
}
main.subContents .graybox.contact-form-style .btmbtnbox.w100p .btn-common {
    width: auto;
    min-width: 225px;
}
main.subContents.email .graybox{
    padding: 60px 35px;
}

main.subContents.email .graybox > p{
    text-align: center;
}

main.subContents.email .graybox::before{
    content: url(../img/ico-email.svg);
    display: block;
    margin-bottom: 60px;
    text-align: center;
    line-height: 1;
}

main.subContents.email .graybox .dot {
    font-weight: 400;
    margin-top: 10px;
}


/* main.subContents */
main.subContents.stockholdersMeeting .cont-title {
    display: block;
}


.graybox .dot {
    margin-bottom: 10px;
}

.graybox .dot:last-child {
    margin-bottom: 0;
}

.biz-list{
    display: flex;
    flex-direction: column;
    gap: 100px;
}

.biz-list .content-title + .txt{
    margin: 0;
}

.biz-list li,
.biz-list > div{
    display: flex;
    gap: 60px;
}

.biz-list li:nth-of-type(even) .img-sect,
.biz-list > div:nth-of-type(even) .img-sect{
    order: 2;
}

main.subContents.esg .biz-list li .img-sect{
    order: 1;
}

main.subContents.esg .biz-list li:nth-of-type(even) .text-sect{
    order: 1;
}

.biz-list li .img-sect{
    width: 50%;
    border-radius: 25px;
    overflow: hidden;
}

.biz-list li .img-sect img{
    width: 100%;
}

.biz-list li .text-sect{
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 30px;
}

.biz-list li .text-sect .content-title {
    line-height: 1.2em;
}

main.subContents .card-visual{
    background: url(../img/com/card-visual-bg.jpg) no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    gap: 60px;
    padding: 60px;
    border-radius: 15px;
    max-width: 900px;
}

main.subContents .card-visual .content-title{
    font-weight: 800;
    color: #fff;
}

main.subContents .card-visual .content-title span{
    font-weight: 500;
    font-size: 32px;
}

main.subContents .card-visual .content-title{
    font-size: 35px;
    line-height: 1.2em;
}

main.subContents .card-visual .content-title + p{
    font-size: var(--default-font2-size);
    opacity: .8;
    color: #fff;
    margin-top: 10px;
    line-height: 1.2em;
    font-weight: 400;
}

main.subContents .card-visual > .txt::before{
    content: '';
    display: block;
    width: 40px;
    height: 1px;
    background-color: #fff;
    margin-bottom: 30px;
}

main.subContents .card-visual > .txt{
    color: #fff;
}

.table-wrap table {
    box-sizing: border-box;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

.table-wrap table *{
    text-align: center;
    font-size: var(--default-font1-size);
    color: var(--darkGray3);
    font-weight: 400;
}

.table-wrap.finance table *{
    text-align: left;
}

.table-wrap.finance table thead th{
    text-align: center;
}
.table-wrap.finance table td {
    text-align: right;
}

.table-wrap table tfoot th,
.table-wrap table tfoot td{
    color: var(--darkGray2);
    font-weight: 600;
}

.table-wrap table {border-top: 1px solid #000;}

.table-wrap table th,
.table-wrap table td {
    padding: 15px;
    line-height: 1.2em;
    border-right: 1px solid var(--lightGray1);
    border-bottom: 1px solid var(--lightGray1);
    color: var(--darkGray3);
    white-space: inherit;
}

.table-wrap table .br-right {
    border-right: 1px solid var(--lightGray1) !important;
}

.table-wrap table .br-none {
    border-right: none;
}

.table-wrap table thead th {color: var(--darkGray2); font-weight: 600;}
.table-wrap table tbody th {color: var(--darkGray2); font-weight: 600;}
.table-wrap table th.color {font-weight: 600;}
.table-wrap table td {}

/* .table-wrap table tr > *:last-child{
    border-right: none;
} */

.table-wrap table thead tr:nth-child(1) > th:last-child,
.table-wrap table thead tr:last-child > th:last-child,
.table-wrap table tbody tr > td:last-child,
.table-wrap table tbody tr > th:last-child,
.table-wrap table tfoot tr > td:last-child{
    border-right: none;
}

main.envPerf .table-wrap table thead tr:last-child > th:last-child{
    border-right: 1px solid var(--lightGray1);
}

.table-wrap.line table th,
.table-wrap.line table td,
.table-wrap table th.line,
.table-wrap table td.line{
    border-right: none;
}

.table-wrap.black thead th,
.table-wrap .black {
    color: #fff;
    background-color: #000;
}

.table-wrap table .gray,
.table-wrap table .gray th,
.table-wrap table .gray td,
.table-wrap table .gray p{
    color: var(--darkGray2);
    font-weight: 600;
    background-color: var(--bgGray1);
}

.table-wrap.gray table thead tr th {
    color: #000;
    font-weight: 700;
    background-color: var(--bgGray2);
}

.table-wrap table .color,
.table-wrap table th.color{
    background-color: #FFE4E5;
}

.table-wrap .gray .color,
.table-wrap.gray .color{
    background-color: #F9F9F9;
}


.table-wrap table th.color{
    background-color: #FFE4E5;
}

.table-wrap table .small{
    font-size: var(--default-font4-size);
    color: inherit;
    font-weight: inherit;
}

.table-wrap table + .txt,
.table-wrap .table-box-body ~ .txt,
.table-wrap .table-box-body ~ .graybox{
    margin: 1.4em 0;
}

.table-wrap .table-box-body ~ .graybox{
    margin-bottom: 0;
}

.table-wrap table td .dot{
    text-align: left;
    margin-bottom: 10px;
}

.table-wrap table td .dot:last-child{
    margin-bottom: 0;
}

main.subContents.public_list .table-wrap table tbody tr td:nth-child(2),
main.subContents.disclosure_list .table-wrap table tbody tr td:nth-child(1) {
    white-space: normal;
}

main.subContents.public_list .table-wrap table tbody tr td:nth-child(2) a,
main.subContents.disclosure_list .table-wrap table tbody tr td:nth-child(1) a{    
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

main.subContents.disclosure_list .table-wrap table tbody tr td:nth-child(1) a,
main.subContents.public_list .table-wrap table tbody tr td:nth-child(2) a{
    text-align: left;
}

main.subContents.envPerf .table-wrap table th,
main.subContents.envPerf .table-wrap table td,
main.subContents.corpGvrn .table-wrap table thead th{
    padding: 15px 0;
}

main.subContents.envPerf .table-wrap table tbody th,
main.subContents.stockholdersMeeting .table-wrap table tbody th,
main.subContents.director .table-wrap:last-of-type table tbody th,
main.subContents.numguide .table-wrap table tbody th,
main.subContents.priGuide .table-wrap table tbody th,
main.subContents.envCns .table-wrap table tbody th,
main.subContents.ethicalMng .table-wrap table tbody th {
    font-weight: 400;
}

main.subContents.stockholdersMeeting .table-wrap table tbody th:first-child{
    padding: 15px 0;
}

main.subContents.stockholdersMeeting .table-wrap table tbody th:nth-child(2),
main.subContents.corpGvrn .table-wrap table tbody th,
main.subContents.corpGvrn .table-wrap table tbody td{
    text-align: left;
    font-weight: 400;
}

main.subContents.corpGvrn .table-wrap table tbody th:nth-child(1),
main.subContents.corpGvrn .table-wrap table tbody td:nth-child(3){
    text-align: center;
}

main.subContents.socialCnt .table-wrap:nth-of-type(2) table tbody th{
    font-weight: 400;
}

main.subContents.finance .table-wrap table tbody tr:last-child th,
main.subContents.finance .table-wrap table tbody tr:last-child td{
    color: var(--darkGray3);
    font-weight: 600;
}

main.subContents.finance section:last-of-type .table-wrap table tbody tr:last-child th,
main.subContents.finance section:last-of-type .table-wrap table tbody tr:last-child td{
    color: var(--darkGray3);
    font-weight: 400;
}


main.subContents.priGuide section:nth-of-type(3) .table-wrap table th,
main.subContents.priGuide section:nth-of-type(3) .table-wrap table td{
    padding: 15px 0;
}

main.subContents.priGuide section:nth-of-type(3) .table-wrap tbody tr:first-child td:last-child{
    padding: 15px;
}

main.subContents a.down{
    display: inline-block;
    /* width: fit-content; */
    font-size: var(--default-font4-size);
    font-weight: 600;
    color: #000;
    padding: 5px 5px 3px 10px;
    border-radius: 5px;
    border: 1px solid #000;
    text-align: center;
    line-height: 1em;
    margin: 0 auto;
}

main.subContents a.down:hover,
main.subContents a.down:focus,
main.subContents a.down:active {
    background: var(--bgGray1);
}

main.subContents a.down::after{
    content: url(../img/ico_down.svg);
    display: inline-block;
    vertical-align: middle;
}

main.subContents.view .news-tit {
    border-bottom: 1px solid #000;
}

main.subContents.view .news-tit .txt {
    color: var(--darkGray3);
    display: block;
    margin: 20px 0;
    line-height: 1;
}

main.subContents.view .notice-cont {
    padding: 30px 0;
}

main.subContents.view .notice-cont img {
    max-width: 100%;
    height: auto !important;
}

main.subContents.view .notice-cont > *{
    margin: 0.5em 0;
}

main.subContents.view .notice-cont .file-area{
    padding: 35px;
    border-radius: 15px;
    box-sizing: border-box;
    background-color: var(--bgGray2);
    margin: 30px 0 0 0;
    display: flex;
    flex-flow: column;
    align-items: start;
    gap: 10px;
}

main.subContents.view .notice-cont .file-area a {
    color: var(--darkGray3);
}

main.subContents.view .notice-cont .file-area a::before{
    content: url(../img/ico_down.svg);
    vertical-align: middle;
    line-height: 1;
}

main.subContents.view .link-box{
    display: flex;
    width: 100%;
    flex-direction: column;
    margin-bottom: 60px;
    border-top: 1px solid var(--lightGray1);
    border-bottom: 1px solid var(--lightGray1);
}

main.subContents.view .link-box li * {
    color: var(--darkGray3);
}

main.subContents.view .link-box li{
    display: flex;
    padding: 20px 0;
}

main.subContents.view .link-box li:first-child {
    border-bottom: 1px solid var(--lightGray2);
}

main.subContents.view .link-box li a.btn{
    font-weight: 600;
    width: 10.83%;
}

main.subContents.view .link-box li a.btn::after{
    line-height: 1;
    content: url(../img/ico-arrow-btn.svg);
    display: inline-block;
    vertical-align: middle;
    margin-left: 25px;
}

main.subContents.view .link-box li a.btn.prev::after{
    rotate: 180deg;
}

main.subContents.view .link-box li a.title{
    width: 78.58%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 30px;
}
main.subContents.view .link-box li a.title.no-text{
    cursor: default;
    color: var(--gray2);
}

main.subContents.view .link-box li time{
    width: 10.58%;
    text-align: right;
    white-space: nowrap;
}

main.subContents .card-list {
    display: flex;
    gap: 30px;
    margin-top: 30px;
}

main.subContents .card-list > .card{
    flex: 1;
}

main.subContents .card-list > .card dt{
    height: 35%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    background-color: #000;
    padding: 15px 35px;
    border-radius: 15px 15px 0 0;
}

main.subContents .card-list > .card dd{
    height: 65%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 35px;
    text-align: center;
    border: 1px solid var(--lightGray1);
    border-radius: 0 0 15px 15px;
}

/* 매장찾기 */
.plaza-map{position:relative; border-top: 1px solid var(--lightGray1);}
.plaza-map select{appearance:none;-webkit-appearance:none;border:none;outline:none;filter:none;background:url(../img/store/ico-select-arrow.png) no-repeat calc(100% - 22px) center; border-top: 1px solid var(--lightGray1);}
.plaza-map select:selected{appearance:none;-webkit-appearance:none;border:none;outline:none;filter:none;}
.plaza-map > * {
    height: calc(100vh - 80px);
}
.plaza-map .map-box{width:calc(100% - 360px);margin-left: 360px;}
.plaza-map .sch-box{position:absolute;top:0;left:0;/* z-index:1; */width:360px;background:#fff; box-sizing: border-box; display: flex; flex-direction: column;}
.plaza-map .sch-box .btn-tab{/*overflow:hidden;*/position:relative;z-index:2;background:#fff;}
.plaza-map .sch-box .btn-tab li{position:relative;float:left;width:50%;}
/* .plaza-map .sch-box .btn-tab li:not(.active){border-bottom: 1px solid var(--lightGray1);} */
.plaza-map .sch-box .btn-tab li ~ li:before{
    content:"";display:block;position:absolute;top:50%;left:0;z-index:1;width:1px;height:13px;background:#ccc;transform:translateY(-50%);
}
.plaza-map .sch-box .btn-tab li a{display:block;position:relative;padding:20px 0;text-align:center;font-size:var(--default-font3-size);font-weight:600;line-height:1em;color:var(--gray1); border-right: 1px solid var(--lightGray1);}
.plaza-map .sch-box .btn-tab li:first-child a{border-right: none;}
.plaza-map .sch-box .btn-tab li.active a{color:var(--red);}
.plaza-map .sch-box .btn-tab li.active a:after{content:"";display:block;position:absolute;bottom:0;left:0;z-index:1;width:100%;height:3px;background:var(--red)}
.plaza-map .sch-box .opts{position:relative;z-index:2;background:var(--bgGray1); display: none;}
.plaza-map .sch-box .opts .sel-box{overflow:hidden;}
.plaza-map .sch-box .opts .sel-box select{display:block;float:left;width:50%;/*height:56px;*/padding: 22px; line-height: 1; font-size:var(--default-font1-size); border-right: 1px solid var(--lightGray1); }
.plaza-map .sch-box .opts .inp-box{position:relative;border-top:1px solid #ccc;}
.plaza-map .sch-box .opts .inp-box input{display:block;width:100%;/*height:56px;*/padding: 22px; line-height: 1; padding-right: 50px; font-size:var(--default-font1-size); background-color: var(--bgGray1); border-right: 1px solid var(--lightGray1);}
.plaza-map .sch-box .opts .inp-box .btn-search{display:block;overflow:hidden;position:absolute;top:0;right:0;z-index:1;/*width:46px;*/height:100%;text-indent:-9999px;font-size:0;background:url(../img/store/ico-search.svg) no-repeat center left;background-size:22px; margin-top: 0; padding: 22px;}
.plaza-map .sch-box .result-box{
    overflow-y:auto;position:relative;z-index:2;background:#fff;
    height:100%;
    /* height: 100vh; */
    border-right: 1px solid var(--lightGray1);
}
/* c9 */
.plaza-map .sch-box .result-box .no-location-msg {border-top: 1px solid #ddd;}
.plaza-map .sch-box .result-box .no-location-msg {font-size: var(--default-font4-size); text-align: center; padding: 20px; word-break: keep-all;}
.plaza-map .sch-box .result-box .no-location-btn {
    text-align: left;
    font-size: var(--default-font4-size);;
    font-weight: 600;
    background: #000000;
    position: relative;
}
.no-location-btn a {
    padding: 20px;
    display: block;
    color: #ffffff;
}
.plaza-map .sch-box .result-box.opt-hide{max-height: calc(100% - 60px);}
.plaza-map .sch-box .result-box.short{max-height: calc(100% - 170px);}
.plaza-map .sch-box .result-box ul{border-top:1px solid #ccc;}
.plaza-map .sch-box .result-box ul li{
    border-bottom:1px solid #ccc;
}
.plaza-map .sch-box .result-box ul li.no-plaza{
    font-size: var(--default-font1-size);
    padding: 1em 0;
    text-align: center;
    color: var(--gray2);
    border-bottom: none;
}
.plaza-map .sch-box .result-box ul li button,
.plaza-map .sch-box .result-box ul li a {display:block;padding:18px 20px; text-align: left;}
.plaza-map .sch-box .result-box ul li button span,
.plaza-map .sch-box .result-box ul li a span{display:block;}
.plaza-map .sch-box .result-box ul li .info01{position:relative;font-size:var(--default-font2-size);font-weight:500;line-height:1em;color:#000; padding-left:30px;}
.plaza-map .sch-box .result-box ul li .info01:before{content:"";display:block;position:absolute;top:0;left:0;z-index:1;width:18px;height:23px;background:url(../img/store/ico-location.png) no-repeat center center;background-size:contain;}
.plaza-map .sch-box .result-box ul li .info02{word-break: keep-all; margin-top:10px;font-size:var(--default-font1-size);line-height:1.4em;color:var(--gray1);}
.plaza-map .sch-box .result-box ul li .info03{display: inline-block; margin-top:10px;font-size:var(--default-font1-size);line-height:1.4em;color:#000; position: relative; margin-right: 30px;}
.plaza-map .sch-box .result-box ul li .info03::after{
    content:"";display:block;position:absolute;top:50%;right: -15px;z-index:1;width:1px;height:12px;background:#ccc;transform:translateY(-50%);
}
/* 추가 */
.plaza-map .sch-box .result-box ul li .info03:last-of-type::after{
    display: none;
}
/* 추가 */
.plaza-map .sch-box .result-box ul li .info04{display: inline-block; font-size:var(--default-font1-size);line-height:1.4em;color:var(--red);}
.plaza-map .sch-box .result-box ul li.active button,
.plaza-map .sch-box .result-box ul li.active a{background:#fff3f5; display: block; width: 100%;}
.plaza-map .sch-box .result-detail{
    position:absolute;top:0;left:0%;z-index:1;width:360px;background:transparent;transition:all 0.4s ease-out;
    height:100%;
}
.plaza-map .sch-box .result-detail .inner{
    overflow-y:auto;position:relative;height:100%;max-height:100%;background:#f1f1f1;
    border-right: 1px solid var(--lightGray1);
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.plaza-map .sch-box .result-detail .btn-toggle{display:block;position:absolute;top:50%;left:100%;z-index:0;width:40px;height:76px;margin-left:-42px;border:1px solid #ddd;border-radius:0 5px 5px 0;background:#fff;transition:all 0.4s ease-out;}
.plaza-map .sch-box .result-detail .btn-toggle:before{content:"";display:block;width:100%;height:100%;background:url(../img/store/ico-toggle.png) no-repeat center center;transform:rotate(270deg);transition:all 0.4s ease-out;}
.plaza-map .sch-box .result-detail .sum-box{padding:30px 20px;box-shadow:0 0 10px rgba(0,0,0,0.06);background:#fff;}
.plaza-map .sch-box .result-detail .sum-box .thm-img{overflow:hidden;width:94px;height:94px;margin:0 auto;border-radius:50%;}
.plaza-map .sch-box .result-detail .sum-box .thm-img img{display:block;width:100%;height:100%;object-fit:cover;}
.plaza-map .sch-box .result-detail .sum-box .loca-name{display: block; text-align:center;font-size:var(--default-font2-size);font-weight:500;line-height:1em;color:var(--darkGray2);}
.plaza-map .sch-box .result-detail .sum-box .addr{font-size: var(--default-font1-size); padding-top:10px;text-align:center; line-height:1.5em;color:var(--gray1);}
.plaza-map .sch-box .result-detail .info-list{background:#fff; flex: 1 0 auto;}
.plaza-map .sch-box .result-detail .info-list li{position:relative;padding:20px 30px 20px 56px;}
.plaza-map .sch-box .result-detail .info-list *{font-size:var(--default-font1-size);line-height:1.5em;color:var(--gray1);}
.plaza-map .sch-box .result-detail .info-list li ~ li{border-top:1px solid #eee;}
.plaza-map .sch-box .result-detail .info-list li:before{content:"";display:block;position:absolute;top:25px;left:20px;z-index:1;width:26px;height:26px;}
.office-info .office-name{width: fit-content; background: #000000; border-radius: 50px; padding: 5px 15px; color: #ffffff; font-size:15px;}
.plaza-map .sch-box .result-detail .info-list li.call:before{background:url(../img/store/ico-phone.png) no-repeat left center;}
.plaza-map .sch-box .result-detail .info-list li.way:before{background:url(../img/store/ico-corner.png) no-repeat left center;}
.plaza-map .sch-box .result-detail .info-list li.time:before{background:url(../img/store/ico-clock.png) no-repeat left center;}
.plaza-map .sch-box .result-detail .info-list li.parking:before{background:url(../img/store/ico-parking.png) no-repeat left center;}
.plaza-map .sch-box .result-detail .info-list li.chk:before{background:url(../img/store/ico-check-circle.png) no-repeat left center;}
.plaza-map .sch-box .result-detail .info-list li.gift:before{background:url(../img/store/ico-gift.png) no-repeat left center;}
.plaza-map .sch-box .result-detail .info-list li.gift a{display:block;white-space:normal;word-break:break-all;word-wrap:break-word;}
.plaza-map .sch-box .result-detail .info-list li dl{display:table;table-layout:fixed;}
.plaza-map .sch-box .result-detail .info-list li dl dt{display:table-cell;padding-right:10px;vertical-align:top;}
.plaza-map .sch-box .result-detail .info-list li dl dd{display:table-cell;vertical-align:top;}

.plaza-map .sch-box.opened .result-detail{left:100%;transition:all 0.4s ease-out;}
.plaza-map .sch-box.opened .result-detail .btn-toggle{margin-left:-2px;transition:all 0.4s ease-out 0.3s;}
/* 매장찾기 */

main.subContents .step-list,
main.subContents .proposition-list {
    width: 100%;
    display: flex;
    gap: 60px;
    align-items: flex-start;
    flex-wrap: wrap;
}

main.subContents .proposition-list {
    align-items: normal
}

main.subContents .step-list > li,
main.subContents .proposition-list > li{
    flex: 1;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 15px;
    padding: 35px 0;
    text-align: center;
}

main.subContents .proposition-list > li {
    padding: 10px;
    background-color: #000;
    color: #fff;
    font-weight: 300;
    border-radius: 999px;
}

main.subContents .step-list.two,
main.subContents .step-list.three {
    gap: 30px 60px;
    justify-content: start;
}

main.subContents .step-list.two > li {
    width: calc((100% - 60px)/2);
    flex: unset;
}

main.subContents .step-list.three > li{
    width: calc((100% - 120px)/3);
    flex: unset;
}

main.subContents .step-list.two > li:nth-child(2)::after,
main.subContents .step-list.three > li:nth-child(3)::after{
    display: none;
}

main.subContents .step-list > li::after,
main.subContents .proposition-list > li::after {
    background: url(../img/red_arrow_left.svg) no-repeat;
    content: '→';
    width: 10px;
    height: 20px;
    margin: 0 25px;
    display: inline-block;
    position: absolute;
    top: calc(50% - 10px);
    right: -60px;
    text-indent: -99999px;
    background-size: contain;
}

main.subContents .proposition-list > li::after {
    filter: grayscale(1);
}

main.subContents .step-list > li:last-child::after,
main.subContents .proposition-list > li:last-child::after {
    display: none;
}

main.subContents .step-list li .smallText{
    color: var(--red);
    font-weight: 500;
}

main.subContents .step-list li img{
    width: 80px;
}

main.subContents .step-list li .item-title{
    text-align: center;
}

main.subContents .step-list li .small{
    color: var(--gray1);
    font-weight: 500;
}

main.subContents.priGuide .step-list li .small{
    color: var(--darkGray2);
}

main.subContents.job .step-list.three > li .item-title{
    margin-bottom: 0;
}

main.subContents.ethsinmungo .step-list > li {
    padding: 0;
}

main.subContents.ethsinmungo .step-list > li::after {
    top: 106px;
}

main.subContents.compliance .img-sect.step {
    width: fit-content;
    margin: 0 auto;
}

main.subContents.compliance .step-list:first-of-type{
    width: 90%;
    margin: 30px auto 0;
    justify-content: center;
    gap: 30px;
}

main.subContents.compliance .step-list:first-of-type > li{
    padding: 0;
}

main.subContents.compliance .step-list:first-of-type > li::after{
    display: none;
}

main.subContents.compliance .step-list:first-of-type li .img-sect{
    padding: 37px;
    border-radius: 999px;
    background-color: var(--red);
    position: relative;
    margin-bottom: 30px;
}

main.subContents.compliance ol.box-Style-01 .box .cont{
    width: 100%;
    padding: 35px;
}

main.subContents.compliance ol.box-Style-01 .box {
    padding: 0;
}

main.subContents.compliance ol.box-Style-01 .box .cont *{
    text-align: left;
}

main.subContents.compliance ol.box-Style-01 .box .cont .dot{
    word-break: break-all;
}

main.subContents.compliance .box-Style-01 .box .cont > .btn-box,
main.subContents.inqTownboard .box-Style-01 .box .cont > .btn-box{
    margin-top: 20px;
    display: flex;
    align-items: center;
}

main.subContents.compliance .box-Style-01 .box .cont > .btn-box img,
main.subContents.inqTownboard .box-Style-01 .box .cont > .btn-box img{
    margin-top: 0;
}

main.subContents.compliance .box-Style-01 .box .cont.flex,
main.subContents.inqTownboard .box-Style-01 .box .flex{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

main.subContents.inqTownboard .box-Style-01 .box > div {
    width: calc((100% - 60px)/3);
}

main.subContents.inqTownboard .box-Style-01.three .box .img-sect{
    border-radius: 15px 15px 0 0;
    overflow: hidden;
}

main.subContents.inqTownboard .box-Style-01.three .box .cont{
    width: 100%;
    flex: 1;
    border-radius: 0 0 15px 15px;
    overflow: hidden;
    gap: 25px;
}

main.subContents.inqTownboard div.box-Style-01 .box .cont .btn-box img{
    visibility: hidden;
}

.graybox .txt + .num-list {
    margin-top: 20px;
}

.article-box .article{
    display: block;
    margin: 30px 0;
}

.article-box > .item-title.red:first-child,
.article-box > .article:first-child,
.num-list.num-dash > li:first-child,
main.subContents.privacy .article-box .article:first-of-type,
main.subContents.privacy .article .cont-title + .cont .graybox .num-list > li:first-child{
    margin-top: 0;
}

.article-box > .item-title.red:last-child,
.article-box > .article:last-child,
.num-list.num-dash > li:last-child,
main.subContents.privacy .article .cont-title + .cont .graybox .num-list > li:last-child,
main.subContents.privacy .article .cont-title + .cont .graybox .num-list > li:last-child .txt,
main.subContents.privacy .article-box .article .graybox .num-list > li:last-child,
main.subContents.privacy .article-box .article .graybox .num-list > li:last-child .txt,
main.subContents.privacy .article-box .article .graybox .txt:last-child{
    margin-bottom: 0;
}

.article-box .article .item-title, 
.article-box .article .txt{
    display: block;
    margin-bottom: 10px;
}

.article-box .article .graybox .txt:last-of-type{
    margin-bottom: 0;
}

.article-box .article strong.txt {
    font-weight: 600;
}

.num-list {
    /* padding-left: 1em; */
    display: block;
    /* list-style-position: outside !important;
    list-style-type: auto !important; */

    list-style: none !important;
    counter-reset: counter;
}
.num-list > li {
    counter-increment: counter;
    position: relative;
    padding-left: 1.1em;
}
.num-list li::before{
    position: absolute;
    left: 0;
    top: 0;
    content: counter(counter) ".";
    text-align: left;
    width: 1.5em;
    height: 1em;
    
    display: inline-block;
    /* margin-right: 0.5rem; */
}
.num-list li.type_none{
    padding-left: 2.8em;
}
.num-list li.type_none::before{
    content: "";
    width: 2.5em;
}
.num-list li.type_none span{
    margin-left: -2.7em;
}
.num-list li {
    display: list-item;
    list-style: inherit !important;
    margin: 10px 0;
}
.num-list li:last-child{
    margin-bottom: 0;
}

/* .num-list.circle {
    list-style: none !important;
    counter-reset: counter;
} */

.num-list.circle > li{
    counter-increment: counter;
    position: relative;
    padding-left: 1.6em;
}
.num-list.circle > li::before{
    position: absolute;
    left: 0;
    top: 3px;
    content: counter(counter);
    font-size: .6em;
    color: #000;
    width: 1.7em;
    height: 1.7em;
    border-radius: 50%;
    display: inline-block;
    line-height: 1.7em;
    text-align: center;
    margin-right: 0.5em;
    border: 1px solid #000;
}

.num-list.dash > li::before{
    content: '-';
    
    font-size: 1em;
    width: 1.3em;
    height: 1em;
    line-height: 1em;

    border: 0;
    border-radius: 0;
    
    display: inline-block;
    /* margin-right: 0.5rem; */
}
.num-list.han li{
    padding-left: 1.4em;
}
.num-list.han > li::before{
    content: counter(counter, hangul) ".";
    font-size: 1em;
    width: 1.3em;
    height: 1em;
    line-height: 1.4em;

    border: 0;
    border-radius: 0;
    
    display: inline-block;
    /* margin-right: 0.5rem; */
}

.num-list.num-dash {
    counter-reset: counter cnt2;
}

.num-list.num-dash > li {
    counter-reset: cnt2;
    padding-left: 0;
    margin: 30px 0;
}

.num-list.num-dash > li::before {
    display: none;
}

.num-list.num-dash > li .txt {
    position: relative;
    padding-left: 1.6em;
    margin: 10px 0;
}

.num-list.num-dash > li .txt::before {
    counter-increment: cnt2;
    content: counter(counter) "-" counter(cnt2) ".";
    font-size: 0.8em;
    position: absolute;
    left: 0;
    top: 3px;
}

main.subContents .txt + .gray-flex{
    margin-top: 20px;
}

main.subContents .gray-flex{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

main.subContents .gray-flex .graybox{
    flex: 1;
}

main.subContents .gray-flex.center .graybox *{
    text-align: center;
    margin: 0 auto;
}

main.subContents .gray-flex .graybox .txt{
    display: block;
    width: 100%;
}

main.subContents .gray-flex.center .graybox .txt{
    margin-top: 10px;
}

main.subContents .img-list{
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

main.subContents .img-list > li{
    width: calc((100% - 60px)/3);
}

main.subContents .img-list.li02 > li{
    width: calc((100% - 30px)/2);
}

main.subContents .img-list .img-sect{
    border-radius: 15px;
    overflow: hidden;
}

main.subContents .img-list .item-title{
    display: block;
    margin: 15px 0;
}

main.subContents .img-list.li02 .item-title{
    margin-bottom: 0;
}

main.solution .solution-info{
    background: linear-gradient(180deg, #00BCC3 0%, #008A8F 100%);
    padding-top: 150px;
    color: #fff;
}

main.solution .solution-info .item-title{
    word-break: keep-all;
    font-weight: 400;
}

main.solution .solution-info .subCommonStyle{
    gap: 60px;
    justify-content: flex-start;
    margin-top: 0;
    margin-bottom: 0;
}

main.solution .solution-info .img-sect{
    max-width: 90%;
    margin: 80px auto 0;
}

main.subContents .slide-list {
    width: 100%;
}

main.subContents .slide-list > li:first-child > button {
    border-top: 1px solid #000;
}

main.subContents .slide-list > li > button {
    width: 100%;
    padding: 25px 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-bottom: 1px solid var(--lightGray1);
    position: relative;
    text-align: left;
}

main.subContents .slide-list > li > button::after {
    position: absolute;
    content: url(../img/ico-arrow.svg);
    right: 0;
    top: calc(50% - 24px);
    transition: .3s;
}

main.subContents .slide-list > li.on > button::after {
    rotate: 180deg;
}

main.subContents .slide-list .slide-cont {
    padding: 40px;
    background-color: var(--bgGray1);
    border-bottom: 1px solid var(--lightGray1);
    display: none;
}

main.subContents.ceo .contents > section{
    margin: 0;
    position: relative;
    background: #F9F9F9;
    margin-top: 200px;
}

main.subContents.ceo .ceo-cont {
    display: flex;
    gap: 60px;
    padding-top: 100px;
    padding-bottom: 105px;
}

main.subContents.ceo .ceo-cont > .img-sect {
    width: 43.17%;
    height: fit-content;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    top: -200px;
}

main.subContents.ceo .ceo-cont .text-sect {
    color: var(--darkGray3);
    width: 51.83%;
    /* margin-top: 200px; */
    display: flex;
    flex-direction: column;
    gap: 30px;
}

main.subContents.ceo .ceo-cont .text-sect .cont-title{
    color: #000;
    display: block;
    margin-bottom: 30px;
}

main.subContents.ceo .ceo-cont .text-sect .ceo-name{
    color: var(--darkGray2);
    display: flex;
    gap: 30px;
    align-items: center;
    justify-content: end;
    margin-top: 30px;
}

main.subContents.ceo .ceo-cont .text-sect .img-sect{
    width: 106px;
}

main.subContents.history .contents > section{
    margin-bottom: 60px;
    margin-top: 30px;
}

main.subContents.history .contents > section:first-of-type{
    margin-top: 100px;
}

main.subContents.history .contents > section:last-of-type{
    margin-bottom: 200px;
}

main.subContents .history-list > li{
    display: flex;
    margin-bottom: 20px;
}

main.subContents .history-list > li:last-of-type{
    margin-bottom: 0;
}

main.subContents .history-list > li .month {
    display: block;
    width: 80px;
    color: var(--gray2);
    font-weight: 600;
}

main.subContents .history-list > li .cont {
    width: calc(100% - 80px);
}

main.subContents.director .history-list {
    margin-top: 1.4em;
}

main.subContents.director .history-list > li {
    margin-bottom: 10px;
}

main.subContents.director .history-list .txt {
    font-size: var(--default-font4-size);
}


main.subContents.director .history-list div .txt {
    padding-left: 1.6em;
    position: relative;
    margin-bottom: 5px;
}

main.subContents.director .history-list div .txt:last-child{
    margin-bottom: 0;
}

main.subContents.director .history-list div .txt span{
    position: absolute;
    top: 0;
    left: 0;
}

main.subContents.director .history-list > li .month {
    width: 105px;
    color: var(--darkGray3);
}

main.subContents.director .history-list > li .cont {
    width: calc(100% - 105px);
}

main.subContents .btn-Style-01 .cont-title {
    margin: 0;
}

main.subContents .btn-Style-01 .img-sect{
    border: 1px solid var(--lightGray1);
    margin: 30px 0;
    overflow: hidden;
}

main.subContents .btn-Style-01 .btn-common{
    margin-top: 60px;
}

main.subContents .color-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

main.subContents .color-box .color {
    position: relative;
    left: 15px;
}

main.subContents .color-box .color:last-child {
    position: relative;
    left: -15px;
}

main.subContents .color-box .color .info{
    width: 340px;
    height: 340px;
    text-align: center;
    color: #fff;
    background-color: var(--red);
    border-radius: 999px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-weight: 300;
}

main.subContents.ci .color-box .color:last-child .info{
    background-color: #000;
}

main.subContents.ci .contents section:nth-of-type(2){
    background-color: var(--bgGray1);
    margin-bottom: 200px;
    margin-top: 0;
    padding-bottom: 200px;
    padding-top: 200px;
}

main.subContents.ci .contents section:nth-of-type(2) .subCommonStyle{
    margin-top: 0;
    margin-bottom: 0;
}

main.subContents .color-box .color .info .cont-title{
    display: block;
    margin-bottom: 20px;
}

main.subContents .color-box .color > .txt{
    margin-top: 15px;
    text-align: center;
}

main.subContents .num-text{
    display: flex;
    flex-wrap: wrap;
}

main.subContents .num-text .title{
    width: 80px;
    font-weight: 600;
    color: var(--gray2);
}

main.subContents .num-text .title + .txt{
    width: calc(100% - 80px);
}

main.subContents .map-sect {
    width: 100%;
    border-radius: 15px;
    border: 1px solid var(--lightGray1);
    overflow: hidden;
    margin-bottom: 40px;
}

main.subContents .map-sect + .info{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

main.subContents a.location{
    line-height: 1;
    display: block;
    width: fit-content;
}

main.subContents a.location::before{
    content: '지도 보기';
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url(../img/com/map-pin.svg) no-repeat;
    background-size: contain;
    text-indent: -99999px;
    vertical-align: text-bottom;
    margin-right: 5px;
}

.root_daum_roughmap .wrap_map,
.root_daum_roughmap_landing {
    width: 100% !important;
}

main.subContents .client-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 40px 30px;
}

main.subContents h6 + .inner .client-list,
main.subContents .txt + .client-list {
    margin-top: 40px;
}

main.subContents .client-list > li {
    width: calc((100% - 90px)/4);
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-top: 1px solid #000;
}

main.subContents .client-list > li .img-box {
    min-height: 96px;
    display: flex;
    align-items: center;
    justify-content: center;
}

main.subContents .client-list > li .img-box img{
    width: 80%;
}

main.subContents .client-list > li p{
    font-size: var(--default-font2-size);
    margin-top: 10px;
    display: none;
}

main.subContents .box.center{
    text-align: center;
}

main.subContents .subway{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}

main.subContents .subway>li{
    display: flex;
    align-items: center;
    gap: 3px;
}

main.subContents .subway span{
    font-size: var(--default-font5-size);
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    color: #fff;
}

main.subContents .subway span.line1{
    background-color: #0052A4;
}

main.subContents .subway span.line2{
    background-color: #00A84D;
}

main.subContents .subway span.line3{
    background-color: #EF7C1C;
}

main.subContents .subway span.line5{
    background-color: #996CAC;
}

main.subContents .subway span.line7{
    background-color: #747F00;
}

main.subContents.fairTrade .item-title{
    font-size: var(--default-item-tit-size);
    margin-bottom: 10px;
    font-weight: 500;
}

main.subContents.fairTrade .item-title + .txt{
    margin-bottom: 30px;
}

main.subContents.fairTrade .graybox > div:last-of-type .txt {
    margin-bottom: 0;
}

main.subContents.fairTrade .title1{
    margin-bottom: 30px;
}

main.subContents.townboard .subTitle-Style-01 header{
    margin-bottom: 30px;
}

main.subContents.townboard .biz-list li .text-sect{
    gap: 10px;
}

main.subContents.townboard .biz-list li .text-sect .item-title{
    margin-bottom: 20px;
}

main.subContents.townboard article section:nth-of-type(3) .gray1{
    opacity: .6;
}

main.subContents.townboard article section:nth-of-type(3) .img-sect{
    border-radius: 15px;
    overflow: hidden;
    margin-top: 60px;
}

main.subContents.townboard .btmbtnbox,
main.subContents.townboard .txt + .biz-list{
    margin-top: 60px;
}

main.subContents.townboard .box-Style-01 .box .cont {
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    min-height: 300px;
}

main.subContents.townboard .box-Style-01 .box .cont .item-title {
    font-size: 24px;
    margin-bottom: 0;
    text-align: right;
}

main.subContents.townboard .box-Style-01 .box .cont .dot {
    margin-top: 60px;
}

main.subContents.townboard .box-Style-01 .box .cont {
    background: #f6f6f6 url(../img/biz/townboard-logo-img-01.png) no-repeat left 35px top 35px;
    background-size: 210px;
}

main.subContents.townboard .box-Style-01 .box .cont:nth-child(2) {
    background-image: url(../img/biz/townboard-logo-img-02.png);
}

main.subContents.townboard .box-Style-01 .box .cont:nth-child(3) {
    background-image: url(../img/biz/townboard-logo-img-03.png);
}

main.subContents.townboard .box-Style-01 .box .cont:nth-child(4) {
    background-image: url(../img/biz/townboard-logo-img-04.png);
}

main.subContents.townboard .box-Style-01 .box .cont:nth-child(5) {
    background-image: url(../img/biz/townboard-logo-img-05.png);
}

main.subContents.kcgs .graybox{
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 200px;
    margin-bottom: 40px;
    padding: 60px;
}

main.subContents.kcgs .graybox + .txt:first-of-type{
    margin-bottom: 1em;
}

main.subContents.kcgs .table-wrap{
    margin-top: 40px;
}

main.subContents.envPerf .graybox{
    margin-top: 1.4em;
}

main.subContents.envPerf .graybox .txt{
    margin-bottom: 5px;
}

main.subContents.shareholders .graybox {
    padding: 30px 60px;
}

main.subContents.shareholders .graybox .img-sect {
    text-align: center;
}

main.subContents.shareholders .graybox .img-sect img{
    width: auto;
}

main.subContents.shareholdersReturn .content-title{
    margin-bottom: 40px;
}

main.subContents.priGuide section:first-of-type .graybox{
    margin-bottom: 60px;
}

main.subContents.priGuide section:first-of-type .graybox .txt:first-of-type{
    margin: .5em 0;
}

main.subContents.privacy .table-wrap .img{
    width: 50px;
    margin: 0 auto 15px;
}

main.subContents.privacy .table-wrap .img img,
main.subContents.privacy .article-box .article > .img img{
    width: 100%;
}

main.subContents.privacy .article-box .article{
    margin: 60px 0;
}

main.subContents.privacy .article-box .cont-title ~ .article,
main.subContents.privacy .article .cont-title + .cont .article{
    margin: 30px 0;
}

main.subContents.privacy .article-box .article {
    position: relative;
}

main.subContents.privacy .article-box .article > .img{
    width: 50px;
    display: inline-block;
    margin-right: 0.7em;
    margin-bottom: 1.4em;
    vertical-align: middle;
    position: absolute;
    top: -12px;
    left: 0;
}

main.subContents.privacy .article-box .article > .img + .cont-title{
    padding-left: 2.5em;
    display: inline-block;
    vertical-align: middle;
}

main.subContents.privacy .dot {
    font-size: var(--default-font1-size);
}

main.subContents.privacy .article .cont-title + .cont > .txt:first-of-type {
    margin-bottom: 1.4em;
}

main.subContents.privacy .article .cont-title + .cont .graybox {
    margin-top: 15px;
}

main.subContents.privacy .article .cont-title + .cont .graybox .num-list > li {
    margin: .9em 0;
}

main.subContents.corpGvrn section:nth-of-type(1) .box > .btn-common:first-of-type{
    margin: 30px 0;
}

main.subContents.corpGvrn .btn-list .btn-common{
    width: calc((100% - 40px)/5);
    padding: 15px 0;
}

main.subContents.ethicalMng .title1 + .graybox{
    text-align: center;
}

main.subContents.ethicalMng .article-box .article .item-title + .num-list > li{
    margin: 20px 0;
}

main.subContents.ethicalMng .article-box .article .item-title + .num-list > li:last-child{
    margin-bottom: 0;
}

main.subContents.ethicalMng .graybox .txt + .num-list {
    margin-top: 10px;
}

main.subContents.ethicalMng .article-box .article .item-title + .num-list > li .txt:first-of-type{
    margin-top: 0;
}

main.subContents.ethicalMng .article-box .article .item-title + .num-list > li .txt strong{
    font-weight: 500;
}


main.subContents.ethicalMng .btmbtnbox{
    margin-top: 100px;
}

main.subContents.ethicalMng .table-wrap{
    margin: .5em 0;
}

main.subContents.ethicalMng .table-wrap table tbody *{
    background-color: var(--bgGray2);
}

main.subContents.envCns .title2:nth-of-type(3) + .graybox{
    padding: 60px 35px;
}

main.subContents.envCns .title2:nth-of-type(3) + .graybox .img-sect{
    width: 55.56%;
    margin: 0 auto;
}

/* main.subContents.socialCnt .img-list .dot {
    font-size: var(--default-font2-size);
} */

main.subContents.envCns .img-list .txt{
    text-align: center;
    margin-top: .5em;
}

main.subContents.envCns .title2:last-of-type ~ .graybox{
    padding: 60px;
}

main.subContents.envCns .title2:last-of-type ~ .graybox .img-sect{
    width: 82.63%;
    margin: 0 auto;
}

main.subContents.job .img-list > div{
    position: relative;
}

main.subContents.job .step-list > li {
    border-radius: 15px;
    border: 1px solid var(--lightGray1);
}

main.subContents.job .step-list > li:last-child{
    border-color: #000;
}

main.subContents.job .img-list > li > div{
    position: relative;
}

main.subContents.job .img-list > li > div .item-title{
    margin: 0;
    color: #fff;
    position: absolute;
    bottom: .6em;
    left: 1em;
}

main.subContents.job .box-Style-01.title .box .cont .dot .explain{
    display: block;
    margin-top: .5em;
    margin-bottom: 0;
}

main.subContents.job .step-list.two{
    margin-top: 1.4em;
}

main.subContents.job article section:last-of-type .img-list{
    margin-top: 2.75em;
}

main.subContents.job .flex-box{
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: start;
}

main.subContents.job .flex-box .btn-common.small{
    font-size: var(--default-font4-size);
    width: fit-content;
    height: fit-content;
    margin-top: 100px;
    margin-bottom: 30px;
}

main.subContents.job .flex-box + .img-sect{
    margin-bottom: 1.4em;
}

main.subContents.job .txt.gray1{
    margin-bottom: 0.3em;
}

main.subContents.esgFW strong.item-title {
    display: inline-block;
}

main.subContents.esgFW .table-wrap table thead strong {
    margin-bottom: 5px;
    
}

main.subContents.esgFW .table-wrap table tbody th strong {
    font-weight: 500;
    margin-bottom: 5px;
    font-size: var(--default-font2-size);
}

main.subContents.esgFW .table-wrap table tbody th strong + p {
    color: #000;
}

main.subContents.esgFW .table-wrap table tbody td .txt{
    padding-left: 1em;
    text-align: left;
}

main.subContents.esgFW .table-wrap table tbody td strong {
    position: absolute;
    margin-right: 5px;
}

main.subContents.esgFW .table-wrap table .img-sect img {
    width: fit-content;
}

main.subContents.esgFW .table-wrap table th.green {
    background-color: #EBFCE7;
}

main.subContents.esgFW .table-wrap table th.yellow {
    background-color: #FDF3C9;
}

main.subContents.esgFW .table-wrap table th.blue {
    background-color: #E4F2FF;
    padding: 15px 0;
}

main.subContents.esgFW .table-wrap table .img {
    width: 80px;
    margin: 0 auto;
}

main.subContents.esgFW .table-wrap table .img img{
    width: 100%;
}

main.subContents.esgFW .table-wrap table td{
    text-align: left;
}

main.subContents .director-list {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

main.subContents .director-list .director-card{
    width: calc((100% - 30px)/2);
}

main.subContents .director-card .title-box {
    display: flex;
    justify-content: space-between;
    padding-bottom: 1.4em;
    border-bottom: 1px solid var(--lightGray1);
}

main.subContents .director-card .title-box .cont-title{
    display: block;
    margin-bottom: .3em;
}

main.subContents .director-card .title-box .img-sect{
    width: 114px;
    height: 114px;
    border-radius: 9999px;
    overflow: hidden;
}

main.subContents.director .table-wrap table .btmbtnbox{
    margin-top: .5em;
}

main.subContents.director .table-wrap table .txt.bold.align-left:first-of-type{
    margin-top: 0;
}

main.subContents.director .table-wrap table .txt.bold.align-left{
    margin: .5em 0 .25em;
}

main.subContents.director section:nth-last-of-type(2) .btmbtnbox{
    margin-top: 1.85em;
}

main.subContents.inqTownboard div.box-Style-01{
    width: 100%;
}

.major_shareholders {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    background-color: var(--bgGray2);
    padding: 35px;
    border-radius: 15px;
    :first-child {
        flex:1.3
    }
    div {
        flex:1;
    }
}

main.asp .img-sect {
    border-radius: 15px;
    overflow: hidden;
}
.align-center {
    text-align: center !important;
}

.align-left {
    text-align: left !important;
}
@media screen and (max-width:1400px){
    .aiSolution .circles .circle {
        width: 207px;
        height: 207px;
        padding: 0 10px;
    }
    .aiSolution .circles .circle_outer:nth-child(1) .circle:nth-child(2) {left:-10px}
    .aiSolution .circles .circle_outer:nth-child(2) .circle:nth-child(1) {left:-20px}
    .aiSolution .circles .circle_outer:nth-child(2) .circle:nth-child(2) {left:-30px}

    /* .plaza-map .sch-box .result-box.short{
        max-height: calc(100% - 130px);
    }
    .plaza-map .sch-box .result-box{
        max-height: calc(100% - 80px);
    }
    .plaza-map .sch-box .result-detail{
        height: calc(100% + 40px);
    }
    .plaza-map .sch-box{
        top: 60px;
    } */

    main.subContents .graybox.contact-form-style .btmbtnbox{
        width: 80%;
    }
}

@media screen and (max-width:1200px){
    main.subContents.corpGvrn .btn-list .btn-common{
        width: calc((100% - 30px)/4);
    }

    main.subContents .proposition-list{
        flex-wrap: wrap;
        gap: 35px;
    }

    main.subContents .proposition-list > li{
        width: calc((100% - 35px)/2);
        flex: unset;
        padding: 15px 0;
    }

    main.subContents .proposition-list > li::after {
        margin: 0 12.5px;
        right: -35px;
    }

    main.subContents .proposition-list > li:nth-child(2n)::after{
        display: none;
    }
    .popup-overlay.mgt,
    .popup-overlay.mgt.prot{
        max-width: calc(100% - 2em);
        min-width: auto;
        margin:2em 0;
    }
}
@media screen and (max-width:1140px){
    .subCommonStyle h5{
        min-width: 230px;
    }
    .aiSolution .circles .circle header, .aiSolution .circles .circle h6 {
        font-size: 20px;
    }
    .aiSolution .circles .circle p{
        font-size: 18px;
    }
    .banner-Style-01 header br,
    main.subContents.envMng .banner-Style-01 h5 br,
    main.subContents.hmnMng .banner-Style-01 h5 br,
    .banner-Style-01 h6 br,
    main.subContents.infoPrt .banner-Style-01 h5 br{
        display: none;
    }
    .aiSolution .circles .circle {
        width: 180px;
        height: 180px;
    }

    .box-Style-01 .box{
        gap: 20px;
    }

    main.subContents.bpo .box-Style-01 .box{
        gap: 30px 20px;
    }

    main.subContents.bpo .box-Style-01 .box .cont {
        width: calc(50% - 10px);
    }

    .box-Style-01 .box .cont {
        width: calc((100% - 20px)/2);
    }

    .box-Style-01.three .box .cont,
    main.subContents.inqTownboard .box-Style-01 .box > div {
        width: calc((100% - 40px)/3);
    }

    main.subContents.inqTownboard div.box-Style-01 .box .cont .btn-box img {
        display: none;
    }

    /* main.subContents.company .box-Style-01 .box {
        gap: 20px;
    } */

    main.subContents.company .box-Style-01 .box .cont img {
        width: 60px;
    }

    main.subContents.company .box-Style-01 .box .section-title {
        font-size: 28px;
    }

    main.subContents.ceo .ceo-cont .text-sect .txt br {
        display: none;
    }
}

@media screen and (max-width:1024px){

    .popup-overlay {
        margin: 1.5em;
        padding: 1.5em;
    }

    .popup-overlay .content{
        padding: 0;
        height: 100%;
    }
    
    .popup-overlay .content .pop-inner{
        padding-top: 1em;
        padding-right: 0;
    }

    .section-title {
        font-size: 32px;
    }

    .small {
        font-size: var(--default-font5-size);
    }

    .item-title,
    .find-address {
        font-size: var(--default-font1-size);
    }

    .txt, .dot,
    input, textarea, label, button, select,
    .contactform .radiobox .radiolabel span,
    main.subContents .client-list > li p,
    main.subContents.privacy .dot,
    main.subContents.socialCnt .img-list .dot,
    .contactform .num-list li,
    .agree-check *   {
        font-size: var(--default-font4-size);
    }

    .warning {
        padding-left: 25px;
    }

    .warning:before {
        width: 18px;
        height: 16px;
    }

    .explain, .price,
    .ico-list-Style-02 ul li .text .explain  {
        font-size: var(--default-font5-size);
    }

    main.list .list > li{
        width: calc((100% - 30px)/2);
    }

    .table-pagination {
        width: 100%;
    }

    main.subContents .maxWidthWrap2 h5 + .inner {
        width: 100%;
    }
    
    main.subContents .report-list {
        gap: 20px;
    }
    
    main.subContents .report-list > li{
        width: calc((100% - 20px)/2);
        padding: 30px;
        border-radius: 15px;
    }
        
    main.subContents .btn-list button{
        padding: 10px;
    }
    
    main.subContents .graybox,
    main.subContents.envCns .title2:nth-of-type(3) + .graybox,
    main.subContents.envCns .title2:last-of-type ~ .graybox{
        padding: 20px;
    }

    .biz-list li {
        gap: 30px;
    }

    .biz-list li .text-sect {
        gap: 15px;
    }

    .biz-list li .text-sect .content-title {
        font-size: 30px;
    }

    main.subContents .card-visual{
        gap: 40px;
        padding: 40px;
    }

    main.subContents .card-visual .content-title {
        font-size: 30px;
    }
    
    main.subContents .card-visual .content-title span{
        font-size: 27px;
    }
    
    main.subContents .card-visual .content-title + p{
        font-size: var(--default-font5-size);
    }
    
    main.subContents .card-visual > .txt::before{
        width: 30px;
    }
    
    .box-Style-01 .box .cont {
        padding: 30px;
    }

    .box-Style-01 .box .cont .item-title, 
    .box-Style-01 .box .cont header, 
    .box-Style-01 .box .cont h6 {
        font-size: var(--default-font2-size);
    }

    main.subContents.bpo .box-Style-01 .box .cont .cont-title {
        font-size: 26px;
    }

    main.subContents.townboard .box-Style-01 .box .cont {
        min-height: 260px;
        background-size: 180px;
        background-position: left 30px top 30px;
    }
    
    .table-wrap table *,
    main.subContents.esgFW .table-wrap table tbody th strong {
        font-size: var(--default-font4-size);
    }

    /* .table-wrap table tr td > *{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    } */

    .table-wrap table a.title{
        font-size: var(--default-font2-size);
        font-weight: 400;
        word-break: break-all;
    }
    
    main.subContents a.down{
        font-size: var(--default-font5-size);
        padding: 0px 5px 0px 10px;
        margin: 5px 0;
    }
    
    main.subContents.view .news-tit .txt {
        margin: 10px 0;
    }
    
    main.subContents.view .link-box li a.btn{
        width: 80px;
    }

    main.subContents.view .notice-cont .file-area {
        padding: 15px;
        gap: 5px;
    }
    
    main.subContents.view .link-box li a.btn::after{
        content: url(../img/ico-mo-arrow-btn.svg);
        margin-left: 10px;
    }
    
    main.subContents.view .link-box li a.title{
        width: calc(100% - 170px);
        padding-right: 15px;
    }
    
    main.subContents.view .link-box li time{
        width: 90px;
    }

    main.subContents .card-list {
        gap: 15px;
    }
    
    main.subContents .card-list > .card dt{
        padding: 20px;
    }
    
    main.subContents .card-list > .card dd{
        padding: 15px;
    }

    /* .plaza-map{position:relative;} */

    .plaza-map .sch-box .result-box ul li .info01,
    .plaza-map .sch-box .result-detail .sum-box .loca-name{
        font-size:var(--default-font2-size);
    }

    .plaza-map .sch-box .btn-tab li a,
    .plaza-map .sch-box .opts .sel-box select,
    .plaza-map .sch-box .opts .inp-box input,
    .plaza-map .sch-box .result-box ul li .info02,
    .plaza-map .sch-box .result-box ul li .info03,
    .plaza-map .sch-box .result-box ul li .info04,
    .plaza-map .sch-box .result-detail .sum-box .addr,
    .plaza-map .sch-box .result-detail .info-list *,
    .plaza-map .sch-box .result-box ul li,
    .office-info .office-name{
        font-size:var(--default-font6-size)
    }

    .bg-Style-02 {
        height: 360px;
    }
    
    .bg-Style-02 h5{
        font-size: var(--default-font4-size);
    }
    
    .bg-Style-02 h5 + p{
        font-size: 24px;
    }

    main.subContents .step-list,
    main.subContents .step-list.two,
    main.subContents .step-list.three{
        flex-wrap: wrap;
        gap: 35px;
    }
    
    main.subContents .step-list > li,
    main.subContents .step-list.two > li,
    main.subContents .step-list.three > li{
        width: calc((100% - 35px)/2);
        flex: unset;
        padding: 15px 0;
    }

    
    main.subContents .step-list > li::after,
    main.subContents .step-list.two > li::after,
    main.subContents .step-list.three > li::after{
        margin: 0 12.5px;
        right: -35px;
    }

    main.subContents.job .step-list.two > li {
        min-height: 180px;
    }

    main.subContents.ethsinmungo .step-list > li::after {
        top: calc(50% - 10px);
    }

    main.subContents .step-list > li:nth-child(2n)::after,
    main.subContents .step-list.two > li:nth-child(2n)::after,
    main.subContents .step-list.three > li:nth-child(2n)::after{
        display: none;
    }

    main.subContents .step-list.three > li:nth-child(3)::after{
        display: block;
    }

    main.subContents .step-list li img{
        width: 50px;
    }

    .banner-Style-01 header, 
    .banner-Style-01 h6,
    main.subContents.envMng .banner-Style-01 h5,
    main.subContents.hmnMng .banner-Style-01 h5,
    main.subContents.infoPrt .banner-Style-01 h5{
        font-size: 24px;
    }

    main.subContents .gray-flex {
        gap: 15px;
    }

    main.subContents .img-list{
        gap: 15px;
    }
    
    main.subContents .img-list > li,
    main.subContents .img-list.li02 > li{
        width: calc((100% - 15px)/2);
    }
    
    main.subContents .img-list .img-sect{
        border-radius: 7.5px;
    }
    
    main.subContents .img-list .item-title{
        margin: 10px 0 5px;
    }

    main.subContents .slide-list > li > button {
        padding: 30px 30px 30px 0px;
    }

    main.subContents .slide-list > li > button {
        padding: 20px 0px;
    }
    
    main.subContents .slide-list > li > button::after {
        top: calc(50% - 21px);
    }
    
    main.subContents .slide-list .slide-cont {
        padding: 30px;
    }

    main.subContents.company .box-Style-01 .box .section-title {
        font-size: 24px;
    }

    main.subContents.company .box-Style-01 .box .small-title.red {
        font-size: var(--default-font5-size);
        margin-bottom: 10px;
    }

    main.subContents.company .contents > section:nth-of-type(2){
        padding: 100px 0;
    }
    
    main.subContents.company .swiper-container{
        margin-top: 40px;
        overflow-x: hidden;
    }
    
    main.subContents.company .swiper-slide{
        border-radius: 15px;
    }
    
    main.subContents.company .swiper-card{
        padding: 30px;
        min-height: 360px;
        border-radius: 15px;
        background-position: top;
        background-position-x: 50%;
    }

    main.subContents.ceo .ceo-cont {
        gap: 30px;
    }
    
    main.subContents .color-box .color .info{
        width: 280px;
        height: 280px;
    }
    
    main.subContents .color-box .color .info .cont-title{
        margin-bottom: 15px;
    }
    
    main.subContents .color-box .color > .txt{
        margin-top: 10px;
    }
    
    
    .root_daum_roughmap .wrap_map {
        height: 260px !important;
    }

    .banner-Style-02 {
        padding: 30px;
    }
    
    .banner-Style-02{
        background-position: right;
        background-position-x: 40%;
    }

    main.subContents .graybox.contact-form-style{
        padding: 30px 20px;
        margin-top: 30px;
    }
    
    main.subContents .graybox.contact-form-style .item-title{
        margin-bottom: 10px;
    }
    
    main.subContents .graybox.contact-form-style .btmbtnbox{
        gap: 10px;
        margin-top: 20px;
    }
    
    main.subContents .graybox.contact-form-style .btmbtnbox .btn-common{
        width: calc(50% - 7.5px);
    }

    main.subContents.corpGvrn .btn-list .btn-common{
        width: calc((100% - 20px)/3);
    }

    .contactform .find-address {
        flex-direction: column;
    }

    .contactform .find-address .item-title.button{
        width: fit-content;
    }

    main.subContents.compliance .step-list:first-of-type {
        gap: 30px 0;
    }
    
    main.subContents.bpo .box-Style-01 .box .cont {
        min-height: 460px;
        background-position: right 30px bottom 30px;
    }

    main.subContents.townboard .box-Style-01 .box .cont .item-title {
        font-size: var(--default-font2-size);
    }
}

@media screen and (max-width:991px){
    .banner-Style-01 .textbox {
        padding-left: 0;
    }
    .subCommonStyle h5{
        min-width: 200px;
        /* font-size: 20px; */
    }
    .banner-Style-01,
    .subCommonStyle{
        margin-bottom: 100px;
    }

    /* .subTitle1{
        margin-bottom: 40px;
    } */
    .aiSolution .circles .circle header, .aiSolution .circles .circle h6{
        font-size: 17px;
    }
    .subCommonStyle{
        margin-top: 40px;
    }
    .subCommonStyle h5{
        min-width: 150px;
    }
    .aiSolution .circles .circle {
        width: 150px;
        height: 150px;
    }
    .aiSolution .circles .circle header, .aiSolution .circles .circle h6 {
        font-size: 15px;
    }
    .aiSolution .circles .circle p{
        font-size: 14px;
    }

    .btn-common.small span {
        flex-wrap: wrap;
        font-size: var(--default-font6-size) !important;
    }

    .btn-common.small {
        /* padding: 10px 5px 5px; */
    }


    .btn-common.small span::after {
        margin-left: 0;
    }

    main.subContents.inqTownboard .box-Style-01 .box > div,
    main.subContents.inqTownboard .box-Style-01 .box > div .btn-common {
        width: 100%;
    }
    .major_shareholders {
        background-color: #fff !important;
        flex-direction: column;
        padding: 0;
        .graybox {
            margin-bottom: 60px;
        }
        div {
            flex: 100%;
        }
    }

}

@media screen and (max-width:768px){

    .smallText {
        font-size: var(--default-font6-size);
    }

    main.subContents .client-list > li .img-box {
        min-height: 70px;
    }

    .btn-popup-close {
        width: 25px;
        height: 25px;
    }

    .popup-overlay {
        margin: 1em;
        padding: 1em;
        min-width: auto;
    }

    .small {
        font-size: var(--default-font6-size);
    }

    .table-wrap.responsive {
        width: 100%;
    }

    .table-wrap.responsive .table-box-body {
        overflow-x: scroll;
    }

    .table-wrap.responsive .mobile-swipe::before {
        display: block;
        content: "화면을 좌우로 움직이면 표를 자세히 확인할 수 있습니다";
        font-size: var(--default-font5-size);
        background-image: url(../img/swipe-ico.svg);
        background-repeat: no-repeat;
        background-size: 20px 27px;
        margin: 10px 0;
        padding-left: 30px;
        vertical-align: middle;
    }

    .contents > section,
    .maxWidthWrap2.nosect {
        margin-bottom: 60px;
        margin-top: 30px;
    }

    main.subContents.history .contents > section:first-of-type{
        margin-top: 30px;
    }

    main.subContents.history .contents > section:last-of-type{
        margin-bottom: 60px;
    }

    main.subContents.history .contents > section {
        margin-bottom: 30px;
        margin-top: 15px;
    }

    main.subContents.ci .contents section:nth-of-type(2){
        padding-bottom: 60px;
        padding-top: 30px;
        margin-bottom: 60px;
    }

    main.solution .solution-info {
        padding-top: 60px;
    }

    main.solution .solution-info .img-sect {
        margin-top: 30px;
        max-width: 100%;
    }
    
    .img-sect img,
    main.subContents.shareholders .graybox .img-sect img{
        width: 100%;
    }

    .section-title {
        font-size: 28px;
    }

    .item-title,
    .find-address {
        font-size: var(--default-font4-size);
    }

    .txt, .dot,
    input, textarea, label, button, select,
    .contactform .radiobox .radiolabel span,
    main.subContents .client-list > li p,
    main.subContents.privacy .dot,
    main.subContents.socialCnt .img-list .dot,
    .contactform .num-list li,
    .agree-check *  {
        font-size: var(--default-font5-size);
    }

    .contents {
        padding-top: 100px;
        padding-bottom: 100px;
        margin-top: 0;
    }

    .contents > section:last-of-type,
    .maxWidthWrap2.nosect:last-of-type {
        margin-bottom: 0;
    }
    .contents > section:last-of-type + .maxWidthWrap2.nosect:first-of-type {
        margin-top: 60px;
    }

    .contents.no-tabbox {
        margin-top: 0;
    }

    .tabbox {
        margin: 0;
        padding: 0;
        border: 0;
        display: block;
        position: absolute;
        top: auto;
        left: 0;
        width: 100%;
        max-width: none !important;
        z-index: 1;
    }
    
	/* c9 */
    .tabbox .tabs {
        display: none;
    }
    
    .tabbox a {
        border-radius: 0;
        font-size: 18px;
        margin: 0;
        padding: 12px 15px 13px;
        background: #fff;
        border-bottom: 1px solid var(--lightGray1);
        
        /* c9 */
        /* display: none; */
    }
    .tabbox a.active{
        background: #fff;
        color: #000;

        /* c9 */
        background: var(--bgGray1);
    }
    .tabbox a:last-child {
        box-shadow: 0 10px 20px 0 rgba(0,0,0,0.25);
    }
    .subContents .sub_visual {
        height: 207px;
        /* background: url(../img/com/com01-visual.jpg) 50% /cover no-repeat; */
        margin-top: 60px;
    }
    .subContents .sub_visual:after {
        /* c9 */
        /* background: url(../img/com/com01-visual.jpg) 50% /cover no-repeat; */
    }
    .subContents.biz.biz02 .sub_visual:after {
        /* background-image: url(../img/com/visual_mo.png); */
    }
    .subContents .sub_visual .textbox{
        padding-bottom: 30px;
    }
    .subContents .sub_visual .textbox h2 {
        overflow: hidden;
    }
    .subContents .sub_visual .textbox h2 span {
        font-size: 22px;
        margin-bottom: 5px;
    }
    .subContents .sub_visual .textbox h3,
    .subContents .sub_visual .textbox h3 span {
        font-size: 34px;
    }
    .btn-subnav {
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: var(--red);
        width: 100%;
        height: 50px;
        padding: 0 20px;
        box-shadow: 0 6px 20px 0 rgba(0,0,0,0.25);
    }
    .btn-subnav span {
        font-size: 18px;
        font-weight: 600;
        color: #fff;
    }
    .btn-subnav img {
        width: 14px;
    }
    .tabbox a:hover{
        background: var(--bgGray1);
        color: #000;
    }
    .subTitle1{
        margin-bottom: 40px;
        font-size: 30px;
    }

    .page_contact .comment,
    .subTitle1 + .txt {
        margin-top: 15px;
    }

    .subTitle2{
        font-size: 26px;
        margin-bottom: 20px;
    }

    .banner-Style-01 .img img{
        height: 150px;
    }

    .banner-Style-01 header,
    .banner-Style-01 h6,
    main.subContents.envMng .banner-Style-01 h5,
    main.subContents.hmnMng .banner-Style-01 h5,
    main.subContents.infoPrt .banner-Style-01 h5{
        font-size: 18px;
    }
    .banner-Style-01 .textbox{
        margin-top: 20px;
    }
    .banner-Style-01 .textbox p{
        font-size: 16px;
    }
    .btn-common{
        width: 100%;
        height: 50px;
    }

    .btn-common.small{
        height: auto;
    }

    .btn-common span{
        font-size: 16px;
        line-height: 1;
    }
    .subCommonStyle{
        display: block;
    }
    .banner-Style-01,
    .subCommonStyle{
        margin-bottom: 50px;
    }

    .subCommonStyle h5{
        font-size: 26px;
    }

    .ico-list-Style-01 ul li,
    .ico-list-Style-02 ul li{
        display: block;
        padding-bottom: 20px;
        margin-bottom: 0;
    }

    .ico-list-Style-02 ul li .text:before {
        top: 2.5px;
    }

    .ico-list-Style-02 .cont {
        margin-top: 30px;
    }

    .ico-list-Style-02 ul li {
        padding-top: 20px;
    }

    .ico-list-Style-02 ul li:first-child {
        padding-top: 0;
    }

    /* .ico-list-Style-02 .text-sect {
        width: 100%;
    }

    .ico-list-Style-02 .img-sect {
        display: none;
    } */

    .ico-list-Style-01 ul li i img{
        width: 50px;
        margin: 20px 0;
    }
    .ico-list-Style-01 ul li .text{
        padding-left: 0;
    }
    .ico-list-Style-01 ul li .text header, 
    .ico-list-Style-01 ul li .text h6, 
    .ico-list-Style-02 ul li .text header, 
    .ico-list-Style-02 ul li .text h6{
        font-size: 18px;
    }
    .ico-list-Style-01 ul li .text p,
    .ico-list-Style-02 ul li .text p,
    .ico-list-Style-02 ul li .text .dot{
        font-size: 16px;
    }

    .bg-Style-02 {
        height: 210px;
    }
    
    .bg-Style-02 h5{
        font-size: var(--default-font5-size);
    }
    
    .bg-Style-02 h5 + p{
        font-size: var(--default-font2-size);
    }

    .aiSolution{
        height: auto;
        padding: 50px 0 20px;
        margin-bottom: 50px;
    }
    .aiSolution .text>p{
        font-size: 16px;
        margin-top: 20px;
    }
    .aiSolution .circles{
        flex-wrap: wrap;
    }
    .aiSolution .circles .circle{
        width: 140px;
        padding: 20px 10px;
        height: 140px;
    }
    .aiSolution .circles .circle header, .aiSolution .circles .circle h6{
        font-size: 16px;
        line-height: 1.2;
        padding-bottom: 5px;
    }
    .aiSolution .circles .circle p br{
        display: none;
    }
    .aiSolution .text>p{
        margin-bottom: 50px;
    }
    .aiSolution .circles .circle p {
        font-size: 14px;
    }
    .aiSolution .circles .circle_outer:nth-child(1) .circle:nth-child(1) {
        right:-5px;
    }
    .aiSolution .circles .circle_outer:nth-child(1) .circle:nth-child(2) {
        left: -5px;
    }
    .aiSolution .circles .circle_outer:nth-child(2) .circle:nth-child(1) {
        right:-5px;
        position: relative;
        left: auto;
        top: -20px;
        padding-top: 5px;
    }
    .aiSolution .circles .circle_outer:nth-child(2) .circle:nth-child(2) {
        left: -5px;
        top: -20px;
    }
    .circle_outer:last-child{
        left: 0;
    }
    .subCommonStyle h5 br {
        display: none;
    }
    .subCommonStyle h5,
    main.subContents.shareholdersReturn .content-title{
        margin-bottom: 20px;
    }
    .aiVoice .box>p{
        font-size: 16px;
        margin-bottom: 35px;
    }
    .aiVoice .box .processbox{
        display: block;
        padding:50px 0px 30px;
    }
    .processbox.pc {
        display: none !important;
    }
    .processbox.mo {
        display: block !important;
    }

    .processbox.mo {}
  
    .aiVoice .box .processbox .inner .box1 b{
        font-size: 18px;
        padding-top: 0;
    }
    .aiVoice .box .processbox .inner .process:first-child{
        display: block;
        margin-bottom: 10px;
    }
    .aiVoice .img-arrow-up ,
    .aiVoice .img-arrow-down {
        width: 8px !important;
    }
    .aiVoice .box .processbox .inner .box2{
        position: relative;
    }
    .aiVoice .box .processbox .process:first-child .box2 p{
        position: absolute;
        top: 50px;
        left: 0;
        width: 100%;
        background: var(--lightGray2);
        font-size: 16px;
    }
    .processbox .img-chip {
        width: 166px;
        margin: 0 auto;
        display: block;
    }
    .aiVoice .process:first-child {
        margin-bottom: 10px;
    }
    .aiVoice .process:last-child {
        display: block !important;
    }
    .aiVoice .process:last-child .box2 {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .aiVoice .process:last-child .box2 p:first-child {
        text-align: right;
        padding-right: 10px;
    }
    .aiVoice .process:last-child .box2 p:last-child {
        text-align: left;
        padding-left: 10px;
    }
    .aiVoice .box .processbox .inner .box2 p{
        font-size: 16px;
    }
    .aiVoice .process:last-child .box2>img {
        margin: 20px 10px !important;
        display: block;
    }
    .banner-txt-Style-01 .box p{
        font-size: 16px;
        mix-blend-mode: 20px;
        margin-bottom: 30px;
    }
    .banner-txt-Style-01 .box header, .banner-txt-Style-01 .box h6{
        font-size: 18px;
    }

    /* .view_pc{
        display: none !important;
    }
    .view_mo{
        display: block !important;
    } */

    .box-Style-01 .box{
        display: block;
    }

    main.subContents.company .box-Style-01 .box {
        margin-top: 30px;
    }

    .box-Style-01 .box .cont,
    main.subContents.company .box-Style-01 .box .cont,
    .box-Style-01.three .box .cont{
        width: 100%;
        padding: 20px 80px 20px 20px;
        position: relative;
        margin-bottom: 10px;
    }

    main.subContents.benefit .box-Style-01 .box .cont{
        min-height: auto;
    }

    main.subContents.compliance ol.box-Style-01 .box .cont,
    main.subContents.center .box-Style-01 .box .cont,
    .box-Style-01.title .box .cont {
        padding: 20px;
    }

    main.subContents.center .box-Style-01 .box .cont {
        min-height: auto;
    }

    main.subContents.bpo .box-Style-01 .box .cont .cont-title {
        font-size: var(--default-font1-size);
    }

    main.subContents.inqTownboard .box-Style-01.three .box .cont {
        gap: 0;
    }
    
    .box-Style-01 .box .cont img,
    main.subContents.company .box-Style-01 .box .cont img{
        position: absolute;
        right: 20px;
        top: -10px;
        width: 50px;
    }

    .box-Style-01 .box .cont img:first-child,
    main.subContents.compliance .box-Style-01 .box .cont > .btn-box img,
    main.subContents.inqTownboard .box-Style-01 .box .cont > .btn-box img{
        margin-top: 20px;
        margin-bottom: 0;
    }

    main.subContents.bpo .box-Style-01 .box .cont {
        width: 100%;
        min-height: auto;
        background-size: 50px;
        background-position: right 20px top 10px;
    }
    
    main.subContents.bpo .box-Style-01 .box .cont:nth-child(2){
        transform: translateY(0);
    }
    
    main.subContents.bpo .box-Style-01 .box .cont:nth-child(3){
        background-image: url(../img/biz/bpo-icon-03.png);
    }

    .box-Style-01 .box .cont .dot {
        margin-bottom: 5px;
    }

    .box-Style-01 .box .cont .dot .gray1 {
        margin-top: 5px;
    }

    .banner-list-Style-01 .box{
        display: block;
    }
    .banner-list-Style-01 .cont {
        width: 100%;
    }
    .banner-list-Style-01 .cont .dot {
        font-size: 16px;
        margin-bottom: 30px;
    }
    .banner-list-Style-01 .cont header, .banner-list-Style-01 .cont h6 {
        margin: 15px 0 5px;
    }
    .subTitle-Style-01 header, .subTitle-Style-01 h6{
        font-size: var(--default-font4-size);
        /* margin-bottom: 30px; */
    }
    
    .box-Style-01 .box .cont .item-title, 
    .box-Style-01 .box .cont header, 
    .box-Style-01 .box .cont h6,
    .banner-Style-02.mh-300 header{
        font-size: var(--default-font4-size);
    }


    .ico-list-Style-02>li {
        border-bottom: 0;
        margin-bottom: 0;
        padding-bottom: 0;
        display: block;
    }

    .ico-list-Style-02>li .cont {
        border-bottom: 1px dashed #ddd;
        width: 100%;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    .ico-list-Style-02>li .cont img {
        max-width: 50px;
    }

    main.asp .ico-list-Style-02>li {
        margin-bottom: 0;
    }

    main.asp .ico-list-Style-02>li .cont {
        border-bottom: none;
        margin-bottom: 10px;
    }

    .subTitle-Style-01 .title1 {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .subTitle-Style-01 .title1,
    .subTitle-Style-01 .title2 {
        font-size: var(--default-font1-size);
    }

    .subTitle-Style-01 .title2,
    main.subContents.job .flex-box .btn-common.small{
        margin-top: 60px;
        margin-bottom: 20px !important;
    }

    .ico-list-Style-02>li .cont b {
        font-size: var(--default-font4-size);
    }

    .list_addition li {
        display: block;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
    .list_addition li img{
        max-width: 50px;
    }
    .list_addition li .text{
        padding-left: 0;
    }
    .list_addition li .text b {
        font-size: 18px;
        padding-top: 15px;
        padding-bottom: 0;
    }
    .list_addition li .text p{
        font-size: 16px;
        padding-top: 3px;
        margin-top: 10px;
    }

    main.subContents.bpo .banner-Style-01 .content-title,
    .banner-Style-01 header,
    .banner-Style-01 h6,
    main.subContents.envMng .banner-Style-01 h5,
    main.subContents.hmnMng .banner-Style-01 h5,
    main.subContents.infoPrt .banner-Style-01 h5{
        margin-bottom: 15px;
    }
    .banner-Style-01 header br, 
    .banner-Style-01 h6 br,
    main.subContents.envMng .banner-Style-01 h5 br,
    main.subContents.hmnMng .banner-Style-01 h5 br,
    main.subContents.infoPrt .banner-Style-01 h5 br{
        display: none;
    }

    .banner-Style-02 {
        padding: 20px;
    }

    .banner-Style-02.mh-300 {
        min-height: 160px;
    }

    .ico-list-Style-01 h5
    /*.ico-list-Style-02 h5*/ {
        margin-bottom: 0;
    }

    .contactform fieldset, .contactform > ul > li{
        display: block;
        margin-bottom: 60px;
    }

    .contactform .btmbtnbox {
        margin-top: 50px;
    }

    .page_contact h5{
        display: none;
    }
    .contactform{
        margin-top: 30px;
    }

    /* 추가 */
    .contactform .header {
        flex-direction: column;
    }
    /* 추가 */

    .contactform .labelname{
        font-size: 26px;
        padding-bottom: 15px;
    }
    .contactform .radiobox {
        display: block;
        padding: 15px;
    }
    .contactform .radiobox .radiolabel{
        margin-bottom: 20px;
    }
    .contactform .radiobox .radiolabel:last-of-type{
        margin-bottom: 0;
    }
    .contactform .items .item-title{
        margin-bottom: 10px;
    }
    .contactform .items .item-title span {
        padding-right: 5px;
    }
    
    .contactform .selectarea{
        display: block;
        margin-bottom: 20px;
    }

    .page_contact .comment span, .page_contact h5 span,
    .contactform .items .item-title span,
    .contactform .radiobox .radiolabel span,
    .contactform .filebox label.button,
    .contactform label.button,
    .contactform .item-title.button,
    .contactform .find-address .selectarea input:not([type="radio"]):not([type="checkbox"]),
    .contactform .find-address .selectarea input:not([type="radio"]):not([type="checkbox"])[readonly],
    .contactform .items .item-title.button,
    .contactform .item-title.multi-check:after,
    .agree-check *,
    .contactform .agreebox * {
        font-size: var(--default-font5-size);
    }

    .contactform .find-address .selectarea > *:nth-child(n + 2){
        margin-top: 15px;
    }

    .contactform .agreebox, .contactform .graybox {
        padding: 20px;
    }

    .contactform .items select,
    main.subContents.privacy select {
        margin-bottom: 15px;
    }
    .btn-common img{
        width: 7px;
    }
    .btn-common span{
        /* padding-right: 20px; */
    }
    footer .btm{
        margin-top: 10px;
    }
    .contactform .labelname br{
        display: none;
    }
    .btn-common.intro-download img {
        width: 13px !important;
    }

    .table-search{
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
        margin-top: 0;
    }

    .table-search .search-box{
        flex-direction: column;
        width: 100%;
    }

    .search-box input {
        width: 100%;
        min-width: auto;
    }

    main.list .list {
        flex-direction: column;
    }

    main.list .list > li {
        width: 100%;
    }

    .table-pagination .page a {
        font-size: var(--default-font4-size);
    }

    .table-pagination .page {
        gap: 10px;
    }

    .table-pagination {
        width: 100%;
    }

    main.subContents .maxWidthWrap2 h5 + .inner {
        width: 100%;
    }
    
    main.subContents .report-list {
        gap: 20px;
    }
    
    main.subContents .report-list > li{
        width: calc((100% - 20px)/2);
        padding: 30px;
        border-radius: 15px;
    }
        
    main.subContents .btn-list button{
        padding: 10px;
    }
    
    main.subContents.email .graybox::before {
        margin-bottom: 30px;
    }

    main.subContents.email .graybox .dot:last-child {
        margin-top: 5px;
    }

    main.subContents.email .graybox .num-list li {
        margin: 10px 0;
    }

    main.subContents.email .graybox .num-list li:last-child {
        margin: 0;
    }

    /* 수정. 문제있으면 삭제하기 */
    .num-list li::before {
        top: 3px !important;
    }
    /* 수정. 문제있으면 삭제하기 */

    main.subContents.email .graybox {
        padding: 40px 20px;
    }
    
    .graybox {
        padding: 20px;
    }
    .graybox.flex {
        display: block;
    }
    
    main.subContents .graybox.contact-form-style .btmbtnbox{
        width: 100%;
    }
    
    main.subContents .graybox.contact-form-style .btmbtnbox .btn-common{
        width: 100%;
    }
    
    main.subContents .report-list > li{
        padding: 20px;
    }

    main.subContents .btn-list {
        flex-direction: column;
    }
        
    main.subContents .btn-list button{
        padding: 7.5px;
    }

    main.subContents .step-list,
    main.subContents .step-list.two,
    main.subContents .step-list.three{
        gap: 20px 35px;
    }

    main.subContents .proposition-list > li {
        width: 100%;
        position: relative;
    }

    main.subContents .proposition-list > li:nth-child(2n)::after{
        display: block;
    }

    main.subContents .proposition-list > li::after{
        transform: rotate(90deg);
        margin: 0;
        position: absolute;
        left: calc((50% - 10px));
        top: 60px;
    }

    main.subContents .proposition-list > li:last-child::after{
        display: none;
    }

    .biz-list {
        gap: 60px;
    }
    main.bizTownbd .btmbtnbox {margin-top: 60px;}

    .biz-list li{
        flex-direction: column;
        gap: 25px;
    }

    .biz-list li .img-sect,
    .biz-list li .text-sect {
        width: 100%;
        padding: 0;
    }

    .biz-list li .text-sect {
        gap: 10px;
    }

    .biz-list li .text-sect .content-title {
        font-size: 26px;
        margin-bottom: 0;
    }

    .biz-list li:nth-of-type(even) .img-sect{
        order: 1;
    }

    main.subContents.esg .biz-list li .img-sect{
        order: 2;
    }
    
    main.subContents.esg .biz-list li:nth-of-type(even) .text-sect{
        order: 2;
    }

    .biz-list li:nth-of-type(even) .text-sect{
        order: 2;
    }

    main.subContents .card-visual{
        background-position-x: center;
        gap: 30px;
        padding: 20px;
    }
    
    main.subContents .card-visual .content-title span{
        font-size: var(--default-font4-size);
    }

    main.subContents .card-visual .content-title {
        font-size: 22px;
    }
    
    main.subContents .card-visual .content-title + p{
        font-size: var(--default-font6-size);
    }
    
    main.subContents .card-visual > .txt::before{
        width: 30px;
    }

    main.subContents.esgFW .table-wrap table tbody th strong {
        font-size: 17px;
    }

    .table-wrap table *{
        font-size: var(--default-font5-size);
    }

    .table-wrap table .small {
        font-size: var(--default-font6-size);
    }

    main.subContents a.down {
        padding: 5px 15px 5px 20px;
        margin: 10px 0;
    }
    
    main.subContents.public_list .table-wrap.block table tr td:first-of-type{
        display: none;
    }

    main.subContents.finance .table-wrap table colgroup col:first-child {
        /* width: 30% !important; */
    }

    .table-wrap.block table colgroup{
        display: block;
    }

    .table-wrap.block thead{
        visibility: collapse;
    }

    .table-wrap.block tbody tr{
        display: block;
        padding: 10px;
        border-bottom: 1px solid var(--lightGray1);
    }

    .table-wrap.block table th,
    .table-wrap.block table td{
        display:block;
        padding: 2px 0;
        text-align: left;
        border: none;
    }

    main.subContents.disclosure_list .table-wrap table tbody tr td:nth-child(1) a{    
        text-align: left;
    }

    main.subContents.view .news-tit .content-title{
        margin-bottom: 0;
    }

    main.subContents.view .link-box li {
        padding: 15px 0;
    }

    main.subContents.view .link-box li a.btn{
        width: 65px;
    }
    
    main.subContents.view .link-box li a.btn::after{
        content: url(../img/ico-mo-arrow-btn.svg);
        margin-left: 5px;
    }
    
    main.subContents.view .link-box li a.title{
        width: calc(100% - 145px);
        padding-right: 15px;
    }
    
    main.subContents.view .link-box li time{
        width: 80px;
    }

    main.subContents.findStore .contents{padding: 0; margin-top: 60px;}

    .plaza-map .sch-box .result-box.opt-hide {
        /* max-height: calc(100% - 50px); */
    }

    .plaza-map .map-box{width: 100%; margin-left: 0; height: 50vh;}
    .plaza-map .sch-box{position: static; top:40vh;z-index:210;width:100%;height:calc(50vh - 60px);background:transparent;}
    .plaza-map .sch-box .btn-tab{background:#fff; border-top: 1px solid var(--lightGray1);}
    .plaza-map .sch-box .btn-tab li a{padding:20px 0 20px;}
    .plaza-map .sch-box .opts .sel-box select{padding: 15px; background: url(../img/store/ico-select-arrow.png) no-repeat calc(100% - 15px) center;}
    .plaza-map .sch-box .opts .inp-box input{padding:15px 46px 15px 20px;}
    .plaza-map .sch-box .result-box{max-height:calc(100% - 60px);}
    .plaza-map .sch-box .result-box.short{max-height:calc(100% - 166px);}
    .plaza-map .sch-box .result-box ul li .info01{line-height:1.2em; padding-left: 20px;}
    .plaza-map .sch-box .result-box ul li .info01:before{top:0;left:0; width: 15px;}
    .plaza-map .sch-box .result-box ul li a{background:#fff;}
    .plaza-map .sch-box .result-detail{position:fixed;top:100%;left:0;z-index:2;width:100%;height:60%;}
    .plaza-map .sch-box .result-detail .btn-toggle{top:0;left:50%;width:76px;height:40px;margin-left:-38px;border-radius:5px 5px 0 0;}
    .plaza-map .sch-box .result-detail .btn-toggle:before{transform:rotate(180deg);}
    .plaza-map .sch-box .result-detail .info-list li:before {top: auto;}

    .plaza-map .sch-box.opened .result-detail{top:40%;left:0;}
    .plaza-map .sch-box.opened .result-detail .btn-toggle{top:-39px;margin-left:-38px;}

    .plaza-map .sch-box .result-box ul li .info01,
    .plaza-map .sch-box .result-detail .sum-box .loca-name{
        font-size:var(--default-font4-size);
    }

    .plaza-map .sch-box .btn-tab li a,
    .plaza-map .sch-box .opts .sel-box select,
    .plaza-map .sch-box .opts .inp-box input,
    .plaza-map .sch-box .result-box ul li {
        font-size: var(--default-font4-size);
    }

    .plaza-map .sch-box .result-box ul li .info02,
    .plaza-map .sch-box .result-box ul li .info03,
    .plaza-map .sch-box .result-box ul li .info04,
    .plaza-map .sch-box .result-detail .sum-box .addr,
    .plaza-map .sch-box .result-detail .info-list *,
    .office-info .office-name,
    .plaza-map .sch-box .result-box ul li.no-plaza{
        font-size:var(--default-font5-size);
    }

    .plaza-map .sch-box .result-box ul li .info03 {
        margin-right: 20px;
    }

    .plaza-map .sch-box .result-box ul li .info03::after {
        right: -10px;
    }

    main.subContents .gray-flex .img-sect.ico{
        width: 50px;
    }

    main.subContents .img-list{
        flex-direction: column;
        gap: 20px;
    }

    main.subContents.job article section:last-of-type .img-list {
        margin-top: 1.4em;
    }

    main.subContents .img-list > li,
    main.subContents .img-list.li02 > li{
        width: 100%;
    }

    main.subContents .slide-list > li > button {
        padding: 15px 40px 15px 0px;
    }
    

    main.subContents .slide-list > li > button.content-title{
        font-size: var(--default-font2-size);
    }
    
    main.subContents .slide-list > li > button::after {
        content: url(../img/mob-ico-arrow.svg);
        top: calc(50% - 12px);
    }
    
    main.subContents .slide-list .slide-cont {
        padding: 15px;
    }
    
    .num-list li,
    .num-list.num-dash > li .txt {
        margin: 5px 0;
    }
    
    .num-list.num-dash > li {
        margin: 15px 0;
    }

    .article-box .article{
        margin: 15px 0;
    }
    
    .article-box .article .item-title {
        margin-bottom: 5px;
    }
    
    main.subContents.company .swiper-card {
        padding: 20px;
    }

    main.subContents.company .swiper-card .content-title {
        font-size: var(--default-font2-size);
        margin: 5px 0;
    }

    main.subContents.company .swiper-card .small-title.red,
    main.subContents.company .swiper-card .txt {
        font-size: var(--default-font6-size);
    }

    main.subContents.ceo .contents > section {
        margin-top: 0;
        background-color: transparent;
    }
    
    main.subContents.ceo .ceo-cont {
        flex-direction: column;
        padding: 0;
    }
    
    main.subContents.ceo .ceo-cont > .img-sect,
    main.subContents.ceo .ceo-cont .text-sect {
        width: 100%;
        position: static;
    }
    
    main.subContents.ceo .ceo-cont .text-sect {
        gap: 15px;
    }

    main.subContents.ceo .ceo-cont .text-sect .ceo-name {
        margin-top: 15px;
    }
    
    main.subContents.ceo .ceo-cont .text-sect .cont-title {
        margin-bottom: 15px;
    }

    main.subContents.ceo .ceo-cont .text-sect .img-sect{
        width: 60px;
    }
    
    main.subContents .history-list > li{
        margin-bottom: 10px;
    }
    
    main.subContents .history-list > li .month {
        width: 50px;
    }
    
    main.subContents .history-list > li .cont {
        width: calc(100% - 50px);
    }

    main.subContents .btn-Style-01 .img-sect{
        margin: 15px 0;
    }
    
    main.subContents .btn-Style-01 .btn-common{
        margin-top: 35px;
    }

    main.subContents .color-box {
        flex-direction: column;
        gap: 30px;
    }

    main.subContents .color-box .color,
    main.subContents .color-box .color:last-child {
        position: static;
    }
    
    main.subContents .color-box .color .info{
        margin: 0 auto;
        width: 240px;
        height: 240px;
    }
    
    main.subContents .color-box .color .info .cont-title{
        margin-bottom: 5px;
    }
    
    main.subContents .color-box .color > .txt{
        margin-top: 15px;
    }

    main.subContents .num-text{
        flex-direction: column;
        gap: 5px;
    }
    
    main.subContents .num-text .title,
    main.subContents .num-text .title + .txt{
        width: 100%;
    }
    
    main.subContents .map-sect {
        margin-bottom: 20px;
    }
    
    main.subContents .map-sect + .info{
        flex-direction: column;
        gap: 10px;
    }
    
    main.subContents .map-sect + .info{
        flex-direction: column;
    }

    .banner-Style-02 .btn-common{
        width: fit-content;
        margin-top: 30px;
    }

    main.subContents.compliance .step-list:first-of-type{
        width: 100%;
        margin: 30px auto 0;
        justify-content: center;
    }

    main.subContents.compliance .step-list:first-of-type li{
        width: 50%;
    }
    
    main.subContents.compliance .step-list:first-of-type li .img-sect{
        padding: 37px;
        border-radius: 999px;
        background-color: var(--red);
        position: relative;
        margin-bottom: 30px;
    }

    main.subContents.compliance ol.step-list:last-of-type {
        flex-direction: column;
        gap: 0;
    }

    main.subContents.compliance ol.step-list > li{
        display: block;
        width: 100%;
    }

    main.subContents.compliance ol.step-list:last-of-type > li:nth-child(2n)::after{
        display: block;
    }

    main.subContents.compliance ol.step-list:last-of-type > li::after,
    main.subContents.compliance ol.step-list:last-of-type > li:nth-child(2n)::after {
        position: static;
        transform: rotate(90deg);
        margin: 0 auto;
    }

    main.subContents.compliance ol.step-list:last-of-type > li:last-child {
        margin-top: 10px;
        margin-bottom: 0;
    }

    main.subContents .client-list {
        gap: 30px 20px;
    }
    
    main.subContents .client-list > li {
        width: calc((100% - 40px)/3);
    }
    
    main.subContents .client-list > li p{
        margin-top: 5px;
    }

    main.subContents.ethsinmungo .step-list {
        margin-top: 30px;
    }

    .btmbtnbox.flex {
        margin-top: 30px;
    }
    
    main.subContents.fairTrade .item-title{
        font-size: var(--default-font4-size);
        margin-bottom: 5px;
    }
    
    main.subContents.fairTrade .item-title + .txt{
        margin-bottom: 20px;
    }

    main.subContents.townboard .biz-list li .text-sect .item-title {
        margin-bottom: 5px;
    }

    main.subContents.townboard .txt + .biz-list,
    main.subContents.townboard article section:nth-of-type(3) .img-sect,
    main.subContents.townboard .btmbtnbox {
        margin-top: 30px;
    }

    main.subContents.kcgs .graybox{
        flex-direction: column;
        gap: 15px;
        min-height: auto;
        padding: 20px;
        margin-bottom: 30px;
    }
    
    main.subContents.kcgs .table-wrap{
        margin-top: 30px;
    }

    main.subContents.shareholders .graybox {
        padding: 20px;
        margin-bottom: 30px;
    }

    main.subContents.priGuide section:first-of-type .graybox{
        margin-bottom: 30px;
    }

    .popup-tooltip {
        width: 200px;
    }

    main.subContents.priGuide section:first-of-type .graybox{
        margin-top: 20px;
        margin-bottom: 40px;
    }
    
    
    main.subContents.privacy .table-wrap .img{
        width: 30px;
        margin: 0 auto 15px;
    }

    main.subContents.privacy .article-box .article{
        margin: 40px 0;
    }
    
    main.subContents.privacy .article .cont-title + .cont .article{
        margin: 20px 0;
    }

    main.subContents.privacy .article-box .article > .img{
        width: 30px;
        margin-right: 0.2em;
        margin-bottom: 20px;
        top: -5px;
    }

    main.subContents.privacy .article-box .article > .img + .cont-title {
        padding-left: 2em;
        margin-bottom: 20px;
    }

    main.subContents.privacy .selectarea {
        text-align: right;
    }
    
    main.subContents.privacy select {
        width: 100%;
    }

    main.subContents.corpGvrn .btn-list .btn-common{
        width: 100%;
    }

    main.subContents.ethicalMng .btmbtnbox{
        margin-top: 50px;
    }

    main.subContents.envCns .title2:nth-of-type(3) + .graybox .img-sect{
        width: 100%;
    }

    main.subContents.envCns .title2:last-of-type ~ .graybox .img-sect {
        width: 60%;
    }

    main.subContents.job .flex-box {
        justify-content: space-between;
    }
    
    main.subContents.esgFW .table-wrap table .img-sect img {
        width: 100%;
    }

    main.subContents.esgFW .table-wrap table .img {
        width: 50px;
    }
    main.subContents .director-list {
        flex-direction: column;
        gap: 20px;
    }
    
    main.subContents .director-list .director-card{
        width: 100%;
    }
    
    main.subContents .director-card .title-box .img-sect{
        width: 80px;
        height: 80px;
    }

    main.subContents.director section:nth-last-of-type(2) .btmbtnbox{
        margin-top: 1.4em;
    }

    main.subContents.townboard .box-Style-01 .box .cont .dot {
        margin-top: 20px;
    }

    main.subContents.townboard .box-Style-01 .box .cont .item-title {
        font-size: var(--default-font1-size);
        text-align: left;
    }

    main.subContents.townboard .box-Style-01 .box .cont,
    main.subContents.townboard .box-Style-01 .box .cont:nth-child(2),
    main.subContents.townboard .box-Style-01 .box .cont:nth-child(3),
    main.subContents.townboard .box-Style-01 .box .cont:nth-child(4),
    main.subContents.townboard .box-Style-01 .box .cont:nth-child(5) {
        padding: 20px;
        flex-direction: column;
        min-height: auto;
        background-size: 120px;
        background-position: right 20px top 20px;
    }

    main.list .list>li a .img-sect {
        min-height: auto !important;
    }

    main.list .list>li a .img-sect img {
        position: relative;
    }
}

@media screen and (max-width:590px){

    main.subContents .card-list {
        flex-direction: column;
    }
    
    main.subContents .card-list > .card dt{
        padding: 15px;
    }

    main.subContents .card-list > .card:first-child dt br{
        display: none;
    }
    .popup-overlay.mgt .swiper-button-prev,
    .popup-overlay.mgt .swiper-button-next {
        width: 45px;
        height: 45px;
        padding: 16px;
    }
}

@media screen and (max-width:530px){
    main.subContents .report-list {
        gap: 10px;
    }
    
    main.subContents .report-list > li{
        gap: 20px;
        width: calc((100% - 10px)/2);
        padding: 20px;
    }
    
    main.subContents .btn-list button{
        padding: 3px;
    }

    main.subContents .gray-flex .graybox {
        width: calc((100% - 15px)/2);
        flex: auto;
    }

    .popup-tooltip {
        width: 160px;
    }
    .popup-overlay.mgt .swiper-button-prev,
    .popup-overlay.mgt .swiper-button-next {
        width: 30px;
        height: 30px;
        padding: 10px;
    }
}

@media screen and (max-width:400px){

    main.subContents .report-list {
        gap: 15px;
    }
    
    main.subContents .report-list > li{
        width: 100%;
    }

    main.subContents .client-list {
        gap: 20px;
    }

    main.subContents h6 + .inner .client-list,
    main.subContents .txt + .client-list {
        margin-top: 30px;
    }
    
    main.subContents .client-list > li {
        width: calc((100% - 20px)/2);
    }

    .popup-tooltip {
        padding: 10px;
        width: 140px;
    }
}