@charset "utf-8";
@import url("common.css");

#contents {
    position: relative;
    overflow: hidden;
}

#contents .visual_bg {
    width: 800px;
    height: 800px;
    position: absolute;
    top: -400px;
    right: -100px;
}

#contents .visual_bg:after {
    content: "";
    position: absolute;
    inset: -300px; /* 퍼짐 공간 확보 */
    border-radius: 50%;
    background: radial-gradient(circle at center,
    rgba(51, 108, 250, 0.13) 0%,
    rgba(51, 108, 250, 0.1) 20%,
    rgba(51, 108, 250, 0.07) 40%,
    rgba(51, 108, 250, 0.05) 60%,
    rgba(51, 108, 250, 0.03) 75%,
    rgba(51, 108, 250, 0.0) 100%
    );
    filter: blur(200px);
    z-index: -1;
}

#visual {
    padding: 240px 0 120px;
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
    /*overflow: hidden;*/
}

#visual h1 {
    color: var(--gray900);
    font-size: var(--font60);
    font-weight: var(--fw300);
    line-height: var(--lh1_3);
    margin-top: 25px;
}

#visual h1 strong {
    font-weight: var(--fw700);
}

#contents_in {
    padding: 0 0 200px;
}

#contents_in .contents_visual {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 120px 3%;
    min-height: 400px;
    text-align: center;
    color: var(--whiteColor);
    background: var(--mainBlack) center center/cover no-repeat;
    margin-bottom: 60px;
}

#contents_in .contents_visual.about {
    background-image: url('/assets/img/company/contents_top_bg_about.jpg')
}

#contents_in .contents_visual.history {
    background-image: url('/assets/img/company/contents_top_bg_history.jpg')
}

#contents_in .contents_visual.ci {
    background-image: url('/assets/img/company/contents_top_bg_ci.jpg')
}

#contents_in .contents_visual.business {
    background-image: url('/assets/img/business/contents_top_bg_business.jpg')
}

#contents_in .contents_visual.newsroom,
#contents_in .contents_visual.journal {
    background-image: url('/assets/img/pr/contents_top_bg_newsroom.jpg')
}

#contents_in .contents_visual.media,
#contents_in .contents_visual.brochure {
    background-image: url('/assets/img/pr/contents_top_bg_media.jpg')
}

#contents_in .contents_visual.ir {
    background-image: url('/assets/img/investment/contents_top_bg_ir.jpg')
}

#contents_in .contents_visual.irNotice {
    background-image: url('/assets/img/investment/contents_top_bg_irNotice.jpg')
}

#contents_in .contents_visual.location {
    background-image: url('/assets/img/cscenter/contents_top_bg_location.jpg')
}

#contents_in .contents_visual.inquiry {
    background-image: url('/assets/img/cscenter/contents_top_bg_inquiry.jpg')
}

#contents_in .contents_visual .moreBtn {
    margin-top: 50px;
}

#sub_dropdownMenu {
    /*opacity: 0;*/
    /*transform: translateY(70px);*/
    /*animation: sub_effect 1.3s forwards alternate;*/
    position: relative;
    z-index: 20;
}

#sub_dropdownMenu .dropLst {
    display: inline-block;
    vertical-align: middle;
    color: var(--whitecolor);
}

#sub_dropdownMenu .dropLst .txt {
    display: block;
    position: relative;
    font-size: var(--font20);
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: var(--lh1_1);
    display: flex;
    align-items: center;
}

#sub_dropdownMenu .dropLst .txt:before,
#sub_dropdownMenu .dropLst .txt:after {
    display: flex;
    align-items: center;
    justify-content: center;
    content: '\e5c5';
    font-size: var(--font24);
    border-radius: 100px;
    color: var(--gray900);
    font-family: var(--icon);
    background: var(--gray200);
    margin: 0 0 0 8px;
    font-weight: var(--fw300);
    line-height: var(--lh1_1);
    transition: var(--transition);
}

#sub_dropdownMenu .dropLst .txt:before {
    content: '\e5cc';
    border-radius: 0;
    margin: 0 8px;
    color: var(--gray400);
    background: none;
}

#sub_dropdownMenu .dropLst .txt.on:after {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

#sub_dropdownMenu .dropLst .dlst {
    display: none;
    position: absolute;
    z-index: 9999;
    left: 0;
    background: var(--whiteColor);
    border-radius: var(--bradius12) var(--bradius12) var(--bradius20) var(--bradius12);
    box-shadow: 0 0 30px rgba(51, 108, 250, .2);
}

#sub_dropdownMenu .dropLst.bottom .dlst {
    top: auto;
    bottom: 100%;
}

#sub_dropdownMenu .dropLst ul {
    padding: 20px;
}

#sub_dropdownMenu .dropLst ul > li {
    position: relative;
}

#sub_dropdownMenu .dropLst li span,
#sub_dropdownMenu .dropLst li a {
    font-size: var(--font15);
    padding: 4px 0;
    display: block;
}

#sub_dropdownMenu .dropLst li span,
#sub_dropdownMenu .dropLst li a:hover {
    color: var(--blue600);
    transition: var(--transition);
}

#sub_dropdownMenu .dropLst li span,
#sub_dropdownMenu .dropLst li a.on {
    color: var(--blue600);
    font-weight: var(--fw700) !important;
}

#sub_dropdownMenu .mobile_snb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

#sub_dropdownMenu .mobile_snb .lnbHome {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
}

#sub_dropdownMenu .mobile_snb .lnbHome:before {
    display: block;
    content: '\e295';
    color: var(--gray900);
    font-size: var(--font24);
    font-family: var(--icon);
    font-weight: var(--fw300);
}

#sub_dropdownMenu .mobile_snb .lnbHome a {
    display: block;
}

#sub_dropdownMenu .mobile_snb .tbox {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}


#sub_dropdownMenu .mobile_snb .box .dropLst ul li:last-child {
    border-bottom: 0;
}

#sub_dropdownMenu .mobile_snb .box .dropLst li .value:hover {
    color: var(--blue600);
}

#sub_dropdownMenu .mobile_snb .box .dropLst li .value.on {
    color: var(--blue600);
    font-weight: var(--fw700) !important;
}

#sub_dropdownMenu .mobile_snb .dropLst {
    width: 100%;
    box-sizing: border-box;
    position: relative;
}

#sub_dropdownMenu .mobile_snb .dropLst .dlst {
    top: 35px;
    width: calc(100% + 20px);
}

.m_txt {
    opacity: 0.7;
}

/*********** 탭 메뉴 ***********/
.tab_menu {
    overflow: hidden;
    margin: 0 auto 60px;
}

.tab_menu .tab_menu_in {
    box-sizing: border-box;
    margin: 0 auto;
    overflow: hidden;
}

.tab_menu .tab_menu_in ul {
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
    display: flex;
    /*transform: none !important;*/
}

