@charset "UTF-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css");

:root {
    --width-main : 970px;
}


*, *::before, *::after { box-sizing: border-box; }
html { -webkit-font-smoothing: antialiased; }

html, body { padding: 0; margin: 0; border: 0; min-height: 100%; min-height: 100vh; min-height: 100dvh; font-size: 16px; font-family: 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Malgun Gothic', '맑은 고딕', sans-serif;}
body { background: #fafafa; }
div, section, article, main, h1, ul, li, dl, dt, dd ,blockquote { padding: 0; margin: 0; border: 0; font-family: inherit; }
button { touch-action: manipulation; outline: 0; border: 0; cursor: pointer; font-family: inherit; font-size: inherit; }
ul { list-style: none; }


.container { min-width: 0; width: 100%; min-height: 100dvh; display: grid; grid-template-rows: 240px auto; gap: 25px 0; }
.container .ly-head { min-width: 0; width: 100%; display: flex; justify-content: center; }

.container .ly-head .signboard { width: var(--width-main); height: 240px; background: url('/public/images/signboard.jpg') no-repeat center center / cover; }

.browser { min-width: 0; width: 100%; display: grid; grid-template-columns: minmax(130px, 1fr) var(--width-main) minmax(130px, 1fr); }
.browser[data-active="off"] { display: none; }

.browser .list { min-height: 633px; }
.browser .cards { padding: 0 15px; min-width: 0; min-height: 633px; display: grid; grid-template-columns: 1fr 1fr 1fr; align-items: start; gap: 25px 30px; }

.browser .cards .card { min-width: 0; border: 1px solid rgb(0, 0, 0, .125); }
.browser .card button { padding: 0; width: 100%; height: 100%; display: block; border: 0; background: transparent;  }
.browser .card .thumb { width: 100%; height: 190px; overflow: hidden; background: #fff; }
.browser .card .thumb img {width: 100%; object-fit: contain; }
.browser .card .summary { padding: 1.25rem; width: 100%; min-width:0; display: block;  }

.browser .card .summary .title { min-width: 0; width: 100%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 18px; }

.browser .paginator { min-width: 0; display: flex; justify-content: center; align-items: center; }
.browser .paginator button { padding: 0; width: 130px; height: 130px; display: none; background: none no-repeat center center / contain; }
.browser .paginator .prev { background-image: url("/public/images/prev.png"); }
.browser .paginator .next { background-image: url("/public/images/next.png"); }
.browser .paginator button[data-active="on"] { display: block; }

.articles { min-width: 0; display: none; justify-content: center; }
.articles[aria-hidden="false"] { display: flex; }

.articles .detail { width: var(--width-main); display: grid; grid-template-rows: 1fr auto; gap: 25px 0;}
.articles .nav { min-width: 0; width: 100%; height: 56px; display: flex; justify-content: flex-end; align-items: center; }
.articles .nav button { width: 156px; height: 56px; background: url("/public/images/back.png") no-repeat center center / cover; }
.articles .nav button:hover { background-image: url("/public/images/back_hover.png"); }

.articles .detail .contents { width: var(--width-main); padding-bottom: 30px; overflow: hidden; }
.articles .detail .contents .wrap { width: 100%; border: 1px solid rgb(169, 169, 169); border-radius: 5px; }
.articles .contents h1 { padding: 25px 10px; display: flex; justify-content: flex-start; align-items: center; font-size: 22px; border-bottom: 1px solid rgba(0,0,0,.1); font-weight: 600; letter-spacing: 0.5px; }
.articles .contents .author { display: grid; grid-template-columns: max-content 1fr; }
.articles .contents .author dt ,
.articles .contents .author dd { height: 58px; display: flex; align-items: center; border-bottom: 1px solid rgba(0,0,0,.1); font-size: 1.1rem; }
.articles .contents .author dt { padding-left: 15px; }
.articles .contents .author dt::after { margin: 0 8px; content: ":"; }
.articles .contents .content { padding: 30px; /*white-space: pre-line;*/ }

.blog-content .se-component {  width: 100%; }

.blog-content .se-module-sticker,
.blog-content .se-text { margin: 25px 0; text-align: center;}
.blog-content .se-module-image { width: 100%; text-align: center; }
.blog-content .img-full { width: 100%; }


.blog-content .se-imageStrip-col-2 { width:100%; min-width: 0; display: flex; justify-content: center; gap: 4px; }
.blog-content .se-imageStrip-col-2 img {width: 100%; object-fit:contain; }
.blog-content .se-placesMap { margin: 25px 0; width:100%; border: 1px solid rgba(0,0,0,.12); box-shadow: 0 1px 2px 0 rgba(0,0,0,.08); }
.blog-content .se-placesMap .se-module-map-image { width: 100%; }
.blog-content .se-placesMap img { width: 100%; }

.blog-content .se-placesMap .se-module-map-text { padding: 16px 10px 15px 20px; }
.blog-content .se-module-horizontalLine .se-hr { width: 2px; height: 60px; }

.blog-content .se-l-quotation_line blockquote { position: relative; padding: 0 20px; }
.blog-content .se-l-quotation_line blockquote::before { position: absolute; top: 0; bottom: 0; left: 0; content: ""; border-left: 6px solid #515151; }
.blog-content .se-l-quotation_postit { margin: 40px 0; width: 100%; min-width:0; display: flex; justify-content: center; }
.blog-content .se-l-quotation_postit blockquote { padding: 33px; line-height: 1.8; max-width: 460px; font-size: 16px; border: 4px solid #d5d5d5; text-align: center; }