@charset "utf-8";
/*@import url('font.css'); /* 사이트 세부설정, 공통 클래스 설정, 기타 설정 */
/*@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&family=Noto+Serif+KR:wght@200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&display=swap');*/

/* reset */
h1, h2, h3, h4, h5, h6 {font-size:1em;}
th,strong, b, h1, h2, h3, h4, h5, h6{font-variation-settings:"wght" 500;}
em{font-style:normal;}

fieldset{border:none;}
legend{font-size:0; height:0; width:0;}

/*input*/
input{ font-family:inherit;}
input[type=text]{height:3.2rem; padding:0 1.5rem; border:1px solid #dcdfe6; border-radius:0.3rem; width:100%; }
input[type=text]:focus{border-color:#ff4000;}
input[type=password]{}
input[type=radio]+label{ cursor:pointer;}
input[type=checkbox]+label{ cursor:pointer;}

input[type=checkbox].basic_checkbox{width:1.5rem; height:1.5rem; display:block; border:1px solid #cccccc; background-color:#ffffff; border-radius:0.2rem;
		position:relative;}
input[type=checkbox].basic_checkbox:checked{border-color:#ff4000; background-color:#ff4000;}
input[type=checkbox].basic_checkbox:checked:before{content:''; position:absolute; left:0.4rem; top:0.4rem; width:0.7rem; height:0.4rem; border: solid #ffffff; 
		border-width: 0.2rem 0.2rem 0 0; transform: rotate(135deg);}

/*button*/
button{width:10rem; height:3.2rem; border-radius:0.3rem; font-size:1.2rem; font-variation-settings: "wght" 500;}
button+button{margin-left:0.6rem;}
button.btn_basic{border:1px solid #dcdfe6; color:#606266; width:6.4rem;}
button.btn_basic:hover{border-color:#ff4000; color:#ff4000; background-color:#fff5f2;}
button.btn_reset{border:1px solid #dcdfe6; color:#606266; }
button.btn_reset:hover{border-color:#ff4000; color:#ff4000; background-color:#fff5f2;}
button.btn_cancel{border: 1px solid #dcdfe6; color:#606266;}
button.btn_confirm{background-color:#ff4000; color:#ffffff; border:1px solid #ff4000;}
button.btn_search{background-color:#ff4000; color:#ffffff; border:1px solid #ff4000;}
button.btn_save{background-color:#ff4000; color:#ffffff; border:1px solid #ff4000;}
button.btn_save_close{width:auto; background-color:#ff4000; color:#ffffff; border:1px solid #ff4000; padding:0 1.6rem;}
button.btn_add{background-color:#ff4000; color:#ffffff; border:1px solid #ff4000;}
button.btn_add_close{width:auto; background-color:#ff4000; color:#ffffff; border:1px solid #ff4000; padding:0 1.6rem;} 
.admin_btn_wrap{margin:4rem 0; text-align:center;}
.admin_btn_wrap button{background-color:#ff4000; color:#ffffff; font-size:1.4rem; width:12rem; height:3.8rem;}
.popup_btn_wrap{margin-top:1rem; text-align:right;}
.popup_btn_wrap button{font-size:1.4rem; }




/*닫기*/
.btn_close{font-size:0; overflow:hidden; width:30px; height:30px; padding:0; position:relative; background-color:transparent; border:none; position:absolute; right:0; top:0;}
.btn_close:before,.btn_close:after{content:''; display:block; width:18px; height:2px; background-color:#1a1a1a; position:absolute; top:15px; left:6px; 
		transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg);}
.btn_close:after{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg);}

textarea{padding:1.2rem 1.5rem; border-radius:0.3rem; width:100%; border:1px solid #dcdfe6; height:100px; overflow-y:auto; } 
textarea:focus{border-color:#ff4000;}

table{width:100%; table-layout:auto; border-collapse:collapse; border-spacing:0; letter-spacing:-1px; } 
table *{line-height:1.4;}


/*태그*/
.basic_tag{display:inline-block; vertical-align:top; background-color:#ff4000; color:#ffffff; width:3rem; height:1.4rem; font-size:1.1rem; border-radius:0.2rem; 
		position:relative;}
.basic_tag:before{content:'1688'; display:block; width:100%; text-align:center; position:absolute; left:0; top:0; line-height:1.4rem; }

/*common*/
.container{width:calc(100% - 12px - 20rem); font-size:1.4rem;}
.compulsory{color:#ff4000;} 

/*page_cover*/
.admin_page_cover{display:none; width:100%; height:100%; position:fixed; top:0px; left:0; bottom:0; right:0; background-color: rgba(0,0,0,0.4); z-index:600;}

/*paging_wrap*/
.paging_wrap{display:flex; justify-content:space-between; flex-wrap:wrap; align-items:center; gap:1rem; margin-top:1.1rem; padding-bottom:0.5rem; font-size:1.3rem;}
.dropdown_paging_wrap{display:flex; flex-wrap:wrap; align-items:center; gap:1rem;}   
.paging_wrap .dropdown{width:10rem; height:3rem;}
.paging_wrap .dropdown .placeholder{line-height:3rem;}
.paging_wrap .dropdown::after{top:0.8rem;}
.paging_wrap .paging{display:flex; align-items:center;}
.paging_wrap .paging ul{display:flex; margin:0 0.5rem;}
.paging_wrap .paging a{display:block; padding:0 0.8rem;}
.paging_wrap .paging .active{color: var(--theme); font-variation-settings: "wght" 700;}
.paging_wrap .paging button{width:2.2rem; height:3rem;}
.paging_wrap .paging img{width:1.6rem;}
.paging_wrap .prev img{transform:rotate(-0.75turn);}
.paging_wrap .next img{transform: rotate(0.75turn);}


.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
}

.pagination .ico-arrow {
    display: inline-block;
    width: 20px;
}

.pagination .ico-arrow img {
    width: 100%;
    display: block;
}

.pagination .number-box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
}

.pagination .number-box .number {
    width: 24px;
    color: #727F85;
    font-weight: 700;
    line-height: 24px;
    font-size: 15px;
}

.pagination .number-box .number.active {
    color: #23AB72;
}











/*img_popup*/
.img_popup{display:none; z-index:700; width:100%; height:100vh; position:fixed; top:0; left:0; background-color:rgba(0, 0, 0, 0.6);}
.img_popup button{position:absolute; right:0; top:10px; background:transparent; border:0; color:#000000; font-size:2.8rem; line-height:1.0; margin:0; }
.img_popup .imgBox{position:relative; top:30%; left:50%; background-color:#ffffff; width:80%; max-width:600px; height:auto; max-height:90%; overflow-y:auto;
		transform:translate(-50%, -30%); -ms-transform:translate(-50%, -30%); -o-transform:translate(-50%, -30%); -webkit-transform:translate(-50%, -30%); 
		-moz-transform:translate(-50%, -30%);}
.img_popup img{width:100%; box-shadow:0 0 10px rgba(0,0,0,0.8);}
.imgContents{cursor:pointer;}

/*마우스 hover시 이미지 변경*/
.img_box img.img_hover{display:none;}
.img_box:hover img.img{display:none;}
.img_box:hover img.img_hover{display:block;}


/*1200이하 */
@media screen and (max-width:1200px){

/*common*/
.header_top, .header_bottom, .main {min-width:100%;}

}/*1200이하 끝*/

/*1150이하 */
@media screen and (max-width:1150px){


}/*1150이하 끝*/

/*850이하 */
@media screen and (max-width:850px){

/* reset */
.admin_btn_wrap button{font-size:1.3rem;} 

/*common*/
.container{width:calc(100% - 12px - 180px); font-size:1.2rem;}


.popup_btn_wrap button{font-size:1.2rem; }

}/*850이하 끝*/

/*650이하 */
@media screen and (max-width:650px){

/*common*/
.container{width:100%;}



}/*650이하 끝*/

/*550이하 */
@media screen and (max-width:550px){

/* reset */
input[type=text]{padding:0 0.8rem;}

button+button{margin-left:0.3rem;}
button.btn_add_close{padding:0 1.4rem;} 
.admin_btn_wrap button{width:11rem;}
.popup_btn_wrap{text-align:center;}
.popup_btn_wrap button{font-size:1.1rem; } 

textarea{padding:1rem 1rem;}

/*common*/
.container{font-size:1.25rem;}

/*paging_wrap*/
.paging_wrap{font-size:1.2rem; justify-content:center;}
.dropdown_paging_wrap{width:100%;  justify-content:center;}


}/*550이하 끝*/