.tab_menu .tab_menu_in ul li {
    width: 16.666%;
    height: auto;
    box-sizing: border-box;
    padding: 8px;
    padding-right: 0;
    border-top: 1px solid var(--gray300);
    border-bottom: 1px solid var(--gray300);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.tab_menu .tab_menu_in ul li:first-child {
    border-radius: var(--bradius8) 0 0 var(--bradius8);
    border-left: 1px solid var(--gray300);
}

.tab_menu .tab_menu_in ul li:last-child {
    border-radius: 0 var(--bradius8) var(--bradius8) 0;
    padding-right: 8px;
    border-right: 1px solid var(--gray300);
}

.tab_menu .tab_menu_in ul li a {
    display: block;
    line-height: 1;
    padding: 20px 3%;
    box-sizing: border-box;
    border-radius: var(--bradius8);
    transition: var(--transition);
}

.tab_menu .tab_menu_in ul li a:hover {
    background: var(--gray900) !important;
    color: var(--whiteColor) !important;
    font-weight: var(--fw700) !important;
}

.tab_menu .tab_menu_in ul li.hover a {
    background: var(--gray900) !important;
    color: var(--whiteColor) !important;
    font-weight: var(--fw700) !important;
}

/*********** 서브페이지 공통 ***********/
.sub_tit {
    font-family: var(--eng);
    font-size: var(--font24);
    color: var(--gray900);
    line-height: var(--lh1_3);
    margin-bottom: 15px;
}

.sub_txt {
    margin-bottom: 32px;
}

.sub_con {
    margin-bottom: 80px;
}

.sub_con:last-child {
    margin-bottom: 0;
}

/*********** 회사소개 > 소개 ***********/
.about_con .tit_con {
    text-align: center;
}

.about_con .m_tit {
    position: relative;
    margin-top: 0;
}

.about_con .m_tit span {
    background: var(--whiteColor);
    min-width: 760px;
    display: inline-block;
    margin: 0 auto;
}

.about_con .m_tit:after {
    display: block;
    content: '';
    width: 100%;
    height: 6px;
    background: linear-gradient(90deg,rgba(51, 108, 250, 1) 0%, rgba(30, 64, 148, 1) 100%);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    z-index: -1;
}

.about_icon_con {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 30px;
    /*margin-top: 100px;*/
}

.about_icon_con > div {
    width: 100%;
}

.about_icon_con .vision_mission_con {
    width: 100%;
    gap: 30px;
    text-align: center;
    display: flex;
    align-items: stretch;
}

.about_icon_con .vision,
.about_icon_con .mission,
.about_icon_con .value {
    border-radius: var(--bradius40) var(--bradius40) var(--bradius100) var(--bradius40);
    overflow: hidden;
    background: url('/assets/img/company/about_img01.jpg') center center/cover no-repeat;
    width: 100%;
    padding: 120px 3%;
}

.about_icon_con .mission {
    background-image: url('/assets/img/company/about_img02.jpg')
}

.about_icon_con .a_tit {
    color: var(--whiteColor);
    font-size: var(--font32);
    font-weight: var(--fw700);
    margin-bottom: 10px;
    text-align: center;
}

.about_icon_con .a_tit .a_icon {
    background: url('/assets/img/company/about_icon01.png') center center/cover no-repeat;
    width: 100px;
    height: 100px;
    display: block;
    margin: 0 auto;
}

.about_icon_con .mission .a_icon {
    background-image: url('/assets/img/company/about_icon02.png')
}

.about_icon_con .a_tit .m_stit {
    display: block;
    margin: 12px 0 5px;
}

.about_icon_con .value {
    background-image: url('/assets/img/company/about_img03.jpg');
    display: flex;
    align-items: stretch;
    padding-left: 0 !important;
}

.about_icon_con .value .a_tit {
    width: 35%;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.about_icon_con .value .a_icon {
    background-image: url('/assets/img/company/about_icon03.png')
}

.about_icon_con .value .a_txt {
    width: calc(100% - 35%);
    padding-left: 4%;
    border-left: 1px solid rgba(255,255,255,0.2);
    color: var(--whiteColor);
}

.about_icon_con .value .a_txt dl {
    margin-bottom: 24px;
}

.about_icon_con .value .a_txt dl:last-child {
    margin-bottom: 0;
}

.about_icon_con .value .a_txt dt {
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: var(--fw700);
    font-size: var(--font20);
    margin-bottom: 6px;
}

.about_icon_con .value .a_txt .num {
    font-family: var(--eng);
    display: inline-block;
    width: 45px;
    text-align: center;
    line-height: 1;
    padding: 6px 12px;
    border-radius: var(--bradius20);
    background: rgba(255,255,255,0.2);
    font-size: var(--font14);
}

.about_icon_con .value .a_txt dd {
    opacity: 0.7;
}

/*********** 회사소개 > 연혁 ***********/
.history_con {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.history_con .progressbar {
    display: block;
    position: absolute;
    left: 50%;
    top: 15px;
    width: 2px;
    height: calc(100% - 15px);
    margin-left: -1px;
    background: linear-gradient(to bottom, var(--gray300) 80%, rgba(208,210,216, 0.00) 100%);
    z-index: 1;
}

.history_con .progress {
    display: block;
    width: 2px;
    height: 0;
    border-radius: 2px;
    background: var(--blue600);
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -1px;
    transition: var(--transition);
}

.history_list {
    display: flex;
    align-items: normal;
    justify-content: right;
}

.history_list .history_list_in {
    width: 50%;
}

.history_list .history_tit {
    position: relative;
    font-family: var(--eng);
    color: var(--gray900);
    font-weight: var(--fw700);
    font-size: var(--font36);
    line-height: 1;
    margin-bottom: 22px;
    padding: 0 0 0 30px;
}

.history_list .history_tit:before,
.history_list .history_tit:after {
    position: absolute;
    display: block;
    content: '';
    border-radius: 50%;
    z-index: 5;
}

.history_list .history_tit:before {
    left: -5px;
    top: 50%;
    transform: translate(0, -50%);
    width: 10px;
    height: 10px;
    background: var(--blue600);
    transition: var(--transition);
}

.history_list .history_tit:after {
    width: 100%;
    height: 100%;
    max-width: 24px;
    max-height: 24px;
    background: rgba(51,108,250,0.2);
    left: -12px;
    top: 6px;
    z-index: 10;
    animation: dots 1.5s ease-in-out infinite;
}

@keyframes dots {
    0% {
        opacity: 1;
        transform: scale(1);
    }
    100% {
        opacity: 0;
        transform: scale(4);
    }
}

.history_list .history_txt {
    position: relative;
    overflow: hidden;
    padding: 0 0 0 30px;
}

.history_txt > li {
    margin-bottom: 15px;
    position: relative;
    overflow: hidden;
}

.history_txt > li:last-child {
    margin-bottom: 0;
}

.history_txt .history_month {
    font-family: var(--eng);
    color: var(--gray900);
    font-weight: var(--fw400);
    float: left;
    width: 55px;
}

.history_txt .history_month_txt {
    float: left;
    width: calc(100% - 55px);
    width: 100%;
    float: none;
}

.history_txt .history_month_txt li {
    margin-bottom: 8px;
}

.history_txt .history_month_txt li:last-child {
    margin-bottom: 0;
}

.history_list:nth-child(even) {
    justify-content: left;
}

.history_list:nth-child(even) .history_tit,
.history_list:nth-child(even) .history_txt {
    padding: 0 30px 0 0;
}

.history_list:nth-child(even) .history_tit,
.history_list:nth-child(even) .history_txt .history_month_txt,
.history_list:nth-child(even) .history_txt li {
    text-align: right;
}

.history_list:nth-child(even) .history_txt .history_month,
.history_list:nth-child(even) .history_txt .history_month_txt {
    float: right;
}

.history_list:nth-child(even) .history_tit:before {
    left: auto;
    right: -5px;
}

.history_list:nth-child(even) .history_tit:after {
    left: auto;
    right: -12px;
}

/*********** 회사소개 > CI ***********/
.logoList {
    display: flex;
    align-items: stretch;
    gap: 30px;
}

.logoList > div {
    border: 1px solid var(--gray300);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 59px 5.5%;
}

.logoList > div:last-child {
    background: var(--mainBlack);
    border: none;
}

.logoList svg {
    line-height: 1;
    width: 100%;
    height: 100%;
}

.logo_colorList {
    display: flex;
    align-items: stretch;
    gap: 30px;
}

.logo_colorList dl {
    width: 100%;
    border: 1px solid var(--gray300);
}

.logo_colorList dt {
    background: var(--mainColor);
    height: 144px;
}

.logo_colorList dl:nth-child(2) dt {
    background: var(--logoBlack);
}

.logo_colorList dl:nth-child(3) dt {
    background: var(--logoGray);
}

.logo_colorList dl:last-child dt {
    background: var(--whiteColor);
    border-bottom: 1px solid var(--gray300);
}

.logo_colorList dd {
    padding: 30px 24px;
}

.logo_colorList dd h6 {
    font-family: var(--eng);
    color: var(--gray900);
    font-weight: var(--fw400);
    line-height: var(--lh1_1);
    font-size: var(--font20);
    margin-bottom: 20px;
}

.logo_colorList dd li {
    display: flex;
    align-items: normal;
    font-family: var(--eng);
    line-height: var(--lh1_3);
    margin-bottom: 12px;
}

.logo_colorList dd li span {
    color: var(--gray900);
    width: 70px;
}

.logo_colorList dd li:last-child {
    margin-bottom: 0;
}

/*********** 사업안내 > 사업안내 ***********/
.b_feature_con .b_spec_list {
    display: flex;
    align-items: center;
    justify-content: center;
}

.b_feature_con .b_spec_list li {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 70px;
}

.b_feature_con .b_spec_list li span {
    border-radius: 200px;
    background: var(--blue700);
    line-height: var(--lh1_1);
    font-weight: var(--fw700);
    color: var(--whiteColor);
    font-family: var(--eng);
    width: 320px;
    height: 100%;
    padding: 0 3%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.b_feature_con .b_spec_list li:nth-child(2) span {
    background: var(--blue800);
}

.b_feature_con .b_spec_list li:nth-child(3) span {
    background: var(--blue900);
}

.b_feature_con .b_spec_list li:after {
    display: block;
    content: '\f3dd';
    font-family: var(--icon);
    font-size: var(--font24);
    color: var(--gray600);
    margin: 0 12px;
}

.b_feature_con .b_spec_list li:last-child:after {
    display: none;
}

.b_feature_con .b_feature_list {
    margin-top: 100px;
}

.b_feature_con .b_feature_list_in {
    border: 1px solid var(--gray300);
    border-radius: var(--bradius40) var(--bradius40) var(--bradius100) var(--bradius40);
    display: flex;
    align-items: center;
    padding: 80px 0;
    text-align: center;
}

.b_feature_con .b_feature_list_in dl {
    width: 33.33%;
    border-right: 1px solid var(--gray300);
    padding: 0 3%;
}

.b_feature_con .b_feature_list_in dl:last-child {
    border: none;
}

.b_feature_con .b_feature_list_in dt {
    position: relative;
    border-radius: var(--bradius32);
    border: 6px solid rgba(51, 108, 250, 0.3);
    width: 100px;
    height: 100px;
    background: var(--whiteColor) url('/assets/img/business/business_f_icon01.png') center center no-repeat;
    box-shadow: 0 5px 20px rgba(0,0,0,0.1);
    margin: 0 auto 26px;
}

.b_feature_con .b_feature_list_in dl:nth-child(2) dt {
    background-image: url('/assets/img/business/business_f_icon02.png');
}

.b_feature_con .b_feature_list_in dl:nth-child(3) dt {
    background-image: url('/assets/img/business/business_f_icon03.png');
}

.b_feature_con .b_feature_list_in dt .num {
    display: block;
    font-family: var(--eng);
    color: var(--whiteColor);
    font-weight: var(--fw700);
    font-size: var(--font12);
    line-height: 1;
    position: relative;
    z-index: 1;
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translate(-50%, 0);
}

.b_feature_con .b_feature_list_in dt:after {
    display: block;
    content: '';
    width: 34px;
    height: 34px;
    border-radius: 50px;
    background: var(--blue600);
    position: absolute;
    z-index: -1;
    top: -26px;
    left: 50%;
    transform: translate(-50%, 0);
}

.b_feature_con .b_feature_list_in dd h6 {
    color: var(--gray900);
    font-family: var(--eng);
    font-weight: var(--fw700);
    font-size: var(--font20);
    display: block;
    margin: 0 0 10px;
    line-height: var(--lh1_1);
}

.b_field_con .b_field_list {
    display: flex;
    align-items: normal;
    flex-wrap: wrap;
}

.b_field_con .b_field_list_in {
    width: calc((100% - 5.5%)/2);
    margin-right: 5.5%;
}

.b_field_con .b_field_list_in:nth-child(even) {
    margin-right: 0;
    margin-top: 7%;
}

.b_field_list_in .b_field_thumb {
    border: 1px solid var(--gray300);
    background: var(--whiteColor);
    text-align: center;
    overflow: hidden;
    border-radius: var(--bradius40) var(--bradius40) var(--bradius100) var(--bradius40);
}

.b_field_list_in .b_field_thumb img {
    margin: 0 auto;
    display: inline-block;
    width: 100%;
}

.b_field_list_in .b_field_txt {
    padding-top: 40px;
}

.b_field_list_in .b_field_txt a {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 10px 0 15px;
    color: var(--gray900);
    line-height: var(--lh1_3);
    font-size: var(--font36);
    font-weight: var(--fw400);
    transition: var(--transition);
}

.b_field_list_in .b_field_txt a strong {
    font-family: var(--eng);
    font-size: var(--font40);
    font-weight: var(--fw700);
    display: flex;
    align-items: center;
}

.b_field_list_in .b_field_txt a strong:after {
    display: inline-block;
    content: '';
    width: 2px;
    height: 32px;
    background: var(--gray900);
    margin: 0 16px;
}

.b_field_list_in .b_field_txt a:after {
    display: flex;
    align-items: center;
    justify-content: center;
    content: '\f8ce';
    font-family: var(--icon);
    font-weight: var(--fw300);
    background: var(--blue600);
    color: var(--whiteColor);
    line-height: 1;
    font-size: var(--font24);
    border-radius: 100px;
    padding: 8px;
    margin-left: 12px;
    transition: var(--transition);
}

.b_field_list_in .b_field_txt a:hover:after {
    content: '\e5c8';
}

.b_field_list_in .b_field_chip {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 30px;
}

.b_field_list_in .b_field_chip span {
    display: inline-block;
    font-family: var(--eng);
    color: var(--gray400);
    border: 1px solid var(--gray300);
    border-radius: 100px;
    line-height: var(--lh1_1);
    padding: 6px 12px;
    background: var(--whiteColor);
    font-size: var(--font14);
}

.b_market_con .b_market_list {
    display: flex;
    gap: 30px;
    align-items: stretch;
    flex-wrap: wrap;
}

.b_market_con .b_market_list dl {
    width: calc((100% - 30px)/2);
    border: 1px solid var(--gray300);
    border-radius: var(--bradius20);
    display: flex;
    align-items: center;
    padding: 36px 28px;
}

.b_market_con .b_market_list dt {
    border-radius: var(--bradius32);
    border: 6px solid rgba(51,108,250,0.3);
    width: 100px;
    height: 100px;
    background: var(--whiteColor) url('/assets/img/business/business_m_icon01.png') center center no-repeat;
}

.b_market_con .b_market_list dl:nth-child(2) dt {
    background-image: url('/assets/img/business/business_m_icon02.png')
}

.b_market_con .b_market_list dl:nth-child(3) dt {
    background-image: url('/assets/img/business/business_m_icon03.png')
}

.b_market_con .b_market_list dl:nth-child(4) dt {
    background-image: url('/assets/img/business/business_m_icon04.png')
}

.b_market_con .b_market_list dl:nth-child(5) dt {
    background-image: url('/assets/img/business/business_m_icon05.png')
}

.b_market_con .b_market_list dl:nth-child(6) dt {
    background-image: url('/assets/img/business/business_m_icon06.png')
}

.b_market_con .b_market_list dd {
    width: calc(100% - 100px);
    padding-left: 24px;
}

.b_market_con .b_market_list dd strong {
    font-size: var(--font20);
    color: var(--gray900);
    font-weight: var(--fw700);
    line-height: var(--lh1_3);
    margin-bottom: 8px;
    display: block;
}
.b_market_con .b_market_in .graytxt {
    margin-top: 25px;
}

.b_market_con .b_market_in .graytxt a {
    color: var(--gray400);
    transition: var(--transition);
}

.b_market_con .b_market_in .graytxt a:hover {
    color: var(--gray900);
}

/*********** PR센터 > 뉴스룸 ***********/
.board_thumbnail {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.board_thumbnail dl {
    width: calc((100% - 60px) / 3);
    width: 460px;
    position: relative;
    overflow: hidden;
}

.board_thumbnail dl a {
    display: block;
    overflow: hidden;
    transition: var(--transition)
}

.board_thumbnail dt {
    border-radius: var(--bradius40) var(--bradius40) 0 0;
    height: 260px;
    position: relative;
    overflow: hidden;
    background: url('/assets/img/pr/no_img.jpg') center center/cover no-repeat;
    border: 1px solid var(--gray300);
}

.board_thumbnail dt:after {
    display: block;
    content: '';
    width: 100%;
    height: 0;
    background: rgba(51,108,250,0.4);
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    transition: var(--transition);
}

.board_thumbnail dt img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 260px;
    max-height: 260px;
    object-fit: cover;
    transition: var(--transition);
}

.board_thumbnail dd {
    padding: 36px 28px;
    border: 1px solid var(--gray300);
    border-radius: 0 0 var(--bradius100) var(--bradius40);
    border-top: none;
    overflow: hidden;
}

.board_thumbnail dd .subject {
    color: var(--gray900);
    font-weight: var(--fw400);
    line-height: 1;
    font-size: var(--font20);
    margin-bottom: 15px;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal !important;
    transition: var(--transition)
}

.board_thumbnail dd .time {
    display: flex;
    align-items: center;
    color: var(--gray400);
    line-height: 1;
    transition: var(--transition)
}

.board_thumbnail dd .time:before {
    display: block;
    content: '\e8b5';
    font-size: var(--font20);
    font-weight: var(--fw300);
    color: var(--gray400);
    margin-right: 4px;
    font-family: var(--icon);
    transition: var(--transition)
}

.board_thumbnail dl a:hover {
}

.board_thumbnail dl a:hover dd .subject,
.board_thumbnail dl a:hover dd .time,
.board_thumbnail dl a:hover dd .time:before {
    color: var(--blue600);
}

.board_thumbnail dl a:hover dt:after {
    opacity: 1;
    height: 100%;
}

.board_thumbnail dl a:hover dt img {
    transform: scale(1.1);
}

/*********** PR센터 > 미디어자료 ***********/
.board_media {
    display: flex;
    align-items: normal;
    gap: 20px;
}

.board_media .mediaList {
    position: relative;
    width: 1080px;
    height: 810px;
    aspect-ratio: 4 / 3;
}

.board_media .mediaList .mediaImg {
    position: relative;
    overflow: hidden;
    border-radius: var(--bradius20);
    overflow: hidden;
    aspect-ratio: 4 / 3;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.board_media .mediaList .mediaImg h4 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
    font-size: var(--font24);
    line-height: var(--lh1_3);
    color: var(--whiteColor);
    font-weight: var(--fw700);
    padding: 120px 40px 60px;
}

.board_media .media_nav {
    position: relative;
    overflow: hidden;
    width: calc(100% - 1100px);
    height: 810px;
}

.board_media .media_nav .mediaImg {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    border-radius: var(--bradius20);
    width: 100%;
    height: 187px !important;
    background: var(--gray900);
    /*opacity: 0.3;*/
    filter: grayscale(100%);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    /*aspect-ratio: 4 / 2;*/
    transition: var(--transition);
}

.board_media .media_nav .mediaImg:last-child {
    margin-bottom: 0;
}

.board_media .media_nav .mediaImg:after {
    display: block;
    content: '';
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: var(--transition);
}

.board_media .media_nav .swiper-slide-thumb-active {
    filter: grayscale(0%);
    opacity: 1;
}

.board_media .media_nav .swiper-slide-thumb-active:after {
    background: none;
}

.board_media .mediaList .swiper-button-prev,
.board_media .mediaList .swiper-button-next {
    position: absolute;
    top: 28px;
    right: 76px;
    left: auto;
    margin: 0;
}

.board_media .mediaList .swiper-button-next {
    right: 28px;
}

.board_media .mediaList .swiper-button-prev svg,
.board_media .mediaList .swiper-button-next svg {
    display: none;
}

.board_media .mediaList .swiper-button-prev:after,
.board_media .mediaList .swiper-button-next:after {
    display: block;
    content: '\e5cb';
    font-size: var(--font45);
    color: var(--whiteColor);
    font-family: var(--icon);
    font-weight: var(--fw300);
}

.board_media .mediaList .swiper-button-next:after {
    content: '\e5cc';
}

.board_brochure {
    display: flex;
    flex-wrap: wrap;
    gap: 50px 30px;
}

.board_brochure dl {
    width: calc((100% - 90px) / 4);
    position: relative;
    border-radius: var(--bradius20);
    overflow: hidden;
}

.board_brochure dl a {
    display: block;
    overflow: hidden;
    transition: var(--transition)
}

.board_brochure dt {
    aspect-ratio: 3 / 4;
    overflow: hidden;
    /*border: 1px solid var(--gray300);*/
    border-radius: var(--bradius40);
    position: relative;
}

.board_brochure dt:before,
.board_brochure dt:after {
    display: block;
    content: '';
    position: absolute;
    opacity: 0;
    visibility: hidden;
    /*transition: var(--transition);*/
}

.board_brochure dt:before {
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    background: rgba(51, 108, 250, 0.8);
    transition: var(--transition);
}

.board_brochure dl a:hover dt:after {
    z-index: 10;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: '\f090';
    font-size: var(--font36);
    font-weight: var(--fw300);
    font-family: var(--icon);
    color: var(--whiteColor);
    line-height: 1;
    padding: 8px;
    border-radius: var(--bradius100);
    background: rgba(255, 255, 255, 0.3);
}

.board_brochure dt img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--transition)
}

.board_brochure dd {
    font-size: var(--font20);
    color: var(--gray900);
    text-align: center;
    line-height: var(--lh1_3);
    margin-top: 28px;
}

.board_brochure dl a:hover dt:before,
.board_brochure dl a:hover dt:after {
    opacity: 1;
    visibility: visible;
}

.board_brochure dl a:hover dt:before {
    height: 100%;
}

/*********** 투자정보 > IR 자료 ***********/
.board_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 28px;
}

.board_top .board_total {
    font-family: var(--eng);
    color: var(--gray900);
}

.board_top .board_total strong {
    font-weight: var(--fw700);
}

.board_top .board_search {
    width: 400px;
    border: 1px solid var(--gray300);
    border-radius: var(--bradius8);
    display: flex;
    align-items: center;
    overflow: hidden;
}

.board_top .board_search .board_search_select {
    width: 120px;
    padding: 16px 8px 16px 16px;
    height: 56px;
}

.board_top .board_search .board_search_input:before {
    display: block;
    content: '';
    width: 1px;
    height: 20px;
    background: var(--gray300);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
}

.board_top .board_search .board_search_input {
    width: calc(100% - 120px);
    display: flex;
    align-items: center;
    position: relative;
}

.board_top .board_search .board_search_input input {
    border: none;
    width: calc(100% - 56px);
    height: 56px;
}

.board_top .board_search .board_search_input button {
    height: 56px;
    width: 56px;
}

.board_top .board_search .board_search_input button:after {
    display: block;
    content: '\e8b6';
    font-size: var(--font24);
    color: var(--gray900);
    font-family: var(--icon);

}

.table_style {
    border-top: 2px solid var(--gray900);
    text-align: center;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.table_style th {
    color: var(--gray900);
    border-bottom: 1px solid var(--gray400);
    font-weight: var(--fw400);
    padding: 23px 10px;
}

.table_style td {
    border-bottom: 1px solid var(--gray300);
    padding: 23px 10px;
}

.table_style td a {
    color: var(--gray900);
    display: block;
}

.table_style td.subject {
    text-align: left;
}

.table_style .board_notice {
    background: var(--blue100);
}

.table_style .board_notice .board_notice_txt {
    display: none;
}

.table_style .board_notice .board_notice_icon {
    font-size: 0;
}

.table_style .board_notice .board_notice_icon:after {
    display: block;
    content: '\f353';
    font-family: var(--icon);
    color: var(--blue600);
    font-size: var(--font24);
    font-weight: var(--fw400);
}

.pagination {
    margin-top: 60px;
}

.pagination ul {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.pagination li {
    font-size: var(--font14);
    margin: 0 6px;
}

.pagination li a {
    display: block;
    line-height: 26px;
    text-align: center;
}

.pagination li.on a {
    color: var(--whiteColor);
    border-radius: 100px;
    background: var(--gray900);
    width: 26px;
}

.pagination li.arrow {
    margin: 0 2px;
}

.pagination li.arrow a {
    color: var(--gray400);
    transition: var(--transition);
}

.pagination li.arrow a:hover {
    color: var(--gray900);
}

.pagination li.arrow a:before {
    display: block;
    content: '\eac3';
    font-size: var(--font24);
    font-family: var(--icon);
    font-weight: var(--fw300);
}

.pagination li.arrow.prev a:before {
    content: '\e314';
}

.pagination li.arrow.prev {
    margin-right: 12px;
}

.pagination li.arrow.next {
    margin-left: 12px;
}

.pagination li.arrow.next a:before {
    content: '\e315';
}

.pagination li.arrow.last a:before {
    content: '\eac9';
}

.board_view_top {
    border-top: 2px solid var(--gray900);
    padding: 39px 0;
    border-bottom: 1px solid var(--gray300);
}

.board_view_top .board_view_tit {
    color: var(--gray900);
    line-height: var(--lh1_3);
    font-size: var(--font24);
    margin-bottom: 20px;
}

.board_view_top .board_view_info {
    display: flex;
    align-items: center;
}

.board_view_top .board_view_info li {
    color: var(--gray400);
    line-height: var(--lh1_1);
    display: flex;
    align-items: center;
}

.board_view_top .board_view_info li.time:before {
    display: block;
    content: '\e8b5';
    font-family: var(--icon);
    color: var(--gray400);
    font-size: var(--font20);
    margin-right: 8px;
    font-weight: var(--fw300);
}

.board_view_top .board_view_info li:after {
    display: block;
    content: '';
    margin: 0 16px;
    width: 1px;
    height: 16px;
    background: var(--gray300);
}

.board_view_top .board_view_info li:last-child:after {
    display: none;
}

.board_view .board_view_cont {
    padding: 28px 0 40px;
    text-align: center;
}

.board_view .board_view_cont .board_view_cont_in {
    display: block;
    text-align: left;
    margin-bottom: 40px;
}

.board_view .board_view_cont .board_view_file {
    text-align: left;
    margin-top: 40px;
}

.board_view .board_view_cont .board_view_file {
    background: #f4f4f4;
    padding: 20px;
    position: relative;
    overflow: hidden;
}

.board_view .board_view_cont .board_view_file dt {
    color: var(--gray900);
    display: flex;
    align-items: center;
    float: left;
    font-size: var(--font14);
    width: 85px;
}

.board_view .board_view_cont .board_view_file dt:after {
    display: block;
    content: '\e226';
    font-family: var(--icon);
    font-size: 1rem;
    color: var(--gray900);
    margin-left: 4px;
}

.board_view .board_view_cont .board_view_file dd {
    float: left;
    width: calc(100% - 85px);
    display: flex;
    flex-direction: column;
}

.board_view .board_view_cont .board_view_file dd a:first-child {
    margin-top: 3px;
}

.board_view .board_view_cont .board_view_file dd a:last-child {
    margin-bottom: 0;
}

.board_view .board_view_cont .board_view_file dd a {
    display: inline-block;
    line-height: var(--lh1_3);
    font-size: var(--font14);
    color: var(--gray600);
    margin: 5px 0;
}

.board_view .board_view_move dl {
    display: flex;
    align-items: center;
    padding: 13px 0;
    border-bottom: 1px solid var(--gray300);
}

.board_view .board_view_move dl:first-child {
    border-top: 1px solid var(--gray300);
}

.board_view .board_view_move dt {
    width: 90px;
    color: var(--gray900);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.board_view .board_view_move dl dt:after {
    display: block;
    content: '\e5c7';
    color: var(--gray900);
    font-size: var(--font24);
    font-weight: var(--fw300);
    font-family: var(--icon);
}

.board_view .board_view_move dl:last-child dt:after {
    content: '\e5c5';
}

.board_view .board_view_move dd {
    width: calc(100% - 100px);
    padding-left: 16px;
}

.board_view .board_view_move dd a {
    display: block;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal !important;
    color: var(--gray600);
    transform: var(--transition);
}

.board_view .board_view_move dd a:hover {
    color: var(--gray900);
}

.board_view .listBtn_con {
    text-align: center;
}

.board_view .listBtn {
    display: inline-block;
    border-radius: var(--bradius8);
    font-size: var(--font14);
    color: var(--gray600);
    border: 1px solid var(--gray300);
    line-height: var(--lh1_1);
    padding: 16px 24px;
    margin: 40px auto 0;
}

.board_view .listBtn:after {
    display: inline-block;
    vertical-align: middle;
    content: '\e166';
    font-family: var(--icon);
    font-size: var(--font20);
    color: var(--gray600);
    margin: -2px 0 0 4px;
    font-weight: var(--fw300);
    line-height: 1;
}

/*********** 고객지원 > 오시는길 ***********/
.location_con .location_con_list {
    border-radius: var(--bradius20) var(--bradius20) var(--bradius80);
    border: 1px solid var(--gray300);
    overflow: hidden;
    margin-bottom: 60px;
}

.location_con .location_con_list:last-child {
    margin: 0;
}

.location_con .map {
    position: relative;
    height: 500px;
}

.location_con .map .btn_con {
    margin: 0;
    position: absolute;
    bottom: 12px;
    right: 12px;
    z-index: 10;
}

.location_con .map .moreBtn {
    background: #fae100;
    border-color: #fae100;
}

.location_con .map .moreBtn span {
    color: #371c1d;
}

.location_con .map .moreBtn i:before {
    background: var(--whiteColor);
}

.location_con .map .moreBtn i:after {
    content: '';
    width: 16px;
    height: 16px;
    background: url('/assets/img/cscenter/icon_loca_kakao.svg') center center/cover no-repeat;
}

.location_con .map .moreBtn:hover {
    background: var(--whiteColor);
    border-color: #371c1d;
}

.location_con .map .moreBtn:hover span {
    color: #371c1d;
}

.location_con .map .moreBtn:hover i:before {
    background: var(--whiteColor);
}

.location_con .map .moreBtn.naver {
    background: #03cf5d;
    border-color: #03cf5d;
}

.location_con .map .moreBtn.naver span {
    color: var(--whiteColor);
}

.location_con .map .moreBtn.naver i:after {
    background-image: url('/assets/img/cscenter/icon_loca_naver.svg');
}

.location_con .map .moreBtn.naver:hover {
    border-color: #03cf5d;
    color: #03cf5d;
}

.location_con .map .moreBtn.naver:hover span {
    color: #03cf5d;
}

.location_con .map .moreBtn.google {
    background: #4285F4;
    border-color: #4285F4;
}

.location_con .map .moreBtn.google span {
    color: var(--whiteColor);
}

.location_con .map .moreBtn.google i:after {
    background-image: url('/assets/img/cscenter/icon_loca_google.svg');
}

.location_con .map .moreBtn.google:hover {
    border-color: #4285F4;
    color: #4285F4;
}

.location_con .map .moreBtn.google:hover span {
    color: #4285F4;
}

.root_daum_roughmap {
    width: 100% !important;
}

.root_daum_roughmap .wrap_map {
    height: 500px !important;
}

.root_daum_roughmap .map_border {
    display: none !important;
}

.root_daum_roughmap .wrap_controllers {
    display: none;
}

.root_daum_roughmap .cont {
    display: none;
}

.location_con .map_info {
    position: relative;
    overflow: hidden;
    padding: 60px 40px;
    background: #f4f4f4;
    border-top: 1px solid var(--gray300);
}

.location_con .map_info .map_tit {
    float: left;
    font-weight: var(--fw700);
    color: var(--gray900);
    font-size: var(--font24);
    line-height: var(--lh1_3);
    width: 280px;
}

.location_con .map_info .map_txt {
    float: left;
    width: calc(100% - 280px);

}

.location_con .map_info .map_txt li {
    position: relative;
    overflow: hidden;
    padding: 0 0 5px 80px;
}

.location_con .map_info .map_txt li:last-child {
    padding-bottom: 0;
}

.location_con .map_info .map_txt li span {
    position: absolute;
    top: 0;
    left: 0;
    color: var(--gray900);
    display: flex;
    align-items: center;
    line-height: 1;
}

.location_con .map_info .map_txt li span:before {
    display: block;
    content: '\e7ee';
    font-size: var(--font24);
    font-family: var(--icon);
    margin-right: 8px;
    font-weight: var(--fw300);
}

.location_con .map_info .map_txt li span.fax:before {
    content: '\ead8';
}

.location_con .map_info .map_txt li span.tel:before {
    content: '\e0b0';
}

/*********** 고객지원 > 고객문의 ***********/
.inquiry_list {
    display: flex;
    align-items: stretch;
    width: 1440px;
    gap: 30px;
    margin-top: 60px;
}

.inquiry_list dl {
    border-radius: var(--bradius40) var(--bradius40) var(--bradius100) var(--bradius40);
    background: rgba(6, 74, 244, 0.6);
    backdrop-filter: blur(8px);
    text-align: center;
    padding: 80px 3%;
    color: var(--whiteColor);
    width: 33.33%;
}

.inquiry_list dl:nth-child(2) {
    background: rgba(5, 59, 194, 0.6);
}

.inquiry_list dl:last-child {
    background: rgba(4, 45, 149, 0.6);
    margin-right: 0;
}

.inquiry_list dt {
    font-weight: var(--fw700);
    font-size: var(--font24);
    line-height: var(--lh1_1);
    margin-bottom: 12px;
}

.inquiry_list dt span {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 24px;
    border-radius: var(--bradius32);
    width: 100px;
    height: 100px;
    background: rgba(255, 255, 255, 0.3) url("/assets/img/cscenter/inquiry_icon01.png") center center no-repeat;
    border: 6px solid rgba(255, 255, 255, 0.5);
}

.inquiry_list dt span:after {
    display: none;
    content: '\ef92';
    font-weight: var(--fw300);
    font-family: var(--icon);
    color: var(--whiteColor);
    font-size: var(--font52);
}

.inquiry_list dl:nth-child(2) dt span {
    background-image: url("/assets/img/cscenter/inquiry_icon02.png");
}

.inquiry_list dl:nth-child(2) dt span:after {
    content: '\ebcb';
}

.inquiry_list dl:last-child dt span {
    background-image: url("/assets/img/cscenter/inquiry_icon03.png");
}

.inquiry_list dl:last-child dt span:after {
    content: '\f385';
}

.inquiry_list dd p {
    opacity: 0.7;
}

.inquiry_list dd .moreBtn {
    margin-top: 40px;
    border-color: rgba(255, 255, 255, 0.3);
}

.inquiry_list dd .moreBtn i:before {
    background: var(--blue700);
}

.inquiry_list dd .moreBtn i:after {
    content: '\f187';
}

.inquiry_list dl:nth-child(2) dd .moreBtn i:before {
    background: var(--blue800);
}

.inquiry_list dl:last-child dd .moreBtn i:before {
    background: var(--blue900);
}

/*********** 이용안내 > 개인정보처리방침 ***********/
.privacy_con .m_txt2 {
    margin: 15px 0;
}

.privacy_con .user_guide_in {
    padding-top: 80px;
}

.privacy_con .user_guide_in:first-child {
    padding-top: 0;
}

.privacy_con .user_guide_selectBox {
    text-align: right;
    color: var(--gray900);
}

.privacy_con .user_guide_selectBox select {
    width: 100%;
    position: relative;
    font-size: var(--font15);
    color: var(--gray600);
    border: 1px solid var(--gray300);
    padding: 20px 60px 20px 20px;
    -o-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: var(--bradius20) !important;
    background: var(--whiteColor) url('/assets/img/select_arrow.svg') right 20px center no-repeat;
    /*margin-left:15px*/
}

.privacy_con .privacy_list {
    border: 1px solid var(--gray300);
    padding: 30px;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}

.privacy_con .privacy_list li {
    width: 50%;
    padding-right: 3%;
}

.privacy_con .privacy_list li:nth-child(2n) {
    padding-right: 0;
}

.privacy_con .privacy_list li a {
    display: inline-block;
    padding: 5px 0;
}

.borderBox {
    border-radius: var(--bradius20);
    border: 1px solid var(--gray300);
    padding: 30px;
    margin-top: 20px;
    border: none;
    padding: 0;
    border-radius: 0;
    margin: 0;
    position: relative;
    overflow: hidden;
}

.borderBox_in {
    margin-bottom: 30px;
}

.borderBox .borderBox_in:last-child {
    margin-bottom: 0
}

.dot2 {
    border-radius: var(--bradius20);
    border: 1px solid var(--gray300);
    padding: 30px;
    margin-top: 20px;
    position: relative;
    border: none;
    padding: 0;
    margin: 0
}

.dot2:after {
    display: block;
    content: '';
    clear: both;
}

.dot2>li {
    position: relative;
    padding: 0 0 6px 12px;
    padding-left: 0

}

.dot2>li:last-child {
    padding-bottom: 0
}

.dot2>li:before {
    display: block;
    content: "";
    width: 4px;
    height: 2px;
    background: var(--gray400);
    position: absolute;
    top: 12px;
    left: 0;
    display: none;
}

.dot2>li a {
    transition: var(--transition);
}

.dot2.list02>li {
    float: left;
    width: 50%;
    padding-right: 3%;
}

.dot2.list02>li:nth-child(2n+1) {
    clear: both;
}

.dot2.list02>li:nth-child(2n) {
    padding-right: 0
}

.dot2.list03>li {
    float: left;
    width: 33%;
    padding-right: 3%;
}

.dot2.list03>li:nth-child(3n+1) {
    clear: both;
}

.dot2.list03>li:nth-child(3n) {
    padding-right: 0
}

.dot2_in {
    padding: 20px;
    background: var(--gray100);
    margin: 7px 0 15px;
}

.dot2_in>li {
    font-size: var(--font15);
    padding: 0 0 3px 0;
    position: relative;
    color: var(--gray400);
}

.dot2_in>li:before {
    display: none;
    content: "";
    width: 3px;
    height: 3px;
    opacity: 0.5;
    background: var(--gray400);
    position: absolute;
    top: 10px;
    left: 0
}

.dot2_in>li:last-child {
    padding-bottom: 0
}

.dot2_in>li a {
    color: var(--gray400);
    transition: var(--transition);
}

.dot2_in>li h6 {
    color: var(--gray600);
    font-weight: var(--fw400);
    font-size: 1rem;
    margin: 20px 0 5px;
}

.dot2_in>li:first-child h6 {
    margin-top: 0
}

.dot2 li a:hover {
    color: var(--gray900);
}

.dot2_in li a:hover {
    color: var(--gray900);
}

/*******************************************************************************
	@media ~1480px
*******************************************************************************/
@media all and (max-width: 1480px) {
    #visual {
        padding: 240px 3% 120px;
    }

    /*********** 회사소개 > 소개 ***********/
    .about_con .m_tit span {
        min-width: 660px;
    }

    /*********** 사업안내 > 사업안내 ***********/
    .b_feature_con .b_spec_list li {
        width: 100%;
    }

    .b_feature_con .b_spec_list li span {
        width: 100%;
    }

    .b_market_con .b_market_list dd br {
        display: none;
    }

    /*********** PR센터 > 뉴스룸 ***********/
    .board_thumbnail dl {
        width: calc((100% - 60px) / 3);
    }

    .board_thumbnail dt {
        width: 100%;
        height: 100%;
        aspect-ratio: 4 / 2.27;
    }

    .board_thumbnail dt img {
        min-width: 100%;
        min-height: 100%;
    }

    /*********** PR센터 > 미디어자료 ***********/
    .board_media {
        display: block;
    }

    .board_media .mediaList {
        width: 100%;
        height: auto;
        margin-bottom: 20px;
    }

    .board_media .media_nav {
        width: 100%;
        height: auto;
    }

    .board_media .media_nav .mediaImg {
        height: auto !important;
        aspect-ratio: 4 / 3;
    }

    .board_media .mediaList .swiper-button-prev,
    .board_media .mediaList .swiper-button-next {
        top: 50%;
        transform: translate(0, -50%);
    }

    .board_media .mediaList .swiper-button-prev {
        left: 0;
    }

    .board_media .mediaList .swiper-button-next {
        right: 0;
    }

    /*********** 고객지원 > 오시는길 ***********/
    .location_con .map_info {
        padding: 60px 3%;
    }
    
    /*********** 고객지원 > 고객문의 ***********/
    .inquiry_list {
        width: 100%;
        gap: 2%;
    }
}

/*******************************************************************************
	@media ~1024px
*******************************************************************************/
@media all and (max-width: 1024px) {
    #contents .visual_bg {
        width: 400px;
        height: 400px;
        top: -100px;
        right: 0;
    }

    #visual {
        padding: 200px 3% 100px;
    }

    #visual h1 {
        margin-top: 15px;
    }

    #visual h1 br {
        display: none;
    }

    #contents_in .contents_visual {
        min-height: auto;
        padding: 100px 3%;
        margin-bottom: 50px;
    }

    #contents_in .contents_visual .moreBtn {
        margin-top: 40px;
    }

    #sub_dropdownMenu .dropLst .txt {
        font-size: 1rem;
    }

    #contents_in {
        padding: 0 0 150px 0;
    }

    /*********** 탭 메뉴 ***********/
    .tab_menu .tab_menu_in ul li {
        width: 25%;
    }

    .tab_menu .tab_menu_in ul li a {
        padding: 15px 3%;
    }

    /*********** 서브페이지 공통 ***********/
    .sub_tit {
        margin-bottom: 12px;
    }

    .sub_txt {
        margin-bottom: 26px;
    }

    .sub_con {
        margin-bottom: 60px;
    }

    .sub_con:last-child {
        margin-bottom: 0;
    }

    /*********** 회사소개 > 소개 ***********/
    .about_con .m_tit span {
        min-width: 550px;
    }

    .about_con .m_tit:after {
        height: 4px;
    }

    .about_icon_con {
        gap: 20px;
        /*margin-top: 80px;*/
    }

    .about_icon_con .vision_mission_con {
        gap: 20px;
    }

    .about_icon_con .vision,
    .about_icon_con .mission,
    .about_icon_con .value {
        padding: 60px 3%;
    }

    .about_icon_con .a_tit {
        margin-bottom: 8px;
    }

    .about_icon_con .a_tit .a_icon {
        width: 80px;
        height: 80px;
    }

    .about_icon_con .a_tit .m_stit {
        margin: 8px 0 3px;
    }

    .about_icon_con .m_txt br {
        display: none;
    }

    .about_icon_con .value .a_txt dl {
        margin-bottom: 24px;
    }

    /*********** 회사소개 > 연혁 ***********/
    .history_con {
        gap: 50px;
        padding: 0 29px;
    }

    .history_con .progressbar {
        left: 28px;
        margin-left: 0;
    }

    .history_con .progress {
        left: 0;
        margin-left: 0;
    }

    .history_list {
        justify-content: left;
    }

    .history_list .history_list_in {
        width: 100%;
    }

    .history_list .history_tit {
        margin-bottom: 18px;
        padding: 0 0 0 24px !important;
    }

    .history_list .history_tit:before {
        left: -5px !important;
        right: auto !important;
    }

    .history_list .history_tit:after {
        left: -12px !important;
        right: auto !important;
        top: 4px;
    }

    .history_list .history_txt {
        padding: 0 0 0 24px !important;
    }

    .history_txt > li {
        margin-bottom: 12px;
    }

    .history_txt .history_month {
        width: 40px;
    }

    .history_txt .history_month_txt {
        width: calc(100% - 40px);
        width: 100%;
    }

    .history_list:nth-child(even) .history_tit,
    .history_list:nth-child(even) .history_txt .history_month_txt,
    .history_list:nth-child(even) .history_txt li {
        text-align: left;
    }

    .history_list:nth-child(even) .history_txt .history_month,
    .history_list:nth-child(even) .history_txt .history_month_txt {
        float: left;
    }

    /*********** 회사소개 > CI ***********/
    .logoList {
        gap: 20px;
    }

    .logoList > div {
        padding: 40px 4%;
    }

    .logo_colorList {
        gap: 20px;
    }

    .logo_colorList dt {
        height: 100px;
    }

    .logo_colorList dd {
        padding: 25px 20px;
    }

    .logo_colorList dd h6 {
        margin-bottom: 15px;
    }

    .logo_colorList dd li {
        margin-bottom: 8px;
    }

    .logo_colorList dd li span {
        width: 60px;
    }

    /*********** 사업안내 > 사업안내 ***********/
    .b_feature_con .b_spec_list li {
        height: 60px;
    }

    .b_feature_con .b_feature_list {
        margin-top: 60px;
    }

    .b_feature_con .b_feature_list_in {
        padding: 60px 0;
    }

    .b_feature_con .b_feature_list_in dt {
        width: 84px;
        height: 84px;
        background-size: 50px auto;
        margin: 0 auto 20px;
    }

    .b_field_list_in .b_field_txt a {
        margin: 8px 0 12px;
    }

    .b_field_list_in .b_field_chip {
        margin-top: 25px;
    }

    .b_market_con .b_market_list {
        gap: 20px;
    }

    .b_market_con .b_market_list dl {
        width: calc((100% - 20px)/2);
        padding: 28px 24px;
    }

    .b_market_con .b_market_list dt {
        width: 84px;
        height: 84px;
        background-size: 50px auto;
    }

    .b_market_con .b_market_list dd {
        width: calc(100% - 84px);
        padding-left: 20px;
    }

    .b_market_con .b_market_list dd strong {
        margin-bottom: 5px;
    }

    .b_market_con .b_market_in .graytxt {
        margin-top: 20px;
    }

    /*********** PR센터 > 뉴스룸 ***********/
    .board_thumbnail {
        gap: 20px;
    }

    .board_thumbnail dl {
        width: calc((100% - 20px) / 2);
    }

    .board_thumbnail dd {
        padding: 30px 20px;
    }

    .board_thumbnail dd .subject {
        margin-bottom: 12px;
    }

    /*********** PR센터 > 미디어자료 ***********/
    .board_media .mediaList .mediaImg h4 {
        padding: 100px 30px 40px;
    }

    .board_brochure {
        gap: 40px 3%;
    }

    .board_brochure dl {
        width: calc((100% - 6%) / 3);
    }

    .board_brochure dd {
        margin-top: 25px;
    }

    /*********** 투자정보 > IR 자료 ***********/
    .board_top {
        margin-bottom: 20px;
    }

    .board_top .board_search {
        width: 50%;
    }

    .board_top .board_search .board_search_select {
        width: 80px;
        padding: 12px 4px 12px 12px;
        height: 50px;
    }

    .board_top .board_search .board_search_input:before {
        height: 15px;
    }

    .board_top .board_search .board_search_input {
        width: calc(100% - 80px);
    }

    .board_top .board_search .board_search_input input {
        width: calc(100% - 50px);
        height: 50px;
    }

    .board_top .board_search .board_search_input button {
        height: 50px;
        width: 50px;
    }

    .board_view_top {
        padding: 30px 0;
    }

    .board_view_top .board_view_tit {
        margin-bottom: 15px;
    }

    .board_view_top .board_view_info li.time:before {
        margin-right: 5px;
    }

    .board_view_top .board_view_info li:after {
        margin: 0 12px;
        height: 12px;
    }

    .board_view .board_view_cont {
        padding: 25px 0 30px;
    }

    .board_view .board_view_cont .board_view_cont_in {
        margin-bottom: 30px;
    }

    .board_view .board_view_cont .board_view_file {
        margin-top: 30px;
    }

    .board_view .board_view_cont .board_view_file {
        padding: 15px;
    }

    .board_view .board_view_cont .board_view_file dt {
        width: 80px;
    }

    .board_view .board_view_cont .board_view_file dd {
        width: calc(100% - 80px);
    }

    .board_view .board_view_move dl {
        padding: 10px 0;
    }

    .board_view .board_view_move dt {
        width: 80px;
    }

    .board_view .board_view_move dd {
        width: calc(100% - 80px);
        padding-left: 12px;
    }

    .board_view .listBtn {
        margin: 30px auto 0;
    }

    .table_style th {
        padding: 15px 8px;
    }

    .table_style td {
        padding: 15px 8px;
    }

    /*********** 고객지원 > 오시는길 ***********/
    .location_con .location_con_list {
        margin-bottom: 50px;
    }

    .location_con .map {
        height: 400px;
    }

    .location_con .map .btn_con {
        bottom: 4px;
        right: 4px;
    }

    .location_con .map .moreBtn i:after {
        width: 12px;
        height: 12px;
    }

    .root_daum_roughmap .wrap_map {
        height: 400px !important;
    }

    .location_con .map_info {
        padding: 40px 3%;
    }

    .location_con .map_info .map_tit {
        float: none;
        width: 100%;
        margin-bottom: 15px;
    }

    .location_con .map_info .map_txt {
        float: none;
        width: 100%;
    }

    .location_con .map_info .map_txt li {
        padding: 0 0 5px 70px;
    }

    .location_con .map_info .map_txt li span {
        top: 2px;
    }

    .location_con .map_info .map_txt li span:before {
        margin-right: 8px;
    }

    /*********** 고객지원 > 고객문의 ***********/
    .inquiry_list {
        display: block;
        gap: 0;
        margin-top: 40px;
    }

    .inquiry_list dl {
        padding: 60px 3%;
        width: 100%;
        margin-bottom: 20px;
    }

    .inquiry_list dl:last-child {
        margin-bottom: 0;
    }

    .inquiry_list dt {
        margin-bottom: 8px;
    }

    .inquiry_list dt span {
        margin: 0 auto 20px;
        width: 84px;
        height: 84px;
        background-size: 50px auto;
    }

    .inquiry_list dd .moreBtn {
        margin-top: 30px;
    }

    .privacy_con .user_guide_in {
        padding-top: 60px;
    }

    .borderBox {
        padding: 25px;
    }

    .borderBox_in {
        margin-bottom: 20px;
    }

    .dot2 {
        padding: 25px;
    }
}

