@charset 'utf-8';
/* s FETASK-1782(접근성) FETASK-1247 공통 :root 생성 */

:root {
    /* main color */
    --color-navy: #0114A7;
    --color-lime: #B6F23D;
    /* sub color */
    --color-g1000: #020616;
    --color-g900: #252B37;
    --color-g800: #3B4659;
    --color-g700: #4D596F;
    --color-g600: #67748E;
    --color-g500: #8694B1;
    --color-g400: #C8D2E4;
    --color-g300: #E0E6F1;
    --color-g200: #EDF1F7;
    --color-g100: #F7F9FD;
    --color-w100: #FFFFFF;
    /* font color */
    --txt-g1000: #020616;
    /* black 메인 텍스트 칼라 */
    --txt-g900: #252B37;
    --txt-g800: #3B4659;
    --txt-g700: #4D596F;
    /* 서브 텍스트 칼라 */
    --txt-g600: #67748E;
    --txt-g500: #8694B1;
    --txt-g400: #C8D2E4;
    --txt-g300: #E0E6F1;
    --txt-g200: #EDF1F7;
    --txt-g100: #F7F9FD;
    --txt-w100: #FFFFFF;
    /* white 메인 텍스트 칼라 */
    /* other color */
    --color-in700: #4262FF;
    /* 포인트 */
    --color-re700: #E23A32;
    /* 에러 */
    /* risk color */
    --color-bu800: #066AE5;
    /*안심*/
    --color-lm600: #69A305;
    /*다소안심*/
    --color-yl600: #B78F01;
    /*보통*/
    --color-og600: #E46F00;
    /*신중*/
    /*--color-re700:#E23A32; /*주의 - 에러 컬러와 같이 씀*/
    /* state */
    --state01-bg: #EDF1F7;
    --state01-txt: #4D596F;
    /*state01*/
    --state02-bg: #E6EBFF;
    --state02-txt: #2539E9;
    /*state02*/
    --state03-bg: #D1ECFF;
    --state03-txt: #066AE5;
    /*state03*/
    --state04-bg: #FFE5E0;
    --state04-txt: #E23A32;
    /*state04*/
    /* CTA */
    --cta-height: 56px;
    --cta-radius: 12px;
    --cta-fontSize: 18px;
    --cta-fontWeight: 500;
    --txt-pri-sell: #047AF1;
}

/* e FETASK-1782(접근성) FETASK-1247 공통 :root 생성*/

/* FETASK-접근성-v1 테스트용 : 운영배포시 제거 필요 */

/* SR-1774 [U] Pretendard K 폰트 업데이트 / SR-2048 Pretendard K 폰트 업데이트 */

@font-face {
    font-family: 'Pretendard K Edition';
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url("/resource/css/cmm/font/PretendardKEdition_Regular_1303_subset_v2.woff2") format("woff2"), url("/resource/css/mmk/font/PretendardKEdition_Regular_1303_subset_v2.woff") format("woff")
}

@font-face {
    font-family: 'Pretendard K Edition';
    font-style: normal;
    font-display: swap;
    font-weight: 500;
    src: url("/resource/css/cmm/font/PretendardKEdition-Medium-1303-subset.woff2") format("woff2"), url("/resource/css/mmk/font/PretendardKEdition-Medium-1303-subset.woff") format("woff")
}

@font-face {
    font-family: 'Pretendard K Edition';
    font-style: normal;
    font-display: swap;
    font-weight: 700;
    src: url("/resource/css/cmm/font/PretendardKEdition_Bold_1303_subset_v2.woff2") format("woff2"), url("/resource/css/mmk/font/PretendardKEdition_Bold_1303_subset_v2.woff") format("woff")
}

/* //SR-1774 [U] Pretendard K 폰트 업데이트 / SR-2048 Pretendard K 폰트 업데이트 */

/*
@font-face{font-family:'Pretendard K Edition';font-style:normal;font-display:swap;font-weight:400;src:url("mmk/font/PretendardKEdition-Regular-subset.woff2") format("woff2"),url("mmk/font/PretendardKEdition-Regular-subset.woff") format("woff")}
@font-face{font-family:'Pretendard K Edition';font-style:normal;font-display:swap;font-weight:700;src:url("mmk/font/PretendardKEdition-Bold-subset.woff2") format("woff2"),url("mmk/font/PretendardKEdition-Bold-subset.woff") format("woff")}
// */

