@charset "utf-8";

/* info
   ========================================================================== */
/**
 * 1. Writer: Yeji Yu. (Weaverloft Corp.)
 * 2. Production Date: 2021-10-14
 * 3. Client: 노무현재단
 */

/* color
   ========================================================================== */
/**
 * 1. Primary Color: #a37c13 #4b2e02 #ffcb08
 * 2. Text Color: #111 #333 #666 #999 #a37c13 #4b2e02 #f16100
 * 3. Line Color: #111 #333 #666 #999 #aaa #ddd #fff #64686b #ffcb08 #a37c13 #4b2e02 #f16100
 */


/* import
   ========================================================================== */
@import url("reset.css");
@import url("layout.css?ver=20250805");
@import url("access.css?ver=20250526");
@import url("inquiry.css");
@import url("util.css");
@import url("popup.css?ver=20250526");
@import url("component.css?ver=20250526");

/* font
   ========================================================================== */
/* Pretendard */
@font-face {
	font-family:'Pretendard'; 
	font-style:normal; 
	font-weight:100; 
    src: url('../../fonts/Pretendard/Pretendard-Thin.woff2') format('woff2'),
	url('../../fonts/Pretendard/Pretendard-Thin.woff') format('woff'),
    url('../../fonts/Pretendard/Pretendard-Thin.otf') format('opentype');
}

@font-face {
	font-family:'Pretendard'; 
	font-style:normal; 
	font-weight:200; 
    src: url('../../fonts/Pretendard/Pretendard-ExtraLight.woff2') format('woff2'),
	url('../../fonts/Pretendard/Pretendard-ExtraLight.woff') format('woff'),
    url('../../fonts/Pretendard/Pretendard-ExtraLight.otf') format('opentype');
}

@font-face {
	font-family:'Pretendard'; 
	font-style:normal; 
	font-weight:300; 
    src: url('../../fonts/Pretendard/Pretendard-Light.woff2') format('woff2'),
	url('../../fonts/Pretendard/Pretendard-Light.woff') format('woff'),
    url('../../fonts/Pretendard/Pretendard-Light.otf') format('opentype');
}

@font-face {
	font-family:'Pretendard'; 
	font-style:normal; 
	font-weight:400; 
    src: url('../../fonts/Pretendard/Pretendard-Regular.woff2') format('woff2'),
	url('../../fonts/Pretendard/Pretendard-Regular.woff') format('woff'),
    url('../../fonts/Pretendard/Pretendard-Regular.otf') format('opentype');
}

@font-face {
	font-family:'Pretendard'; 
	font-style:normal; 
	font-weight:500; 
    src: url('../../fonts/Pretendard/Pretendard-Medium.woff2') format('woff2'),
	url('../../fonts/Pretendard/Pretendard-Medium.woff') format('woff'),
    url('../../fonts/Pretendard/Pretendard-Medium.otf') format('opentype');
}

@font-face {
	font-family:'Pretendard'; 
	font-style:normal; 
	font-weight:600; 
    src: url('../../fonts/Pretendard/Pretendard-SemiBold.woff2') format('woff2'),
	url('../../fonts/Pretendard/Pretendard-SemiBold.woff') format('woff'),
    url('../../fonts/Pretendard/Pretendard-SemiBold.otf') format('opentype');
}

@font-face {
	font-family:'Pretendard'; 
	font-style:normal; 
	font-weight:700; 
    src: url('../../fonts/Pretendard/Pretendard-Bold.woff2') format('woff2'),
	url('../../fonts/Pretendard/Pretendard-Bold.woff') format('woff'),
    url('../../fonts/Pretendard/Pretendard-Bold.otf') format('opentype');
}

@font-face {
	font-family:'Pretendard'; 
	font-style:normal; 
	font-weight:800; 
    src: url('../../fonts/Pretendard/Pretendard-ExtraBold.woff2') format('woff2'),
	url('../../fonts/Pretendard/Pretendard-ExtraBold.woff') format('woff'),
    url('../../fonts/Pretendard/Pretendard-ExtraBold.otf') format('opentype');
}

