@charset "UTF-8";

html {
    -ms-text-size-adjust: 100%;
    /* -webkit-text-size-adjust: 100%; */
    /*iOS와 IE에서 기기 회전시에 사용자가 확대하지 않아도 글씨 크기가 재조정되는 것을 예방.*/
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, select {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	box-sizing: border-box;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
    text-decoration: none;
    color: inherit;
}
img {
    vertical-align: top;
    border: 0;
}
strong {
	font-weight: bold;
}

b {
    font-weight: bold;
}

button {
    cursor: pointer;
    border: 0;
    background-color: transparent;
    overflow: visible; /** * IE 8/9/10/11에서 `overflow` 속성값이 `hidden`으로 설정되어 있는 것을 수정 */
}

/** * `button`과 `select` 요소에 `text-transform` 상속이 일치하지 않는 것을 해결 * 모든 다른 폼 컨트롤 요소는 `text-transform` 값을 상속하지 않는다. * IE 8/9/10/11, Firefox, Opera에서 `button` 요소의 스타일 상속 수정. * Firefox에서 `select` 요소의 스타일 상속 수정. */
button,
select {
    text-transform: none;
}

/** * 1. Android 4.0.*에서 `audio`와 `video` 컨트롤을 파괴하는 웹킷 버그를 방지. * 2. iOS에서 클릭가능한 `input` 유형에 스타일링을 할 수 없는 것을 수정. * 3. `input` 요소와 다른 요소들의 image-type의 커서 모양을 일치시켜 가용성을 향상. * `input` and others. */
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
    /* 3 */
}

/** * disabled된 요소의 기본 커서를 재설정 */
button[disabled],
html input[disabled] {
    cursor: default;
}

/** * Firefox 4+에서 내부 `padding`과 `border`를 제거 */
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/** * Firefox 4+에서 UA(User Agent) 스타일시트에 `!important`를 사용한 `input` 요소의 * `line-height` 설정값을 해결. */
input {
    line-height: normal;
}

/** * 이러한 요소의 스타일을 설정하려고하지 않는 것이 좋다. * Firefox에서 아래의 요소에서 box-sizing, padding, width가 구현될꺼라 기대하지 말자. * * 1. IE 8/9/10에서 box sizing 속성값을 `content-box`에서 `border-box`로 변경 * 2. IE 8/9/10에서 영역을 벗어나지 않도록 `padding`을 제거 */
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    /* 1 */
    font: inherit;
    /* 2 */
    margin: 0;
    /* 3 */
}

/* ***********************************
common.css
header / footer / lnb / paging / font 
* ***********************************/

/*프리텐다드*/
@font-face {
    font-family: 'pretendard';
    font-style: normal;
    font-weight: 300;
    src: local('pretendard'),
    url(fonts/pretendard/woff2/Pretendard-Light.woff2) format("woff2"),
    url(fonts/pretendard/woff/Pretendard-Light.woff) format("woff"),
    url(fonts/pretendard/ttf/Pretendard-Light.ttf) format("truetype"), 
}

@font-face {
    font-family: 'pretendard';
    font-style: normal;
    font-weight: 400;
    src: local('pretendard'),
    url(fonts/pretendard/woff2/Pretendard-Regular.woff2) format("woff2"),
    url(fonts/pretendard/woff/Pretendard-Regular.woff) format("woff"),
    url(fonts/pretendard/ttf/Pretendard-Regular.ttf) format("truetype"), 
}

@font-face {
    font-family: 'pretendard';
    font-style: normal;
    font-weight: normal;
    src: local('pretendard'),
    url(fonts/pretendard/woff2/Pretendard-Regular.woff2) format("woff2"),
    url(fonts/pretendard/woff/Pretendard-Regular.woff) format("woff"),
    url(fonts/pretendard/ttf/Pretendard-Regular.ttf) format("truetype"), 
}

@font-face {
    font-family: 'pretendard';
    font-style: normal;
    font-weight: 500;
    src: local('pretendard'),
    url(fonts/pretendard/woff2/Pretendard-Medium.woff2) format("woff2"),
    url(fonts/pretendard/woff/Pretendard-Medium.woff) format("woff"),
    url(fonts/pretendard/ttf/Pretendard-Regular.ttf) format("truetype"), 
}

