@import url('./fonts/NotoSansKR/NotoSanskr.css');

/* ----------------------------------------------- */
/* common */
html{font-size:16px; width:100%; height:100%;}
body{width:100%; height:100%;}
*{padding:0; margin:0; font-family:'NotoSansKR', sans-serif; box-sizing:border-box;}
a{text-decoration:none;}
table{border-spacing:0; border-collapse:collapse;}
ul, ol{list-style:none;}
img{max-width:100%; height:auto;}

/* ----------------------------------------------- */
/* admin layout */

/* header */
.admin-header{display:flex; background:#32383d;}
.admin-header .logo{width:210px; text-align:center; line-height:100px; margin:0;}
.admin-header .logo img{}
.admin-header__cont{max-width:1600px; width:100%; flex:1; padding:0 20px 0 0;}
.admin-header__btn{height:50px; display:flex; align-items:center; justify-content:flex-end;}
.admin-header__btn .user{display:inline-block; font-size:13px; color:#b9b9b9; margin:0 15px 0 0;}
.admin-header__btn .user strong{color:#fff; font-weight:normal;}
.admin-header__btn a,
.admin-header__btn button{display:inline-block; font-size:12px; color:#222; text-align:center; width:70px; height:23px; line-height:23px; background:#fff; margin:0 0 0 10px;}
.admin-header__nav{}
.admin-header__nav ul{display:flex; margin:0;}
.admin-header__nav ul li{width:150px;}
.admin-header__nav ul li a{display:block; height:50px; line-height:50px; text-align:center; font-size:18px; color:#fff; font-weight:500;}
.admin-header__nav ul li a.on{background:#fff; color:#222; font-weight:600;}

/* cont */
.admin{display:flex; min-height:calc(100% - 100px);}
.admin__menu{width:210px; background:#f5f5f5; border-bottom:1px solid #e7e7e7; border-right:1px solid #e7e7e7;}
.admin__menu h2{height:145px; border-bottom:1px solid #e7e7e7; line-height:145px; text-align:center; font-size:25px; color:#222; font-weight:500; margin:0;}
.admin__menu > ul{}
.admin__menu > ul > li{}
.admin__menu > ul > li > a{display:block; border-bottom:1px solid #e7e7e7; font-size:14px; color:#2f2f2f; padding:20px; position:relative;}
.admin__menu > ul > li > a::after{content:''; display:block; position:absolute; right:20px; top:50%; transform:translateY(-50%); width:9px; height:6px; background:url('../img/admin_iconpng_07.png') no-repeat 0 0 / 100% auto; transform-origin:3px 1px; transition:all .3s;}
.admin__menu > ul > li > a.on{}
.admin__menu > ul > li > a.on::after{transform:rotate(180deg);}
.admin__menu > ul > li > a.no-depth::after{transform:rotate(-90deg);}

.admin__menu > ul > li > div{display:none; background:#fff;}
.admin__menu > ul > li > div.on{display:block;}

.admin__menu > ul > li > div > ul{padding:20px;}
.admin__menu > ul > li > div > ul > li{}
.admin__menu > ul > li > div > ul > li:not(:last-child){margin:0 0 20px;}
.admin__menu > ul > li > div > ul > li > a{display:block; font-size:13px; color:#666; font-weight:300; text-underline-position:under;}
.admin__menu > ul > li > div > ul > li > a.on{color:#000; text-decoration:underline;}
.admin__menu > ul > li > div > ul > li > ul{padding:5px;}
.admin__menu > ul > li > div > ul > li > ul > li{}
.admin__menu > ul > li > div > ul > li > ul > li > a{display:block; font-size:13px; color:#666; font-weight:300;}
.admin__menu > ul > li > div > ul > li > ul > li > a::before{content:'- '; font-size:inherit; color:inherit; font-weight:inherit;}


.admin__cont{overflow:auto; padding:30px; flex:1;}

/* error 페�지 */
.error{display:flex; flex-wrap:wrap; width:305px; margin:0 auto; justify-content:space-between; position:relative; top:50%; transform:translateY(-50%);}
.error__txt{font-size:17px; color:#333; font-weight:500; margin:0 0 30px; text-align:center;}
.error__txt::before{content:''; display:block; width:130px; height:130px; background:url('../images/error_icon_03.png') no-repeat 0 0 / 100% auto; margin:0 auto 30px;}
.error__btn{width:145px; height:40px; line-height:40px; text-align:center; display:block; font-size:17px;}
.error__main{color:#fff; background:#333;}
.error__back{color:#333; border:1px solid #333;}

/* input file */
.previewImg{max-width:200px; height:auto; display:block; margin:60px 0 10px;}

/* loading */
#loading{display:none; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); z-index:9999; animation:loading 1s infinite;}
@keyframes loading{
	from{transform:rotate(0deg)}
	to{transform:rotate(360deg);}
}


/* admin calendar */
/*	datepicker style */

.ui-widget {font-size:16px;}
.ui-widget .ui-widget{font-size:16px;}

.ui-widget-content{}
.ui-widget-header a{}
.ui-widget-content a{}
.ui-widget-header{color:#222; font-weight:300;}
	
.ui-corner-all, 
.ui-corner-top, 
.ui-corner-left, 
.ui-corner-tl{}

.ui-corner-all, 
.ui-corner-top, 
.ui-corner-right, 
.ui-corner-tr{}

.ui-corner-all, 
.ui-corner-bottom, 
.ui-corner-left, 
.ui-corner-bl{}

.ui-corner-all, 
.ui-corner-bottom, 
.ui-corner-right, 
.ui-corner-br{}
	
.ui-datepicker{}
.ui-datepicker .ui-datepicker-header{display:flex; flex-wrap:wrap; justify-content:center;}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next{display:flex; justify-content:center; align-items:center; width:50px; height:50px; border:1px solid #ddd; border-radius:100%; cursor:pointer;}
.ui-datepicker .ui-datepicker-prev span, 
.ui-datepicker .ui-datepicker-next span{}

.ui-datepicker table{width: 100%; table-layout:fixed; order:4; margin:20px 0 0;}
.ui-datepicker th{text-align:center; font-weight:600; border:1px solid #ddd; padding:10px 0; background:#32383d; color:#fff;}
.ui-datepicker td{border:1px solid #ddd; padding:5px 10px 5px 30px; position:relative; height:120px; vertical-align:top;}

.ui-datepicker .ui-datepicker-prev{order:1;}
.ui-datepicker .ui-datepicker-next{order:3;}
.ui-datepicker .ui-datepicker-title{order:2; display:flex; align-items:center; margin:0 20px;}
.ui-datepicker td span, 
.ui-datepicker td a{display: block; word-break:break-all;}
	
.ui-datepicker-week-end-red{color:red;}
.ui-datepicker-week-end-blue{color:blue;}
.ui-datepicker-week-end-red a{color:red !important;}
.ui-datepicker-week-end-blue a{color:blue !important;}
	
.ui-state-disabled, 
.ui-widget-content .ui-state-disabled, 
.ui-widget-header .ui-state-disabled{opacity: .35;}
.ui-state-disabled{cursor: default !important;}
.ui-state-default, 
.ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default{position:absolute; top:0; left:0; width:100%; height:100%; padding:5px;}
.ui-state-highlight{font-weight:600; color:#111 !important;}

.ui-datepicker-cover{display:none;}

#datepicker, 
#dateContents{}
#dateContents{}
#saveBtn{}
#deleteBtn{}
#totalBtn{}
#ck{} 
#AllContentsDiv{}
#allContents{}

.haveContents{}
#selectContents{}
#AllDiv{display:flex; align-items:flex-start;}

#inter{flex:1; margin-left:20px; padding:70px 0 0; display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:center;}
#inter textarea{width:100%; border:1px solid #ddd; margin:0 0 20px; resize:none; padding:10px;}

.interTitle{display:block; font-size:24px; color:#111; margin:0 0 10px; line-height:1; width:100%;}

.interForm{display:block; flex:1;}
.interForm input[type="text"]{width:100%; height:31px; border:1px solid #ddd; padding:0 10px;}
.interForm input[type="text"]:not(:last-child){margin-bottom:5px;}
.interBtn{display:flex; justify-content:space-between; width:15%; margin-left:5px;}
.interBtn button{width:100%; height:67px;}
.interBtn button:not(:last-child){}

.dateListTitle{font-size:18px; color:#111; margin:30px 0 5px; width:100%; line-height:1;}

#dateList{display:block; width:100%; margin:5px 0 0;}
#dateList li{width:100%; display:flex; border-bottom:1px solid #ddd; padding:5px 0; align-items:center; border-bottom:1px solid #ddd;}
#dateList li button{margin-left:auto; justify-self:flex-end;}
#dateList li a{display:flex; padding:5px 0; color:#333; align-items:center;}
#dateList li a::before{content:''; display:block; width:3px; height:3px; background:#333; border-radius:100%; margin-right:5px;}
#dateList li a span:not(:first-child){margin-left:20px;}


#datepicker{width:70%;}

.ui-datepicker-bigmonth{order:2; font-size:20px; color:#111; display:none;}
.ui-datepicker-title{}
.monthyear{order:1; display:flex; margin:0 5px 0 0;}
.ui-datepicker-month{font-size:20px; color:#111; order:2;}
.ui-datepicker-year{font-size:20px; color:#111; margin:0 5px 0 0; order:1;}
.ui-datepicker-year::after{content:'년';}
.ui-datepicker{}

.ui-state-default{color:#666;}
.ui-state-active{color:#dc3545; text-decoration:underline;}
#ui-state-default{margin: 0px !important; padding: 0px !important;}

#in_contents{display:block;}
#in_contents span{display:block; text-overflow:ellipsis; overflow:hidden; width:100%; white-space:nowrap;}

.ui-state-disabled span{color: white !important; position: absolute;}
.myimg{display: block; width: 500px; height: 580px; position: relative; bottom: 519px; left: 1250px;}

#calContents{display:none;}
.in_section{height: 0px; position: relative; top: -140px; width: 150px; padding: 0px !important; color: gray; right: 79px; font-size: 22px;}
.myhighlight{border: 5px solid #236ddd !important;}
	
#myCount{position: absolute; left: 1258px; top: 1189px; width: 450px; height: 100px; color: #F56C9B; font-size: 30px !important; font-weight: bold;}
#myNotice{position: relative; left: 2015px; background-color: black; width: 320px; height: 430px; bottom: 123px; color: white; font-size: 20px !important; border-radius: 15px; margin-top: -58px; }	


@media screen and (max-width:1400px){
	.cms-items__box > .items > .row > div{max-width:100% !important; flex:none !important; padding-left:0; padding-right:0;}
	.cms-items__box > .items > .row > #inter{padding:20px 0 0; margin-left:0;}
	.cms-items__box .items{padding:0;}
}