@charset "utf-8";
:root {
	/* MODE-HIGH-CONTRAST */
	--color-dark-0: #ffffff;
	--color-dark-1: #eeeeee;
	--color-dark-2: #dddddd;
	--color-dark-3: #cccccc;
	--color-dark-4: #bbbbbb;
	--color-dark-5: #aaaaaa;
	--color-dark-10: #999999;
	--color-dark-20: #686868;
	--color-dark-30: #4c4c4c;
	--color-dark-40: #444b53;/* 레이아웃 헤더 누리집 안내문구 영역 BG */
	--color-dark-50: #353638;
	--color-dark-60: #262626;
	--color-dark-70: #232323;/* 레이아웃 헤더영역 BG */
	--color-dark-80: #191e24;
	--color-dark-90: #0f1012;/* 메인 콘텐츠영역 BG */
	--color-dark-100: #000000;

	--color-dark-point-red: #ca1d48;/* 로고 중 "자율" 영역 색상 */
	--color-dark-point-red-light: #ffb1c6;/* 로고 중 "자율" 영역 색상 - 연하게 */
	--color-dark-point-green: #2c9b75;/* 로고 중 "자율" 영역 색상 */
	--color-dark-point-purple: #6557ae;
	--color-dark-point-purple-light: #a0b0ff;

	--color-dark-line: #494c53;/* 라인색상 */
}

/* 고대비 모드 */
[data-krds-mode=high-contrast] html, 
[data-krds-mode=high-contrast] body {color: var(--color-dark-0);}

