.wrap {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
}

.flexSt {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

img.auto {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

.boxBlue {
    border-radius: 30px;
    border: 6px solid #E3F5FF;
    background: #FFF;
}

.normalBox {
    border: 1px solid #ddd;
    padding: 1.5em;
    color: #666;
    font-family: 'Pretendard';
    font-size: 0.88em;
    font-weight: 400;
}

.block {
    display: block;
}

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

.display-inline {
    display: inline-block !important;
}

.arrowTitle {
    color: #444;
    font-weight: bold;
    font-size: 1.2em;
    padding-left: 28px;
    position: relative;
    font-family: 'Pretendard';
}

.arrowTitle::before {
    position: absolute;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font: var(--fa-font-solid);
    content: "\f105";
    left: 0px;
    top: 4px;
    background: #328EF8;
    color: #fff;
    width: 20px;
    height: 20px;
    border-radius: 6px;
    font-size: 14px;
    text-align: center;
    line-height: 20px;
    ;
}

.arrowTitle.yellow::before {
    background: #F8DC8D;
    color: #193872;
}

.unitTit {
    color: #555;
    text-align: right;
    font-size: 0.75em;
    font-family: 'Pretendard';
}

.point1 {
    color: #F1513B;
}

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

.mgt0 {
    margin-top: 0 !important;
}

.mgt35 {
    margin-top: 2.69em;
}

.mgt45 {
    margin-top: 2.81em !important;
}

.mgt60 {
    margin-top: 4em;
}

.mgt80 {
    margin-top: 5em;
}

.mgb0 {
    margin-bottom: 0 !important;
}

.pdt30 {
    padding-top: 1.8em;
}

.pdt60 {
    padding-top: 3.8em;
}

.pdt80 {
    padding-top: 5em;
}

.pdb80 {
    padding-bottom: 5em;
}

.pdb60 {
    padding-bottom: 3.8em;
}

.pdlr40 {
    padding-left: 40px;
    padding-right: 40px;
}

.pdLeft0 {
    padding-left: 0 !important;
}

#sub {
    position: relative;
    height: auto;
}

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

.pc {
    display: block
}

.mob {
    display: none;
}

button,
button.link,
button.print {
    border: none;
    background: none;
    font-size: 1em;
    padding: 0;
}

#container {
    /* padding-top: 14em; */
    padding-bottom: 7em;
    padding-top: 120px;
}

#container>div {
    box-sizing: border-box;
}

#sub-container {
    /* padding-top: 5em; */
    padding-top: 3em;
    padding-bottom: 8em;
    /* 만족도 조사 없을 때는 padding-bottom: 8em; */
    align-items: flex-start;
    max-width: 1360px;
    margin: 0 auto;
}

#sub-container #content {
    /* 240924
    width: 100%;
    */
}

#sub-container.login_container {
    padding-top: 8em;
    box-sizing: border-box;
}

#sub-container.join_container {
    padding-top: 10em;
    box-sizing: border-box;
}

.noPop #container {
    padding-top: 14em;
}


@media screen and (max-width: 1300px) {
    .wrap {
        width: 90%;
    }

    #container {
        /* padding-top: 10em; */
        padding-top: 67px;
    }

    #sub-container.login_container,
    #sub-container.join_container {
        padding-top: 6em;
    }

    .pdlr40 {
        padding-left: 0;
        padding-right: 0;
    }

    #sub-container {
        padding-top: 2.5em;
        width: 90%;
    }

    .noPop #container {
        padding-top: 9em;
    }
}

@media screen and (max-width: 991px) {
    #sub-container {
        padding-top: 2em;
        padding-bottom: 4em;
    }

    #sub-container.login_container {
        padding-top: 3em;
        padding-bottom: 2em;
    }

    .mgt35 {
        margin-top: 1.250em;
    }

    .mgt45 {
        margin-top: 1.875em;
    }

    .mgt60 {
        margin-top: 2.813em;
    }

    .mgt80 {
        margin-top: 3.125em;
    }

    .pdt30 {
        padding-top: 1.2em;
    }

    .pdt60 {
        padding-top: 2.813em;
    }

    .pdt80 {
        padding-top: 3.125em;
    }

    .pdb80 {
        padding-bottom: 3.125em;
    }

    .pdb60 {
        padding-bottom: 2.813em;
    }

}

@media screen and (max-width: 480px) {
    span.br_mob {
        display: block;
    }

    .arrowTitle {
        padding-left: 25px;
    }

    .arrowTitle::before {
        top: 4px;
        width: 16px;
        height: 16px;
        line-height: 16px;
        font-size: 10px;
    }
}


/* 폰트  */
* {
    font-family: 'Pretendard';
}

.Pretendard {
    font-family: 'Pretendard' !important;
}


/* 폰트 정의 */
.font_normal {
    font-family: 'Pretendard';
    font-size: 1em !important;
}

.font_small {
    font-family: 'Pretendard';
    font-size: 0.88em !important;
}

.font_small_large {
    font-family: 'Pretendard';
    font-size: 1.1em !important;
}


/* 웹접근성 폰트 */
.font-ghost {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

/* 접근성 기본값 */
a:focus-visible,
input:focus-visible,
div:focus-visible,
button:focus-visible {
    outline: 3px solid #000;
    outline-offset: -3px;
}

a.top:focus-visible {
    outline: 3px solid red;
    outline-offset: -3px;
}


/* *********************************************************************************
 *	건너뛰기 메뉴 정의
 * *********************************************************************************/
#skip {
    position: relative;
    z-index: 9999
}

#skip strong {
    position: absolute;
    width: 1px;
    height: 1px;
    clip: rect(0, 0, 0, 0);
    overflow: hidden
}

#skip a {
    position: absolute;
    top: -40px;
    left: 0;
    width: 100%;
    padding: 5px 0;
    background-color: #DC2848;
    font-size: 14px;
    line-height: 30px;
    color: #FFF;
    text-align: center;
    transition: all 0.4s
}

#skip a:hover,
#skip a:focus,
#skip a:active {
    top: 0;
    text-decoration: none
}


/* 폰트 색상  */
.fc-white {
    color: #fff !important;
}

.fc-red {
    color: #FF6F72 !important;
}



/* ////// 헤더 ////// */
#header {
    position: fixed;
    width: 100%;
    z-index: 999;
    background: #FFF;
}

.top {
    background-color: #fff;
    position: relative;
    z-index: 9;
}

.top .header-bar {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    height: 107px;
}

.top .header-bar.bottom {
    height: 72px;
}

/* 헤더 - 대국민용/산업체용/개발자용 사이트 바로가기 */
.top .header-bar .family_wrap {
    /* border-bottom: 1px solid rgba(0, 0, 0, 0.1); */
    position: relative;
    height: 40px;
    box-sizing: border-box;
    /* overflow: hidden; */
    border-bottom: 1px solid #00265F;
}

.top .header-bar .family_wrap>div>ul {
    justify-content: flex-start;
    box-sizing: border-box;
    position: relative;
}
/*위임업체 select */
.userDlgtDiv ul {
    /* 240925
    position: unset !important;
    */
}

.top .header-bar .family_wrap>div>ul>li {
    width: 110px;
    height: 40px;
    text-align: center;
    color: #747578;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: -0.03rem;
    padding: 13px 0;
    position: relative;
    border-right: 1px solid #C4C4C4;
    box-sizing: border-box;
    transition: all 0.3s;
    border-left: 1px solid #C4C4C4;
    padding: 0;
}