@font-face {
	font-family:'Pretendard'; 
	font-style:normal; 
	font-weight:900; 
    src: url('../../fonts/Pretendard/Pretendard-Black.woff2') format('woff2'),
	url('../../fonts/Pretendard/Pretendard-Black.woff') format('woff'),
    url('../../fonts/Pretendard/Pretendard-Black.otf') format('opentype');
}

/* notoSerif */
@font-face{
    font-family: 'NotoSerifKR';
    font-style:normal; 
	font-weight:600; 
    src: url('../../fonts/NotoSerifKR/NotoSerifKR-Regular.woff2') format('woff2'),
	url('../../fonts/NotoSerifKR/NotoSerifKR-Regular.woff') format('woff'),
    url('../../fonts/NotoSerifKR/NotoSerifKR-Regular.otf') format('opentype');
}

@font-face{
    font-family: 'NotoSerifKR';
    font-style:normal; 
	font-weight:800; 
    src: url('../../fonts/NotoSerifKR/NotoSerifKR-Black.woff2') format('woff2'),
	url('../../fonts/NotoSerifKR/NotoSerifKR-Black.woff') format('woff'),
    url('../../fonts/NotoSerifKR/NotoSerifKR-Black.otf') format('opentype');
}

/* noto sans */
@font-face{
    font-family: 'NotoSerifKR';
    font-style: normal; 
	font-weight: 400; 
    src: url('../../fonts/NotoSans/NotoSansKR-Regular.woff2') format('woff2'),
	url('../../fonts/NotoSans/NotoSansKR-Regular.woff') format('woff'),
    url('../../fonts/NotoSans/NotoSansKR-Regular.otf') format('opentype');
}
@font-face{
    font-family: 'NotoSerifKR';
    font-style: normal; 
	font-weight: 500; 
    src: url('../../fonts/NotoSans/NotoSansKR-Medium.woff2') format('woff2'),
	url('../../fonts/NotoSans/NotoSansKR-Medium.woff') format('woff'),
    url('../../fonts/NotoSans/NotoSansKR-Medium.otf') format('opentype');
}
@font-face{
    font-family: 'NotoSerifKR';
    font-style: normal; 
	font-weight: 700; 
    src: url('../../fonts/NotoSans/NotoSansKR-Bold.woff2') format('woff2'),
	url('../../fonts/NotoSans/NotoSansKR-Bold.woff') format('woff'),
    url('../../fonts/NotoSans/NotoSansKR-Medium.otf') format('opentype');
}
@font-face{
    font-family: 'NotoSerifKR';
    font-style:normal; 
	font-weight:900; 
    src: url('../../fonts/NotoSans/NotoSansKR-Black.woff2') format('woff2'),
	url('../../fonts/NotoSans/NotoSansKR-Black.woff') format('woff'),
    url('../../fonts/NotoSans/NotoSansKR-Black.otf') format('opentype');
}



/* basic
   ========================================================================== */
