@charset "utf-8";

@import url('/theme/khuc/css/font/NanumSquareNeo/NanumSquareNeo.css');
@import url('/theme/khuc/css/font/NotoSansKR/NotoSanskr.css');
/* 초기화 */
:root{
	--main-color: #243b65;
}
*{box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; text-underline-position: under;}
html {font-size: 16px;}
/*
body{
	overflow-y: scroll;
	overflow-x: hidden;
	// font-family: 'NanumSquareNeo';
	font-family: 'NotoSansKR';
	font-weight: 400;
}
*/
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,
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,img {
	margin: 0;
	padding: 0;
	border: 0;

}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul, li {
	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;
}
h1, h2, h3, h4, h5, h6{font-size:1em;}
/* 공통 */
a{text-decoration:none; color: inherit}
input[type="text"],input[type="password"],textarea{
	appearance:none ;-webkit-appearance:none;-moz-appearance:none;
	border:1px solid #ddd;
	/* border-radius: 0; */ -moz-border-radius: 0; /* -webkit-border-radius: 0; */
	font-size: inherit;
}
input[type="button"],input[type="submit"]{
	appearance:none ;-webkit-appearance:none;-moz-appearance:none;
	border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;
	font-family: inherit;
	border: 0; color: inherit;
}
input[type="checkbox"],input[type="radio"]{margin: 0;vertical-align: middle;}
select{
	border: 1px solid #ddd;
	border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
	-webkit-appearance: none; -moz-appearance: none; appearance: none;
	font: inherit;
	font-size: 1em;
	background: #fff url('../img/icon/search_result.png') 85% center no-repeat;
	background-size: 10px;
	color: inherit; padding-left: 5px
}
select::-ms-expand {
    display: none;
}
img{max-width: 100%}
input[type="text"],textarea,input[type="submit"]{font-family:inherit}
button,input[type="button"]{
	margin: 0;
    padding: 0;
    border: none;
    background: none;
	/* font:inherit; */
	/* font-size: 1em */
}
button,label,input[type="submit"]{cursor: pointer;vertical-align: middle;}
address,em{font-style: normal}

legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}

p {margin:0;padding:0;word-break:normal;}
hr {display:none}
pre {overflow-x:scroll;font-size:1em}

.clearfix:after{content: ''; display: block; clear: both}

button,input[type="button"]{background: none;}
button,input[type="button"],input[type="submit"]{
	margin: 0;
    padding: 0;
    border: none;
	/* font:inherit; */
	/* font-size: 1em */
}
button,label{cursor: pointer;}
.sound_only, .hide,caption,legend,.hidden{position:absolute;left:-300px;width:0;height:0;margin:0;padding:0;background:none;line-height:0;overflow: hidden}

#wrap{overflow: hidden; position: relative;}
.inner{max-width: 1200px; width: 100%; margin: 0 auto;}