body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
dl,
dt,
dd,
table,
th,
td,
form,
fieldset,
legend,
input,
textarea,
button,
select {
    margin: 0;
    padding: 0;
}

img,
fieldset,
input {
    border: 0
}

ul,
ol {
    list-style: none
}

em,
address {
    font-style: normal
}

a {
    display: inline-block;
    text-decoration: none;
    color: var(--txt-g1000);
    line-height: 1.3
}

/*FETASK-1782 color:#454d5b*/

/*a:hover,a:active,a:focus{text-decoration:underline}*/

table {
    empty-cells: show;
    border-spacing: 0
}

caption {
    visibility: hidden;
    margin: 0;
    padding: 0;
    font-size: 0;
    height: 0
}

:root caption {
    visibility: inherit;
    font-size: 1px;
    text-indent: -9999px;
}

/* FETASK-접근성-v1.0 : 스크린리더에서읽히도록caption수정 */

em,
i {
    font-style: normal
}

fieldset,
img,
iframe {
    border: 0 none
}

button {
    padding: 0;
    margin: 0;
    border: 0;
    cursor: pointer;
    vertical-align: middle;
    background: none
}

input,
select,
textarea,
button,
label {
    font-size: 100%;
    vertical-align: middle;
    font-family: 'Pretendard K Edition', -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;
    font-variant-numeric: tabular-nums
}

/*input, select{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;font-family:Malgun Gothic}*/

/* ui 개선 */

* {
    line-height: 1.3;
    /* word-break:keep-all;word-wrap:break-word */
}

html.pc *:focus {
    outline: auto;
    outline-offset: -2px;
}

/* FETASK-접근성-3.1 초점 outline pc 일때 노출 */

html.mobile *:focus {
    outline: none;
}

/* FETASK-접근성-3.1 초점 outline app 일때 제거 */

.blind {
    visibility: hidden;
    position: absolute;
    left: -9999em;
    width: 1px;
    height: 1px;
    margin: 0;
    padding: 0;
    background: none;
    font-size: 0;
    line-height: 0;
    text-indent: -9999em
}

:root .blind {
    visibility: visible;
    left: auto;
    display: inline-block;
    overflow: hidden;
    margin: -1px;
    clip: rect(0, 0, 0, 0);
    font-size: 1px;
    text-indent: 0;
}

/* FETASK-접근성-v1.0 : blind수정 */

html.mobile :root .blind {
    width: 0;
    height: 0;
}

/* FETASK-접근성-v1.0 : 모바일blind수정 */

select,
input[type="tel"],
input[type="text"],
input[type="email"],
input[type="password"] {
    height: 38px;
    display: inline-block;
    width: 100%;
    border: 0;
    border-radius: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.3;
    background: #f3f3f3;
    -webkit-appearance: none
}

select {
    padding: 0 11px;
}

input[type="tel"],
input[type="text"],
input[type="email"],
input[type="password"] {
    padding: 0 31px 0 11px;
}

input[type="password"] {
    /*padding:9px 11px;*/
    background: #f3f3f3;
    height: 38px;
    /*border:1px solid #e7d8db*/
}

select {
    height: 38px;
    min-width: 70px;
    padding: 9px 10px 10px 10px;
    border-radius: 0;
    line-height: 1.3;
    -webkit-appearance: none
}

select::-ms-expand {
    display: none
}

input[type="radio"],
input[type="checkbox"] {
    vertical-align: middle;
}