*:focus {
    /* outline: 0 !important; */
    /* outline-color: #a37c13;
    outline-style: dashed;
    outline-width: thin;
    box-sizing: border-box; */
}
/* [tabindex]:focus {
    outline-color: #a37c13;
    outline-style: dashed;
    outline-width: 1px;
    box-sizing: border-box;
} */
* {
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; 
}
html { 
    overflow-x: hidden;
    width: 100%;
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; 
    font-weight: 500;
    color: #333;
    letter-spacing: -0.04em;
    -webkit-tap-highlight-color: transparent;
    scroll-behavior: smooth;
}
a {
    text-decoration: none;
    color: #333;
    /* outline: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; */
}
a:focus{
    outline: none !important;
    -webkit-tap-highlight-color : transparent !important;
}
a:focus-visible{
    outline: none !important;
    -webkit-tap-highlight-color : transparent !important;
}
b, strong {
	font-weight: bold;
}
/* 220518 임시로 작성 */
.base-txt i,
.evaluation-text i {
	font-style: italic;
}
img {
    vertical-align: bottom;
}
iframe {
   max-width: 100%;
}
.hidden { 
    visibility: hidden;
    opacity: 0;
    display: none;
    position: absolute;
    left: -9999px;
}
.clearfix::after {
    content: '';
    display: table;
    clear: both;
}
button {
    /* outline: 0; */
	font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    border: 0;
    cursor: pointer;
}
input {
    box-sizing: border-box;
    /* outline: 0; */
    border: 0;
    border-color: transparent;
    -o-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-tap-highlight-color : transparent !important;
    outline: none !important;
    -webkit-tap-highlight-color : transparent !important;
}
input::placeholder {
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: -0.04em;
    color: #bbb;
}
input:focus{
    outline: none !important;
    -webkit-tap-highlight-color : transparent !important;
}
input:focus-visible{
    outline: none !important;
    -webkit-tap-highlight-color : transparent !important;
}
input[type="radio"]:focus-visible, input[type="radio"]:focus{
    outline: none !important;
    -webkit-tap-highlight-color : transparent !important;
}
input[type="radio"] ~ label{
    outline: none !important;
    -webkit-tap-highlight-color : transparent !important;
    -o-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-tap-highlight-color : transparent !important;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="text"],
input[type="number"],
input[type="tel"] {
    position: relative;
    width: 100%;
    padding: 0.538em 0;
    border-bottom: 0.154em solid #111;
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 500;
    letter-spacing: -0.04em;
    color: #000;
    transition: 300ms;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -ms-transition: 300ms;
    -o-transition: 300ms;
    -webkit-appearance: none;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}