.top .header-bar .family_wrap>div>ul>li a {
    /* display: block; */
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.top .header-bar .family_wrap>div>ul>li.on {
    background: #00265F;
    color: #fff;
    font-size: 1.075rem;
    font-weight: 600;
    border-right: none;
    border-left: none;
}

.top .header-bar .family_wrap>div>ul>li.on:after {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 4px;
    background: #fff;
    position: absolute;
    right: 18px;
    top: 30%;
}

.top .header-bar .family_wrap>div>ul>li.site01:hover {
    background: #c10917;
    color: #fff;
    font-size: 1.075rem;
    font-weight: 600;
    border-right: none;
    border-left: none;
}

.top .header-bar .family_wrap>div>ul>li.site01:hover:after {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 4px;
    background: #fff;
    position: absolute;
    right: 18px;
    top: 30%;
}

.top .header-bar .family_wrap>div>ul>li.site03:hover {
    background: #413786;
    color: #fff;
    font-size: 1.075rem;
    font-weight: 600;
    border-right: none;
    border-left: none;
}

.top .header-bar .family_wrap>div>ul>li.site03:hover:after {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 4px;
    background: #fff;
    position: absolute;
    right: 18px;
    top: 30%;
}


/* 헤더 - 로그인 후 계정정보 창 */
.top .header-bar .family_wrap .afterLogin_info {
    /* padding-right: 80px; */
    font-family: 'Pretendard';
    font-size: 0.75rem;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.0225rem;
    color: #222;
    display: none;
    padding-right: 10px;
}

.top .header-bar .family_wrap .afterLogin_info.on {
    display: block;
    /* 로그인 시 클래스 'on' 추가 */
}

.top .header-bar .family_wrap .afterLogin_info ul {
    gap: 6px;
}

.top .header-bar .family_wrap .afterLogin_info li.time .time_ico {
    margin-right: 6px;
}

.top .header-bar .family_wrap .afterLogin_info li.time .time_txt {
    margin-right: 6px;
}

.top .header-bar .family_wrap .afterLogin_info li.time .time_btn button {
    padding: 0.3em 0.7em;
    border-radius: 20px;
    color: #fff;
    background: #222;
}

.top .header-bar .family_wrap .afterLogin_info li.time .time_btn button:hover {
    background: #383838;
}

.top .header-bar .family_wrap .afterLogin_info li.account {
    color: #5C5C5C;
}

.top .header-bar .family_wrap .afterLogin_info li.accountChange button {
    padding: 0.3em 0.8em;
    border-radius: 20px;
    border: 1px solid #00265F;
    background: #fff;
    color: #00265F;
    transition: all 0.2s;
}

.top .header-bar .family_wrap .afterLogin_info li.accountChange button:hover {
    background: #00265F;
    color: #fff;
}


/* 헤더 - 로그아웃 버튼 */
.top .header-bar .family_wrap .header_logout_btn {
    /* position: absolute; */
    text-align: center;
    /* top: 50%; */
    /* right: 40px; */
    /* transform: translateY(-50%); */
    transition: all 0.3s;
    display: none;
    /* width: 22px; */
    width: 23px;
    height: 23px;
    background: #00265F;
    border-radius: 23px;
}

.top .header-bar .family_wrap .header_logout_btn:hover {
    opacity: 0.8;
}

.top .header-bar .family_wrap .header_logout_btn.on {
    display: block;
    /* 로그인 시 클래스 'on' 추가 */
}

.top .header-bar .family_wrap .header_logout_btn img {
    width: 100%;
    transform: scale(0.6);
    margin-left: 1px;
}


/* 헤더 - 로고/메뉴/아이콘 */
.top .header-bar .inner {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 67px;
    width: 100%;
    /* position: relative; */
}

/* 헤더 - 왼쪽 컨텐츠 */
.top .header-bar .inner .left {
    display: flex;
    align-items: center;
    margin-left: 40px;
    height: 100%;
}

.top .logo {
    display: flex;
    align-items: center;
}

/* 헤더 - 오른쪽 컨텐츠 */
.top .header-bar .icoSet {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.top .header-bar .inner .right {
    display: flex;
    align-items: center;
    margin-right: 40px;
}

.top .header-bar .icoSet .right {
    display: flex;
    align-items: center;
    margin-right: 40px;
}

.top .header-bar .inner .right.mob {
    display: none;
}

@media screen and (max-width: 1300px) {
    .top .header-bar {
        height: 60px;
    }

    .top .header-bar .inner {
        height: 100%;
    }

    .top .header-bar .inner .right.pc {
        display: none;
    }

    .top .header-bar .icoSet .right.pc {
        display: none;
    }

    .top .header-bar .inner .right.mob {
        display: flex;
    }

    .top .header-bar.bottom {
        border-bottom: none;
    }

    .top .logo>a:nth-child(1) {
        width: 170px;
    }
}

@media only screen and (max-width: 768px) {
    .top .logo>a:nth-child(1) {
        width: 150px;
    }
}

/* 헤더 - 오른쪽 컨텐츠 - 나의정보 <삭제> */
/* .myInfo {
    display: none;
}

.myInfo.on {
    display: flex;
}

.myInfo ul {
    align-items: flex-end;
}

.myInfo ul li {
    margin-right: 14px;
    height: 20px;
    display: flex;
    align-items: flex-end;
}

.myInfo ul li a {
    color: #131313;
    font-family: "GmarketSans";
    font-size: 0.875rem;
    font-weight: 500;
    display: flex;
    align-items: flex-end;
}

.myInfo ul li.myPage a {
    color: #00265F;
    font-weight: 700;
}

.myInfo ul li a .num {
    margin-left: 7px;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background-color: #929292;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
} */

/* 헤더 - 오른쪽 컨텐츠 - 검색 */
.total_search {
    border-radius: 50px;
    background: transparent;
    width: 40px;
    height: 40px;
    position: relative;
    padding: 0;
    box-sizing: border-box;
    transition: width 0.3s linear;
}

.total_search .search_btn {
    width: 40px;
    height: 40px;
    border-radius: 50px;
    text-align: center;
    padding: 0;
    font-size: 1.3em;
    position: absolute;
    content: '';
    right: 0;
    top: 0;
}

.total_search input {
    width: 98%;
    height: 32px;
    background-color: transparent;
    border: none;
    font-family: 'Pretendard';
}

.total_search input:focus {
    outline: none !important;
}

.total_search:hover {
    /* background: #EDF0F5; */
    /* width: 250px; */
}

@media screen and (max-width: 1350px) {
    .total_search:hover {
        width: 150px;
    }
}

@media screen and (max-width: 1200px) {
    .total_search:hover {
        width: 250px;
    }

    .total_search .search_btn {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .total_search .search_btn {
        width: 34px;
        height: 34px;
        top: 7px;
    }
}

/* 상하이동버튼 */
/* 산업체 서브페이지 레프트메뉴에 들어가는 버튼과 구별하기 위해 .topLine 클래스 추가 */
.topLine_btnSet {
    gap: 0 10px;
}

.updownBtn_wrap.topLine {
    justify-content: center;
}

.updownBtn_wrap.topLine .updownBtns {
    justify-content: center;
    border: 1px solid #D9D9D9;
    height: 36px;
    border-radius: 4px;
    background: #fff;
    box-sizing: border-box;
}

.updownBtn_wrap.topLine .upBtn,
.updownBtn_wrap.topLine .downBtn {
    width: 36px;
    height: 36px;
}

.updownBtn_wrap.topLine .upBtn:hover,
.updownBtn_wrap.topLine .downBtn:hover {
    opacity: 0.8;
}

.updownBtn_wrap.topLine .upBtn {
    position: relative;
    background: url(../../images/common/btn_up.png) center center no-repeat;
}

.updownBtn_wrap.topLine .upBtn:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 36px;
    background: #d9d9d9;
    right: -1px;
    top: 0;
}

.updownBtn_wrap.topLine .downBtn {
    background: url(../../images/common/btn_down.png) center center no-repeat;
}

@media screen and (max-width: 480px) {
    .updownBtn_wrap.topLine .updownBtns {
        height: 30px;
    }

    .updownBtn_wrap.topLine .upBtn,
    .updownBtn_wrap.topLine .downBtn {
    width: 30px;
    height: 30px;
    }

    .updownBtn_wrap.topLine .upBtn:after {
        height: 30px;
    }
}

/* 검색버튼 클릭 시 검색어 입력화면 */
#header:before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    z-index: 0;
    display: block;
    width: 100%;
    height: 100vh;
    opacity: 1;
    visibility: hidden;
    background: rgba(0, 0, 0, .6);
}

#header.on:before {
    opacity: 1;
    visibility: visible;
}

.searchSlide {
    width: 100%;
    position: absolute;
    padding: 45px 0;
    background: #fff;
    z-index: 99999;
    border-bottom: 3px solid #00265F;
    display: none;
    border-top: 1px solid #dbdbdb;
}

.searchSlide .searchBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    width: 835px;
    margin: 0 auto;
    background: #fff;
}

.searchSlide .searchBox .searchBox_inner {
    width: 85%;
    height: 50px;
    background: #fff;
    border: 1px solid #00265F;
    border-radius: 30px;
    align-items: center;
}

.searchSlide .searchBox .searchBox_inner form {
    width: 98%;
    justify-content: center;
}

.searchSlide .searchBox .searchBox_inner input {
    display: block;
    width: 98%;
    outline: 0;
    border: 0;
    font-size: 0.875em;
    padding: 0 2%;
    border-radius: 30px;
}

.searchSlide .searchBox .searchBox_inner button {
    display: block;
    width: 120px;
    height: 48px;
    margin: -48px -2px 0 0;
    padding-right: 30px;
    border-radius: 50px;
    font-size: 0.875em;
    color: #fff;
}

.searchSlide .searchBox_btn button {
    width: 55px;
    height: 55px;
    border-radius: 55px;
    background-color: #00265F;
    line-height: 55px;
    text-align: center;
    box-shadow: 13px 21px 30px 0 rgba(102, 102, 102, 0.3);
    padding: 0;
    font-size: 1.2em;
    transition: all 0.3s ease;
    margin-right: 10px;
}

.searchSlide .searchBox_btn:hover button {
    /* -webkit-transform: translateY(-6px); transform: translateY(-6px); */
    box-shadow: none;
    font-size: 1.6em;
}

.searchSlide .searchBox_btn_close a {
    font-size: 1.3em;
    color: #6b6b6b;
}

.searchSlide .search_btn_close {
    position: absolute;
    right: 50%;
    top: 20px;
    z-index: 1;
    transform: translateX(500px);
    -webkit-transform: translateX(500px);
}


@media only screen and (max-width:1200px) {
    .searchSlide {
        opacity: 0;
    }
}


/* 헤더 - 오른쪽 컨텐츠 - 전체메뉴 버튼 */
.all-menu {
    /* margin-left: 10px; */
}

.all-menu .menu_trigger {
    position: relative;
    font-size: 0;
    /* width: 36px; */
    /* height: 22px; */
    display: block;
    width: 33px;
    height: 19px;
}

.all-menu .menu_trigger span {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 2px;
    background: #222;
    transition: all 0.4s;
    border-radius: 5px;
    height: 2px;
}

.all-menu .menu_trigger span:nth-child(1) {
    width: calc(100% - 8px);
}

.all-menu .menu_trigger span:nth-child(2) {
    top: 50%;
    margin-top: -1px;
    width: calc(100% - 16px);
}

.all-menu .menu_trigger span:nth-child(3) {
    top: 100%;
    margin-top: -2px;
    width: calc(100% - 8px);
}

@media screen and (max-width: 768px) {
    .all-menu {
        margin-left: 5px;
    }
}

/* 헤더 - 아래쪽 컨텐츠 - menu */
div.menu_bg {
    position: absolute;
    left: -50%;
    top: 68px;
    width: 150vw;
    background: #fff;
    z-index: 1;
    height: 0;
}

.header_menu_wrap {
    /* width: calc(100% - 300px); */
    padding-right: 20px;
}

.lnb {
    /* margin-left: 40px; */
    height: 67px;
    display: flex;
    align-items: center;
    margin-right: 20px;
}

.lnb .menu_inner {
    width: 100%;
    height: 100%;
    padding: 0;
    box-sizing: border-box;
}

nav.menu {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    transition: 0.2s all;
}

nav.menu>.menu_wrap {
    /* max-width: 700px; */
    height: 100%;
    width: 100%;
}

nav.menu ul.menus {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
    transition: all 0.5s;
    width: 100%;
}

nav.menu ul.menus>li.depth1 {
    /* padding: 0 24px; */
    text-align: right;
    height: 100%;
    position: relative;
    text-align: center;
    transition: 0.5s;
    padding: 0 0 0 40px;
    /* width: calc(100% / 6); */
    /* width: 190px; */
    padding: 0 25px;
    /* padding: 0 0; */
}