@font-face {
    font-family: 'pretendard';
    font-style: normal;
    font-weight: bold;
    src: local('pretendard'),
    url(fonts/pretendard/woff2/Pretendard-Bold.woff2) format("woff2"),
    url(fonts/pretendard/woff/Pretendard-Bold.woff) format("woff"),
    url(fonts/pretendard/ttf/Pretendard-Bold.ttf) format("truetype"), 
}

/*에스코어드림*/
@font-face {
    font-family: 'SCDream';
    font-style: normal;
    font-weight: 300;
    src: 
    url(fonts/SCDream/woff/SCDream3-Light.woff) format("woff"),
    url(fonts/SCDream/ttf/SCDream3-Light.ttf) format("truetype"), 
    url(fonts/SCDream/otf/SCDream3-Light.otf) format("opentype"), 
}

@font-face {
    font-family: 'SCDream';
    font-style: normal;
    font-weight: 400;
    src: 
    url(fonts/SCDream/woff/SCDream4-Regular.woff) format("woff"),
    url(fonts/SCDream/ttf/SCDream4-Regular.ttf) format("truetype"), 
    url(fonts/SCDream/otf/SCDream4-Regular.otf) format("opentype"), 
}

@font-face {
    font-family: 'SCDream';
    font-style: normal;
    font-weight: normal;
    src: 
    url(fonts/SCDream/woff/SCDream4-Regular.woff) format("woff"),
    url(fonts/SCDream/ttf/SCDream4-Regular.ttf) format("truetype"), 
    url(fonts/SCDream/otf/SCDream4-Regular.otf) format("opentype"), 
}

@font-face {
    font-family: 'SCDream';
    font-style: normal;
    font-weight: 500;
    src: 
    url(fonts/SCDream/woff/SCDream5-Medium.woff) format("woff"),
    url(fonts/SCDream/ttf/SCDream5-Medium.ttf) format("truetype"), 
    url(fonts/SCDream/otf/SCDream5-Medium.otf) format("opentype"), 
}

@font-face {
    font-family: 'SCDream';
    font-style: normal;
    font-weight: bold;
    src: 
    url(fonts/SCDream/woff/SCDream6-Bold.woff) format("woff"),
    url(fonts/SCDream/ttf/SCDream6-Bold.ttf) format("truetype"), 
    url(fonts/SCDream/otf/SCDream6-Bold.otf) format("opentype"), 
}


@font-face {
    font-family: 'SCDream';
    font-style: normal;
    font-weight: 600;
    src: 
    url(fonts/SCDream/woff/SCDream6-Bold.woff) format("woff"),
    url(fonts/SCDream/ttf/SCDream6-Bold.ttf) format("truetype"), 
    url(fonts/SCDream/otf/SCDream6-Bold.otf) format("opentype"), 
}

@font-face {
    font-family: 'SCDream';
    font-style: normal;
    font-weight: 700;
    src: 
    url(fonts/SCDream/woff/SCDream7-ExtraBold.woff) format("woff"),
    url(fonts/SCDream/ttf/SCDream7-ExtraBold.ttf) format("truetype"), 
    url(fonts/SCDream/otf/SCDream7-ExtraBold.otf) format("opentype"), 
}

@font-face {
    font-family: 'SCDream';
    font-style: normal;
    font-weight: 800;
    src: 
    url(fonts/SCDream/woff/SCDream8-Heavy.woff) format("woff"),
    url(fonts/SCDream/ttf/SCDream8-Heavy.ttf) format("truetype"), 
    url(fonts/SCDream/otf/SCDream8-Heavy.otf) format("opentype"), 
}

@font-face {
    font-family: 'SCDream';
    font-style: normal;
    font-weight: 900;
    src: 
    url(fonts/SCDream/woff/SCDream9-Black.woff) format("woff"),
    url(fonts/SCDream/ttf/SCDream9-Black.ttf) format("truetype"), 
    url(fonts/SCDream/otf/SCDream9-Black.otf) format("opentype"), 
}