/* header */
[data-krds-mode=high-contrast] #header-top {background-color: var(--color-dark-40);}
[data-krds-mode=high-contrast] #header {background-color: var(--color-dark-70); border-bottom-color: var(--color-dark-line);}
[data-krds-mode=high-contrast] #header .head-body .logo .logoBox {background-image: url("/recruit/na/ntt/images/KRDS/pattern/layout/logo_dark.png");}
[data-krds-mode=high-contrast] #header .head-body .logo a span {color: var(--color-dark-0);}
[data-krds-mode=high-contrast] #header .head-body .logo .subLink {color: var(--color-dark-0);}
[data-krds-mode=high-contrast] #header .head-body .btn-navi {color: var(--color-dark-0);}
[data-krds-mode=high-contrast] #header .head-body .btn-navi:hover,
[data-krds-mode=high-contrast] #header .head-body .btn-navi:active {background-color: inherit;}
[data-krds-mode=high-contrast] #header .head-gnb {border-top-color: var(--color-dark-line); background-color: var(--color-dark-70);}
[data-krds-mode=high-contrast] #header .head-gnb .gnb .li .mn {color: var(--color-dark-0);}
[data-krds-mode=high-contrast] #header .head-gnb .gnb .li .mn::after {background-image: url("/recruit/na/ntt/images/KRDS/pattern/layout/head_gnb_ico_arr_dark.svg");}
[data-krds-mode=high-contrast] #header .head-body .btn-navi.edu::before {background-image: url("/recruit/na/ntt/images/KRDS/pattern/layout/head_ico_navi_edu_dark.png");}
[data-krds-mode=high-contrast] #header .m-gnb-wrap .m-gnb-head .etc-menu .link.scrap::before,
[data-krds-mode=high-contrast] #header .head-body .btn-navi.scrap::before {background-image: url("/recruit/na/ntt/images/KRDS/pattern/layout/head_ico_navi_scrap_dark.png");}
[data-krds-mode=high-contrast] #header .head-body .btn-navi.sch::before {background-image: url("/recruit/na/ntt/images/KRDS/pattern/layout/head_ico_navi_sch_dark.svg");}
[data-krds-mode=high-contrast] #header .head-body .btn-navi.login::before {background-image: url("/recruit/na/ntt/images/KRDS/pattern/layout/head_ico_navi_login_dark.svg");}
[data-krds-mode=high-contrast] #header .m-gnb-wrap .m-gnb-head .etc-menu .link.join::before,
[data-krds-mode=high-contrast] #header .head-body .btn-navi.join::before {background-image: url("/recruit/na/ntt/images/KRDS/pattern/layout/head_ico_navi_join_dark.svg");}
[data-krds-mode=high-contrast] #header .head-body .btn-navi.my::before {background-image: url("/recruit/na/ntt/images/KRDS/pattern/layout/head_ico_navi_my_dark.svg");}
[data-krds-mode=high-contrast] #header .head-body .btn-navi.all::before {background-image: url("/recruit/na/ntt/images/KRDS/pattern/layout/head_ico_navi_all_dark.svg");}
/* 메인메뉴 - 고객요청에 의한 디자인 수정 2025.03.25 CHo,SY */
[data-krds-mode=high-contrast] #header .head-gnb .gnb .li .mn:not(.active):hover,
[data-krds-mode=high-contrast] #header .head-gnb .gnb .li .mn.active {color: var(--color-dark-0);}
[data-krds-mode=high-contrast] #header .head-gnb .gnb .li .mn:not(.active):hover::after,
[data-krds-mode=high-contrast] #header .head-gnb .gnb .li .mn.active::after {background-image: url("/recruit/na/ntt/images/KRDS/pattern/layout/head_gnb_ico_arr2_on_dark.svg");}
[data-krds-mode=high-contrast] .krds-drop-wrap .drop-menu {border-color: var(--color-dark-line); background-color: var(--color-dark-70); box-shadow: 0 0.4rem 1.2rem 0 rgba(0, 0, 0, 0.12);}
[data-krds-mode=high-contrast] .krds-drop-wrap .drop-menu::before {background-image: url("/recruit/na/ntt/images/KRDS/pattern/common/ico_drop_arr_dark.svg");}
[data-krds-mode=high-contrast] .krds-drop-wrap.zoom-drop .item-link:not(.krds-drop-wrap.zoom-drop .item-link.active)::before,
[data-krds-mode=high-contrast] .krds-drop-wrap .drop-menu .drop-list .item-link:hover {color: var(--color-dark-70);}
/* 메인메뉴 펼침 */
[data-krds-mode=high-contrast] #header .w-gnb-wrap {background-color: var(--color-dark-50);}
[data-krds-mode=high-contrast] .gnb-menu .col01:before {background: var(--color-dark-90);}
[data-krds-mode=high-contrast] .gnb-menu .col01 h2 {color: var(--color-dark-2);}
[data-krds-mode=high-contrast] .gnb-menu .col01 h2 + p {color: var(--color-dark-2);}
[data-krds-mode=high-contrast] .gnb-menu .depth02-menu > li + li {border-top-color: var(--color-dark-30);}
[data-krds-mode=high-contrast] .gnb-menu .depth02-menu > li > a {color: var(--color-dark-2); background: var(--color-dark-80);}
/* 마우스호버 */
[data-krds-mode=high-contrast] .gnb-menu .depth02-menu > li > a:hover,
[data-krds-mode=high-contrast] .gnb-menu .depth02-menu > li > a:focus {color: var(--color-dark-2); background: var(--color-dark-point-red);}
[data-krds-mode=high-contrast] .gnb-menu .depth03-menu > li > a:hover,
[data-krds-mode=high-contrast] .gnb-menu .depth03-menu > li > a:focus {color: var(--color-dark-point-red-light);}
[data-krds-mode=high-contrast] .gnb-menu .depth03-menu > li > a:hover:before,
[data-krds-mode=high-contrast] .gnb-menu .depth03-menu > li > a:focus:before {background: var(--color-dark-point-red-light);}