nav.menu ul.menus>li.depth1>a {
    font-weight: 700;
    font-size: 1.25em;
    color: #222;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}

nav.menu ul.menus>li.depth1:hover>a {
    color: #00265F;
}

nav.menu ul.menus>li.depth1:hover>.depth2 {
    background-color: #F7F7F7;
}

nav.menu ul.menus:hover {
    justify-content: center;
}

nav.menu ul.menus:hover>li.depth1 {
    position: relative;
    /* width: calc(100% / 7); */
    /* padding: 0 5px; */
    /* width: 190px; */
    /* padding: 0; */
    box-sizing: border-box;
}

nav.menu ul.menus>li.depth1.over>a {
    text-align: center;
    justify-content: center;
}

/* depth2 영역 */
nav.menu ul.menus>li.depth1>div.depth2 {
    display: none;
    position: absolute;
    /* visibility: visible; */
    visibility: hidden;
    /* transform: translateX(-50%); */
    overflow: hidden;
    z-index: 999;
    /* 240819
    height: 100%;
     */
}

nav.menu ul.menus:hover>li.depth1>div.depth2 {
    visibility: visible;
    display: block;
    width: 100%;
    left: 0;
    /* 240819
    height: 490px;
     */
    top: 73px;
    top: 68px;
}

nav.menu ul.menus>li.depth1>div.depth2>.depth2_list {
    height: auto;
    gap: 30px 0;
    /* padding: 3.5em 2em 5em 5.5em; */
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    padding: 20px 0;
}

nav.menu ul.menus>li.depth1>div.depth2>.depth2_list>li {
    position: relative;
    display: flex;
    justify-content: center;
    align-self: center;
    /* height: 23px; */
}

nav.menu ul.menus>li.depth1>div.depth2>.depth2_list>li.depth2_item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

nav.menu ul.menus>li.depth1>div.depth2>.depth2_list>li.depth2_item>a {
    color: #555;
    font-size: 1em;
    display: block;
    font-weight: 600;
    text-align: center;
    box-sizing: border-box;
    font-family: 'Pretendard';
    position: relative;
}

nav.menu ul.menus>li.depth1>div.depth2>.depth2_list>li.depth2_item:hover>a {
    /* 241105
    color: #222222;
    */
    color: #4A90E0;
}

nav.menu ul.menus>li.depth1>div.depth2>.depth2_list>li.depth2_item:hover>a:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background: #00265F;
    bottom: 0;
    left: 0;
}

nav.menu ul.menus>li.depth1>div.depth2>.depth2_list>li.depth2_item>div.depth3 {
    box-sizing: border-box;
}

nav.menu ul.menus>li.depth1>div.depth2>.depth2_list>li.depth2_item>div.depth3 ul {
    display: flex;
    padding-top: 10px;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    gap: 0.4em 0;
}

nav.menu ul.menus>li.depth1>div.depth2>.depth2_list>li.depth2_item>div.depth3 li {
    text-align: center;
    color: #7B7F89;
    font-size: 0.95em;
    position: relative;
    box-sizing: border-box;
}

nav.menu ul.menus>li.depth1>div.depth2>.depth2_list>li.depth2_item>div.depth3 li:hover,
nav.menu ul.menus>li.depth1>div.depth2>.depth2_list>li.depth2_item>div.depth3 li:hover a {
    color: #4A90E0;
}

nav.menu ul.menus>li.depth1>div.depth2>.depth2_list>li.depth2_item>div.depth3 li a {
    color: #4d4f55;
    font-family: 'Pretendard';
}

/* 241105
nav.menu ul.menus>li.depth1>div.depth2>.depth2_list>li.depth2_item>div.depth3 li a:hover {
    color: #000;
}
*/

@media screen and (max-width: 1400px) {
    nav.menu ul.menus>li.depth1 {
        /* width: 165px; */
    }

    nav.menu ul.menus>li.depth1>a {
        font-size: 1.15em;
    }
}

@media only screen and (max-width:1300px) {
    .lnb {
        margin-left: 10px;
    }
}

@media only screen and (max-width:1300px) {
    .lnb {
        height: 0;
    }

    .top .header-bar {
        height: 60px;
    }

    .top .header-bar.bottom {
        height: 0;
    }

    .top .logo>a:nth-child(1) {
        width: 120px;
    }

    .top .header-bar .inner {
        height: 100%;
    }
}

@media only screen and (max-width:768px) {
    .top .logo>a:nth-child(1) {
        width: 110px;
    }
}

@media only screen and (max-width:520px) {
    .top .logo>a:nth-child(1) {
        width: 100px;
    }

    .top .header-bar .inner .left {
        margin-left: 20px;
    }

    .top .header-bar .inner .right.mob {
        margin-right: 20px;
    }
}


/* 메뉴 포커스 위한 설정 s */
/* 메뉴 포커스 또는 hover 시 depth2가 보이도록 설정 */
nav.menu ul.menus > li.depth1:focus-within > div.depth2,
nav.menu ul.menus > li.depth1:hover > div.depth2 {
    visibility: visible;
    display: block;
    top: 68px;
    height: 260px; /* 3뎁스 개수에 맞춰 height 조절 및 통일 필요 */
}

/* 기본적으로 depth2는 숨겨짐 */
nav.menu ul.menus > li.depth1 > div.depth2 {
    display: none;
    visibility: hidden;
}

/* 포커스 시 모든 .depth2 메뉴가 보이도록 설정 */
nav.menu ul.menus:focus-within > li.depth1 div.depth2 {
    display: block; /* 포커스 시 해당 메뉴만 보이게 설정 */
    visibility: visible;
    height: 260px;
    width: 100%;
    left: 0;
}

/* 메뉴 포커스 시 모든 .depth2 메뉴가 보이게 설정 */
.lnb > .menu_inner .depth1 a:focus {
    /* 모든 .depth2를 보이게 하기 위한 스타일 */
    .lnb .depth2 {
        display: block;
        visibility: visible;
    }
}
/* 메뉴 포커스 위한 설정 e */



/* 모바일메뉴 */
.lnb .mob_lnb {
    display: none;
    text-align: right;
    padding-right: 25px;
}

.lnb .mob_lnb .mob_menu {
    position: fixed;
    top: 0;
    left: 0;
    visibility: hidden;
    z-index: -1;
}

.lnb .mob_lnb .mob_menu::before {
    position: fixed;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .0);
    transition: all 0.5s;
}

.lnb .mob_lnb .mob_menu.open {
    visibility: visible;
    z-index: 9999;
}

.lnb .mob_lnb .mob_menu.open::before {
    background: rgba(0, 0, 0, .7);
}

.lnb .mob_lnb .mob_menu .menu_top {
    width: 100%;
    height: 4em;
    background: #fff;
    position: relative;
    display: flex;
    align-items: center;
}

/* .lnb .mob_lnb .mob_menu .menu_top .link {
    position: absolute;
    left: 20px;
    top: 22px;
} */

.lnb .mob_lnb .mob_menu .menu_top .link .mob_home {
    margin-right: 16px;
}

.lnb .mob_lnb .mob_menu .menu_top .link a {
    color: #3a3a3a;
}

.lnb .mob_lnb .mob_menu .menu_top .link .mob_home img,
.lnb .mob_lnb .mob_menu .menu_top .link .mob_lang .lang-ko img {
    padding-bottom: 3px;
    opacity: 0.8;
}

.lnb .mob_lnb .mob_menu .menu_top .link .mob_lang .lang-ko {
    padding: 0 6px 0 0;
    position: relative;
}

.lnb .mob_lnb .mob_menu .menu_top .link .mob_lang .lang-ko::before {
    position: absolute;
    content: '';
    display: block;
    width: 29px;
    height: 2px;
    left: 20px;
    bottom: -2px;
    background: #111;
}

.lnb .mob_lnb .mob_menu .menu_top .link .mob_lang .lang-en {
    color: #717171;
}

.lnb .mob_lnb .mob_menu .menu_top .searches {
    display: none;
    position: absolute;
    right: 16px;
    height: 100%;
    align-items: center;
    gap: 1em;
}

.lnb .mob_lnb .mob_menu.open .menu_top .searches {
    display: flex;
}

.lnb .mob_lnb .mob_menu .menu_top .searches a {
    font-size: 1.2em;
}

.lnb .mob_lnb .mob_menu .menu_top .closeMobPop {
    font-size: 1.8em;
    margin: 0;
}

.lnb .mob_menu .mob_searchBox_wrap {
    width: 100%;
    background: #fff;
    padding: 14px 0.8em;
    /* border-bottom: 1px solid #dedede; */
}

/* 모바일 메뉴 - 검색창 */
.mob_searchBox_wrap .mob_searchBox {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    margin: 0 auto;
    position: relative;
}

.mob_searchBox_wrap .mob_searchBox .mob_searchBox_inner {
    width: 75%;
    background: #fff;
    border: 1px solid #000;
    border-radius: 50px;
    padding: 5px;
    align-items: center;
    margin-right: 0.8rem;
}

.mob_searchBox_wrap .mob_searchBox .mob_searchBox_inner form {
    width: 98%;
    justify-content: center;
}

.mob_searchBox_wrap .mob_searchBox .mob_searchBox_inner input {
    height: 24px;
    display: block;
    width: 98%;
    outline: 0;
    border: 0;
    font-size: 0.875em;
    padding: 0 2%;
}

.mob_searchBox_wrap .mob_searchBox .mob_searchBox_inner button {
    display: block;
    width: 120px;
    height: 48px;
    margin: -48px -2px 0 0;
    padding-right: 30px;
    background: url("../../images/bzent/main/icon_search.png") no-repeat 75px 19px #EE0012;
    border-radius: 50px;
    font-size: 0.875em;
    color: #fff;
}

.mob_searchBox_btn button {
    width: auto;
    height: 42px;
    border-radius: 50px;
    line-height: 40px;
    text-align: center;
    padding: 0;
    font-size: 1.2em;
    margin-right: 8px;
    /* transition: all 0.3s ease; */
}

.mob_searchBox_wrap .mob_searchBox_btn_close a {
    font-size: 1.3em;
    color: #6b6b6b;
}

.mob_searchBox_wrap .mob_search_btn_close {
    position: absolute;
    right: 50%;
    top: 20px;
    z-index: 1;
    transform: translateX(500px);
    -webkit-transform: translateX(500px);
}

@media screen and (max-width: 1300px) {
    .mob_searchBox_wrap .mob_searchBox {
        width: 100%;
    }
}

.lnb .mob_lnb .mob_menu .menu_inner {
    position: fixed;
    height: 100%;
    background: #FFF;
    width: 0;
    right: 0;
    top: 0;
    z-index: 10000;
    display: block;
    transition: 0.2s all;
    padding: 0;
}

.lnb .mob_lnb .mob_menu.open .menu_inner {
    width: 44em;
}

.lnb .mob_lnb .mob_menu .menu_inner .menu_wrap {
    position: relative;
    width: 100%;
    height: calc(100% - 4em);
}

.lnb .mob_lnb .mob_menu .menu_inner .menu_wrap::before {
    position: absolute;
    width: 30%;
    height: 100%;
    left: 0;
    top: 0;
    content: '';
    border-radius: 0 40px 0 0;
    background: #222;
    z-index: -1;
    /* border-right: 1px solid #ddd; */
}

