@charset "utf-8";

/* ====================[[ 폰트 ]]==================== */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&family=Noto+Serif+KR:wght@300;400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+KR:wght@300;400;500;600;700&display=swap');
/* ====================[[ CSS Reset ]]==================== */
* { margin:0; padding:0; box-sizing: border-box; 
   	font-family:"IBM Plex Sans KR", "Noto Sans KR", sans-serif; font-weight: 400; }
html { line-height: 1.15; overflow-y:scroll; }
body {font-size:1em; overflow-x:hidden; min-height: 100vh;
	display: flex; flex-direction: column; align-items: stretch; justify-content: space-between;}
p, table, blockquote, address, pre, iframe, form, figure, dl, form, fieldset, img, 
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; border:0; }
ul, li { list-style: none; margin: 0; padding: 0;}
a { color: inherit; text-decoration: none; transition : all 0.3s; display: inline-block;  }
img {width: auto; max-width: 100%; height: auto; vertical-align: middle;}
label {}

/* 공통 */
.hidden {display: none;}
/* 버튼 관련 */
.btn {/*border-radius: 0;*/ --bs-btn-padding-x: 1rem;}
.btn-box {width: 100%; margin-top: 1rem;}
.btn-box-r {text-align: right;}
.btn-box input[type=submit],.btn-box input[type=button] {padding: 0.25rem 0.6rem; }

/* === 로그인 페이지 ===*/
#login_page {padding: 6rem 0 6rem; min-height: calc(100vh - 94px); border-top: 2px solid #ddd }
#login_page h2{ margin-bottom: 2.5rem; text-align: center; border-bottom: 1px solid #000000; line-height: 1.475; color:#000 }
#login_page h2 span {font-size: 0.875rem; }
#login_page .form-signin { max-width: 26.125rem; }
#login_page .form-signin .form-floating:focus-within { z-index: 2; }
#login_page .form-signin input[type="text"] { margin-bottom: -1px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
#login_page .form-signin input[type="password"] { margin-bottom: 10px; border-top-left-radius: 0; border-top-right-radius: 0; }
#login_page .form-signin .form-control {padding-top: 1.625rem !important; padding-bottom: .625rem !important;
    background-color: #212733; /*#212529*/ color:#fff; border-radius: 0;}
#login_page .form-signin .form-control:focus { border: 0;}
#login_page .form-signin .form-floating label {color: #999; font-size: 0.875rem;}
.form-signin .form-floating label:after {background-color: transparent !important;}
#login_page .form-signin .btn-primary {margin-top: 2.5rem; height: 3.5rem;}


/* === 관리자 페이지 === */
#wrapper {display: flex; width: 100%;}

/* 사이드 메뉴 */
.left-side-bar { background-color: #dfdfdf; height: 100%; width:100%; max-width: 15rem; 
    position: fixed; left: 0px; transition: left .3s; padding: 1rem 1rem 2rem; z-index: 5;}
.left-side-bar .memberInfo { border-bottom:1px solid #666; padding-bottom:1rem;  margin-bottom: 3rem; }
.left-side-bar .memberInfo a {font-size: 0.75rem; margin-left: 0.5rem; padding:2px 4px; background-color: #666; color:#ccc;}
.left-side-bar .sideMenu { margin-bottom: auto; }
.left-side-bar .sideMenu div { border: 1px solid #fff; padding: 0 0.5rem;}
.left-side-bar .sideMenu div a {display: block;  white-space: nowrap; padding: 0.5rem;}
.left-side-bar .sideMenu div a:hover {background-color: #000; color: #fff;}
.left-side-bar .sideMenu div h5, .left-side-bar .sideMenu div h5 a {font-size: 1rem; font-weight: 600; }
.left-side-bar .sideMenu div h5 {padding: 0.375rem 0;}
.left-side-bar .sideMenu div h5.sideMene-h5 {padding: 0.875rem 0.5rem 0.5rem;} 
.left-side-bar .sideMenu div ul { font-weight: bold; padding: 0; /*text-align: center; */ padding-left: 1.25rem;}
.left-side-bar .sideMenu div ul ul { display: none; position: absolute; top: 0; left: 100%; background-color: #dfdfdf; }
.left-side-bar .sideMenu div > ul > li { position: relative; }
.left-side-bar .sideMenu div ul > li > a { font-size: 0.875rem; }
.left-side-bar .sideMenu div ul ul li a { padding: 0.5rem 2rem;}
.left-side-bar .sideMenu div ul > li:hover ul { display: block; }
.left-side-bar > .status-ico { text-align: right; padding: 10px; }
.left-side-bar .mainHome{ text-align: center; }


/* 콘덴츠 */
.contents-section {width: 100%; padding: 1rem 1rem 2rem; padding-left: 18rem;}
#admin-main-section.contents-section  {padding-top: 3.5rem; }
.contents { width: 100%; max-width:75rem; margin: auto;}
.contents h2 {font-size: 1.5rem; margin-bottom: 1rem; margin-top:1rem; text-align: center;}
.contents h3 {font-size: 1.2rem;}
.contents h4 {font-size: 1.1rem; /*margin-bottom: 0.65rem;*/ background-color: #6c757d; color:#fff; padding: 4px 0 4px 3px;
	font-weight: 400;}
.contents .table {--bs-table-bg: transparent; vertical-align: middle;}
.contents .table th {background: #f4f4f4 url(../img/bg_text_tool.gif) 0 0 repeat-x;}
.contents .table th, .contents .table td {padding: 1rem; border: 1px solid #b5b5b5; vertical-align: middle;}
.contents textarea { width: 100%; height: auto;}
.contents #smart_editor2 {width: 100% !important; max-width: 100% !important;}


/*슬라이드 관련*/
.album {}
.album h5 {font-size: 0.875rem; margin-bottom: 0.5rem; font-weight: 400;}
.album .card-text {height: 6rem; font-size: 0.75rem; overflow-y: auto; text-overflow: ellipsis;
	margin-bottom: 1rem; background-color: #f6f6f6;}
.album img{ width:100%; max-width: 100%; height: auto;}
.album #codeText {width: 90%; height: 200px;}
.album_top {margin-bottom: 2rem;}
.album_top .image_container_box {display: flex; margin-bottom: 0.5rem;}
.album_top .image_container_box #image_container1 {margin-left: 0.5rem; }
.g-border{border: 1px solid #b5b5b5;}
.slideBox h5, .table h5 {    position: relative; clear: both; z-index: 30; padding: 4px 0 4px 3px;
    background: #f4f4f4 url(../img/bg_text_tool.gif) 0 0 repeat-x;
    border-bottom: 1px solid #b5b5b5; font-size: 1rem; font-weight: 400;}
.slideBox {}


.top_menu_contents .table th, .top_menu_contents .table td {padding: 2px;}

/*비밀번호 변경 등 로그인 관련*/
.contents-signin {max-width: 32rem;}
.contents-signin .signin-box {padding-top: 4rem;}
.contents-signin .signin-box h5 {font-size: 1rem; margin-bottom: 0.65rem;}
.contents-signin .signin-box .form-signin .btn {margin-top: 1.5rem;}
.contents-signin .signin-box .form-signin .form-control {border-radius: 0;   background-color: #f5f5f5; }
.contents-signin .signin-box .form-signin .form-control:focus {position: relative; z-index: 1;}