/*modal style*/
.modal-layer { display: none; position: relative; width: calc(100% - 40px); max-width: 800px; max-height: calc(100% - 40px); border-radius: 8px; box-sizing: border-box; background: #fff; overflow: hidden; animation: modalMotion .5s ease-out; }
.modal-layer-v1 { max-width: 620px; }

.dim-layer { display: none; position: fixed; top: 0; left: 0; z-index: 2000; width: 100%; height: 100%; }
.dim-layer-on { display: flex; }
.dim-layer .dim-bg { position: fixed; top: 0; left: 0; right: 0; width: 100%; height: 100%; margin: 0 auto; background: rgba(0, 0, 0, 0.6); -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); }
.dim-layer .modal-layer { display: block; }

.modal-group { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; }
.modal-container { height: 100%; background: #fff; overflow: auto; }
.modal-container .box-modal { height: calc(100% - 72px); padding: 40px 32px; box-sizing: border-box; background: #fff; overflow-y: auto; }

.modal-top { display: flex; justify-content: space-between; align-items: center; position: relative; height: 72px; padding: 0 20px 0 32px; border-bottom: 1px solid #eaeaea; box-sizing: border-box; background: #fff; }
.modal-top .modal-tit { font-size: 20px; font-weight: 700; color: #000; }
.modal-top .modal-close { width: 40px; height: 40px; border: none; background: url('../img/common/ico_close1.svg') center center no-repeat; }

.modal-group .btn-group-center { margin: 40px 0 0; }

/*하단 버튼 고정 시*/
.modal-container .box-modal-fix { padding-bottom: 0; }
.modal-container .box-modal-fix .btn-group-center-fix { position: sticky; bottom: 0; z-index: 1; margin-top: 0; padding: 40px 0; box-sizing: border-box; background: #fff; }


/*산업분류 모달창*/
.category-search { margin-bottom: 12px; padding: 12px 20px; border-radius: 4px; box-sizing: border-box; background: #f9f9f9; }
.category-search .search-group { display: flex; justify-content: space-between; align-items: center; width: 100%; }
.category-search .search-group .inp-search { width: 100%; height: 48px; padding: 0 16px; border: 1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; font-size: 16px; font-weight: 400; color: #000; transition: 0.2s all ease-out; }
.category-search .search-group .inp-search:hover { border-color: #23c7ff; }
.category-search .search-group .inp-search:focus { border-color: #000; }
.category-search .search-group .inp-search:disabled { border-color: #ddd; background: #f3f3f3; color: #bebebe; }
.category-search .search-group .inp-search:disabled::-ms-input-placeholder { color: #bebebe; }
.category-search .search-group .inp-search:disabled::-webkit-input-placeholder { color: #bebebe; }
.category-search .search-group .inp-search:disabled::-moz-placeholder { color: #bebebe; }

.category-search .search-group .btn-group { display: flex; align-items: center; margin-left: 8px; }
.category-search .search-group .btn-group .btn { display: flex; justify-content: center; align-items: center; width: 90px; height: 48px; margin-right: 8px; border: none; border-radius: 4px; box-sizing: border-box; font-size: 14px; font-weight: 400; transition: .2s all ease-out; }
.category-search .search-group .btn-group .btn:last-child { margin-right: 0; }
.category-search .search-group .btn-group .btn-search { background: #23c7ff; color: #fff; }
.category-search .search-group .btn-group .btn-refresh { border: 1px solid #dfdfdf; box-sizing: border-box; background: #fff; color: #000; }
.category-search .search-group .btn-group .btn-refresh img { margin-right: 4px; }

.category-group .tit { display: flex; align-items: center; padding: 12px 20px; border-bottom: 1px solid #dfdfdf; box-sizing: border-box; transition: .2s all ease-out; cursor: pointer; }
.category-group .tit:hover { background: #f2fcff; }
.category-group .tit:before { content: ''; display: block; width: 16px; height: 16px; margin-right: 8px; border: 1px solid #dfdfdf; border-radius: 2px; box-sizing: border-box; background: url('../img/common/ico_plus1.svg') center center no-repeat #f9f9f9; }
.category-group .tit .menu { max-width: calc(100% - 24px); font-size: 16px; font-weight: 400; color: #000; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.category-group .menu-group { display: none; }
.category-group .menu-group .tit { padding: 12px 28px; box-sizing: border-box; }
.category-group .menu-group .tit.active:before { background-image: url('../img/common/ico_minus1.svg'); }
.category-group .menu-group .tit .menu { max-width: calc(100% - 24px); }

.category-group .menu-group .depth { display: none; }
.category-group .menu-group .depth .tit:before { border: none; background-image: url('../img/common/ico_depth1.svg'); background-color: transparent; }
.category-group .menu-group .depth .tit .menu { color: #666; }

.category-group .highlight { color: #23c7ff; }


/*홍보 이미지/영상 등록 모달창*/
.modal-group .preview-group { width: 142px; height: 80px; margin-top: 12px; border-radius: 4px; box-sizing: border-box; overflow: hidden; }
.modal-group .preview-group img { display: block; width: 100%; }

.frm-display .list-frm { display: none; border-top: none; }
.frm-display .list-frm:first-child { display: flex; }


/*갤러리 뷰어 모달창*/
.modal-close-viewer { position: fixed; top: 20px; right: 20px; z-index: 1; width: 40px; height: 40px; border: none; background: url('../img/common/ico_close1_viewer.svg') center center no-repeat; background-size: contain; transition: .2s all ease-out; }
.modal-close-viewer:hover { background-image: url('../img/common/ico_close1_viewer_active.svg'); }

.modal-viewer { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); max-width: none; border-radius: 0; background: none; }
.modal-viewer .modal-container { background: none; }

.slide-viewer { position: relative; }
.slide-viewer .swiper-slide .img-group { max-width: 1024px; max-height: 100%; margin: 0 auto; }
.slide-viewer .swiper-slide .img-group img { display: block; max-width: 100%; max-height: 100%; margin: 0 auto; }
.slide-viewer .swiper-slide .video-group { max-width: 1024px; margin: 0 auto; }

.slide-tool-viewer .navigation-group { position: fixed; top: 50%; left: 0; right: 0; z-index: 10; width: 100%; }
.slide-tool-viewer .navigation-group .swiper-button-prev,
.slide-tool-viewer .navigation-group .swiper-button-next { width: 40px; height: 40px; background: center center no-repeat; background-size: contain; transition: .2s all ease-out; }
.slide-tool-viewer .navigation-group .swiper-button-prev { left: 20px; background-image: url('../img/main/ico_arrow_slide1_prev1.svg'); }
.slide-tool-viewer .navigation-group .swiper-button-next { right: 20px; background-image: url('../img/main/ico_arrow_slide1_next1.svg'); }
.slide-tool-viewer .navigation-group .swiper-button-prev:hover { background-image: url('../img/main/ico_arrow_slide1_prev1_active.svg'); }
.slide-tool-viewer .navigation-group .swiper-button-next:hover { background-image: url('../img/main/ico_arrow_slide1_next1_active.svg'); }
.slide-tool-viewer .navigation-group .swiper-button-prev:after,
.slide-tool-viewer .navigation-group .swiper-button-next:after { display: none; }

.slide-tool-viewer .pagination-group { display: flex; justify-content: center; align-items: center; position: fixed; left: 0; right: 0; bottom: 40px; z-index: 1; }
.slide-tool-viewer .pagination-group .swiper-pagination { display: flex; align-items: center; position: static; width: auto; font-size: 18px; font-weight: 400; color: #fff; }
.slide-tool-viewer .pagination-group .swiper-pagination .swiper-pagination-current { font-weight: 700; color: #23c7ff; }
.slide-tool-viewer .pagination-group .swiper-pagination .swiper-pagination-current,
.slide-tool-viewer .pagination-group .swiper-pagination-total { margin: 0 8px; }


/*팝업창*/
.modal-group-popup .dim-bg { -webkit-backdrop-filter: blur(0); backdrop-filter: blur(0); }
.modal-group-popup .modal-layer { width: auto; max-width: none; background: none; overflow: visible; }
.modal-group-popup .modal-container { background: none; overflow: visible; }

.slide-popup .slide-tool { margin-bottom: 20px; }
.slide-popup .slide-tool .pagination-group .swiper-pagination { position: static; }
.slide-popup .slide-tool .pagination-group .swiper-pagination-bullet { width: 12px; height: 12px; margin: 0 4px; border: 1x solid #bebebe; box-sizing: border-box; background: #fff; opacity: 1; }
.slide-popup .slide-tool .pagination-group .swiper-pagination-bullet-active { background: #23c7ff; }

.slide-popup .popup-tool { display: flex; justify-content: space-between; align-items: center; height: 36px; padding: 0 12px; border-bottom: none; box-sizing: border-box; background: #000; }
.slide-popup .popup-tool .btn-close { border: none; background: none; font-size: 14px; font-weight: 500; color: #fff; }
.slide-popup .popup-tool .btn-close2 { width: 20px; height: 20px; border: none; background: url('../img/common/ico_close1_popup.svg') center center no-repeat; }

.slide-popup .swiper { max-width: 1324px; overflow: visible; }
.slide-popup .swiper-slide { width: 320px; }
.slide-popup .swiper-slide img { display: block; width: 100%; margin: 0 auto; }


@media only screen and (max-width: 1324px) {
	/*modal style*/
	.modal-container .box-modal { height: calc(100% - 60px); padding: 24px 16px; box-sizing: border-box; }
	
	.modal-top { height: 60px; padding: 0 16px; box-sizing: border-box; }
	.modal-top .modal-tit { font-size: 18px; }
	.modal-top .modal-close { width: 24px; height: 24px; background-size: contain; }
	
	/*하단 버튼 고정 시*/
	.modal-container .box-modal-fix { padding-bottom: 0; }
	.modal-container .box-modal-fix .btn-group-center-fix { padding: 24px 0; box-sizing: border-box; }
	
	/*산업분류 모달창*/
	.category-search { padding: 12px; box-sizing: border-box; }
	.category-search .search-group { display: block; }
	.category-search .search-group .inp-search { height: 40px; font-size: 14px; }
	.category-search .search-group .btn-group { margin-top: 8px; margin-left: 0; }
	.category-search .search-group .btn-group .btn { width: 100%; height: 40px; }
	
	.category-group .tit { padding: 12px; box-sizing: border-box; }
	.category-group .tit .menu { font-size: 14px; line-height: 20px; }
	.category-group .menu-group .tit { padding: 12px 16px; box-sizing: border-box; }
	
	/*갤러리 뷰어 모달창*/
	.modal-close-viewer { width: 30px; height: 30px; }
	
	.modal-viewer + .slide-tool .navigation-group { top: auto; bottom: 30px; }
	.modal-viewer + .slide-tool .navigation-group .swiper-button-prev,
	.modal-viewer + .slide-tool .navigation-group .swiper-button-next { width: 30px; height: 30px; }
	
	.modal-viewer + .slide-tool .pagination-group { bottom: 30px; }
	.modal-viewer + .slide-tool .pagination-group .swiper-pagination { font-size: 14px; }
	
	/*팝업창*/
	.modal-group-popup .modal-layer { width: calc(100% - 40px); }
	
	.slide-popup { height: 100%; }
	.slide-popup .swiper { width: 320px; max-width: 100%; max-height: calc(100% - 40px); overflow: hidden; }
	.slide-popup .swiper-slide { max-width: 320px; }
}