.lnb .mob_lnb .mob_menu .menu_inner .menu_wrap .depth1 {
    width: 30%;
    background: #222;
    text-align: left;
    font-size: 1.3em;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.lnb .mob_lnb .mob_menu .menu_inner .menu_wrap .depth1:first-child {
    border-radius: 0 40px 0 0;
}

.lnb .mob_lnb .mob_menu .menu_inner .menu_wrap .depth1>a {
    color: #fff;
    padding: 1.5em 0.8em;
    display: block;
    width: 100%;
    height: 100%;
    font-weight: 500;
}

.lnb .mob_lnb .mob_menu .menu_inner .menu_wrap .depth1.over {
    border-bottom: 3px solid rgba(255, 255, 255, 1);
}

.lnb .mob_lnb .mob_menu .menu_inner .menu_wrap .depth1.over>a {
    font-weight: 700;
}

.lnb .mob_lnb .mob_menu .menu_inner .menu_wrap .depth1 .depth2,
.lnb .mob_lnb .mob_menu .menu_inner .menu_wrap .depth1 .depth3 {
    display: none;
}

.lnb .mob_lnb .mob_menu .menu_inner .menu_wrap .depth1.over .depth2 {
    display: block;
    position: absolute;
    width: 70%;
    height: 100%;
    left: 30%;
    top: 0;
    overflow-x: hidden;
    overflow-y: auto;
}

.lnb .mob_lnb .mob_menu .menu_inner .menu_wrap .depth1.over .depth2 .depth2_list {
    margin-bottom: 7rem;
}

.lnb .mob_lnb .mob_menu .menu_inner .menu_wrap .depth1.over .depth2 .depth2_item {
    width: 100%;
    text-align: left;
    position: relative;
}

.lnb .mob_lnb .mob_menu .menu_inner .menu_wrap .depth1.over .depth2 .depth2_item.hasChild::after {
    position: absolute;
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font: var(--fa-font-solid);
    content: "\f078";
    border: 1px solid #000000;
    border-radius: 20px;
    width: 25px;
    height: 25px;
    font-size: 16px;
    text-align: center;
    line-height: 25px;
    color: #000000;
    right: 10px;
    top: 0.625em;
    z-index: -1;
    transition: all 0.2s;
}

.lnb .mob_lnb .mob_menu .menu_inner .menu_wrap .depth1.over .depth2 .depth2_item>a {
    display: block;
    width: 92%;
    height: 100%;
    padding: 1em 5px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 0.95em;
    font-family: 'Pretendard';
    font-weight: 600;
    color: #3a3a3a;
    margin: 0 auto;
}

.lnb .mob_lnb .mob_menu .menu_inner .menu_wrap .depth1.over .depth2 .depth2_item.hasChild.active::after {
    content: "\f077";
    color: #FFF;
    background: #000;
    border: 1px solid #000;
}

.lnb .mob_lnb .mob_menu .menu_inner .menu_wrap .depth1.over .depth2 .depth2_item.active>a {
    color: #000;
    border-bottom: 1px solid #000;
}

.lnb .mob_lnb .mob_menu .menu_inner .menu_wrap .depth1.over .depth2 .depth2_item .depth3 {
    border-bottom: 1px solid #ddd;
    padding: 0.5em 1em;
}

.lnb .mob_lnb .mob_menu .menu_inner .menu_wrap .depth1.over .depth2 .depth2_item .depth3 li {
    padding: 0.2em;
}

.lnb .mob_lnb .mob_menu .menu_inner .menu_wrap .depth1.over .depth2 .depth2_item .depth3 a {
    font-size: 0.85em;
    font-family: 'Pretendard';
    color: #272727;
}

.lnb .mob_lnb .mob_menu .menu_inner .menu_wrap .depth1.over .depth2 .depth2_item .depth3 a:hover {
    color: #000;
}


/* 모바일 메뉴 - 로그인/로그아웃, 개인정보 */
.lnb .mob_lnb .mob_menu .menu_inner .login_info_btn_wrap {
    left: 0;
    box-sizing: border-box;
    justify-content: center;
    width: 30%;
    padding: 20px 0;
}

.lnb .mob_lnb .mob_menu .menu_inner .login_info_btn_wrap > div {
    display: none;
}

.lnb .mob_lnb .mob_menu .menu_inner .login_info_btn_wrap > div.on {
    display: block;
}

.lnb .mob_lnb .mob_menu .menu_inner .login_info_btn_wrap button {
    color: #fff;
    padding: 5px 15px;
    border: 1px solid #fff;
    border-radius: 30px;
    height: 28px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lnb .mob_lnb .mob_menu .menu_inner .login_info_btn_wrap button:hover {
    background: #fff;
    color: #000;
}

.lnb .mob_lnb .mob_menu .menu_inner .login_after_info_btn ul {
    gap: 0 1em;
}

.lnb .mob_lnb .mob_menu .menu_inner .login_after_info_btn .myPage a {
    height: 28px;
    width: 28px;
    border-radius: 28px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 1300px) {
    .menu_inner {
        display: none;
    }

    .lnb .mob_lnb {
        display: block;
    }

    nav.menu {
        height: 88px;
    }
}

@media screen and (max-width: 768px) {
    .lnb .mob_lnb .mob_menu.open .menu_inner {
        width: 100%;
    }

    .lnb .mob_lnb .mob_menu .menu_inner .menu_wrap .depth1 {
        font-size: 1.1em;
    }
}

@media screen and (max-width: 600px) {
    .lnb .mob_lnb .mob_menu .menu_inner .menu_wrap .depth1 {
        width: 40%;
    }

    .lnb .mob_lnb .mob_menu .menu_inner .menu_wrap::before {
        width: 40%;
    }

    .lnb .mob_lnb .mob_menu .menu_inner .menu_wrap .depth1.over .depth2 {
        width: 60%;
        left: 40%;
    }

    .lnb .mob_lnb .mob_menu .menu_inner .menu_wrap .depth1.over .depth2 .depth2_item.hasChild::after {
        transform: scale(0.7);
    }

    .lnb .mob_lnb .mob_menu .menu_inner .login_info_btn_wrap  {
        width: 40%;
    }
}

@media screen and (max-width: 390px) {
    .lnb .mob_lnb .mob_menu .menu_inner .menu_wrap .depth1 {
        width: 50%;
    }

    .lnb .mob_lnb .mob_menu .menu_inner .menu_wrap::before {
        width: 50%;
    }

    .lnb .mob_lnb .mob_menu .menu_inner .menu_wrap .depth1.over .depth2 {
        width: 50%;
        left: 50%;
    }

    .lnb .mob_lnb .mob_menu .menu_inner .login_info_btn_wrap  {
        width: 50%;
    }
}

@media screen and (max-width: 300px) {
    .lnb .mob_lnb .mob_menu .menu_top .link a {
        display: inline-block;
        margin-right: 0.3em;
    }
}


/* 콘텐츠용 폰트 스타일 */
#container .tit h2 {
    color: #7B7F89;
    font-size: 2em;
    font-weight: 700;
}

#container .tit.disInline h2 {
    display: inline-block;
    margin-right: 0.3em;
}

#container h1 {
    font-size: 2.2em;
    font-weight: 700;
    display: inline-block;
    margin-right: 15px;
}

#container h2 {
    font-size: 1.8em;
    font-weight: 700;
}

#container h3 {
    font-size: 1.7em;
    font-weight: 700;
}

#container h4 {
    font-size: 1.4em;
    font-weight: 700;
}

#container .tit h2>span {
    color: #000000;
}

#container .tit>p {
    color: #666;
    font-size: 0.98em;
    line-height: 1.3;
}

#container .tit.disInline>p {
    display: inline-block;
}

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

    .menu_inner,
    .pc,
    .searchBox_wrap .search .searchBox_inner {
        display: none;
    }

    .lnb .mob_lnb,
    .mob {
        display: block;
    }
}

@media screen and (max-width: 768px) {
    #container h1 {
        font-size: 2.1em;
    }

    #container h2 {
        font-size: 1.7em;
    }

    #container h3 {
        font-size: 1.6em;
    }

    #container h4 {
        font-size: 1.3em;
    }

    #container .tit>p {
        font-size: 0.9em;
        line-height: 1.3;
    }
}

@media screen and (max-width: 480px) {
    #container h1 {
        font-size: 1.8em;
    }

    #container h2 {
        font-size: 1.6em;
    }

    #container h3 {
        font-size: 1.5em;
    }

    #container h4 {
        font-size: 1.2em;
    }

    #container .tit>p,
    #container .tit.disInline>p {
        display: block;
        font-size: 0.9em;
        line-height: 1.3;
    }
}


/* 퍼블리싱 공통 부분 */
/* 서브비주얼 */
#sub-visual {
    /* height: 110px; */
    background: #fff;
    text-align: center;
    /* display: flex; */
    align-items: center;
    position: relative;
    margin-top: 107px;
    border-bottom: 1px solid #d9d9d9;
}

#sub-visual .inner {
    height: 100%;
}

.subVisualTitle {
    font-size: 2.4em;
    font-weight: 700;
    height: 100%;
    line-height: 110px;
    position: relative;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 서브 상단 탭메뉴바 */
/* .subTab {
    width: 100%;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    padding: 16px 30px;
}

#tab_content .tabMenu_normal {
    display: flex;
    align-items: center;
}

#tab_content .tabMenu_normal>li {
    height: 44px;
    padding: 0 18px;
    border-radius: 100px;
    font-size: 1em;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 84px;
    transition: all 0.2s ease;
}

#tab_content .tabMenu_normal>li:nth-child(n+2) {
    margin-left: 24px;
}

#tab_content .tabMenu_normal>li>a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 44px;
    text-align: center;
}

#tab_content .tabMenu_normal>li.on {
    background: #00265F;
    color: #fff;
}

@media screen and (max-width: 1200px) {
    #sub-visual {
        margin-top: 61px;
        height: 140px;
    }

    .subVisualTitle {
        line-height: 140px;
        font-size: 2.4em;
    }

    .subTab {
        padding: 10px 15px;
    }

    #tab_content .tabMenu_normal>li {
        height: 35px;
        min-width: 50px;
    }

    #tab_content .tabMenu_normal>li>a {
        line-height: 35px;
    }

    #tab_content .tabMenu_normal>li:nth-child(n+2) {
        margin-left: 14px;
    }
}

@media screen and (max-width: 1200px) {
    .subVisualTitle {
        line-height: 36px;
    }
} */


/* 서브 상단 - 네비게이션 */
.subTab {
    width: 100%;
    border-top: 1px solid #d9d9d9;
    /* 240924
    border-bottom: 1px solid #d9d9d9;
    */
    padding: 13px 40px;
    box-sizing: border-box;
}

@media screen and (max-width: 1300px) {
    #sub-visual {
        margin-top: 60px;
    }

    .subVisualTitle {
        line-height: 40px;
        font-size: 1.7em;
        height: 90px;
    }

    .subTab {
        padding: 7px 0px;
    }
}

.breadclumbs {
    box-sizing: border-box;
}