/*******************************************************************************
	@media ~768px
*******************************************************************************/
@media all and (max-width: 768px) {
    #contents .visual_bg {
        width: 300px;
        height: 300px;
        top: -50px;
        display: none;
    }

    #visual {
        padding: 160px 3% 60px;
    }

    #visual h1 {
        margin-top: 10px;
    }

    #contents_in .contents_visual {
        padding: 60px 3%;
        margin-bottom: 40px;
    }

    #contents_in .contents_visual .moreBtn {
        margin-top: 30px;
    }

    #sub_dropdownMenu .dropLst .txt:before,
    #sub_dropdownMenu .dropLst .txt:after {
        margin: 0 0 0 5px;
    }

    #sub_dropdownMenu .dropLst .txt:before {
        margin: 0 5px
    }

    #sub_dropdownMenu .dropLst ul {
        padding: 15px;
    }

    #sub_dropdownMenu .dropLst li span,
    #sub_dropdownMenu .dropLst li a {
        padding: 3px 0;
    }

    #contents_in {
        padding: 0 0 80px 0;
    }

    /*********** 탭 메뉴 ***********/
    .tab_menu {
        margin: 0 auto 20px;
    }

    .tab_menu .tab_menu_in {
        padding: 8px;
        border: 1px solid var(--gray300);
        border-radius: var(--bradius8);
    }

    .tab_menu .tab_menu_in ul {
        display: block;
        white-space: nowrap;
        text-align: center;
    }

    .tab_menu .tab_menu_in ul li {
        width: auto;
        flex-shrink: 0;
        padding: 0 !important;
        margin: 0;
        border: none !important;
        display: inline-block;
    }

    .tab_menu .tab_menu_in ul li a {
        padding: 10px;
        margin: 0;
    }

    /*********** 서브페이지 공통 ***********/
    .sub_tit {
        margin-bottom: 10px;
    }

    .sub_txt {
        margin-bottom: 20px;
    }

    .sub_txt br {
        display: none;
    }

    .sub_con {
        margin-bottom: 40px;
    }

    /*********** 회사소개 > 소개 ***********/
    .about_con .m_tit span {
        min-width: 400px;
    }

    .about_con .tit_con {
        padding: 0 3%;
    }

    .about_icon_con {
        gap: 10px;
        /*margin-top: 40px;*/
    }

    .about_icon_con > div {
        flex-direction: column;
    }

    .about_icon_con .vision_mission_con {
        gap: 10px;
    }

    .about_icon_con .vision,
    .about_icon_con .mission,
    .about_icon_con .value {
        padding: 40px 15px !important;
    }

    .about_icon_con .a_tit {
        margin-bottom: 5px;
    }

    .about_icon_con .a_tit .a_icon {
        width: 60px;
        height: 60px;
    }

    .about_icon_con .a_tit .m_stit {
        margin: 8px 0 3px;
    }

    .about_icon_con .value > div {
        width: 100% !important;
    }

    .about_icon_con .value .a_txt {
        border: none;
        border-top: 1px solid rgba(255,255,255,0.3);
        padding: 15px 0 0;
        margin: 15px 0 0;
    }

    .about_icon_con .value .a_txt dl {
        margin-bottom: 12px;
    }

    .about_icon_con .value .a_txt dt {
        gap: 8px;
        margin-bottom: 4px;
    }

    .about_icon_con .value .a_txt .num {
        width: 34px;
        padding-left: 0;
        padding-right: 0;
    }

    /*********** 회사소개 > 연혁 ***********/
    .history_con {
        gap: 40px;
        padding: 0 20px;
    }

    .history_con .progressbar {
        left: 18px;
        width: 1px;
    }

    .history_con .progress {
        width: 1px;
    }

    .history_list .history_tit {
        margin-bottom: 15px;
        padding: 0 0 0 15px !important;
    }

    .history_list .history_tit:before {
        width: 7px;
        height: 7px;
    }

    .history_list .history_tit:after {
        left: -8px !important;
        top: 7px;
        max-width: 14px;
        max-height: 14px;
    }

    .history_list .history_txt {
        padding: 0 0 0 15px !important;
    }

    .history_txt > li {
        margin-bottom: 8px;
    }

    .history_txt .history_month {
        width: 30px;
    }

    .history_txt .history_month_txt {
        width: calc(100% - 30px);
        width: 100%;
    }

    .history_txt .history_month_txt li {
        margin-bottom: 5px;
    }

    /*********** 회사소개 > CI ***********/
    .logoList {
        gap: 10px;
        flex-wrap: wrap;
    }

    .logoList > div {
        padding: 30px 0;
        width: calc((100% - 15px) / 2);
    }

    .logoList svg {
        height: 15px;
    }

    .logo_colorList {
        gap: 10px;
        flex-wrap: wrap;
    }

    .logo_colorList dl {
        width: calc((100% - 15px) / 2);
    }

    .logo_colorList dt {
        height: 77px;
    }

    .logo_colorList dd {
        padding: 20px 15px;
    }

    .logo_colorList dd h6 {
        margin-bottom: 10px;
    }

    .logo_colorList dd li {
        margin-bottom: 5px;
    }

    .logo_colorList dd li span {
        width: 50px;
    }

    /*********** 사업안내 > 사업안내 ***********/
    .b_feature_con .b_feature_list {
        margin-top: 45px;
    }

    .b_feature_con .b_spec_list li {
        height: 50px;
    }

    .b_feature_con .b_spec_list li:after {
        margin: 0 6px;
    }

    .b_feature_con .b_feature_list_in {
        padding: 0 15px;
        flex-direction: column;
        text-align: left;
    }

    .b_feature_con .b_feature_list_in dl {
        width: 100%;
        border: none;
        border-bottom: 1px solid var(--gray300);
        padding: 30px 0 20px;
        display: flex;
        align-items: center;
    }

    .b_feature_con .b_feature_list_in dt {
        width: 70px;
        height: 70px;
        background-size: 40px auto;
        border-width: 4px;
        margin: 0;
    }

    .b_feature_con .b_feature_list_in dt:after {
        width: 26px;
        height: 26px;
        top: -20px;
    }

    .b_feature_con .b_feature_list_in dt .num {
        top: -14px;
    }

    .b_feature_con .b_feature_list_in dd {
        width: calc(100% - 70px);
        padding: 0 0 0 16px;
    }

    .b_feature_con .b_feature_list_in dd h6 {
        margin: 0 0 7px;
    }

    .b_feature_con .b_feature_list_in dd br {
        display: none;
    }

    .b_field_con .b_field_list {
        flex-direction: column;
        gap: 45px;
    }

    .b_field_con .b_field_list_in {
        margin: 0 !important;
        width: 100%;
    }

    .b_field_list_in .b_field_txt {
        padding-top: 30px;
    }

    .b_field_list_in .b_field_txt a:after {
        padding: 6px;
        margin-left: 8px;
    }

    .b_field_list_in .b_field_txt a strong:after {
        height: 22px;
        margin: 0 12px;
    }

    .b_field_list_in .b_field_chip {
        margin-top: 20px;
    }

    .b_market_con .b_market_list {
        gap: 10px;
    }

    .b_market_con .b_market_list dl {
        width: 100%;
        padding: 18px 15px;
        background: var(--whiteColor) !important;
    }

    .b_market_con .b_market_list dt {
        width: 70px;
        height: 70px;
        background-size: 40px auto;
        border-width: 4px;
    }

    .b_market_con .b_market_list dd {
        width: calc(100% - 70px);
        padding-left: 15px;
    }

    .b_market_con .b_market_in .graytxt {
        margin-top: 12px;
    }

    /*********** PR센터 > 뉴스룸 ***********/
    .board_thumbnail {
        gap: 15px;
    }

    .board_thumbnail dl {
        width: calc((100% - 15px) / 2);
    }

    .board_thumbnail dd {
        padding: 25px 15px;
    }

    .board_thumbnail dd .subject {
        margin-bottom: 8px;
    }

    /*********** PR센터 > 미디어자료 ***********/
    .board_media .mediaList {
        /*height: 400px;*/
        margin: 0;
    }

    .board_media .mediaList .mediaImg h4 {
        padding: 80px 20px 20px;
        text-align: center;
    }

    .board_media .media_nav {
        display: none;
    }

    .board_brochure {
        gap: 30px 3%;
    }

    .board_brochure dl {
        width: calc((100% - 3%) / 2);
    }

    .board_brochure dd {
        margin-top: 20px;
    }

    /*********** 투자정보 > IR 자료 ***********/
    .board_top {
        flex-direction: column;
        margin-bottom: 10px;
        justify-content: left;
        align-items: normal;
    }

    .board_top .board_total {
        order: 2;
        margin-top: 20px;
    }

    .board_top .board_search {
        width: 100%;
        order: 1;
    }

    .board_top .board_search .board_search_select {
        padding: 10px 2px 10px 10px;
        height: 45px;
    }

    .board_top .board_search .board_search_input:before {
        height: 12px;
    }

    .board_top .board_search .board_search_input input {
        width: calc(100% - 45px);
        height: 45px;
    }

    .board_top .board_search .board_search_input button {
        height: 45px;
        width: 45px;
    }

    .board_list_wrap .table_style colgroup {
        display: none;
    }

    .board_list_wrap .table_style thead {
        display: none;
    }

    .board_list_wrap .table_style {
        text-align: left;
    }

    .board_list_wrap .table_style td {
        display: block;
    }

    .board_list_wrap .table_style .num {
        display: none;
    }

    .board_list_wrap .table_style .notice {
        display: block;
        border: none;
        padding: 15px 15px 4px 15px;
    }

    .board_list_wrap .table_style .board_notice .board_notice_txt {
        display: inline-block;
        padding: 8px 12px;
        color: var(--whiteColor);
        border-radius: var(--bradius8);
        background: var(--blue600);
        font-size: var(--font14);
        line-height: 1;
    }

    .board_list_wrap .table_style .board_notice .board_notice_icon {
        display: none;
    }

    .board_list_wrap .table_style .board_notice .board_notice_icon:after {
        display: none;
    }

    .board_list_wrap .table_style .board_notice .subject {
        padding: 5px 15px 3px 15px;
    }

    .board_list_wrap .table_style .subject {
        width: 100%;
        border: none;
        padding: 15px 15px 3px 15px;
    }

    .board_list_wrap .table_style td a {
        font-size: var(--font18);
        font-weight: var(--fw500);
    }

    .board_list_wrap .table_style .date {
        padding: 0 15px 15px 15px;
        font-size: var(--font14);
        color: var(--gray400);
    }

    .board_view_top {
        padding: 25px 0;
    }

    .board_view_top .board_view_tit {
        margin-bottom: 12px;
    }

    .board_view_top .board_view_info li.time:before {
        margin-right: 3px;
    }

    .board_view_top .board_view_info li:after {
        margin: 0 8px;
        height: 8px;
    }

    .board_view .board_view_cont {
        padding: 25px 0 35px;
    }

    .board_view .board_view_cont .board_view_cont_in {
        margin-bottom: 25px;
    }

    .board_view .board_view_cont .board_view_file {
        margin-top: 25px;
    }

    .board_view .board_view_cont .board_view_file dt {
        width: 70px;
    }

    .board_view .board_view_cont .board_view_file dd {
        width: calc(100% - 70px);
    }

    .board_view .board_view_cont .board_view_file dd a:first-child {
        margin-top: 2px;
    }

    .board_view .board_view_cont .board_view_file dd a {
        margin: 4px 0;
    }

    .board_view .board_view_move dt {
        width: 70px;
    }

    .board_view .board_view_move dd {
        width: calc(100% - 70px);
        padding-left: 8px;
    }

    .board_view .listBtn {
        padding: 12px 20px;
        margin: 20px auto 0;
    }

    .table_wrap {
        width: 100%;
        overflow-x: auto;
    }

    .table_wrap>.table_style {
        width: 800px;
    }

    .table_style th {
        padding: 15px;
    }

    .table_style td {
        padding: 15px;
    }

    .pagination {
        margin-top: 30px;
    }

    .pagination li {
        margin: 0 4px;
    }

    .pagination li a {
        line-height: 22px;
    }

    .pagination li.on a {
        width: 22px;
    }

    .pagination li.arrow.prev {
        margin-right: 8px;
    }

    .pagination li.arrow.next {
        margin-left: 8px;
    }

    /*********** 고객지원 > 오시는길 ***********/
    .location_con .location_con_list {
        margin-bottom: 40px;
    }

    .location_con .map {
        height: 300px;
    }

    .location_con .map .btn_con {
        bottom: 4px;
        right: auto;
        left: 50%;
        transform: translate(-50%, 0);
        width: calc(100% - 8px);
    }

    .root_daum_roughmap .wrap_map {
        height: 300px !important;
    }

    .location_con .map_info {
        padding: 30px 3%;
    }

    .location_con .map_info .map_tit {
        margin-bottom: 10px;
    }

    .location_con .map_info .map_txt li {
        padding: 0 0 3px 60px;
    }

    .location_con .map_info .map_txt li span {
        top: 0;
    }

    .location_con .map_info .map_txt li span:before {
        margin-right: 4px;
    }

    /*********** 고객지원 > 고객문의 ***********/
    .inquiry_list {
        margin-top: 30px;
    }

    .inquiry_list dl {
        padding: 40px 3%;
        margin-bottom: 10px;
    }

    .inquiry_list dt {
        margin-bottom: 5px;
    }

    .inquiry_list dt span {
        margin: 0 auto 15px;
        width: 70px;
        height: 70px;
        background-size: 45px auto;
        border-width: 4px;
    }

    .inquiry_list dd .moreBtn {
        margin-top: 20px;
    }

    .privacy_con .m_txt2 {
        margin: 10px 0;
    }

    .privacy_con .user_guide_in {
        padding-top: 40px;
    }

    .privacy_con .privacy_list {
        padding: 15px;
        display: block
    }

    .privacy_con .privacy_list li {
        padding-right: 0;
        width: 100%;
    }

    .privacy_con .privacy_list li a {
        padding: 2px 0;
    }

    .borderBox {
        padding: 15px;
    }

    .borderBox_in {
        margin-bottom: 12px;
    }

    .dot2 {
        padding: 15px;
    }

    .dot2>li {
        padding-bottom: 3px
    }

    .dot2>li:before {
        top: 9px;
    }

    .dot2.list02>li {
        float: none;
        width: 100%;
        padding-right: 0
    }

    .dot2.list03>li {
        float: none;
        width: 100%;
        padding-right: 0
    }

    .dot2_in {
        padding: 15px;
    }

    .dot2_in>li:before {
        top: 8px;
    }

    .dot2_in>li h6 {
        margin: 13px 0 3px
    }
}