input[type="text"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus {
    padding: 0px 31px 0 10px;
    height: 38px;
    border: 1px solid var(--color-g1000) !important;
    box-sizing: border-box;
}

input[disabled],
input[readonly],
input[disabled="disabled"],
input[readonly="readonly"] {
    color: #817970;
    background: #f3f1ed
}

input[type="text"][disabled]+.btn_clear,
input[type="text"][readonly]+.btn_clear,
input[type="text"][disabled="disabled"]+.btn_clear,
input[type="text"][readonly="readonly"]+.btn_clear {
    display: none !important
}

input[type="search"]::-ms-clear,
input[type="number"]::-ms-clear,
input[type="tel"]::-ms-clear,
input[type="text"]::-ms-clear,
input[type="email"]::-ms-clear,
input[type="password"]::-ms-clear {
    display: none
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}

textarea {
    border-radius: 0;
    -webkit-appearance: none
}

label+label {
    margin-right: 15px
}

label:first-child {
    margin-right: 15px;
}

html.mobile input[disabled],
html.mobile input[readonly],
html.mobile input[disabled="disabled"],
html.mobile input[readonly="readonly"] {
    opacity: 1;
}

html.mobile input[type="tel"]::-webkit-input-placeholder,
html.mobile input[type="text"]::-webkit-input-placeholder,
html.mobile input[type="email"]::-webkit-input-placeholder,
html.mobile input[type="password"]::-webkit-input-placeholder {
    line-height: normal;
    line-height: 1.5;
    vertical-align: text-top;
    color: var(--txt-g500);
    opacity: 1;
}

/*FETASK-1782 color:#979088;*/

/* 2017-07-21 기존 #d1c8bd color 수정 */

html.mobile input::-webkit-input-placeholder[disabled],
html.mobile input::-webkit-input-placeholder[readonly] {
    opacity: 1 !important;
}

html.mobile input:-moz-placeholder[disabled],
html.mobile input:-moz-placeholder[readonly] {
    opacity: 1 !important;
}

html.mobile input::-moz-placeholder[disabled],
html.mobile input::-moz-placeholder[readonly] {
    opacity: 1 !important;
}

html.mobile input:-ms-input-placeholder[disabled],
html.mobile input:-ms-input-placeholder[readonly] {
    opacity: 1 !important;
}

html.mobile .add_search input::-webkit-input-placeholder {
    color: #fff !important;
}

select:focus,
textarea:focus,
input:focus {
    font-size: 14px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    select:focus,
    textarea:focus,
    input:focus {
        font-size: 14px;
    }
}

.hdd {
    display: block !important;
    width: 10px;
    color: transparent;
    opacity: 0;
    height: 0;
    line-height: 0;
    letter-spacing: 0;
}

:root .hdd {
    position: absolute;
    display: inline-block !important;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: -1px;
    clip: rect(0, 0, 0, 0);
    line-height: 1.2;
    font-size: 1px;
}

/* FETASK-접근성-v1.0 : hdd수정(font-size:1px추가) */

/* FETASK-접근성-v1.0 : hdd수정 */

html.mobile :root .hdd {
    width: 0;
    height: 0;
}

/* FETASK-접근성-v1.0 : 모바일hdd수정 */

/*@font-face{
	font-family: 'markoffc';
	font-style: normal;
	src: url('font/MarkOffc-CondRegular.ttf') format('truetype');
}
@font-face{
	font-family: 'markoffc_m';
	font-style: normal;
	src: url('font/MarkOffc-CondMedium.ttf') format('truetype');
}
@font-face{
	font-family: 'notos';
	font-style: normal;
	src: url('font/NotoSansCJKkr-Regular.otf');
	src: url('font/NotoSansCJKkr-Regular.otf') format('truetype');
}
@font-face{
	font-family: 'notos_m';
	font-style: normal;
	src: url('font/NotoSansCJKkr-Medium.otf');
	src: url('font/NotoSansCJKkr-Medium.otf') format('truetype');
}*/

@font-face {
    font-family: 'markoffc';
    font-style: normal;
    src: url('font/k-MarkOffc-Cond.ttf') format('truetype');
}

@font-face {
    font-family: 'markoffc_m';
    font-style: normal;
    src: url('font/K-MarkOffc-CondMedium.ttf') format('truetype');
}

/* PC Placeholder Color 2017-07-21 */

input::-webkit-input-placeholder {
    color: var(--txt-g500);
    opacity: 1;
}

input:-moz-placeholder {
    color: var(--txt-g500);
    opacity: 1;
}

input::-moz-placeholder {
    color: var(--txt-g500);
    opacity: 1;
}

input:-ms-input-placeholder {
    color: var(--txt-g500);
    opacity: 1;
}

.inputKeypad {
    -webkit-user-select: none;
}

[aria-describedby="INI_mainModalDialog"],
[aria-describedby="INI_mainModalDialog"]:focus {
    outline: none !important;
}

/* FETASK-접근성-v2.0 : PC 인증서내보내기 팝업 솔루션 outline 없애기 TEST */