.breadclumbs>ul {
    display: flex;
    gap: 0.5em 2.38em;
    justify-content: flex-start;
}

.breadclumbs>ul>li {
    position: relative;
    height: 17px;
}

.breadclumbs>ul>li span {
    color: #2D2D2D;
    font-weight: 400;
    font-size: 0.88em;
    letter-spacing: -0.08em;
    font-family: 'pretendard';
    display: grid;
}

.breadclumbs>ul>li a {
    display: flex;
    align-items: center;
    height: 100%;
    color: #2D2D2D;
    font-size: 0.88em;
    letter-spacing: -0.08em;
    font-family: 'pretendard';
}

.breadclumbs>ul>li::after {
    position: absolute;
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font: var(--fa-font-solid);
    content: "\f105";
    right: -24px;
    top: 1px;
    text-align: center;
    color: #8f8f8f;
}

.breadclumbs>ul>li:last-child::after {
    display: none;
}

.breadclumbs .page_btn a:first-child {
    margin-right: 15px;
}

@media screen and (max-width: 1200px) {
    .right_content .title .breadclumbs {
        justify-content: center;
        width: 100%;
        border-bottom: 1px solid #ddd;
        padding-bottom: 1em;
    }

    .right_content .title .breadclumbs .page_btn {
        position: absolute;
        right: 0;
        bottom: -45px;
        display: flex;
    }

    .right_content .title .breadclumbs .page_btn a {
        width: 30px;
        height: 30px;
        border-radius: 30px;
        border: 1px solid #ddd;
        display: block;
        line-height: 28px;
        text-align: center;
    }
}

@media screen and (max-width: 480px) {
    .breadclumbs>ul>li::after {
        top: 3px;
        right: -20px;
    }
}

@media screen and (max-width: 430px) {
    .right_content .title .breadclumbs>ul {
        gap: 0;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .right_content .title .breadclumbs>ul>li {
        margin-right: 2.38em
    }

    .right_content .title .breadclumbs>ul>li:last-child {
        margin-right: 0
    }

    .right_content .title .breadclumbs>ul>li::after {
        right: -20px;
    }

    .right_content .title .breadclumbs>ul>li span {
        font-weight: 600;
        margin-top: 0.3em;
    }
}


/* 서브 컨텐츠 내부 탭 */
#tab_content_cnt {
    margin-top: 20px;
}

#tab_content_cnt .tabMenu_normal_cnt {
    display: flex;
    align-items: center;
}

#tab_content_cnt .tabMenu_normal_cnt>li {
    height: 44px;
    padding: 0 10px;
    border-radius: 6px 6px 0 0;
    font-size: 1em;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 84px;
    transition: all 0.2s ease;
    box-sizing: border-box;
    width: 20%;
}

#tab_content_cnt .tabMenu_normal_cnt>li>a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 44px;
    text-align: center;
}

#tab_content_cnt .tabMenu_normal_cnt>li.on {
    background: #000000;
    color: #fff;
}

@media screen and (max-width: 1440px) {
    #tab_content_cnt .tabMenu_normal_cnt>li {
        height: 35px;
        min-width: 50px;
        width: auto;
    }

    #tab_content_cnt .tabMenu_normal_cnt>li>a {
        line-height: 35px;
    }
}

@media screen and (max-width: 1250px) {
    #tab_content_cnt .tabMenu_normal_cnt>li {
        padding: 0 5px;
    }
}

@media screen and (max-width: 1200px) {
    #tab_content_cnt .tabMenu_normal_cnt>li {
        width: 20%;
        padding: 0 10px;
    }
}

@media screen and (max-width: 1010px) {
    #tab_content_cnt .tabMenu_normal_cnt>li {
        width: auto;
    }
}

@media screen and (max-width: 900px) {
    #tab_content_cnt {
        margin-bottom: 5px;
    }

    #tab_content_cnt .tabMenu_normal_cnt {
        flex-wrap: wrap;
        gap: 0.5em 0;
        flex-direction: column;
    }

    #tab_content_cnt .tabMenu_normal_cnt>li {
        width: 100%;
        border-radius: 6px;
    }
}

/* 만족도조사 */
caption,
legend {
    overflow: hidden;
    width: 0;
    height: 0;
    line-height: 0;
    text-indent: -9999px;
}

#satisFaction {
    margin-top: 6em;
}

.satis {
    /* padding: 35px 45px; */
    padding: 25px;
    background-color: #f7f7f7;
    font-size: 1em;
    color: #000;
}

.satis>div.left {
    width: 60%;
}

.satis>div.right {
    width: 40%;
}

.satis p {
    margin-bottom: 4px;
    font-size: 1rem;
    font-weight: 600;
}

fieldset {
    max-width: 100%;
    height: auto;
    border: 0;
    vertical-align: top;
    padding: 0;
    width: 100%;
}

.satis fieldset * {
    vertical-align: middle;
}

fieldset ul {
    float: left;
    overflow: hidden;
    margin-top: 4px;
}

fieldset ul li {
    float: left;
    margin-right: 20px;
    font-size: 1em;
    color: #2d2d2d;
}

.satis>div.right fieldset {
    display: flex;
    justify-content: flex-end;
}

.satis>div.right fieldset ul {
    width: 100%;
}

.satis>div.right fieldset ul li {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    font-size: 0.9em;
}

.satis>div.right fieldset input[type="text"] {
    width: 80%;
    color: #717171;
    height: 33px;
    border: 0.654px solid #D9D9D9;
    background: #FFF;
    padding: 0 10px;
    border-radius: unset;
}

.satis>div.right fieldset input[type="button"] {
    width: 18%;
    min-width: 100px !important;
    height: 33px;
    text-align: center;
    color: #fff;
    background: #333;
    font-size: 0.9em;
    font-weight: 600;
    transition: all .3s;
    cursor: pointer;
}

.satis>div.right fieldset input[type="button"]:hover {
    background: #5f656e;
}

fieldset ul li:last-child {
    width: auto;
}

@media screen and (max-width: 1300px) {
    .satis>div.left {
        width: 70%;
    }

    .satis>div.right {
        width: 30%;
    }

    .satis>div.right fieldset input[type="text"] {
        width: 73%;
    }

    .satis>div.right fieldset input[type="button"] {
        width: 25%;
    }
}

@media screen and (max-width: 1024px) {
    .satis {
        padding: 20px;
    }

    .satis>div.left {
        width: 100%;
    }

    .satis>div.right {
        width: 100%;
        margin-top: 1em;
    }
}


@media screen and (max-width: 768px) {
    .satis>div.right fieldset input[type="button"],
    .satis>div.right fieldset input[type="text"] {
        height: 27px;
    }

    #satisFaction {
        margin-top: 3em;
    }
}

@media screen and (max-width: 580px) {
    fieldset ul li {
        width: 29%;
        margin-bottom: 5px;
        margin-right: 10px;
    }
}

@media screen and (max-width: 460px) {
    fieldset ul li {
        width: 100%;
        margin-bottom: 10px;
    }

    .satis>div.right {
        margin-top: 0;
    }
}


/* 팝업 스타일 */
.popup {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    top: 0;
    left: 0;
    z-index: 9999;
}

.popup_box {
    width: 1360px;
    height: 100%;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
}

.popup_box .inner {
    height: 100%;
}

.popup_tit {
    font-family: 'Pretendard';
    position: relative;
    background: #246BEB;
    height: 60px;
    line-height: 60px;
    font-weight: 600;
    font-size: 1.5em;
    color: #fff;
    padding: 0 30px;
    margin-bottom: 2px;
}

.popup_tit .closeBtn {
    cursor: pointer;
    font-family: 'pretendard';
    font-size: 0.7em;
}

.popup_tit .closeBtn a img {
    width: 70%;
}

@media screen and (max-width: 1200px) {
    .popup_tit .closeBtn a img {
        width: 60%;
    }
}

@media screen and (max-width: 480px) {
    .popup_tit .closeBtn {
        font-size: 0.8em;
    }
}

.popup_box .item {
    margin-bottom: 2.2em;
}

.popup_box .contents {
    padding: 20px 20px 0 0;
    height: 100%;
    overflow-y: auto;
    margin-left: 20px
}

.popup_box .sub-t {
    font-size: 1.15em;
    font-weight: 700;
    margin-bottom: 0.7em;
    color: #2d2d2d;
}

.popup_box .sub-t.flexSt {
    align-items: flex-end;
}

.popup_box .item>p {
    padding: 15px;
    background: #F8F8F8;
    font-size: 0.9em;
    color: #717171;
}

.popup_box .radio-center {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.7em;
    gap: 0 0.5em;
}

/* 팝업창 내 등록화면 스타일 */
.popup_box .formBox {
    padding: 30px 10px;
    margin: 0;
}

.popup_box li.item .form-tit {
    font-size: 0.95em;
}

/* 팝업창 내 버튼 스타일 */
.popup_box .btn_boardList {
    margin-bottom: 10em;
}

/* 팝업창 내 최상위 - 정보 검색 버튼 */
.popup_box .searchItemBtn {
    text-align: right;
    margin-bottom: 5px;
    margin-right: 26px;
}

.popup_box .searchItemBtn button {
    width: 100px;
    height: 44px;
    border-radius: 3px;
    border: 1px solid #246BEB;
    color: #246BEB;
    font-size: 1rem;
    font-weight: 600;
    transition: all 0.3s;
}

.popup_box .searchItemBtn button:hover {
    background: #246BEB;
    color: #fff;
}

@media screen and (max-width: 1400px) {
    .popup_box {
        width: 100%;
    }
}

@media screen and (max-width: 1200px) {
    .popup_tit {
        font-size: 1.35em;
        height: 50px;
        line-height: 50px;
        padding: 0 20px;
    }

    .popup_box .sub-t {
        font-size: 1em;
        margin-bottom: 0.4em;
    }

    .popup_box .item>p {
        font-size: 0.85em;
    }
}

@media screen and (max-width: 768px) {
    .popup_box .contents {
        padding: 0.8em 0.1em 0 0.1em;
        /* 240926 */
        padding-right: 20px;
    }

    .popup_box .searchItemBtn button {
        height: 37px;
    }
}

@media screen and (max-width: 480px) {
    .popup_box .formBox {
        padding: 0.8em;
    }

    .popup_box .searchItemBtn {
        margin-right: 10px;
        margin-bottom: 1.2em;
    }

    .popup_box .searchItemBtn button {
        width: 100%;
    }
}


/* table style01 */
table {
    width: 100%;
}

.table_St1 {
    position: relative;
    margin-top: 3px;
    overflow: auto;
    border-top: 2px solid #000;
}