.mobileShow{display:none;}
.pcShow{display:block;}
.fl{float: left}
.fr{float: right}
.tal{text-align: left;}
.tac{text-align: center;}
.tar{text-align: right;}
.ft_red{color:#762026;}
.clearfix:before,
.clearfix:after{content: ''; clear: both;}

.color-red{color: #a70e13}
.color-blue{color: #0a326f}
.color-gray6{color: #666 !important;}

.fw_400{font-weight: 400 !important;}
.fw_500{font-weight: 500 !important;}
.fw_700{font-weight: 700 !important;}

.bg-red{background: #a40e17; color: #fff}
.bg-blue{background: #0077c0; color: #fff}

@media screen and (max-width:1260px){
	.inner{padding-left: 1.875rem; padding-right: 1.875rem;}
}
@media screen and (max-width:1200px){
	html{font-size: 15px;}
}
@media (max-width:1024px){
	*{outline: 0}
	.mobileShow{display:block !important;}
	.pcShow{display:none !important;}
	.inner{padding-left: 1.25rem; padding-right: 1.25rem;}
}
@media (max-width:768px){
	html{font-size: 14px;}

}
@media screen and (max-width: 480px) {
	html{font-size: 13px;}
	.inner{padding-left: 0.938rem; padding-right: 0.938rem;}
}
@media screen and (max-width: 360px) {
	html{font-size: 12px;}
}

.f14{font-size: 0.875rem;}
.f15{font-size: 0.938rem;}
.f16{font-size: 1rem;}
.f17{font-size: 1.063rem;}
.f18{font-size: 1.125rem;}
.f19{font-size: 1.188rem;}
.f20{font-size: 1.250rem;}
.f21{font-size: 1.313rem;}
.f22{font-size: 1.375rem;}
.f23{font-size: 1.438rem;}
.f24{font-size: 1.500rem;}
.f25{font-size: 1.563rem;}
.f26{font-size: 1.625rem;}
.f27{font-size: 1.688rem;}
.f28{font-size: 1.750rem;}
.f29{font-size: 1.813rem;}
.f30{font-size: 1.875rem;}
.f31{font-size: 1.938rem;}
.f32{font-size: 2.000rem;}
.f33{font-size: 2.063rem;}
.f34{font-size: 2.125rem;}
.f35{font-size: 2.188rem;}
.f36{font-size: 2.250rem;}
.f37{font-size: 2.313rem;}
.f38{font-size: 2.375rem;}
.f39{font-size: 2.438rem;}
.f40{font-size: 2.500rem;}

.btn-blue{background:#253a73; color:#fff !important;}
.btn-outline-blue{background:#fff; color:#253a73 !important; border:1px solid #253a73;}
.btn-gray{background:#373737; color:#fff !important;}

.btn-xsm{padding:0.1rem 0.3rem; font-size:0.8rem;}


    /* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px}
#captcha.m_captcha #captcha_reload span {display:none}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../../../img/captcha2.png') no-repeat 0 0 ; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}

/* 아카이브용**/
.nobnr {margin-top:20px;}
.empty_li span {
   display: inline !important;
}
.ayat { width: 95%; text-align: right; font-size: 0.8em;color:#8f8f8f; }
.ayatc { color:#c2a350; }


/* ================================================
   facility list 검색박스 — 독립 CSS (충돌 없음)
================================================ */
.fac-search-box {
    background: #f7f7f7;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 0;
    margin-bottom: 40px;
}

.fac-search-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 24px;
}

/* ★ 전체건수 폰트 키우고 두껍게 */
.fac-total {
    font-size: 17px;
    font-weight: 600;
    color: #111;
}
.fac-total strong {
    font-size: 20px;
    font-weight: 700;
    color: #000;
}

.fac-sort {
    display: flex;
    align-items: center;
    gap: 12px;
    white-space: nowrap;
}

/* ★ 대관유형 텍스트 */
.fac-sort > span {
    font-size: 16px;
    font-weight: 600;
    color: #111;
}

/* ★ 대관유형 select — 두껍게, 더 넓게 */
.fac-sort select {
    height: 40px;
    min-width: 180px;        /* ★ 더 넓게 */
    border: 2px solid #cfcfcf;  /* ★ 두꺼운 테두리 */
    border-radius: 4px;
    font-size: 16px;         /* ★ 폰트 16px */
    font-weight: 600;        /* ★ 두껍게 */
    color: #111;
    padding: 0 14px;
    background: #fff;
    cursor: pointer;
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
    background-image: none;
}

.fac-divider {
    height: 1px;
    background: #ddd;
    margin: 0 24px;
}

.fac-search-bottom {
    padding: 14px 24px;
    display: flex;
    justify-content: flex-end;
}

.fac-search-form {
    display: flex;
    align-items: center;
    gap: 8px;
}
.fac-search-form select {
    height: 36px;
    width: 100px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    color: #111;
    padding: 0 10px;
    background: #fff;
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
    background-image: none;
    font-weight: 400;
    border-width: 1px;
    cursor: pointer;
}
.fac-search-form input[type=text] {
    height: 36px;
    width: 220px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    color: #111;
    padding: 0 12px;
    background: #fff;
}
.fac-search-form button {
    height: 36px;
    padding: 0 20px;
    background: #333;
    color: #fff;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    cursor: pointer;
    white-space: nowrap;
}
.fac-search-form button:hover {
    background: #555;
}

/* 초기화 버튼 */
.fac-search-form button.but_reset {
    background: #fff;
    color: #555;
    border: 1px solid #aaa;
}
.fac-search-form button.but_reset:hover {
    background: #eee;
    color: #333;
    border-color: #888;
}