/* font */
@import url('/resources/cms/css/fonts/NotoSansKR/NotoSanskr.css');
@import url('/resources/cms/css/fonts/NotoSerif/fonts.css');

/* common */
html{width:100%; height:100%; font-family:'NotoSansKR'; font-size:16px;}
body{width:100%; height:100%;}

*{box-sizing:border-box; font-family:'NotoSansKR'; margin:0; padding:0; letter-spacing:-0.03em;}
a{text-decoration:none; text-underline-position:under;}
a:hover{text-decoration:none;}
ul, ol{list-style:none; margin-bottom:0;}
p{margin-bottom:0;}
table{width:100%; border-collapse:collapse; border-spacing:0;}

img{max-width:100%;}

/* common class */
.justify-self-end{justify-self:flex-end; margin-left:auto;}
.justify-self-start{justify-self:flex-start; margin-right:auto;}


/* header */
.cms-header{background:#fff; display:flex; align-items:center; height:50px; padding:0 20px; width:100%; justify-content:space-between;}
.cms-header__logo{display:flex; align-items:center;}
.cms-header__logo .logo{margin:0; line-height:1; font-size:0;}
.cms-header__modify{display:block; width:18px; height:18px; background:url('/resources/cms/images/logo_icon.png') no-repeat 0 0; text-indent:-9999px; overflow:hidden; margin-left:10px;}
.cms-header__search{margin-left:140px; display:flex; align-items:center;}
.cms-header__search form{display:flex; align-items:center;}
.cms-header__search .search{display:block; margin:0 0 0 10px;}
.cms-header__search .search::before{content:'\f002'; font-size:18px; color:#333; font-family:'Font Awesome 5 Free'; font-weight:900; }

.cms-header__search input{height:50px; font-size:14px; width:350px; border:0; border-bottom:1px solid #ddd; padding:0 10px;}
.cms-header__search .mobileMenu{display:none;}

.cms-header__cont{display:flex; align-items:center;}

.depth3_w{position: relative;}
.depth3_w > a{position: relative;}
.depth3_w > a:after{position: absolute; display: block; content: ''; width: 11px; height: 22px; background: url(/resources/cms/img/header/icon_next.png) no-repeat center / auto 100%; top: 2px; right: -20px;}

.sub_3depth.on{display: block;}
.sub_3depth{position: absolute; right: 100%; width: 100%; top: 0; min-width: 200px; display: none;}
#mode_light > a{background: url(/resources/cms/img/header/icon_light.png) no-repeat center left / auto 100%; padding-left: 30px;}
#mode_dark > a{background: url(/resources/cms/img/header/icon_dark.png) no-repeat center left / auto 100%; padding-left: 30px;}
#mode_n_time > a{background: url(/resources/cms/img/header/icon_n_time.png) no-repeat center left / auto 100%; padding-left: 30px;}
#mode_set > a
{background: url(/resources/cms/img/header/icon_settings.png) no-repeat center left / auto 100%; padding-left: 30px;}

/* footer */
.cms-footer{display:flex; justify-content:flex-end; padding:15px 30px; align-items:center; position:fixed; bottom:0; right:0; z-index:9;}
.cms-footer a{font-size:14px; color:#999; display:flex; align-items:center; margin-right:10px; line-height:1;}
.cms-footer a::after{content:''; display:block; width:1px; height:10px; background:#999; margin-left:10px;}
.cms-footer span{font-size:14px; color:#999; line-height:1;}

.cms-footer__credit{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.93); display:flex; justify-content:center; align-items:center; opacity:0; visibility:hidden; transition:all .5s; z-index:99999;}
.cms-footer__credit.active{visibility:visible; opacity:1;}
.cms-footer__creditWrap{text-align:center; position:absolute; top:100%;}
.cms-footer__credit.active .cms-footer__creditWrap{animation:footerCreditAnimate 40s infinite;}
.cms-footer__credit.active .cms-footer__creditWrap:hover{animation-play-state:paused;}

@keyframes footerCreditAnimate{
	from{
		top:100%;
	}
	to{
		top:-100%;
	}
}

.credit-item{}
.credit-item__title{font-family:'NotoSerif'; color:#fff; font-size:20px; margin:0 0 25px;}
.credit-item__text{font-size:16px; color:#fff;}
.credit-item__program{margin-bottom:60px;}

.credit-item__list{display:inline-block; margin:0 0 80px;}
.credit-item__list li{display:flex; align-items:flex-start;}
.credit-item__list li:not(:last-child){margin-bottom:25px;}
.credit-item__list li .title,
.credit-item__list li .text{font-size:16px;}
.credit-item__list li .title{color:#999; text-align:right; min-width:100px; margin-right:40px;}
.credit-item__list li .text{color:#fff; text-align:left;}

.credit-item__copyright{font-size:8px; color:#888; margin-top:20px;}
.credit-item__copyright span{color:#555;}

/* contents */
.cms-contents{display:flex; height:calc(100% - 50px); background:#f4f4f4; position:relative;}

/* menu */
.cms-menu{display:flex; flex-direction:column; width:3px; background:#d63d3d; padding:15px 0 0; transition:all .5s; height:100%; position:relative;}
.cms-menu.active{width:15%; _background:transparent;}

.cms-menu::before,
/* .cms-menu::after{content:''; display:block; position:absolute; height:100%; top:0; transition:all .5s; visibility:hidden; opacity:0;} */
/* .cms-menu::before{width:75px; background:#9f2d2d; left:0;} */
.cms-menu::after{width:calc(100% - 75px); background:#d63d3d; right:0;}

.cms-menu.active::before,
.cms-menu.active::after{visibility:visible; opacity:1;}

.cms-menu__wrap{overflow-x:hidden; overflow-y:auto; height:100%; flex:1; position:relative; z-index:2;}

.cms-menu__control{display:flex; /* justify-content:flex-end; */ position:relative; z-index:2; padding:0; margin:0; /* overflow:hidden; */ max-height:0; opacity:0; transition:all .5s; white-space:nowrap;}
.cms-menu.active .cms-menu__control{padding:0 10px 0 0; margin:0 0 15px; opacity:1; max-height:200px;}

.cms-menu__control button{color:#fff; font-size:14px; border-radius:3px; background:#9f2d2d; margin-left:10px; border:0; padding:5px 10px;}
.cms-menu button.menuCloseBtn{position: absolute; right: 10px; z-index: 9999; width:25px; background-color: #d63d3d; color: #fff; border: 1px solid #d63d3d;}
.cms-menu button.menuCloseBtn.on{position: relative; right: 0; width: 25px;}

.cms-menu__setting{position:relative; margin:0 0 10px;}
.cms-menu__setting .link{display:flex; height:45px; padding:0 0 0 25px; align-items:center; position:relative; transition:all .5s; position:relative; z-index:2;}
.cms-menu__setting .link:hover{background:#9f2d2d;}
/* .cms-menu__setting .link::before{margin-right:0; transition:all .5s; content:'\f0ad'; display:block; font-size:20px; color:#fff; font-family:'Font Awesome 5 Free'; font-weight:900; width:20px;} */
.cms-menu__setting .link span{font-size:14px; color:#fff; visibility:hidden; opacity:0; transition:all .5s; max-width:0; overflow:hidden; white-space:nowrap; font-weight:500;}

.cms-menu__setting .arrow{display:flex; box-sizing:content-box; transition:all .5s; position:absolute; width:25px; height:45px; justify-content:center; align-items:center; right:-25px; top:50%; transform:translateY(-50%) rotate(180deg); border-radius:3px 0 0 3px; transform-origin:center; z-index:2; background-color:#9f2d2d;}
.cms-menu__setting .arrow::before{font-family:'Font Awesome 5 Free'; font-weight:900; content:'\f104'; color:#fff;}

.cms-menu.active .cms-menu__setting .link{padding:0 20px 0 25px;}
.cms-menu.active .cms-menu__setting .link span{visibility:visible; opacity:1; max-width:100%;}
.cms-menu.active .cms-menu__setting .link::before{margin-right:55px;}

.cms-menu.active .cms-menu__setting .arrow{max-width:100%; right:0; width:15px; height:15px; padding:15px; transform:translateY(-50%) rotate(0deg);}
.cms-menu.active .cms-menu__setting .arrow{background-color:transparent;}
.cms-menu.active .cms-menu__setting .arrow:hover{background-color:#9f2d2d;}

.cms-menu__title{font-size:12px; color:transparent; font-weight:500; line-height:1; padding-left:0; margin:20px 0; font-size:12px; transition:all .5s; position:relative;}
.cms-menu__title::before{content:''; display:block; width:14px; height:1px; background:#fff; position:absolute; top:50%; transform:translateY(-50%); left:28px; opacity:1; transition:all .5s;}

.cms-menu.active .cms-menu__title{color:#fff; padding-left:100px;}
.cms-menu.active .cms-menu__title::before{opacity:0;}

.cms-menu__list{transition:all .5s; padding-bottom:20px;}
.cms-menu__list:not(:last-child){margin-bottom:20px;}
.cms-menu.active .cms-menu__list:not(:last-child){margin-bottom:40px;}

.cms-menu__list > li{}
.cms-menu__list > li:not(:last-child){margin-bottom:5px;}
.cms-menu__list > li > a{display:flex; align-items:center; height:35px; padding-left:25px; transition:all .5s;}
/* .cms-menu__list > li > a::before{content:''; display:block; transition:all .5s; margin-right:0; font-family:'Font Awesome 5 Free'; font-weight:900; color:#eee; font-size:20px; width:20px;} */
.cms-menu__list > li > a:hover{background:#9f2d2d;}

/* .cms-menu__list > li:nth-child(1) > a::before{content:'\f5fd';}
.cms-menu__list > li:nth-child(2) > a::before{content:'\f03e';}
.cms-menu__list > li:nth-child(3) > a::before{content:'\f00b';}
.cms-menu__list > li:nth-child(4) > a::before{content:'\f022';}
.cms-menu__list > li:nth-child(5) > a::before{content:'\f073';}
.cms-menu__list > li:nth-child(6) > a::before{content:'\f2bd';}
.cms-menu__list > li:nth-child(7) > a::before{content:'\f1c0';}
.cms-menu__list > li:nth-child(8) > a::before{content:'\f1ec';} */

.cms-menu__list > li > a span{font-size:14px; color:#fff; line-height:1; visibility:hidden; opacity:0; transition:all .5s; max-width:0; transition:all .5s; white-space:nowrap; font-weight:500;}

.cms-menu.active .cms-menu__list > li > a{padding-left:25px;}
.cms-menu.active .cms-menu__list > li > a::before{margin-right:55px;}
.cms-menu.active .cms-menu__list > li > a span{visibility:visible; opacity:1; max-width:100%;}

.cms-menu__list > li > ul{max-height:0; overflow:hidden; transition:all .5s; opacity:0; margin-bottom:0; white-space:nowrap;}
.cms-menu.active .cms-menu__list > li > a.active + ul{opacity:1; margin-bottom:30px; max-height:2000px;}


.cms-menu__list > li > ul > li:first-child{margin-top:10px;}
.cms-menu__list > li > ul > li:not(:last-child){margin-bottom:12px;}
.cms-menu__list > li > ul > li{}
.cms-menu__list > li > ul > li > a{font-size:13px; color:#fff; line-height:1.3; display:flex; align-items:center; padding-left:40px; font-weight:200;}
.cms-menu__list > li > ul > li > a:hover{text-decoration:underline;}
.cms-menu__list > li > ul > li > a::before{content:''; display:block; width:3px; height:3px; background:#fff; border-radius:100%; margin:0 5px 0 0;}
.cms-menu__list > li > ul > li > ul{margin-top:15px;}
.cms-menu__list > li > ul > li > ul > li{}
.cms-menu__list > li > ul > li > ul > li:not(:last-child){margin-bottom:10px;}
.cms-menu__list > li > ul > li > ul > li > a{font-size:12px; color:#fff; line-height:1.3; display:flex; align-items:center; padding-left:60px; font-weight:200;}
.cms-menu__list > li > ul > li > ul > li > a:hover{text-decoration:underline;}
.cms-menu__list > li > ul > li > ul > li > a::before{content:''; display:block; width:3px; height:3px; background:#fff; border-radius:100%; margin:0 5px 0 0;}

/*
.cms-menu.active .cms-menu__list > li > ul{max-height:500px; opacity:1; margin-bottom:30px;}
*/


/* item */
.cms-contents__item{flex:1; height:100%; padding:30px 30px; position:relative; overflow-x:hidden; overflow-y:auto;}
.cms-contents__title{font-size:30px; color:#333; font-weight:600; display:flex; align-items:flex-end; line-height:1; margin:0 0 20px;}

.cms-contents__tooltip{display:flex; justify-content:center; align-items:center; font-size:14px; color:#999; margin-left:15px; color:#e5e5e5; background:#bbb; border-radius:100%; width:20px; height:20px; border:0; transition:all .3s; font-weight:600; text-indent:-2px; position:relative; top:-2px;}
.cms-contents__tooltip:hover{background:#000;}

/* dashboard */
.cms-menu.active + .cms-contents__item .cms-dashboard .cms-dashboard__item{width:480px;}
.cms-menu.active + .cms-contents__item .cms-dashboard .cms-dashboard__graph{width:990px;}

.cms-dashboard{}
.cms-dashboard__item,
.cms-dashboard__graph{background:#fff; box-shadow:3px 3px 3px rgba(0,0,0,0.1); border-radius:3px; margin-bottom:20px; transition:width .5s;}
.cms-dashboard__item{width:360px;}
.cms-dashboard__item .title{display:flex; justify-content:space-between; height:65px; align-items:center; padding:0 20px 0 30px; border-bottom:1px solid #ddd;}
.cms-dashboard__item .title p{margin:0;}
.cms-dashboard__item .title a{display:block; transition:all .5s; width:29px; height:29px; background:url('/resources/cms/images/more.png') no-repeat 0 0;}
.cms-dashboard__item .title a:hover{background-image:url('/resources/cms/images/more_over.png');}
/*
.cms-dashboard__item .title a::before{content:'\f055'; font-family:'Font Awesome 5 Free'; font-weight:900; color:#ccc; font-size:30px; transition:all .5s;}
.cms-dashboard__item .title a:hover::before{color:#333;}
*/
.cms-dashboard__item .list{display:flex; height:130px;}
.cms-dashboard__item .list a{display:flex; flex:1; align-items:center; justify-content:center; position:relative;}
.cms-dashboard__item .list a:not(:last-child)::after{content:''; display:block; width:1px; height:50px; background:#ddd; position:absolute; top:50%; transform:translateY(-50%); right:0;}
.cms-dashboard__item .list a i{margin-right:20px; font-size:40px; color:#ccc;}
.cms-dashboard__item .list a span{font-size:14px; color:#333; line-height:1;}
.cms-dashboard__item .list a span small{font-size:13px; color:#666; line-height:1; display:block; margin:0 0 5px;}
.cms-dashboard__item .list a span strong{display:block; font-size:40px; color:#333; font-weight:600; line-height:1;}

.cms-dashboard__item .board{}
.cms-dashboard__item .board li{}
.cms-dashboard__item .board li a{display:flex; align-items:center; height:50px; transition:all .5s; padding:0 30px;}
.cms-dashboard__item .board li a:hover{background:#f0f0f0;}
.cms-dashboard__item .board li a span{font-size:14px;}
.cms-dashboard__item .board li a .subject{flex:1; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cms-dashboard__item .board li a .date{color:#999; margin-left:15px;}

.cms-dashboard__item #calendar{height:400px;}

.cms-dashboard__graph{width:750px; padding-bottom:20px;}
.cms-dashboard__graph .title{display:flex; padding:40px 0 0 45px; align-items:center; margin:0 0 20px;}
.cms-dashboard__graph .title i{font-size:40px; color:#ccc; margin-right:20px;}
.cms-dashboard__graph .title p{font-size:40px; color:#333; font-weight:600; line-height:1; margin:0;}
.cms-dashboard__graph .title small{font-size:13px; color:#666; line-height:1; margin-left:10px;}
.cms-dashboard__graph .graphItem{width:95%; height:217px; margin:0 auto;}

/* login */
.cms-login{height:100%; background:#D63D3D; display:flex; justify-content:center; align-items:center; flex-direction:column; position:relative;}

.cms-login__title{margin:0 0 60px; width:100%; overflow:hidden; opacity:0; animation:titleAnimate 5s forwards;}

@keyframes titleAnimate{
	from{
		opacity:0;
	}
	to{
		opacity:1;
	}
}

.cms-login__title p{font-size:50px; color:#fff; font-weight:900; text-align:center;}
.cms-login__title .slick-track{display:flex;}
.cms-login__title .slick-list{}
.cms-login__title .slick-slide{}

.cms-login form{display:block; width:100%;}
.cms-login__item{width:500px; margin:0 auto;}
.cms-login__item .input{height:66px; position:relative;}
.cms-login__item .input:not(:first-child){margin-top:20px;}
.cms-login__item .input input{display:block; width:100%; height:66px; background:transparent; border:0; border-bottom:1px solid rgba(255, 255, 255, .15); padding:0 0 0 25px; color:#fff; font-size:15px;}
.cms-login__item .input label{position:absolute; top:50%; transform:translateY(-50%); right:76%; font-size:15px; color:#fff; transition:all .7s; width:100px; text-align:left;}
.cms-login__item .input input:focus{outline:0;}
.cms-login__item .input input:focus + label,
.cms-login__item .input.active label{right:0; right:20px; opacity:0.2; text-align:right;}
.cms-login__item .loginBtn{display:block; width:100%; height:66px; background:rgba(255, 255, 255, .15); font-size:16px; color:#fff; font-weight:900; border:0; margin:30px 0 0; transition:all .5s;}
.cms-login__item .loginBtn:hover{background:#fff; color:#D63D3D;}

.cms-login__btn{position:absolute; bottom:60px; right:60px;}
.cms-login__btn a{font-size:15px; color:#fff; font-weight:200;}
.cms-login__btn a:not(:last-child){margin-right:20px;}
.cms-login__btn a:not(:last-child)::after{content:'/'; margin-left:20px;}

/* tab */
.cms-contents__tab{display:inline-flex; padding:10px; align-items:center; background:#ebeaea; border-radius:10px; margin:0 0 40px;}
.cms-contents__tab a{display:flex; align-items:center; justify-content:center; padding:0 30px; height:40px; background-color:transparent; transition:all .5s; font-size:14px; color:#999; font-weight:500; border-radius:10px;}
.cms-contents__tab a:not(:last-child){margin-right:10px;}
.cms-contents__tab a:hover,
.cms-contents__tab a.active{background-color:#fff; color:#CB3333;}

/* items */
.cms-items{margin:0 0 20px;}
.cms-items__box{background:#fff; width:100%; box-shadow:3px 3px 3px rgba(0,0,0,0.1); padding:20px 5px; border-radius:5px;}
.cms-items__box:not(:first-child){margin-top:30px;}
.cms-items__box .title{display:flex; height:80px; border-bottom:1px solid #ddd; padding:0 30px; align-items:center;}
.cms-items__box .title p{font-size:16px; color:#333; line-height:1;}
.cms-items__box .title .modify{margin-left:10px;}
.cms-items__box .items{padding:30px;}
.cms-items__box .address{position:relative;}
.cms-items__box .address .addressBtn{position:absolute; right:20px; top:50%; transform:translateY(-50%);}

/* upload file */
.upload-file{display:flex;}
.upload-file input[type="file"]{display:none;}
.upload-file input[type="text"]{flex:1;}
.upload-file label{display:flex; align-items:center; margin-left:0.25rem; margin-bottom:0;}

/* gallery */
.board-gallery{display:flex; flex-wrap:wrap; padding-left:20px; border-top:2px solid #a00f16; padding-top:20px;}
.board-gallery li{width:calc(25% - 20px);}
.board-gallery li:not(:nth-child(4n)){margin-right:20px;}
.board-gallery li:not(:nth-child(-n + 4)){margin-top:20px;}
.board-gallery li a{display:block;}
.board-gallery__img{}
.board-gallery__img img{}
.board-gallery__txt{border:1px solid #ddd; padding:20px;}
.board-gallery__txt .category{display:block; font-size:14px; line-height:1; font-weight:700; color:#a00f16; margin:0 0 10px;}
.board-gallery__txt .subject{display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:16px; color:#333; line-height:1;}
.board-gallery-view{display:flex; justify-content:space-between;}
.board-gallery-view .slider{width:50%;}
.board-gallery-view__item{flex:1; margin-left:20px; padding:20px 0 0;}

/* 20230324 교수진 관리 탭메뉴 추가 - 차성훈 */
.tab-menu-inner {display: flex;}
.tab-menu-inner li{background-color: #ffffff; border: 1px solid #dee2e6; border-right: none; cursor: pointer; color: #007bff; width: 120px; padding: 10px 0; text-align: center;}
.tab-menu-inner li.on{background-color: #f6f6f6;}
.tab-menu-inner li:last-child{border-right: 1px solid #dee2e6;}

/* 20230809 시스템관리 > dashboard 다크모드 관련 수정 */
.custom-box {background: #fff;box-shadow: 3px 3px 3px rgb(0 0 0 / 10%);border-radius: 5px;}

@media screen and (max-width:1400px){
	.cms-menu.active + .cms-contents__item .cms-dashboard .cms-dashboard__item{width:360px;}
	.cms-menu.active + .cms-contents__item .cms-dashboard .cms-dashboard__graph{width:750px;}
	
}

@media screen and (max-width:1024px){
	
	.cms-header{justify-content:space-between; padding:0 20px; position:relative; z-index:99999;}
	.cms-header__search{margin:0;}
	.cms-header__search .search{order:2; margin:0;}
	.cms-header__search input{order:1; position:absolute; top:100%; left:0; z-index:99; width:100%; border-top:1px solid #ddd; height:50px; visibility:hidden; opacity:0; transition:all .5s;}
	.cms-header__search input.active{visibility:visible; opacity:1;}
	.cms-header__search .mobileMenu{display:block; margin-left:10px;}
	
	.cms-menu{position:absolute; width:50%; top:0; left:-100%; z-index:9999; transition:all .5s cubic-bezier(.72,.01,.29,1); animation:mobileMenu 0.1s normal;}
	.cms-menu.active{left:0; width:90%;}
	
	@keyframes mobileMenu{
		0%{
			left:-100%
		}
		100%{
			left:-100%
		}
	}
	
	.cms-menu .cms-menu__setting .link{padding:0 20px 0 40px;}
	.cms-menu .cms-menu__setting .link span{visibility:visible; opacity:1; max-width:100%;}
	
	.cms-menu .cms-menu__title{color:#fff;}
	.cms-menu .cms-menu__title::before{opacity:0;}
	
	.cms-menu .cms-menu__list > li > a{padding-left:40px;}
	.cms-menu .cms-menu__list > li > a span{visibility:visible; opacity:1; max-width:100%;}
	.cms-menu .cms-menu__list > li > ul{/* max-height:2000px; */}
	
	.cms-contents__item{padding:25px 20px;}
	.cms-contents__item::before{content:''; display:block; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.9); z-index:999; transition:all .5s; opacity:0; visibility:hidden;}
	
	.cms-menu.active + .cms-contents__item::before{visibility:visible; opacity:1;}
	
	.cms-dashboard__item{width:100%;}
	.cms-menu.active + .cms-contents__item .cms-dashboard .cms-dashboard__item{width:100%;}
	.cms-dashboard__graph{width:100%;}
	.cms-menu.active + .cms-contents__item .cms-dashboard .cms-dashboard__graph{width:100%;}
	.cms-dashboard__graph .title{padding:20px;}
	
	.cms-footer{position:relative;}
	
	.credit-item__title{font-size:18px;}
	.credit-item__list{padding:0 20px;}
	.credit-item__list li .title, .credit-item__list li .text{font-size:14px;}
	.credit-item__copyright{padding:0 20px; font-size:12px;}
	
	.cms-login form{padding:0 20px;}
	.cms-login__title p{font-size:30px; padding:0 20px; word-break:keep-all;}
	.cms-login__item{width:100%;}
	.cms-login__btn{position:relative; right:0; bottom:0; white-space:nowrap; margin:20px 0 0;}
	
}

@media screen and (max-width:640px){
	.cms-contents__title{flex-wrap:wrap;}
	.cms-contents__title small{width:100%; margin-left:0; margin-top:10px;}
	
	.cms-dashboard__item .list{height:100px;}
	
	.cms-dashboard__graph .title p{font-size:34px;}
	.cms-dashboard__item .list a span strong{font-size:34px;}
	
	.cms-login__item .input label{right:65%;}
	
	.cms-header__logo .logo{width:160px;}
}

@media screen and (max-width:480px){
	.cms-items__box{padding:10px;}
	#dateList li a span{font-size:15px;}
	#dateList li a span:not(:first-child){margin-left:10px;}
}

/*ck editor editable area CSS*/
.ck-editor__editable_inline:not(.ck-comment__input *) {
	 min-height: 200px;
	 overflow-y: auto;
 }
 
 
 /* 화면관리 > 메인 화면 관리 > 블록형 */
 .select_block{min-height: 800px; display: flex; background: #fefefe;}
 .select_block > .item{padding: 30px;}
 
 
 .blockicon_w{display: flex; gap: 15px; flex-wrap: wrap; align-content: flex-start; max-width: 625px;}
 .blockicon_w > .blockBtn{display: block; width: calc(50% - 8px);}
 
 .cont_w.item{max-width: calc(100% - 32%); width: 100%;}
 .cont_w.item .block_item:not(:last-child){margin-bottom: 50px;}
 .block_item .top{display: flex; justify-content: space-between; margin-bottom: 25px;}
 .top h5{font-size: 26px; font-weight: 600; color: #666;}
 .block_item .top .button_w{border: 1px solid #ccc; border-radius: 5px; overflow: hidden; box-sizing: border-box; display: flex;cursor: pointer}
 .block_item .top .button_w div{text-indent: -99999px; font-size: 0; width: 40px; height: 40px; border-right: 1px solid #ccc; background: url("") no-repeat center; box-sizing: border-box;}
 .block_item .top .button_w div:last-child{border-right: 0;}
  .block_item .top .button_w div:nth-last-child(-n+2){background-color: #787878;}
 
 .block_item .top .button_w .delete{background-image: url("/resources/cms/img/icon_delete.svg");}
  .block_item .top .button_w .copy_b{background-image: url("/resources/cms/img/icon_copy.svg");}
   .block_item .top .button_w .edit{background-image: url("/resources/cms/img/icon_edit.svg");}
    .block_item .top .button_w .up{background-image: url("/resources/cms/img/up_arrow.svg");}
     .block_item .top .button_w .down{background-image: url("/resources/cms/img/down_arrow.svg");}
 

 
 /*########## common ##########*/
.img_w + h4[class^="cont_tit"]{margin-top: 40px;}
h4[class^="cont_tit"]{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 15px; word-break: keep-all; color: var(--background-dark-color); font-weight: var(--font-w600);}
.cont_tit40{font-size: 40px;}
.cont_tit36{font-size: 36px;}
.cont_tit30{font-size: 30px;}

p[class^="cont_text_line"]{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; line-height: 1.75;}
.cont_text_line5{-webkit-line-clamp: 5;}
.cont_text_line4{-webkit-line-clamp: 4;}
.cont_text_line3{-webkit-line-clamp: 3;}
.cont_text_line2{-webkit-line-clamp: 2;}

 .cont_w.item a:hover .hover-line{background-size: 100% 3px;}
 .cont_w.item .hover-line{background-image: linear-gradient(var(--background-dark-color),var(--background-dark-color)); background-position: 0 100%; background-repeat: no-repeat; background-size: 0 3px; transition: background-size .3s; position: relative;}
 .cont_w.item .hover-line._w{background-image: linear-gradient(#fff, #fff);}

 .cont_w.item a .img_w{overflow: hidden;}
 .cont_w.item a .img_w img{transition: .3s; width: 100%;}
 .cont_w.item a:hover .img_w img{transform: scale(1.03, 1.03);}

 .cont_w.item .border_bottom{border-bottom: 1px solid #DBDBDB;}

/* flexbox */
 .cont_w.item .flexbox{display: flex; gap: 45px;}
 .cont_w.item .flexbox[class*="col"]{flex-wrap: wrap; margin-right: -45px;}
 .cont_w.item .flexbox.col2 > div{width: calc(50% - 45px);}
 .cont_w.item .flexbox.col3 > div{width: calc(33.333% - 45px);}

/* btn */
 .cont_w.item .btn_more{position: relative; padding-left: 65px; display: inline-flex !important; align-items: center; height: 50px !important; font-weight: var(--font-w600); color: var(--background-dark-color); margin-top: 40px; transition: .3s;}
 .cont_w.item .btn_more:before{content: ""; position: absolute; left: 0; top: 0; width: 50px; height: 50px; background: #656F77 url("/resources/user/_common/_layout/mwtype1/images/common/icon_direct.svg") no-repeat center; border-radius: 100%; transition: .3s;}
 .cont_w.item .btn_more._w{color: #fff;}
 .cont_w.item .btn_more._w:before{border: 1px solid #fff; background-color: transparent;}
 .cont_w.item a:hover .btn_more{color: #222222;}
 .cont_w.item a:hover .btn_more:before{background-color: #222222;}
 .cont_w.item a:hover .btn_more._w{color: #fff;}
 .cont_w.item a:hover .btn_more._w:before{background-color: #fff; background-image: url("/resources/user/_common/_layout/mwtype1/images/common/icon_direct_bk.svg");}

/* select box */
 .cont_w.item .mv_selectbox{width: 100%; max-width: 240px; height: 50px; background: url("../images/common/icon_selctbox.svg") no-repeat center right 20px; border: 1px solid #fff; border-radius: 5px; padding: 8px 30px; margin-bottom: 30px;}
.mv_selectbox option{color: var(--background-dark-color);}

/* exception block */
 .cont_w.item div[class^="block_"] .flexbox > div > a{display: block; height: 100%;}
.cont_w.item .block_item > div:not(.top){zoom: 0.8; border: 1px dashed #ccc; padding: 30px;}






/*########## mainVisual ##########*/
 .cont_w.item #mainVisual{background: url('') center center no-repeat; background-size: cover; padding:75px 80px 60px; color: #fff; position: relative; }
 .cont_w.item #mainVisual:before{content: ""; display: block; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(17, 17, 17, .25) 30%,rgba(17, 17, 17, .52) 40%,#111111 100%); position: absolute; top: 0; left: 0;}
 .cont_w.item #mainVisual .inner{position: relative; z-index: 1;}
 .cont_w.item #mainVisual .flexbox{gap: 40px;}
 .cont_w.item #mainVisual .flexbox > *{width: 50%;}
 .cont_w.item #mainVisual .main_tit{font-size: 50px; font-weight: var(--font-w600); flex-shrink: 0;}
 .cont_w.item #mainVisual .main_text{color: #eee;}
 .cont_w.item #mainVisual .main_text p{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; font-size: 18px; line-height: 2;}
 .cont_w.item #mainVisual .main_text .btn_more{color: #eee;}

/* text updow ver */
 .cont_w.item #mainVisual.ver_text_updown .inner{text-align: center;}
 .cont_w.item #mainVisual.ver_text_updown .flexbox{flex-direction: column; align-items: center;}
 .cont_w.item #mainVisual.ver_text_updown .flexbox > *{width: 100%;}
 .cont_w.item #mainVisual.ver_text_updown .main_text p{max-width: 780px; margin: 0 auto;}

/*########## block_1 ##########*/
 .cont_w.item .block_1 .flexbox{gap: 0; margin-right: 0;}
 .cont_w.item .block_1 .flexbox.col2 > div{width: 50%;}
 .cont_w.item .block_1 .flexbox .textbox > a{padding: 75px 100px; background: #fff;}
 .cont_w.item .block_1 .flexbox img{width: 100%; height: 100%;}
 .cont_w.item .block_1 .flexbox .textbox p{line-height: 1.85;}

/*########## block_2 ##########*/
 .cont_w.item .block_2 .flexbox > div a{background-color: #F3F4F4; padding: 50px; padding-bottom: 140px; position: relative;}
 .cont_w.item .block_2 .btn_more{position: absolute; bottom: 50px; left: 50px;}

/*########## block_3 ##########*/
 .cont_w.item .block_3 .flexbox > a:nth-child(1) img{aspect-ratio: 778 / 446;}
 .cont_w.item .block_3 .flexbox > a:nth-child(2) img{aspect-ratio: 367 / 320;}
 .cont_w.item .block_3 .flexbox > a:nth-child(3) img{aspect-ratio: 367 / 446;}

/*########## block_4 ##########*/
 .cont_w.item .block_4{}
 .cont_w.item .block_4 a{display: block; position: relative;}
 .cont_w.item .block_4 .cont_tit_w{position: absolute; padding: 40px; bottom: 0; width: 100%; z-index: 2;}
 .cont_w.item .block_4 .cont_tit_w h4{color: #fff;}
 .cont_w.item .block_4 a .img_w{position: relative;}
 .cont_w.item .block_4 a .img_w:before{content: ""; display: block; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(17, 17, 17, .25) 30%,rgba(17, 17, 17, .52) 40%,#111111 100%); position: absolute; top: 0; left: 0; z-index: 1;}

/*########## block_5 ##########*/
 .cont_w.item .block_5 .cont_w{padding: 40px; padding-bottom: 140px; background-color: #F3F4F4; position: relative; min-height: calc(100% - 290px); display: block;}
 .cont_w.item .block_5 .cont_w .btn_more{position: absolute; bottom: 50px; left: 40px;}

/*########## block_6 ##########*/
 .cont_w.item .block_6 h4{ -webkit-line-clamp: 1;}
 .cont_w.item .list_w a{height: auto !important;}
 .cont_w.item .list_w a:not(:last-child){padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #DBDBDB;}
 .cont_w.item .list_w a .flexbox > div:nth-child(1){width: calc(100% - 230px);}

/*########## block_7 ##########*/
 .cont_w.item .block_7{background-color: #F3F4F4; padding: 50px 0;}
 .cont_w.item .block_7 .inner{position: relative;}
 .cont_w.item .slider_w{display: flex; gap: 20px; padding: 0 100px;}
 .cont_w.item .slider_w .slick-slide{margin: 0 22px;}
 .cont_w.item .slick-arrow{text-indent: -99999px; font-size: 0; width: 26px; height: 50px; background: url("/resources/user/_common/_layout/mwtype1/images/common/arrow_left.svg") no-repeat center; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
 .cont_w.item .slick-prev{left: 30px;}
 .cont_w.item .slick-next{right:30px; left: auto; transform: rotate(180deg) translateY(50%);}