/*여기어때 잘난체*/
@font-face {
    font-family: 'Jalnan';
    font-style: normal;
    font-weight: normal;
    src: local('SCDream'),
    url(fonts/Jalnan/Jalnan2.woff2) format("woff2"),
    url(fonts/Jalnan/Jalnan2.woff) format("woff"),
    url(fonts/Jalnan/Jalnan2.ttf) format("truetype"), 
}

/* ***********************************
* 공통 CSS 
* ************************************/

/*공통색상*/
:root {
    /* --main-color: #725bc9; */
    /* --main-green: #4ba657; */
    /* --point-color:#564bdf; */
    /* --lab-yellow: #ffce00; */
    /* --lab-green: #669b0a; */ /*20250212*/
    /* --lab-red: #d60505; */
    /* --local-chin: #02A3C0; */ /*처인 대표색상*/
    /* --local-sj: #DD6EA5; */ /*수지 대표색상*/
    /* --local-gh: #509910; */ /*기흥 대표색상*/ /*20250212*/
}

/*전체 공통*/
html {font-size: 10px;font-family: 'SCDream';}
body {min-width: 320px;color: #333;font-size: 1.6rem;line-height: 1.3;letter-spacing: -0.5px;}
input::placeholder, textarea::placeholder {font-size: inherit; color:#777; font-weight:400;} /*20250212*/
input[type="text"] {height: 40px; padding: 0 15px; border: 1px solid #dcdcdc; background-color: #fff; border-radius: 5px;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {transition: background-color 5000s ease-in-out 0s; -webkit-transition: background-color 9999s ease-out; -webkit-box-shadow: 0 0 0px 1000px white inset !important;}
a:hover {text-decoration: underline; text-underline-offset: 3px;}
select {-webkit-appearance:none; /* for chrome */ -moz-appearance:none; /*for firefox*/ appearance:none;}
select::-ms-expand{display:none;/*for IE10,11*/}
select {background-color: #fff; background-image: url("../images/common/select-arrow.png"); background-position:95% center ; background-repeat: no-repeat; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.blind {position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); margin: -1px;}
.inner {max-width: 1430px; margin: 0 auto; padding: 0 15px; box-sizing: border-box;}
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {outline: 2px dashed #0e0852;}
.lab-txt {display: inline-flex;}
.lab-txt.blue {color: #0274C9;}
.lab-yellow {color: var(--lab-yellow);}
.lab-green {color: var(--lab-green);}
.lab-red {color: var(--lab-red);}
.ov-hidden {overflow: hidden;}
.overlay {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); transition: .3s; z-index: 9;}
.skip-nav {position: absolute; width: 100%; left: 0; z-index: 999; top: -50px;}
.skip-nav a:focus, .skip-nav a:active {position: absolute; left: 0;	top: 50px; height: 50px; line-height: 50px; width: 100%; z-index: 999; text-align: center; color: #fff; background:var(--main-color); overflow: visible; clip: unset;}
.txtUndr{text-decoration: underline; text-underline-offset: 3px;}
.pb40{padding-bottom: 40px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}

.tal{text-align: left;}
.tac{text-align: center;}
.tar{text-align: right;}
.df{display: flex; gap: 10px; align-items: center;}
/*전체 공통 End*/

/* 팝업 */
.prpl-line{background-color: #fff; border:1px solid #846CDD; color:#846CDD;}
.prpl-bg{background-color: #725BC9; color: #fff;}
.modal-popup-wrap{position: fixed; width: 100%; height: 100%; left:0; top:0; background-color: rgba(121, 121, 121, 0.32); z-index: 10000; display: none;}
.modal-popup{min-width: 300px; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); background-color: #fff; padding:30px; border-radius: 10px; /* font-size: 1.4rem; */ text-align: center;  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);}
.modal-popup .title{font-size: 2.4rem; font-weight: 600; text-align: center; margin-bottom: 18px;}
.modal-popup  .imgs{margin-bottom: 20px;}
.modal-popup .txt{margin-bottom: 26px; line-height: 1.4;}
.modal-popup .txt p{margin-bottom: 5px;}
.modal-popup .txt b{font-weight: 600;}
.pop_btn_group{display: flex; align-items: center; justify-content: center; gap: 10px;}
.popup-btn{width: 80px; height: 36px; display: flex; align-items: center; justify-content: center; border-radius: 5px; font-weight: 600; margin:0;}