.table_St1 thead th {
    background: #F3F3F3;
    color: #2d2d2d;
    text-align: center;
    font-size: 0.95em;
    /* padding: 17px 10px; */
    padding: 0.3em;
    /* 240927 */
    position: sticky;
    top: 0;
}

.table_St1 tbody td {
    /* padding: 20px 10px; */
    padding: 0.5em;
    border-bottom: 1px solid #e8e8e8;
    text-align: center;
    color: #2d2d2d;
    font-size: 1em;
    background: #fff;
}

.table_St1 tbody tr td:nth-child(1) {
    color: #555;
    font-weight: 300;
}

.table_St1 tbody tr td:first-child {
    border-left: none;
}

.table_St1 tbody tr td:last-child {
    border-right: none;
}

.table_St1 tbody td a.subject {
    display: inline-block;
    width: 100%;
    font-size: 1.15em;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.table_St1 tbody td a.subject:hover {
    text-decoration: underline;
    text-underline-position: under;
}

.table_St1 tbody td.num {
    text-align: right;
}

@media screen and (max-width: 1200px) {
    .table_St1 tbody td {
        font-size: 0.85em;
    }
}


/* 버튼 기본 - medium */
.btns {
    display: inline-block;
    min-width: 120px;
    height: 44px;
    line-height: 44px;
    border-radius: 6px;
    padding: 0 15px;
    transition: all 0.1s;
    text-align: center;
    font-weight: 700;
    font-size: 1em;
    cursor: pointer;
}

/* 버튼 기본 - small */
.btns_s {
    display: inline-block;
    min-width: 80px;
    height: 36px;
    line-height: 36px;
    border-radius: 6px;
    padding: 0 15px;
    transition: all 0.1s;
    text-align: center;
    font-weight: 700;
    font-size: 0.8em;
    cursor: pointer;
}

/* 버튼 - 검색박스 내 검색버튼 */
.btn_red {
    background: #EE0012;
    color: #fff;
}

/* 버튼 - 검색박스 내 검색버튼(산업체색상) */
.btn_nam {
    background: #00265F;
    color: #fff;
}

/* 버튼 - 검색박스 내 라인 초기화버튼 */
.btn_line {
    background: transparent;
    color: #2d2d2d;
    border: 1px solid #717171;
}

/* 버튼 - 파란색 라인 검색버튼 */
.btn_line_blue {
    background: transparent;
    color: #246BEB;
    border: 1px solid #246BEB;
}

/* 버튼 - 검정색 기본버튼 */
.btn_black {
    min-width: 140px;
    height: 56px;
    line-height: 56px;
    background: #000;
    color: #fff;
    border-radius: 100px;
}

/* 버튼 - 검정색 라인 초기화버튼 */
.btn_line_black_round {
    min-width: 140px;
    height: 56px;
    line-height: 56px;
    color: #000;
    border: 1px solid #000;
    background: #fff;
    border-radius: 100px;
}

.btn_black_pop {
    display: inline-block;
    min-width: 40px;
    height: 32px;
    line-height: 32px;
    border-radius: 100px;
    padding: 0 15px;
    transition: all 0.1s;
    text-align: center;
    font-weight: 700;
    font-size: 0.8em;
    cursor: pointer;
    background: #000;
    color: #fff;
}

/* 버튼 - 산업체용 네이비 */
.btn_navy {
    background: #00265F;
    color: #fff;
}

.btn_navy:hover {
    background: #000;
    color: #fff;
}

@media screen and (max-width: 480px) {
    .btns {
        min-width: 100px;
        height: 38px;
        line-height: 38px;
    }

    .btns_s {
        min-width: 70px;
        height: 30px;
        line-height: 29px;
    }

    .btn_black {
        min-width: 110px;
        height: 46px;
        line-height: 46px;
    }
}


/* 점선라인 */
.dash_line {
    display: block;
    width: 100%;
    border-top: 1.5px dashed #B9B9B9;
}

/* 체크버튼(라디오, 체크) */
input[type="radio"] {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

input[type="radio"]+label {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    cursor: pointer;
}

input[type="radio"]+label {
    padding-left: 25px;
}

input[type="radio"]+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 1px;
    width: 15px;
    height: 15px;
    border-radius: 15px;
    background: #fff;
    border: 1px solid #aaa;
    text-align: center;
}

input[type="radio"]:checked+label:after {
    content: '';
    position: absolute;
    top: 5px;
    left: 4px;
    width: 9px;
    height: 9px;
    border-radius: 12px;
    background: #193872;
}

input[type="radio"]:checked+label:before {
    border: 1px solid #193872;
}

input[type="radio"]:disabled+label:before {
    background: #eee;
}

/* 체크박스 */
.checks {
    position: relative;
}

.checks input {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    cursor: pointer;
}

.checks input:active:before,
.checks input:focus:before,
.checks input:hover:before {
    outline: 1px dotted #000;
}

.checks input:disabled:active:before,
.checks input:disabled:focus:before,
.checks input:disabled:hover:before {
    outline: 0;
}

.checks input[type="checkbox"] {
    appearance: none;
}

.checks input[type="checkbox"]:before {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 14px;
    background: url("../../images/bzent/common/ico_checkbox_off.png") no-repeat center center #fff;
    border: 1px solid #aaaaaa;
    border-radius: 3px;
    text-align: center;
    vertical-align: middle;
}

.checks input[type="checkbox"]:checked:before {
    content: '';
    text-shadow: 1px 1px #fff;
    background: url("../../images/bzent/common/ico_checkbox_on.png") no-repeat center center #fff;
    font-size: 14px;
    color: #ff0000;
    border: 1px solid #00265F;
}

.checks input[type="checkbox"]:disabled:before {
    background: url("../../images/bzent/common/ico_checkbox_off.png") no-repeat center center #fff;
}

/* 240920 */
input[type="checkbox"].cb {
    width: 25px;
    height: 25px;
    border: 3px solid;
}

@media screen and (max-width: 480px) {
    input[type="radio"]+label {
        padding-left: 21px;
    }

    input[type="radio"]+label:before {
        width: 13px;
        height: 13px;
        top: 0;
    }

    input[type="radio"]:checked+label:after {
        top: 3px;
        left: 3px;
    }
}

/* 주의사항 */
.textInfo {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 30px 0;
}

.textInfo span {
    width: 18px;
    height: 18px;
    padding: 10px;
    background: #FFEFEF;
    border-radius: 18px;
    border: 1px solid #EE0012;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #EE0012;
    font-weight: 600;
    box-sizing: border-box;
    margin-right: 10px;
    transition: all 0.3s;
}

@media screen and (max-width: 768px) {
    .textInfo span {
        width: 15px;
        height: 15px;
        padding: 8px;
        font-size: 0.85em;
    }
}


/* 푸터 */
#footer {
    background: #fff;
    position: relative;
    margin: 0 auto;
    width: 100%;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

#footer .wrap {
    position: relative;
}

#footer .f_top {
    display: flex;
    justify-content: flex-start;
    gap: 2em;
    align-items: center;
    padding-top: 1.5rem;
}

#footer .f_top .f_side {
    align-items: center;
    gap: 0.5em 2em;
}

#footer .f_top .f_side>li {
    text-align: center;
}

#footer .f_top .f_side>li>a {
    font-size: 0.95em;
    color: #222;
    font-weight: 700;
}

#footer .f_top .f_side>li.red_txt>a {
    color: #C10816;
}

#footer .f_bottom {
    /* border-top: 1px solid rgba(0, 0, 0, 0.1); */
    margin-top: 1rem;
    padding-top: 1rem;
    display: flex;
    justify-content: space-between;
}

#footer .f_bottom .f_st {
    display: flex;
    flex-direction: row;
    align-items: center;
}

#footer .f_bottom .f_st .logo {
    margin-right: 2rem;
    display: flex;
}

#footer .f_bottom .f_st .f_address p {
    font-size: 1em;
    font-weight: 300;
    color: #717171;
}

#footer .f_bottom .f_st .f_address p:last-child {
    /* 241114
    margin-top: 8px;
    */
}

#footer .site_move .nice-select {
    background: #F7F7F7;
    border: none;
}

#footer .site_move .nice-select .list {
    top: auto;
    bottom: 100% !important;
}

#footer .site_wrap {
    gap: 1em;
}

#footer .f_logoSet a {
    display: block;
}

#footer .f_logoSet img {
    width: 150px;
}

@media screen and (max-width: 1400px) {
    #footer .f_bottom {
        display: block;
    }

    #footer .f_bottom .f_inner {
        justify-content: flex-end;
        gap: 0.5em 0;
    }
}

@media screen and (max-width: 1200px) {
    #footer {
        width: 100%;
    }

    #footer .f_top {
        padding-top: 1em;
    }

    #footer .f_top .f_menu {
        display: none;
    }

    #footer .f_top .f_side {
        display: flex;
        gap: 2px 20px;
        flex-wrap: wrap;
    }

    #footer .f_top .f_side>li {
        text-align: left;
        width: auto;
    }

    #footer .f_bottom {
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        margin-top: 1rem;
        padding-top: 1.6rem;
        flex-direction: column;
    }

    #footer .f_bottom .f_inner {
        justify-content: flex-end;
        margin-top: 1.6rem;
    }

    #footer .f_bottom .site_wrap {
        display: flex;
    }

    #footer .f_bottom .site_wrap a.wa {
        width: 80px;
    }

    #footer .site_move {
        position: absolute;
        left: 0;
        bottom: 0;
    }
}

@media screen and (max-width: 840px) {
    #footer .f_bottom .f_st {
        flex-direction: column;
        gap: 1em;
        align-items: flex-start;
    }
}

@media screen and (max-width: 768px) {
    #footer .site_move {
        width: 100%;
    }

    #footer .site_move .nice-select {
        width: 100%;
    }

    #footer .f_bottom .f_inner {
        /* 241114
        margin-top: 6rem;
        */
        margin-top: 8rem;
    }

    #footer .site_move {
        bottom: 70px;
    }

    #footer .f_logoSet img {
        width: 120px;
    }

    #footer .f_bottom .site_wrap {
        width: 100%;
        justify-content: flex-start;
    }
}

@media screen and (max-width: 430px) {
    #footer .f_top .f_side {
        width: 100%;
        gap: unset;
    }
}

@media screen and (max-width: 384px) {
    #footer .site_move {
        /* 241114
        bottom: 110px;
        */
        bottom: 80px;
    }
}

@media screen and (max-width: 360px) {
    #footer .site_move .nice-select {
        width: 100%;
    }

    #footer .f_bottom .f_st {
        align-items: center;
        text-align: center;
    }

    #footer .f_bottom .f_st .logo {
        margin-right: 0;
    }
}

.userDlgtDiv .nice-select .option {
    width: initial !important;
    cursor: pointer;
}