/*******************************************************************************
	@media ~420px
*******************************************************************************/
@media all and (max-width: 420px) {
    #contents .visual_bg {
        width: 200px;
        height: 200px;
        top: -30px;
    }

    /*********** 회사소개 > 소개 ***********/
    .about_con .tit_con {
        background: var(--whiteColor);
        padding: 3%;
    }

    .about_con .tit_con:after {
        display: block;
        content: '';
        width: 4px;
        height: 100%;
        background: linear-gradient(90deg, rgba(51, 108, 250, 1) 0%, rgba(30, 64, 148, 1) 100%);
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%, 0);
        z-index: -1;
    }

    .about_con .m_tit:after {
        display: none;
    }

    .about_con .m_tit span {
        min-width: auto;
        padding: 0;
    }

    .about_con .m_tit span br {
        display: none;
    }

    /*********** 회사소개 > CI ***********/
    .logoList > div {
        padding: 30px 8%;
    }

    .logoList svg {
        height: 100%;
    }

    .logo_colorList dl {
        width: 100%;
    }

    .logo_colorList dd li {
        margin-bottom: 5px;
    }

    .logo_colorList dd li span {
        width: 50px;
    }

    /*********** 사업안내 > 사업안내 ***********/
    .b_feature_con .b_spec_list {
        flex-direction: column;
    }

    .b_feature_con .b_spec_list li {
        flex-direction: column;
        height: auto;
    }

    .b_feature_con .b_spec_list li:after {
        margin: 4px 0;
        font-size: 1rem;
    }

    .b_feature_con .b_spec_list li span {
        display: block;
        padding: 15px 3%;
    }

    /*********** PR센터 > 뉴스룸 ***********/
    .board_thumbnail dl {
        width: 100%;
    }
}