/* 모바일 메인메뉴 */
[data-krds-mode=high-contrast] #header .m-gnb-wrap .m-gnb-in {background-color: var(--color-dark-70);}
[data-krds-mode=high-contrast] #header .m-gnb-wrap .m-gnb-menu {background-color: var(--color-dark-70);}
[data-krds-mode=high-contrast] #header .m-gnb-wrap .m-gnb-menu .submenu-wrap {background-color: var(--color-dark-30);}
[data-krds-mode=high-contrast] #header .m-gnb-wrap .m-gnb-menu .menu-wrap .mn.active {color: var(--color-dark-2); background-color: var(--color-dark-30);}
[data-krds-mode=high-contrast] #header .m-gnb-wrap .m-gnb-menu .submenu-wrap .dl .sm:hover {background-color: var(--color-dark-70);}
[data-krds-mode=high-contrast] #wrap[class^=scroll] #header .header-in {background-color: var(--color-dark-70);}
[data-krds-mode=high-contrast] #header .m-gnb-wrap .ico-close {background-image: url("/recruit/na/ntt/images/KRDS/component/common/ico_close_24_dark.svg");}
[data-krds-mode=high-contrast] #header .m-gnb-wrap .m-gnb-head .btn-navi.login::before {background-image: url("/recruit/na/ntt/images/KRDS/pattern/layout/head_ico_navi_login_dark.svg");}
[data-krds-mode=high-contrast] #header .m-gnb-wrap .m-gnb-head .btn-navi.logout::before {background-image: url("/recruit/na/ntt/images/KRDS/pattern/layout/head_ico_navi_logout_dark.svg");}
[data-krds-mode=high-contrast] #header .m-gnb-wrap .m-gnb-head .etc-menu .link.edu::before,
[data-krds-mode=high-contrast] #header .head-body .btn-navi.edu::before {background-image: url("/recruit/na/ntt/images/KRDS/pattern/layout/head_ico_navi_edu_dark.png");}
[data-krds-mode=high-contrast] #header .m-gnb-wrap .m-gnb-head .etc-menu .link.scrap::before,
[data-krds-mode=high-contrast] #header .head-body .btn-navi.scrap::before {background-image: url("/recruit/na/ntt/images/KRDS/pattern/layout/head_ico_navi_scrap_dark.png");}
[data-krds-mode=high-contrast] #header .head-body .btn-navi.sch::before {background-image: url("/recruit/na/ntt/images/KRDS/pattern/layout/head_ico_navi_sch_dark.svg");}
[data-krds-mode=high-contrast] #header .head-body .btn-navi.login::before {background-image: url("/recruit/na/ntt/images/KRDS/pattern/layout/head_ico_navi_login_dark.svg");}
[data-krds-mode=high-contrast] #header .m-gnb-wrap .m-gnb-head .etc-menu .link.join::before,
[data-krds-mode=high-contrast] #header .head-body .btn-navi.join::before {background-image: url("/recruit/na/ntt/images/KRDS/pattern/layout/head_ico_navi_join_dark.svg");}
[data-krds-mode=high-contrast] #header .head-body .btn-navi.my::before {background-image: url("/recruit/na/ntt/images/KRDS/pattern/layout/head_ico_navi_my_dark.svg");}
[data-krds-mode=high-contrast] #header .head-body .btn-navi.all::before {background-image: url("/recruit/na/ntt/images/KRDS/pattern/layout/head_ico_navi_all_dark.svg");}

/* 구글 번역 */
[data-krds-mode=high-contrast] .goog-te-gadget-simple {background-color: var(--color-dark-90) !important;}
[data-krds-mode=high-contrast] .goog-te-gadget-simple span {color: var(--color-dark-0);}
[data-krds-mode=high-contrast] .goog-te-gadget-simple .goog-te-menu-value img + span {color: var(--color-dark-0) !important;}

/* 배너존 */
[data-krds-mode=high-contrast] .banner_zone {border-top-color: var(--color-dark-line); background-color: var(--color-dark-90);}
[data-krds-mode=high-contrast] .banner_zone h2 {color: var(--color-dark-0);}
[data-krds-mode=high-contrast] .banner_zone .btn a {color: var(--color-dark-0);}

/* 맞춤형콘텐츠 : 모달창 열리 버튼 */
[data-krds-mode=high-contrast] .btnCustomContent .bubbleBox {background: var(--color-dark-90); color: var(--color-dark-1); border-color: var(--color-dark-10);}
[data-krds-mode=high-contrast] .btnCustomContent .bubbleBox:before {background: var(--color-dark-90); border-bottom-color: var(--color-dark-10); border-right-color: var(--color-dark-10);}
/* 맞춤형콘텐츠 : 모달창 */
[data-krds-mode=high-contrast] .modal .modal-dialog.modal-customContent .modal-content .modal-conts {background: var(--color-dark-50);}
[data-krds-mode=high-contrast] .customContentLst > li > a .title {color: var(--color-dark-0);}
[data-krds-mode=high-contrast] .customContentLst > li > a .title:before {background: var(--color-dark-0);}
[data-krds-mode=high-contrast] .customContentLst > li > a .like {color: var(--color-dark-2);}
/* hover, focus */
[data-krds-mode=high-contrast] .customContentLst > li > a:hover .title,
[data-krds-mode=high-contrast] .customContentLst > li > a:focus .title {color: var(--color-dark-0);}