/* top 버튼 */
.scroll_top_btn {
    position: fixed;
    right: 2%;
    bottom: 8%;
    width: 40px;
    height: 40px;
    text-align: center;
    outline: 14px solid rgba(1, 39, 96, 0.1);
    border-radius: 65px;
    box-sizing: border-box;
    z-index: 9999;
    background-color: #012760;
    display: none;
}

.scroll_top_btn a.TOP {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 36px;
}

@media screen and (max-width: 768px) {
    .scroll_top_btn {
        right: 4%;
        width: 30px;
        height: 30px;
    }

    .scroll_top_btn a.TOP {
        line-height: 27px;
    }

    .scroll_top_btn a.TOP img.auto {
        height: 7px;
    }
}


/* 슬라이드 컨트롤 버튼 스타일 - 메인 비주얼 배너에 사용 */
.slide_ctrl {
    gap: 4px;
}

.slide_ctrl>.btn {
    cursor: pointer;
    transition: all 0.2s;
}

.slide_ctrl>.btn>button {
    width: 25px;
    height: 25px;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slide_ctrl>.btn>button>img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    width: auto;
}

.slide_ctrl>.btn>button>img.btn-play {
    display: none;
}

.slide_ctrl>.btn>button>img.btn-pause {
    display: block;
}

.slide_ctrl>.btn.active>button>img.btn-play {
    display: block;
}

.slide_ctrl>.btn.active>button>img.btn-pause {
    display: none;
}

@media screen and (max-width: 600px) {
    .slide_ctrl {
        gap: 0px;
    }

    .slide_ctrl>.btn>button>img {
        height: 14px;
    }

    .slide_ctrl>.btn>button>img.btn-pause {
        height: 12px;
    }
}

@media screen and (max-width: 480px) {
    .slide_ctrl>.btn>button {
        width: 22px;
        height: 22px;
    }
}


/* 프로그레스바 */
.fixed-loading {
    width: 300px;
    height: 300px;
    border-radius: 300px;
    position: fixed;
    left: 50%;
    top: 40%;
    transform: translateX(-50%);
    z-index: 99999;
    background: #F8FBFF;
    box-shadow: 0px 0px 24.4px 0px rgba(0, 38, 95, 0.20);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1em 0;
}

.fixed-loading .loading_logo {
    width: 70%;
    height: 25%;
    padding-top: 20px;
    box-sizing: border-box;
}

.fixed-loading .loading_logo img {
    width: 100%;
}

.fixed-loading .loading_bar {
    width: 70%;
}

.fixed-loading .loading_bar img {
    width: 100%;
}

.fixed-loading .loading_txt {
    color: #00265F;
    font-family: 'Pretendard';
    font-size: 1.25rem;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.0125rem;
}

@media screen and (max-width: 480px) {
    .fixed-loading {
        width: 200px;
        height: 200px;
    }

}


/* 내부망 로그인 페이지 */
#loginIForm {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    padding: 30px;
    background: url(../images/common/login_internal_bg.png) no-repeat right center #171719;
    background-size: cover;
    box-sizing: border-box;
}

.loginIn_box {
    display: flex;
    width: 720px;
    height: 580px;
    overflow: hidden;
    border-radius: 20px;
}

.loginIn_box .left_box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    flex-shrink: 0;
    width: 280px;
    padding: 30px;
    background: url(../images/common/login_internal_bg_cnt.png) no-repeat center bottom #005499;
    background-size: 100%;
    color: #fff;
    box-sizing: border-box;
}

.loginIn_box .left_box .top {
    background: none;
    padding: 58px 15px 0 15px;
}

.loginIn_box .left_box .top h1 {
    line-height: normal;
    font-family: 'Pretendard';
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.75rem; /* 175% */
}

.loginIn_box .left_box .top h1 em {
    display: block;
    font-family: 'Pretendard';
    font-size: 3rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.75rem; /* 58.333% */
}

.loginIn_box .left_box .top h1 em:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    margin: 30px 0 20px 0;
    background: rgba(255, 255, 255, 0.2);
}

.loginIn_box .left_box .bottom .find_idpw {
    margin-top: 15px;
    text-align: center;
}

.loginIn_box .left_box .bottom .find_idpw a {
    color: #FFF;
    font-family: 'Pretendard';
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.75rem; /* 175% */
}

.loginIn_box .right_box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    flex-grow: 1;
    height: 100%;
    padding: 120px 88px 110px 67px;
    background: #fff;
    box-sizing: border-box;
}

.loginIn_box .right_box .input_box {
    width: 100%;
}

.loginIn_box .right_box .input_box>div {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: relative;
}

.loginIn_box .right_box .input_box>div:nth-child(1) {
    margin-bottom: 10px;
}

.loginIn_box .right_box .input_box label {
    flex-shrink: 0;
    width: 40px;
    padding-right: 15px;
    position: absolute;
    left: 10px;
}

.loginIn_box .right_box .input_box label img {
    vertical-align: middle;
}

.loginIn_box .right_box .input_box input {
    flex-grow: 1;
    height: 50px;
    padding: 0 10px;
    background: #F2F2F2;
    border: 1px solid #E5E5E5;
    border-radius: 6px;
    padding-left: 40px;
    font-family: 'Pretendard';
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 100%; /* 0.9375rem */
}

.loginIn_box .right_box .input_box input::placeholder {
    color: #808080;
}

.loginIn_box .right_box .btn_box {
    width: 100%;
    text-align: center;
}

.loginIn_box .right_box .btn_box .login_btn {
    display: block;
    height: 50px;
    line-height: 50px;
    margin-bottom: 15px;
    background: #00265F;
    border-radius: 6px;
    color: #fff;
    font-family: 'Pretendard';
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.01875rem;
}

.loginIn_box .right_box .btn_box .remember_id label,
.loginIn_box .right_box .btn_box .remember_id input {
    cursor: pointer;
    font-family: 'Pretendard';
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 100%;
}


@media only screen and (max-width:1023px) {
    .loginIn_box {
        height: 500px;
    }

    .loginIn_box .left_box .top {
        padding: 20px 15px 0 15px;
    }

    .loginIn_box .right_box {
        padding: 80px 88px 80px 67px;
    }
}

@media only screen and (max-width:767px) {
    #loginIForm {
        /* height: 100%; */
        padding: 40px 20px;
    }

    .loginIn_box {
        flex-direction: column;
        width: 100%;
        height: auto;
    }

    .loginIn_box .left_box {
        width: 100%;
        padding: 20px;
        background-image: none;
    }

    .loginIn_box .left_box .top {
        padding: 0;
    }

    .loginIn_box .left_box .top h1:after {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        margin: 15px 0 0 0;
        background: rgba(255, 255, 255, 0.2);
    }

    .loginIn_box .left_box .top h1 em {
        display: inline-block;
        margin-right: 10px;
        font-size: 1.688rem;
    }

    .loginIn_box .left_box .top h1 em:after {
        display: none;
    }

    .loginIn_box .left_box .bottom:after {
        content: "";
        display: block;
        clear: both;
    }

    .loginIn_box .left_box .bottom .find_idpw {
        float: left;
        margin-top: 18px;
    }

    .loginIn_box .right_box {
        padding: 40px 60px;
    }

    .loginIn_box .right_box .logo img {
        width: 170px;
    }

    .loginIn_box .right_box .input_box {
        margin: 30px 0 10px 0;
    }

    .loginIn_box .right_box .input_box input {
        height: 40px;
    }

    .loginIn_box .right_box .btn_box .login_btn {
        height: 40px;
        line-height: 40px;
    }
}

@media only screen and (max-width:479px) {
    .loginIn_box .left_box .bottom .find_idpw a {
        font-size: 0.750em;
    }

    .loginIn_box .right_box {
        padding: 30px 20px;
    }

    .loginIn_box .right_box .logo img {
        width: 140px;
    }

    .loginIn_box .right_box .input_box {
        margin: 20px 0 10px 0;
    }

    .loginIn_box .right_box .input_box input {
        height: 35px;
    }

    .loginIn_box .right_box .btn_box .login_btn {
        height: 35px;
        line-height: 35px;
        margin-bottom: 10px;
    }
}

/* 기본 레이어팝업 */
.layer_popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    /* 검은 반투명 배경 */
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.layer_popup * {
    font-family: 'pretendard' !important;
}

.layer_popup .popup_wrap {
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    width: 800px;
    height: 80%;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    max-height: 100%;
}

.layer_popup .popup_wrap.heightN {
    height: unset;
}

/* @media screen and (max-width: 480px) {
    .layer_popup .popup_wrap {
        height: 100%;
    }
} */

.layer_popup .popup_wrap .popup_content::-webkit-scrollbar {
    width: 10px;
}

.layer_popup .popup_wrap .popup_content::-webkit-scrollbar-thumb {
    background-color: #d3d3d3;
    border-radius: 10px;
    background-clip: padding-box;
    border: 2px solid transparent;
}

.layer_popup .popup_wrap .popup_content::-webkit-scrollbar-track {
    background-color: #e7e7e7;
    border-radius: 10px;
    box-shadow: inset 0 0 5px #fff;
}

.layer_popup .popup_wrap .popup_tit {
    width: 100%;
    background: #246BEB;
    color: #FFF;
    box-sizing: border-box;
}

.layer_popup .popup_wrap .popup_content {
    padding: 1.5em;
    height: calc(100% - 60px);
    box-sizing: border-box;
    overflow-y: auto;
}

.layer_popup .popup_wrap .popup_content .close_btn {
    display: flex;
    justify-content: center;
}

/* 지식백과 팝업 */
.layer_popup.search_popup .visual_search {
    width: 100%;
    /* display: flex; */
    /* justify-content: flex-end; */
    margin-top: 10px !important;
}

.layer_popup.search_popup .visual_search_bar {
    border-color: #000;
}

.layer_popup.search_popup .visual_search_bar .search_btn {
    background: #000;
}

.layer_popup.search_popup .popup_content .searchResult_tit {
    font-size: 2em;
    font-weight: 700;
    /* text-align: center; */
}

.layer_popup.search_popup .popup_content .searchResult_tit .engName {
    font-weight: 400;
}

.layer_popup.search_popup .popup_content .searchResult_cnt {
    padding: 30px 0;
    border-top: 2px solid #000;
    border-bottom: 1px solid #e8e8e8;
}

.layer_popup.search_popup .popup_content .searchResult_cnt .txtArea {
    color: #2d2d2d;
    font-size: 1.2em;
}

.layer_popup.search_popup .popup_content .searchResult_cnt .txtArea .origin {
    display: block;
    text-align: right;
    font-size: 0.875em;
    color: #747578;
    line-height: normal;
}

