File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
@charset "UTF-8";
/* CSS Document */
.wrap-layer-popup { display:none; align-items:center; justify-content:center; position:fixed; z-index:991;left:0; top:0; width:100%; height:100%; }
.wrap-layer-popup.popup-open { display: flex;}
.wrap-layer-popup.popup-open > .inner-layer-popup { animation:innerPpopup 0.3s both; }
.wrap-layer-popup.prev-popup { z-index: 989;}
.wrap-layer-popup > .inner-layer-popup { position:relative; display:flex; flex-wrap:wrap; align-content:stretch; width:400px; max-height:100%; height:auto; opacity:0; border-radius:20px; overflow:hidden; }
.wrap-layer-popup .wrap-layer-popup-title { width:100%; padding:1em 2em; background:#fff;}
.wrap-layer-popup .wrap-layer-popup-title h1 { margin:0; font-size:18px; font-weight:700; line-height:30px;}
@keyframes innerPpopup { from { opacity:0; transform:translateY(-30%) } to { opacity:1; transform:translateY(0px); } }
.wrap-layer-popup .layer-popup-contents { position:relative; width:100%; max-height:calc(100% - 50px); overflow-y:auto; background:#fff; padding:1em 2em 2em;}
.wrap-layer-popup .layer-popup-bottom { display:flex; border-top:1px solid #ededed; width:100%; padding:10px; background:#fff; }
.popup-dimmed { position: fixed; z-index: 990; left: 0; top: 0; width: 100%; height: 100%; background-color:rgba(0,0,0,.5); backdrop-filter:blur(10px); transition: opacity .2s;}
.scroll-lock { overflow: hidden;}
.wrapper { width: 900px; margin: 0 auto;}
.hidden { position:relative; z-index:-1; display:inline-block; overflow:hidden; height:1px; width:1px; border:0; clip:rect(1px,1px,1px,1px); clip-path:inset(50%); word-break:initial; word-wrap: initial;}
.btn-layer-close { position: absolute; right:18px; top:20px; width: 26px; height: 26px; padding: 0; border: 0; background: transparent; border-radius:0;transform:rotate(0deg);}
.btn-layer-close::before, .btn-layer-close::after { position: absolute; content: ''; top:50%; left:50%; width: 20px; height: 1px; background: #999; transition:all 0.3s;}
.btn-layer-close::before { transform:translate(-50%, -50%) rotate(45deg); }
.btn-layer-close::after { transform: translate(-50%, -50%) rotate(-45deg); }
.btn-layer-close:hover { transform:rotate(90deg);transition:all 0.3s;}
.btn-layer-close:hover::before, .btn-layer-close:hover::after { background:#000; }
/*통합검색*/
.wrap-layer-popup.search_popup { align-items:flex-start; }
.wrap-layer-popup.search_popup > .inner-layer-popup { width:100%; border-radius:0; }
.int_search { display:block; width:100%; }
.int_search .inner { width:1000px; padding:30px 0; }
.int_search .search_wrap { float:none; border-bottom:2px solid #333; position:relative; }
.int_search .search_wrap .inputText { height:60px; float:left; width:calc(100% - 60px); border:none; border-radius:0; font-size:1.5em; font-weight:600; }
.int_search .search_wrap .inputText:hover { box-shadow:none; }
.int_search .search_wrap .btn_search { width:60px; height:60px; border-radius:0 !important; border:none; font-size:2em; color:#727272; transition:all 0.3s; }
.int_search .search_wrap .btn_search:hover { box-shadow:none; color:#333; }