/* footer */
[data-krds-mode=high-contrast] #footer {background-color: var(--color-dark-90);}
[data-krds-mode=high-contrast] #footer .foot-quick {border-top-color: var(--color-dark-line); border-bottom-color: var(--color-dark-line); background-color: var(--color-dark-90);}
[data-krds-mode=high-contrast] #footer .foot-quick .inner .link {border-right-color: var(--color-dark-line);}
[data-krds-mode=high-contrast] #footer .foot-quick .inner .link:first-child {border-left-color: var(--color-dark-line);}
[data-krds-mode=high-contrast] #footer .foot-quick .inner .footBtn button {background: var(--color-dark-90);}
[data-krds-mode=high-contrast] #footer .f-logo .logoBox {background-image: url("/recruit/na/ntt/images/KRDS/pattern/layout/logo_dark.png");}

[data-krds-mode=high-contrast] #footer .f-btm .f-btm-text .f-copy {color: var(--color-dark-0);}
[data-krds-mode=high-contrast] #footer .f-btm .f-btm-text .f-menu a.point {color: var(--color-dark-0);}
[data-krds-mode=high-contrast] #footer .f-btm .f-btm-text .f-menu a:hover {background-color: var(--color-dark-10);}
[data-krds-mode=high-contrast] #footer .f-btm .f-btm-text .f-menu a:active {background-color: var(--color-dark-10);}
/* 요거 다른데도 사용된 버튼 같음.. 서브컨텐츠 사용된 부분 적용 확인 필요! */
[data-krds-mode=high-contrast] .btn-txt:hover {background-color: var(--color-dark-10);}
[data-krds-mode=high-contrast] .btn-txt:active {background-color: var(--color-dark-10);}
[data-krds-mode=high-contrast] .btn-txt.ico-reset::before, 
[data-krds-mode=high-contrast] .btn-txt.ico-reset::after {background-image: url("/recruit/na/ntt/images/KRDS/component/common/ico_refresh_16_dark.svg");}
[data-krds-mode=high-contrast] .btn-txt.ico-arr::after {background-image: url("/recruit/na/ntt/images/KRDS/component/common/ico_arr_20_right_dark.svg");}
[data-krds-mode=high-contrast] .btn-txt.ico-arr-down::after {background-image: url("/recruit/na/ntt/images/KRDS/component/common/ico_arr_16_down_dark.svg");}
[data-krds-mode=high-contrast] .btn-txt.ico-go::before, 
[data-krds-mode=high-contrast] .btn-txt.ico-go::after {background-image: url("/recruit/na/ntt/images/KRDS/component/common/ico_go_20_dark.svg");}
[data-krds-mode=high-contrast] .btn-txt.ico-down::before, 
[data-krds-mode=high-contrast] .btn-txt.ico-down::after {background-image: url("/recruit/na/ntt/images/KRDS/component/common/ico_file_20_dark.svg");}

/* footer - MODE */
[data-krds-mode=high-contrast] button.mode {color: var(--color-dark-point-purple); background: var(--color-dark-0);}
[data-krds-mode=high-contrast] button.mode:before {color: var(--color-dark-0); background: var(--color-dark-point-purple);}

/* 좋아요, 만족도조사 */
[data-krds-mode=high-contrast] #satisfaction .satisfiedBox button {color: var(--color-dark-30);}
[data-krds-mode=high-contrast] #satisfaction .surveyWrap {background: var(--color-dark-60); border-color: var(--color-dark-line);}
[data-krds-mode=high-contrast] #satisfaction .question {color: var(--color-dark-2);}
[data-krds-mode=high-contrast] #satisfaction .contactBox {background: var(--color-dark-30); border-top-color: var(--color-dark-line);}
[data-krds-mode=high-contrast] #satisfaction .contactBox li + li:before {background: var(--color-dark-2);}
[data-krds-mode=high-contrast] #satisfaction .contactBox dt {color: var(--color-dark-2);}
[data-krds-mode=high-contrast] #satisfaction .contactBox dd {color: var(--color-dark-5);}
[data-krds-mode=high-contrast] #satisfaction .form-check input[type=radio]:checked ~ label:before {border-color: var(--color-dark-60);}
[data-krds-mode=high-contrast] #satisfaction .form-check input[type=radio]:checked ~ label:after {background-color: var(--color-dark-60);}

/* 메인 컨테이너 */ 
[data-krds-mode=high-contrast] #container {background: var(--color-dark-90);}