.layer_popup.search_popup .popup_content .searchResult_cnt .imgArea {
    background: #f3f3f3;
    text-align: center;
    padding: 1em;
}

.layer_popup.search_popup .popup_content .searchResult_cnt .imgArea img {
    width: 100%;
}

/* 스크롤바 전체 변경 */
*::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

*::-webkit-scrollbar-thumb {
    background-color: #d3d3d3;
    border-radius: 12px;
    background-clip: padding-box;
    border: 2px solid transparent;
}

*::-webkit-scrollbar-track {
    background-color: #f1f1f1;
    border-radius: 12px;
    box-shadow: inset 0 0 5px #fff;
}

/* 카드 내용 */
.card {
    border-top: 6px solid #EAEEF3;
    background-color: #fff;
}

.card.border-none {
    border-top: unset;
}

.card .content {
    margin-bottom: 15px;
}

.card .card-item.mb-none {
    margin-bottom: 0;
}


/* 카드 타이틀 */
.card .card-item .title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 50px;
    cursor: pointer;
}

.card .card-item .title.cardBtn svg {
    transition: all 0.15s ease-in;
}

.card .card-item .title.cardBtn.active a svg.fa-chevron-down {
    transform: rotate(-90deg);
}


/* 카드 타이틀 옆 추가 설명 */
.card .card-item .title .add {
    display: flex;
    align-items: center;
}

.card .card-item .title .add span {
    font-weight: 500;
    font-size: 1.05em;
    color: #636374;
    margin-left: 10px;
}


/* 카드 내용 - 이미지 */
.card .card-item .imgBox {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1em;
}

@media screen and (max-width: 430px) {
    .card .card-item .imgBox {
        gap: 0.6em;
    }

    .card .card-item .imgBox img {
        max-width: 80%;
    }
}


/* 카드 내용 - 제품 정보 - 제품 사진 */
.proPic {
    padding: 10px;
}


/* 카드 내용 - 정보 리스트 */
.card .card-item .info {
    display: table;
    font-size: 1.1em;
    letter-spacing: -1px;
}

.card .card-item .info>div {
    display: table-row;
}

.card .card-item .info>div dt,
.card .card-item .info>div dd {
    display: table-cell;
    padding-bottom: 7px;
}

.card .card-item .info>div:last-child dt,
.card .card-item .info>div:last-child dd {
    padding-bottom: 0;
}

.card .card-item .info>div dt {
    color: #586785;
}

.card .card-item .info>div dd {
    color: #38404F;
}

/* 카드 내용 - 정보 리스트 중 dt의 가로길이 140px */
.card .card-item .info140>div dt {
    min-width: 140px;
}

/* 카드 내용 - 정보 리스트 중 dt의 가로길이 110px */
.card .card-item .info110>div dt {
    min-width: 110px;
}

/* 카드 내용 - 정보 리스트 중 dt의 가로길이 100px */
.card .card-item .info100>div dt {
    min-width: 100px;
}

/* 카드 내용 - 정보 리스트 중 dt의 가로길이 90px */
.card .card-item .info90>div dt {
    min-width: 90px;
}

/* 카드 내용 - 정보 리스트 중 dt의 가로길이 80px */
.card .card-item .info80>div dt {
    min-width: 80px;
}

/* 카드 내용 - 정보 리스트 중 dt의 가로길이 70px */
.card .card-item .info70>div dt {
    min-width: 70px;
}

/* 카드 내용 - 정보 리스트 중 dt의 가로길이 60px */
.card .card-item .info60>div dt {
    min-width: 60px;
}

/* 카드 내용 - 정보 리스트 중 dt의 가로길이 55px */
.card .card-item .info55>div dt {
    min-width: 55px;
}

.card .card-item .info>div dd>a>img {
    vertical-align: bottom;
}


/* 카드 내용 - 박스 스타일 */
.card .card-item .box:nth-child(n+2) {
    margin-top: 10px;
}

.card .card-item .box-gray {
    background-color: #F7F9FD;
    border-radius: 6px;
    padding: 10px;
    position: relative;
}

.card .card-item .box-gray-pdn {
    background-color: #F7F9FD;
    border-radius: 6px;
    position: relative;
}

.card .card-item .box-yellow {
    background-color: #FFF3DE;
    border-radius: 6px;
    padding: 10px;
}

.card .card-item .box-table {
    border: 1px solid #E6E6EA;
}

.card .card-item .box-line {
    border: 1px solid #E6E6EA;
    border-radius: 6px;
    padding: 15px 10px;
}

.card .card-item .box-line-s {
    border: 1px solid #E6E6EA;
    border-radius: 6px;
    padding: 8px 15px;
    /* 위아래가 좁고 양옆은 넓은 여백 */
}

.card .card-item .box-pink {
    background-color: #FFE5E5;
    border-radius: 6px;
    padding: 10px;
    position: relative;
}

.card .card-item .box-pink p {
    color: #D00707;
}

.card .card-item .box-bbs {
    background-color: #F7F9FD;
    border-radius: 6px;
    padding: 10px;
    position: relative;
    box-shadow: 0px 1.2px 4px 0px rgba(66, 66, 137, 0.2);
    transition: all .3s ease;
}

.card .card-item .box-bbs:hover {
    box-shadow: none;
}


/* 카드 내용 - 박스안에 텍스트 기본 스타일 */
.card .card-item .box>div,
.card .card-item .box>ul,
.card .card-item .box>table {
    color: #38404F;
    font-size: 1.1em;
    line-height: 1.6;
    letter-spacing: -0.2px;
}


/* 카드 내용 - 원재료명 */
.card .card-item .t-mix {
    word-break: break-all;
}

.card .card-item .t-mix a.link {
    color: #0459FF;
    text-decoration: underline;
    word-break: break-all;
}

.card .card-item .t-mix p.bold {
    display: inline-block;
    font-weight: 700;
}

.card .card-item .t-mix img {
    vertical-align: baseline;
    width: 12px;
    height: 12px;
}


/* 카드 내용 - 알레르기 유발물질 */
.card .card-item .box>div.t-yell {
    color: #A65D01;
}

.t-link a.link {
    text-decoration: underline;
    word-break: break-all;
}


/* 카드 내용 - 원형 리스트 */
.card .card-item .list-tit {
    font-weight: 700;
    margin-bottom: 4px;
}

.card .card-item .circle-list li {
    position: relative;
    padding-left: 11px;
    margin-bottom: 5px;
}

.card .card-item .circle-list li:last-child {
    margin-bottom: 0;
}

.card .card-item .circle-list li::before {
    position: absolute;
    content: '';
    width: 3px;
    height: 3px;
    border: 2px solid #FC7272;
    border-radius: 50%;
    left: 0;
    top: 8px;
}

.card .card-item .circle-list li>a {
    font-weight: 800;
    text-decoration: underline;
}

.card .card-item .circle-list li>a.link {
    color: #0459FF;
}

/* 모달 팝업 스타일 */
.modal_popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 800px;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999;
    display: none;
}

.modal_popup_wrap {
    position: relative;
/*     width: 90%; */
/*     max-width: 720px; */
    height: 70%;
    box-sizing: border-box;
    border-radius: 15px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    background-color: white;
}

.modal_popup_wrap .inner {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* 팝업 타이틀 */
.modal_popup_tit {
    position: relative;
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
    color: #1E1E23;
    font-size: 18px;
    font-weight: 700;
    border-bottom: 1px solid #EAEEF3;
    box-sizing: border-box;
}

@media screen and (max-width: 480px) {
    .modal_popup_tit {
        font-size: 15.6px;
    }
}

.modal_popup_tit .tit_img {
    height: 30px;
    margin-left: 5px;
}

.modal_popup_tit .popup_closeBtn {
    cursor: pointer;
    padding: 15px;
    padding-right: 5px;
    box-sizing: border-box;
}

/* 팝업 내용 */
.modal_popup_contents {
    overflow-y: auto;
    height: calc(100% - 94px);
}

.modal_popup_contents .card {
    padding: 0 15px;
    border-top: none;
    margin-top: 15px;
}

.modal_popup_contents .card .card-item {
    margin-bottom: 10px;
}

.modal_popup_contents .card.popupSt .card-item .title {
    background: #F8F9FB;
    border-radius: 6px;
    padding: 0 15px;
    box-sizing: border-box;
}

.modal_popup_contents .card.popupSt .content {
    padding: 0 15px;
    margin-top: 15px;
    margin-bottom: 25px;
}

.modal_popup_contents .card .card-item .info>div img {
    vertical-align: top;
}

/* 팝업 - 카드 내용 - 박스 테이블 스타일 */
.modal_popup_contents .card .content.table-full {
    padding: 0;
}

.modal_popup_contents .card .content .box-table-full {
    overflow-x: auto;

}

.modal_popup_contents .card .content .box-table-full table th {
    border-bottom: 1px solid #586785;
    color: #586785;
    font-weight: 400;
    padding: 0 10px;
}

.modal_popup_contents .card .content .box-table-full table td {
    padding: 0 10px;
    white-space: nowrap;
    border-bottom: 1px solid #F4F4F4;
}

/* 팝업 내용 - 인증 정보 팝업 */
.modal_popup_contents .card .content .popup_txt {
    color: #586785;
    font-size: 1.1em;
}

.modal_popup_contents .card .content .popup_txt h3 {
    color: #1E1E23;
    margin-bottom: 8px;
    font-size: 1em;
}

.modal_popup_contents .card .content .circle-list li.indent {
    color: #5f6571;
}

.modal_popup_contents .card .content .circle-list li.indent:before {
    display: none;
}

.modal_popup_contents .card .content .circle-list {
    line-height: 1.3;
}

.modal_popup_contents .card .content .num-list {
    line-height: 1.3;
}

.modal_popup_contents .card .content .num-list li {
    margin-bottom: 5px;
}

.modal_popup_contents .card .content .num-list .num-list-tit {
    font-weight: 500;
}

.modal_popup_contents .card .content .popup_txt span {
    font-weight: 500;
}

/* 팝업 하단 - 닫기 버튼 */
.modal_popup_bottom {
    height: 44px;
    background: #182C6B;
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.06825rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.1s;
}

.modal_popup_bottom:hover {
    background: #222;
}

/*2025 Mode css 추가 mode_title*/
.mode_title{
    position: fixed;
    top: 7px;
    left: 50%;
    width: 60px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    color: #C10917;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 5px;
    outline: 8px solid rgba(177, 16, 16, 0.14);
    border: 2px solid #C10917;
}

@media screen and (max-width: 1300px) {
    .mode_title{
        top: 12px;
        left: 50%;
        height: 33px;
        line-height: 33px;
    }
}