@charset "utf-8";
@import url("./font.css");
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700,900');
@import url("./layout.css");
@import url("./animate.css");


/* 초기화 */
* { outline: 0; }
html,body { font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', 'Montserrat', Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 300; line-height: 1.5; word-spacing: 0; letter-spacing: 0; color: #888; word-break: keep-all; word-wrap: break-word;
	-webkit-text-size-adjust: none;
}
input::-ms-clear, input::-ms-reveal{ display: none; } /* IE - select arrow remove */
img { border: 0; vertical-align: top; 
	-webkit-touch-callout: none; /* 이미지 터치 팝업 제거 */
} 
a, input, button, div, li, textarea, form, label, select {
	-webkit-tap-highlight-color: rgba(0,0,0,0); /* 하이라이트 제거 */
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite,
code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption,
figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; box-sizing: border-box; }
ul, ol, li { list-style: none; }
fieldset, img { border: 0; }
a { text-decoration: none; }
address, caption, em, var { font-style: normal; font-weight: 400; }
textarea, button, input, select { border-radius: 0; font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', 'Montserrat', Arial, Helvetica, sans-serif;
	/*
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	*/
}
button { padding: 0; cursor :pointer; border: 0; }
button:focus, button:active { padding: 0; }
button span { position: relative; }
select::-ms-expand { display: none; }
table { border-collapse: collapse; border-spacing: 0; }
label { cursor: pointer; }
input[type=text], input[type=password], textarea { outline: none;
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	transition: all 0.30s ease-in-out;
}

input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus { border: 1px solid #cbcbcb;
	-webkit-box-shadow:  0 0 5px #ececec;
	-moz-box-shadow:  0 0 5px #ececec;
	box-shadow: 0 0 5px #ececec;
}
.placeholdersjs { color: #aaa !important; }



/*2025-12-10 팝업추가*/
.popup-check {
    display: none;
}

.main-popup {
    position: fixed;
    inset: 0;
    z-index: 9999;
    pointer-events: none;   /* ✅ 배경 클릭 가능 */
}

.popup-box {
    position: absolute;
    top: 57%;
    left:70%;
    width: 800px;
    height: 600px;
    transform: translate(-50%, -50%);
    background: #fff;
    pointer-events: auto;
}

/* 이미지 */
.popup-box img {
    width: 100%;
    height: 100%;
    display: block;
}

/* 닫기 버튼 (2배 + 두껍게 버전 유지) */
.popup-close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;

    width: 48px;
    height: 48px;
    line-height: 48px;

 
    color: #fff;

    text-align: center;
    border-radius: 50%;

    font-size: 28px;
    font-weight: 900;
    z-index: 10;
}

/* 닫기 */
.popup-check:checked + .main-popup {
    display: none;
}