input[type="search"] { 
    position: absolute; 
    overflow: hidden; 
    width: 1px; 
    height: 1px; 
    margin: -1px; 
    padding: 0; 
    clip:rect(0,0,0,0); 
    border: 0; 
}
input[type="search"] + label { 
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 2.500em;
    height: 2.500em;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none; 
}
input[type="search"] + label span {
    position: relative;
    width: 1.500em;
    height: 1.500em;
    border: 0;
    background-color: transparent;
}
input[type="search"] + label span i {
    display: inline-block;
    color: #000;
    position: absolute;
    top: 0; left: 0;
    /* margin-top: 0.125em;
    margin-left: 0.188em; */
    width: 0.688em;
    height: 0.688em;
    border: solid 0.125em #111;
    border-radius: 100%;
    transform: rotate(-45deg);
    font-size: 1rem;
    text-indent: -9999px;
}
input[type="search"] + label span i:before {
    content: '';
    display: block;
    position: absolute;
    top: 0.688em;
    left: 0.313em;
    height: 0.625em;
    width: 0.125em;
    background-color: #111;
}
input[type="checkbox"] { 
    position: absolute; 
    overflow: hidden; 
    width: 1px; 
    height: 1px; 
    padding: 0; 
    margin: -1px; 
    clip:rect(0,0,0,0); 
    border: 0; 
}
input[type="checkbox"] + label { 
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none; 
}
input[type="checkbox"] + label::before {
    content: '';
    display: inline-block;
    width: 1.583em;
    height: 1.583em;
    margin: 0 0.667em 0.167em 0;
    border: 0.083em solid #aaa;
    box-sizing: border-box;
    font-size: inherit;
    vertical-align: middle;
}
input[type="checkbox"]:checked + label::before,
input[type="checkbox"][checked] + label::before {
    border: 0;
    background-color: #a37c13;
    background-image: url("../../img/common/chk-on.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
label, label:focus, label:focus-visible{
    outline: none !important;
    -webkit-tap-highlight-color : transparent !important;
    -o-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-tap-highlight-color : transparent !important;
}
select::-ms-expand { 
	display: none;
}
select {
    background-color: #fff;
    background-image: url("../../img/common/select-arrow.svg");
    background-repeat: no-repeat;
    background-position: 95% center;
    background-size: 0.533em 0.267em;
    -o-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 500;
    letter-spacing: -0.04em;
}
select:focus{
    outline: none !important;
    -webkit-tap-highlight-color : transparent !important;
}
select:focus-visible{
    outline: none !important;
    -webkit-tap-highlight-color : transparent !important;
}
textarea{
    -o-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
textarea:focus{
    outline: none !important;
    -webkit-tap-highlight-color : transparent !important;
}
textarea:focus-visible{
    outline: none !important;
    -webkit-tap-highlight-color : transparent !important;
}
/* Checkbox */
.basic-check-box input[type="checkbox"] { 
    position: absolute; 
    overflow: hidden; 
    width: 1px; 
    height: 1px; 
    padding: 0; 
    margin: -1px; 
    clip:rect(0,0,0,0); 
    border: 0; 
}
.basic-check-box input[type="checkbox"] + label { 
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none; 
    font-size: 0.813rem;
}
.basic-check-box input[type="checkbox"] + label:focus{
    outline: none !important;
    -webkit-tap-highlight-color : transparent !important;
}
.basic-check-box input[type="checkbox"] + label:focus-visible{
    outline: none !important;
    -webkit-tap-highlight-color : transparent !important;
}
.basic-check-box input[type="checkbox"] + label::before {
    content: '';
    display: inline-block;
    width: 0.938em;
    height: 0.938em;
    margin: 0 0.375em 0.125em 0;
    border: 1px solid #aaa;
    box-sizing: border-box;
    font-size: 1rem;
    vertical-align: middle;
}
.basic-check-box input[type="checkbox"]:checked + label::before,
.basic-check-box input[type="checkbox"][checked] + label::before {
    border: 0;
    background-color: #a37c13;
    background-image: url("../../img/common/chk-on.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
/* Radio */
.basic-radio-box input[type="radio"] {
    position: absolute;
    overflow: hidden;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.basic-radio-box input[type="radio"] + label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
    box-sizing: border-box;
    padding: 0 0 0 1.923em;
    font-size: 0.813rem;
}
.basic-radio-box input[type="radio"] + label::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    width: 1.063em;
    height: 1.063em;
    border: 1px solid #666;
    border-radius: 50%;
    box-sizing: border-box;
    font-size: 1rem;
}
.basic-radio-box input[type="radio"]:checked + label::before, 
.basic-radio-box input[type="radio"][checked] + label::before {
    background-image: url('../../img/common/radio-on.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border: 1px solid #a37c13;
}
@media screen and (min-width: 48.000em) {
	/* checkbox&radio 공통요소 */
    .basic-check-box input[type="checkbox"] + label,
    .basic-radio-box input[type="radio"] + label {
        font-size: 1.693vw;
    }
    .basic-check-box input[type="checkbox"] + label::before {
        width: 1.953vw;
        height: 1.953vw;
    }
    .basic-radio-box input[type="radio"] + label::before {
        width: 2.214vw;
        height: 2.214vw;
    }
}
@media screen and (min-width: 68.750em) {
    *:focus {
        outline: 0 !important;
    }
    a {
        outline: none;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    button,
    input,
    select {
        outline: 0;
    }
	/* Checkbox */
	.basic-check-box input[type="checkbox"] + label { 
        font-size: 1.125rem;
    }
    .basic-check-box input[type="checkbox"] + label::before {
        width: 1.250em;
        height: 1.250em;
        margin: 0 0.625em 0.188em 0;
    }
    /* Radio */
    .basic-radio-box input[type="radio"] + label {
        padding: 0 0 0 1.667em;
        font-size: 1.125rem;
    }
    .basic-radio-box input[type="radio"] + label::before {
        width: 1.250em;
        height: 1.250em;
    }
}

/* 아이폰 iOS 모바일 터치시 화면 확대 방지용 */
@supports (-webkit-overflow-scrolling: touch) {
    /* CSS specific to iOS devices */
    input, select, textarea, 
    .se2_inputarea,
    .se2_input_area,
    .se2_inputarea p,
    #se2_iframe {
        font-size: 16px !important; 
    }
}