*,*:before,*:after{box-sizing:border-box}:root{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;text-size-adjust:100%;line-height:1.5;overflow-wrap:break-word;word-break:break-word;tab-size:4}html{font-family:sans-serif;font-size:16px;background-color:white;line-height:100%}body{margin:0}::-moz-selection{color:#fff;background:#000}::selection{color:#fff;background:#000}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent;text-decoration:none}a:link,a:visited,a:hover,a:active{outline:0 !important}p{margin:1em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{max-width:100%;width:auto\9;height:auto;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}#map_canvas img,.google-maps img{max-width:none}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace;font-size:1em;tab-size:4}button,input,select,optgroup,textarea{margin:0;font-size:100%;vertical-align:middle}button{overflow:visible}button,select{text-transform:none}button,input{line-height:normal}button:focus,input:focus{outline:none !important}button,html input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer}label,select,button,input[type="button"],input[type="reset"],input[type="submit"],input[type="radio"],input[type="checkbox"]{cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto;vertical-align:top}optgroup{font-weight:bold}textarea:focus,button:focus,input:focus{outline:none}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.hidden{display:none}body{display:grid;gap:0;grid-template-columns:16px minmax(300px, auto) 16px;grid-template-rows:minmax(100px, auto) minmax(500px, auto) minmax(50px, auto) minmax(600px, auto);background-color:#fff}@media screen and (min-width: 768px){body{grid-template-columns:1fr 750px 1fr;grid-template-rows:minmax(100px, auto) minmax(500px, auto) minmax(50px, auto) minmax(500px, auto)}}@media screen and (min-width: 1024px){body{grid-template-columns:1fr repeat(4, 255px) 1fr;grid-template-rows:minmax(100px, auto) minmax(500px, auto) minmax(50px, auto) minmax(300px, auto)}}@media screen and (min-width: 1600px){body{grid-template-columns:1fr repeat(4, 320px) 1fr}}header.layout{grid-row:1;grid-column:1 / -1;display:grid;grid-template-columns:16px 1fr auto 16px;grid-template-rows:auto auto;align-items:start}header.layout a.site-home{grid-row:1;grid-column:2;width:fit-content;height:100px;display:flex;align-items:center;position:relative;z-index:10}header.layout nav.site-menu{grid-row:1 / 3;grid-column:1 / -1;display:grid;grid-template-columns:16px 1fr auto 16px;grid-template-rows:100px auto}header.layout nav.site-menu .menu-btn{grid-row:1;grid-column:3;height:44px;width:44px;align-self:center;z-index:20}header.layout nav.site-menu .menu-list{grid-row:2;grid-column:1 / -1}header.layout nav.site-menu input.hidden:checked ~ .menu-list{max-height:500px;opacity:1}@media screen and (min-width: 768px){header.layout{grid-template-columns:1fr 750px 1fr}header.layout nav.site-menu{grid-row:1;grid-column:2;display:flex;justify-content:flex-end;grid-template-columns:none}header.layout nav.site-menu .menu-btn{display:none}header.layout nav.site-menu .menu-list{background-color:transparent;max-height:none;opacity:1}header.layout nav.site-menu .menu-list li a{color:#333;padding:0 10px}}main.layout{grid-row:2;grid-column:2 / 3;display:flex;flex-direction:column;min-width:0}@media screen and (min-width: 1024px){main.layout{grid-column:2 / 6}}main.intro{display:grid;gap:32px;grid-template-columns:1fr 1fr 1fr 200px}main.intro section.feature{grid-row:1;grid-column:1 / -1;height:300px;margin-bottom:16px}@media screen and (min-width: 768px){main.intro section.feature{height:350px}}@media screen and (min-width: 1024px){main.intro section.feature{height:400px}}@media screen and (min-width: 1600px){main.intro section.feature{height:500px}}main.intro section.pinned{grid-row:2;grid-column:1 / -1;display:flex;flex-direction:column;align-items:stretch;gap:16px}@media screen and (min-width: 1024px){main.intro section.pinned{grid-column:1 / 4;flex-direction:row}}main.intro section.pinned article.cardit{height:100px}@media screen and (min-width: 768px){main.intro section.pinned article.cardit{flex:1}}@media screen and (min-width: 1024px){main.intro section.pinned article.cardit{height:360px}}main.intro section.pinned article.cardit a.link{height:100%;display:grid;grid-template-columns:100px 1fr;grid-template-rows:minmax(0, 1fr) minmax(0, 1fr);min-height:0}@media screen and (min-width: 768px){main.intro section.pinned article.cardit a.link{grid-template-rows:minmax(0, auto) minmax(0, 1fr);grid-template-columns:200px 1fr}}@media screen and (min-width: 1024px){main.intro section.pinned article.cardit a.link{display:block;position:relative;gap:0}}main.intro section.pinned article.cardit img.teaser{width:100%;height:100%;object-fit:cover;grid-row:1 / 3;grid-column:1}main.intro section.pinned article.cardit h4.title{align-self:center;grid-row:1;grid-column:2 / 4;min-height:0;min-width:0;margin-left:16px}@media screen and (min-width: 1024px){main.intro section.pinned article.cardit h4.title{position:absolute;bottom:0;left:0;width:100%;margin:0%;padding-bottom:30px;box-sizing:border-box}}main.intro section.pinned article.cardit p.text{margin:0;grid-row:2;grid-column:2 / 4;margin-left:16px}@media screen and (min-width: 1024px){main.intro section.pinned article.cardit p.text{display:none}}main.intro section.unpinned{grid-row:3;grid-column:1 / -1;height:520px}main.intro section.unpinned aside.outside{display:none}main.intro section.unpinned article.listit{flex-grow:1;height:100%}main.intro section.unpinned article.listit ul{height:100%}main.intro section.unpinned article.listit li{flex-grow:1;flex-shrink:1;flex-basis:0;min-height:0;gap:10px}@media screen and (min-width: 768px){main.intro section.unpinned{height:440px;grid-column:1 / 5;display:flex;flex-direction:row-reverse;justify-content:flex-end;align-items:stretch}main.intro section.unpinned aside.outside{width:25%;display:block}main.intro section.unpinned article.listit{flex-grow:1}}@media screen and (min-width: 1024px){main.intro section.unpinned{height:400px;grid-column:1 / 4}}main.intro aside.outads{display:none}@media screen and (min-width: 1024px){main.intro aside.outads{display:block;grid-row:2 / 4;grid-column:4 / 5}}main.page{display:flex;flex-direction:column;padding-top:32px}@media screen and (min-width: 768px){main.page{flex-direction:row-reverse;padding-top:32px}}main.page section.main-sect{flex-grow:1;padding-bottom:32px}@media screen and (min-width: 768px){main.page section.main-sect{display:block;padding-left:16px}}@media screen and (min-width: 768px){main.page section.main-sect{display:block;padding-left:32px}}@media screen and (min-width: 1600px){main.page section.main-sect{padding-left:64px}}main.page nav.main-nav{flex-shrink:0}@media screen and (min-width: 768px){main.page nav.main-nav{width:150px}}@media screen and (min-width: 1024px){main.page nav.main-nav{width:200px}}@media screen and (min-width: 1600px){main.page nav.main-nav{width:250px}}aside.layout{margin-top:48px;margin-bottom:48px;grid-row:3;grid-column:2 / 3}@media screen and (min-width: 1024px){aside.layout{grid-column:2 / 6}}footer.layout{margin-top:16px;grid-row:4;grid-column:1 / -1;display:grid;grid-template-columns:16px minmax(0, 1fr) 16px}@media screen and (min-width: 768px){footer.layout{grid-template-columns:1fr 750px 1fr}}@media screen and (min-width: 1024px){footer.layout{grid-template-columns:1fr repeat(4, 255px) 1fr;grid-column:1 / 7}}@media screen and (min-width: 1600px){footer.layout{grid-template-columns:1fr repeat(4, 320px) 1fr}}footer.layout address{grid-column:2}@media screen and (min-width: 1024px){footer.layout address{grid-column:2 / 5}}footer.layout aside{grid-column:2}@media screen and (min-width: 1024px){footer.layout aside{grid-column:5}}body{margin:0;padding:0;font-size:19px;color:#04101F;font-family:"Noto Sans KR","Noto Sans","Nanum Gothic","Malgun Gothic","Segoe UI",ui-sans-serif,sans-serif;line-height:1.5}h1,h2,h3,h4,h5,h6{margin:1.2em 0 .5em 0;font-family:"Noto Sans KR","Noto Sans","Nanum Gothic","Malgun Gothic","Segoe UI",ui-sans-serif,sans-serif;font-style:normal;font-weight:normal;line-height:1.5;text-align:start}h1{margin:1.2em 0;font-size:1.6em}@media screen and (min-width: 768px){h1{font-size:1.8em}}h2{font-size:1.45em}h3{font-size:1.3em}h4{font-size:1.1em;font-weight:bold}h5{font-size:1em;font-weight:bold}h6{font-size:.9em;font-weight:bold}small,.small{font-size:0.85em}p{margin:.5em 0}u,ins{text-decoration:none;border-bottom:1px solid #04101F}ol,ul{padding-left:1.5em}li{padding-bottom:.2em}blockquote{margin-left:0;margin-inline-end:.5em;padding-inline:.5em;font-style:italic;border-inline-start:0.25em solid #eee}cite{font-style:italic}cite::before{content:"“";padding-inline-end:5px}cite::after{content:"”";padding-inline-end:5px}a{text-decoration:none;color:#044c87}a:focus{outline:thin dotted #00a4d6;outline:5px auto #00a4d6;outline-offset:-2px}a:visited{color:#044c87}a:hover{color:#00a4d6;outline:0}hr{display:block;margin:1em 0;border:0;border-top:1px solid #eee}.table-container{width:100%;overflow-x:auto;margin:1em 0;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;margin:1em 0;border:none;font-size:0.8em}table tbody tr:hover{background-color:#f9f9f9}table th{padding:8px 12px;text-align:start;font-weight:600;color:#999;border:none;border-bottom:1px solid #eee;text-transform:uppercase;letter-spacing:0.05em}table td{padding:16px 12px;border:none;border-bottom:1px solid #f5f5f5;color:#444}table td:first-child{font-weight:500;color:#222}.img-wrap{display:block}.img-wrap.right{text-align:right}.img-wrap.left{text-align:left}.img-wrap.center{text-align:center}svg{display:block;width:100%;margin:1em 0}tt,code,kbd,samp,pre{font-family:"SF Mono",Menlo,Consolas,"Lucida Console","dejavu sans mono","Source Code Pro",ui-monospace,monospace;unicode-bidi:embed !important;word-spacing:normal !important;letter-spacing:normal !important;white-space:pre !important}pre{overflow-x:auto;text-align:left !important}code{font-family:Menlo,"SF Mono",Menlo,Consolas,"Lucida Console","dejavu sans mono","Source Code Pro",ui-monospace,monospace;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;-moz-text-size-adjust:none;-o-text-size-adjust:none}code.language-plaintext{background-color:#F5F6FA;border-radius:4px;font-size:.9em;padding-left:.3em;padding-right:.3em}.highlight{border-radius:4px;background:#FAFAFA;margin:16px 0;padding:.2em}.highlight pre{line-height:1.4 !important;font-size:15px !important;margin:4px}.scroll-detector{height:1px;margin-bottom:-1px}header.layout{background-color:rgba(255,255,255,0.8);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);transition:background-color 0.5s ease-in, backdrop-filter 0.5s ease;grid-row:1;grid-column:1 / -1;display:grid;grid-template-columns:16px 1fr auto 16px;grid-template-rows:auto auto;align-items:center}@media screen and (min-width: 768px){header.layout{position:sticky;top:0;z-index:1000}}header.layout a.site-home{grid-column:2;grid-row:1;display:block;cursor:pointer;width:280px;height:100px;background-image:url("/assets/logo.svg");background-repeat:no-repeat;background-position:center left;background-size:contain}@media screen and (min-width: 768px){header.layout a.site-home{width:300px}}@media screen and (min-width: 1024px){header.layout a.site-home{width:350px}}@media screen and (min-width: 1600px){header.layout a.site-home{width:400px}}header.layout a.site-home .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}header.layout nav.site-menu{grid-row:1 / 3;grid-column:1 / -1;display:grid;grid-template-columns:16px 1fr auto 16px;grid-template-rows:100px auto}header.layout nav.site-menu .menu-btn{height:100px;cursor:pointer;font-size:2.0rem;width:50px;display:flex;align-items:center;justify-content:center}header.layout nav.site-menu .menu-btn::before{content:"☰"}header.layout nav.site-menu .menu-list{grid-column:1 / -1;grid-row:2;background-color:rgba(255,255,255,0.95);overflow:hidden;max-height:0;opacity:0;margin:0;padding:0;list-style:none;transition:max-height 0.3s ease, opacity 0.2s ease;border-top:0px solid rgba(0,0,0,0.05)}header.layout nav.site-menu .menu-list li{border-bottom:1px solid rgba(0,0,0,0.05)}header.layout nav.site-menu .menu-list li a{display:block;padding:15px;color:#333;text-align:center;text-decoration:none;font-weight:500}header.layout nav.site-menu input.hidden:checked ~ .menu-btn::before{content:"✕"}header.layout nav.site-menu input.hidden:checked ~ .menu-list{max-height:500px;opacity:1;border-top:1px solid rgba(0,0,0,0.1)}@media screen and (min-width: 768px){header.layout{grid-template-columns:1fr 750px 1fr;grid-template-rows:auto}header.layout nav.site-menu{grid-column:2;grid-row:1;display:flex;justify-content:flex-end;grid-template-columns:none;grid-template-rows:none}header.layout nav.site-menu .menu-btn{display:none}header.layout nav.site-menu .menu-list{display:flex;max-height:none;opacity:1;background-color:transparent;border-top:none}header.layout nav.site-menu .menu-list li{border-bottom:none}header.layout nav.site-menu .menu-list li a{color:#333;padding:0 10px}header.layout nav.site-menu .menu-list li:hover a{color:#044c87}}@media screen and (min-width: 1024px){header.layout{grid-template-columns:1fr repeat(4, 255px) 1fr}header.layout a.site-home{grid-column:2}header.layout nav.site-menu{grid-column:3 / 6}header.layout nav.site-menu .menu-list li a{padding:0 20px}}@media screen and (min-width: 1600px){header.layout{grid-template-columns:1fr repeat(4, 320px) 1fr}}aside.layout ul#banner{margin:0 auto;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2, 1fr);justify-content:center;gap:32px 12px}@media screen and (min-width: 768px){aside.layout ul#banner{grid-template-columns:repeat(3, 1fr);gap:20px 40px}}@media screen and (min-width: 1024px){aside.layout ul#banner{grid-template-columns:repeat(auto-fit, 200px)}}aside.layout ul#banner li.item{margin:0 auto;padding:0}aside.layout ul#banner img{background:white;width:90%;max-width:190px;height:auto;aspect-ratio:4 / 1;margin:0 auto;border:1px solid whitesmoke;border-radius:8px;object-fit:contain}@media screen and (min-width: 768px){aside.layout ul#banner img{width:200px;height:50px;filter:grayscale(100%);opacity:0.8;transition:all 0.2s ease}}aside.layout ul#banner img:hover{filter:grayscale(0%);opacity:1;border-color:#dedede}@media screen and (min-width: 768px){aside.layout ul#banner img:hover{box-shadow:0 2px 2px rgba(0,0,0,0.1);transform:translateY(-2px)}}footer.layout{background-color:#2d2d2d}footer.layout address{display:flex;flex-direction:column;margin-top:32px;align-items:center;position:relative;font-style:normal;font-weight:normal}@media screen and (min-width: 1024px){footer.layout address{align-items:flex-start;padding-left:50px}footer.layout address::before{content:"";position:absolute;left:0;top:0px;width:40px;height:40px;background-image:url("/assets/icon.svg");background-repeat:no-repeat;background-size:contain;background-position:center;filter:brightness(0) invert(1) brightness(0.3)}}footer.layout address h4.title{margin:0;padding:0;color:#ebf1f6}footer.layout address p{font-size:0.9rem;color:#a0a0a0}footer.layout address .zipcode,footer.layout address .detail,footer.layout address .fax{display:none}@media screen and (min-width: 768px){footer.layout address .zipcode,footer.layout address .detail,footer.layout address .fax{display:inline}}footer.layout address span.mail{color:#ebf1f6}footer.layout aside{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:20px;gap:8px}footer.layout aside p.call{margin:0;color:rgba(255,255,255,0.5);font-size:0.85rem;font-weight:500}footer.layout aside a.call{display:inline-flex;align-items:center;color:#a0a0a0;text-decoration:none;font-size:1.2rem;font-weight:700;margin-bottom:16px}footer.layout aside a.call::before{content:"";width:18px;height:18px;margin-right:8px;background-image:url("/assets/fi-sr-phone-call.svg");background-repeat:no-repeat;background-size:contain;background-position:center;filter:brightness(0) invert(1)}footer.layout aside a.call:hover{color:#ffffff}footer.layout aside a.career{display:inline-flex;align-items:center;justify-content:center;width:240px;height:44px;background-color:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:4px;color:#ffffff;text-decoration:none;font-size:0.95rem;font-weight:500;transition:all 0.2s ease}footer.layout aside a.career::before{content:"";width:16px;height:16px;margin-right:10px;background-image:url("/assets/fi-sr-user.svg");background-repeat:no-repeat;background-size:contain;background-position:center;filter:brightness(0) invert(1)}footer.layout aside a.career:hover{background-color:rgba(255,255,255,0.2);border-color:#ffffff;transform:translateY(-1px)}footer.layout aside::after{content:"위 서비스는 업무 수탁기관인 \000a 기계설비협회에서 운영합니다";white-space:pre;display:block;font-size:0.8rem;color:#5d5c5c;line-height:1.4;margin-top:5px}section.feature{background-image:url("/assets/feature3.jpg");filter:brightness(0.95) contrast(1.05) saturate(0.85);background-position:center bottom;background-repeat:no-repeat;background-size:cover;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;padding-right:10px;padding-bottom:20px;box-shadow:0 4px 16px rgba(0,0,0,0.2)}section.feature h2{font-family:"Noto Serif KR","Noto Serif","Nanum Myeongjo","Times New Roman",ui-serif,serif;font-weight:bold;font-size:1em;color:rgba(255,255,255,0.877);margin:10px 0;text-align:right;text-shadow:1px 1px 3px rgba(0,0,0,0.5)}section.feature h3{font-family:"Noto Serif KR","Noto Serif","Nanum Myeongjo","Times New Roman",ui-serif,serif;font-size:.8em;font-weight:normal;color:rgba(255,255,255,0.877);margin:0;text-align:right;text-shadow:1px 1px 1px rgba(0,0,0,0.7)}section.feature p{font-family:"Noto Sans KR","Noto Sans","Nanum Gothic","Malgun Gothic","Segoe UI",ui-sans-serif,sans-serif;font-size:.6em;font-weight:normal;color:rgba(255,255,255,0.877);margin:0;text-align:right}section.feature .feature-text-box{padding:4px 24px;background:rgba(255,255,255,0.1);backdrop-filter:blur(2px);border-radius:4px}@media screen and (min-width: 768px){section.feature{padding-right:50px;padding-bottom:30px}section.feature h2{font-size:1.8em;margin:10px 0}section.feature h3{font-size:1.2em;margin:10px 0 10px 0}section.feature p{font-size:1.0em;margin:10px 0 10px 0}section.feature br.mobile-br{display:none}}@media screen and (min-width: 1024px){section.feature{grid-template-columns:1fr repeat(4, 255px) 1fr}}@media screen and (min-width: 1600px){section.feature{grid-template-columns:1fr repeat(4, 320px) 1fr}}article.cardit{border-radius:8px;background-color:#f1f3f5}article.cardit a.link:hover img{filter:brightness(1.3) contrast(0.8)}article.cardit img.teaser{border-top-left-radius:8px;border-bottom-left-radius:8px}article.cardit h4.title{font-size:1.1rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}article.cardit p.text{font-size:1.0rem;color:black;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}@media screen and (min-width: 768px){article.cardit p.text{white-space:normal;text-overflow:clip;overflow:hidden}}@media screen and (min-width: 1024px){article.cardit{overflow:hidden;position:relative;background-color:#ffffff}article.cardit a.link{display:block;width:100%;height:100%;position:relative;text-decoration:none}article.cardit img.teaser{display:block;filter:brightness(1) contrast();transition:transform 0.1s ease-out, filter 0.2s ease-out}article.cardit img.teaser:hover{transform:scale(1.02);filter:brightness(1.3) contrast(0.8)}article.cardit h4.title{margin:0;padding:60px 15px 20px;background:linear-gradient(to top, #000, transparent);color:#fff;font-size:1.1rem;font-weight:600;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;z-index:2}article.cardit:last-child{display:none}}@media screen and (min-width: 1600px){article.cardit:last-child{display:block}}article.listit ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;justify-content:space-between;gap:2px}article.listit li{display:flex;align-items:center;padding:12px;list-style:none;border-bottom:1px solid #eee;transition:background-color 0.1s ease}article.listit li:last-child{border-bottom:none}article.listit li:hover{background-color:#f9f9f9;border-radius:4px}article.listit span.date{display:none;font-family:'Courier New', Courier, monospace;color:#999;font-size:0.95rem;flex-shrink:0}@media screen and (min-width: 768px){article.listit span.date{display:block}}article.listit span.topic{padding:2px 10px 2px 0;font-size:0.9rem;flex-shrink:0}article.listit span.topic::before{content:'['}article.listit span.topic::after{content:']'}@media screen and (min-width: 768px){article.listit span.topic{padding:2px 10px}}article.listit a.title{flex:1;white-space:nowrap;overflow:hidden;font-size:18px;text-overflow:ellipsis}aside.outads{width:100%;height:100%;position:relative;overflow:hidden}aside.outads ul{margin:0;padding:0;list-style:none;position:relative;width:100%;height:100%}aside.outads li{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 0.8s ease-in-out}aside.outads li.active{opacity:1;z-index:10}aside.outads img{width:100%;height:100%;border:2px solid whitesmoke;border-radius:8px;object-fit:cover}aside.outside{width:100%;height:100%;margin-right:8px;background-image:url("/assets/slodido.jpg");background-repeat:no-repeat;background-size:cover;background-position:center}header.page,header.post{height:110px;border-top:1px solid #eee;border-bottom:1px solid #eee;display:flex;flex-flow:column;justify-content:center;gap:8px}@media screen and (min-width: 768px){header.page,header.post{height:105px}}@media screen and (min-width: 1024px){header.page,header.post{height:130px}}header.page p.cat,header.post p.cat{margin:0;font-size:15px}header.page h2.title,header.post h2.title{width:100%;height:auto;margin:0;padding:0;color:black;font-size:1.45em;font-weight:500}footer.page,footer.post{margin-top:64px;padding:8px 16px;font-size:17px;background-color:#f8f9fa;border-top:1px solid #eee}footer.page .post-tags,footer.post .post-tags{font-family:"Noto Sans KR","Noto Sans","Nanum Gothic","Malgun Gothic","Segoe UI",ui-sans-serif,sans-serif;font-size:12px;color:#AFB0B3;list-style:none;margin:0;padding:0;text-align:right}footer.page .post-tags li,footer.post .post-tags li{display:inline-block;padding-right:16px}footer.page .post-tags li::before,footer.post .post-tags li::before{content:"♯";color:#D8D8D8}article.post-roll.work,article.post-roll.faq{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid #eee;transition:background-color 0.1s ease;margin-bottom:2px}article.post-roll.work:last-of-type,article.post-roll.faq:last-of-type{border-bottom:none}article.post-roll.work:hover,article.post-roll.faq:hover{background-color:#f9f9f9;border-radius:4px}article.post-roll.work:hover h3 a,article.post-roll.faq:hover h3 a{color:#3498db}article.post-roll.work h3,article.post-roll.faq h3{margin:0;padding:0;flex:1;font-weight:normal;overflow:hidden}article.post-roll.work h3 a,article.post-roll.faq h3 a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;font-size:18px}article.post-roll.work time,article.post-roll.faq time{display:none;font-family:'Courier New', Courier, monospace;color:#999;font-size:0.95rem;flex-shrink:0;margin-left:15px}@media screen and (min-width: 768px){article.post-roll.work time,article.post-roll.faq time{display:block}}article.post-roll.work p.brief,article.post-roll.faq p.brief{display:none}article.post-roll.gov,article.post-roll.news{display:flex;align-items:center;gap:16px;flex-direction:column-reverse;padding:16px 0}@media screen and (min-width: 768px){article.post-roll.gov,article.post-roll.news{flex-direction:row}}article.post-roll.gov .text-area,article.post-roll.news .text-area{flex:1}article.post-roll.gov img.thumb,article.post-roll.news img.thumb{width:100%;height:150px;object-fit:cover;flex-shrink:0;border-radius:8px}@media screen and (min-width: 768px){article.post-roll.gov img.thumb,article.post-roll.news img.thumb{width:150px}}article.post-roll.gov .cat,article.post-roll.gov time,article.post-roll.news .cat,article.post-roll.news time{margin:0;font-size:15px}article.post-roll.gov h3,article.post-roll.news h3{margin:10px 0;font-size:20px;font-weight:500}article.post-roll.gov h3 a,article.post-roll.news h3 a{display:block;width:100%;text-decoration:none;padding:4px 0}article.post-roll.gov p,article.post-roll.news p{margin:0;padding:0;text-align:justify;word-break:break-all}article.post-roll.gov:not(:last-child),article.post-roll.news:not(:last-child){border-bottom:1px solid #eee}article.post-roll.gov footer,article.post-roll.news footer{display:none}footer.page.work,footer.page.faq,footer.page.gov,footer.page.news,footer.page.main-memb{display:none}nav.main-nav{width:100%}nav.main-nav ul{list-style:none;margin:0;padding:0}nav.main-nav ul li{border-bottom:1px solid #eee}nav.main-nav ul li:first-child{border-top:1px solid #eee}nav.main-nav ul li .nav-link,nav.main-nav ul li .group-title{display:block;padding:15px 25px;color:#2c3e50;font-weight:500;font-size:21px;text-decoration:none;transition:color 0.1s ease}@media screen and (min-width: 768px){nav.main-nav ul li .nav-link,nav.main-nav ul li .group-title{font-size:18px;padding:10px 10px}}@media screen and (min-width: 1024px){nav.main-nav ul li .nav-link,nav.main-nav ul li .group-title{font-size:19px;padding:15px 25px}}@media screen and (min-width: 1600px){nav.main-nav ul li .nav-link,nav.main-nav ul li .group-title{font-size:20px;padding:15px 25px;font-weight:700}}nav.main-nav ul li .nav-link:hover,nav.main-nav ul li .group-title:hover{color:#3498db}nav.main-nav ul li.selected{background-color:#f8f9fa}nav.main-nav .nav-item.selected .nav-link{color:#3498db}nav.main-nav .nav-group .sub-menu{display:block;padding:0}nav.main-nav .nav-group .sub-menu li{border-bottom:1px solid rgba(238,238,238,0.5)}nav.main-nav .nav-group .sub-menu li:last-child{border-bottom:none}nav.main-nav .nav-group .sub-menu .sub-link{display:block;padding:12px 25px 12px 45px;color:#7f8c8d;font-size:18px;text-decoration:none}@media screen and (min-width: 768px){nav.main-nav .nav-group .sub-menu .sub-link{padding:5px 5px 5px 15px;font-size:15px}}@media screen and (min-width: 1024px){nav.main-nav .nav-group .sub-menu .sub-link{padding:10px 10px 10px 30px;font-size:17px}}@media screen and (min-width: 1600px){nav.main-nav .nav-group .sub-menu .sub-link{padding:12px 25px 12px 45px;font-size:18px}}nav.main-nav .nav-group .sub-menu .sub-link:hover{color:#3498db}nav.main-nav .nav-group .sub-menu .sub-link.active{color:#3498db;font-weight:normal}nav.main-nav .nav-group.selected .group-title{color:#2c3e50}article.page,article.post{font-family:"Noto Sans KR","Noto Sans","Nanum Gothic","Malgun Gothic","Segoe UI",ui-sans-serif,sans-serif;font-size:19px;line-height:1.7;word-break:normal;overflow-wrap:break-word}@media screen and (min-width: 1600px){article.page,article.post{font-size:20px}}article.page p,article.post p{text-align:left;line-break:loose}@media screen and (min-width: 768px){article.page p,article.post p{text-align:justify}}article.page p code,article.post p code{font-family:"Noto Serif KR","Noto Serif","Nanum Myeongjo","Times New Roman",ui-serif,serif;font-size:.95em}article.page ul,article.post ul{list-style:circle}article.page ol,article.page li,article.post ol,article.post li{font-family:"Noto Sans KR","Noto Sans","Nanum Gothic","Malgun Gothic","Segoe UI",ui-sans-serif,sans-serif;font-size:18px;line-height:1.6}article.page ol li::marker,article.page li li::marker,article.post ol li::marker,article.post li li::marker{font-size:17px;color:#989898}@media screen and (min-width: 1600px){article.page ol,article.page li,article.post ol,article.post li{font-size:19px}}article.page blockquote p,article.post blockquote p{text-align:left}article.page .mono,article.post .mono{font-family:"SF Mono",Menlo,Consolas,"Lucida Console","dejavu sans mono","Source Code Pro",ui-monospace,monospace;font-size:.95em}article.page img.teaser,article.post img.teaser{border-radius:8px;box-shadow:0 8px 24px rgba(120,130,145,0.08);border:1px solid rgba(120,130,145,0.08);transition:transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1),box-shadow 0.3s ease,border-color 0.3s ease}article.page img.teaser:hover,article.post img.teaser:hover{transform:scale(1.01);box-shadow:0 12px 32px rgba(90,110,140,0.14);border-color:rgba(90,110,140,0.12)}article.page .img-wrap{display:inline-block;vertical-align:top}article.page .img-wrap.right{float:right;margin-left:20px;margin-bottom:10px}article.page .img-wrap.left{float:left;margin-right:20px;margin-bottom:10px}article.page .img-wrap.center{margin-left:auto;margin-right:auto;display:block;text-align:center}article.page .img-wrap .caption{display:block;margin-top:8px;font-size:0.75em;color:#666;text-align:center}article.page .img-president{display:block;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url("/assets/president.jpg");border-radius:12px;border:1px solid rgba(0,0,0,0.05);box-shadow:0 4px 16px rgba(0,0,0,0.15);width:225px;height:337.5px}@media screen and (min-width: 768px){article.page .img-president{width:300px;height:450px}}aside.post.attach{border-bottom:1px solid #eee}aside.post.attach ul.attach{list-style:none;padding-left:0;margin:10px 0}aside.post.attach ul.attach li{position:relative;padding:0 0 0 25px;margin-bottom:4px;line-height:1.5;font-size:17px}aside.post.attach ul.attach li a{color:#044c87;text-decoration:none}aside.post.attach ul.attach li a:hover{text-decoration:underline}aside.post.attach ul.attach li::before{content:"—";position:absolute;left:0;top:0;color:#eee}aside.post.gallery{margin:40px 0}aside.post.gallery .gallery-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2, 1fr);gap:8px}aside.post.gallery .gallery-grid li{display:block;width:100%}aside.post.gallery .gallery-grid li img.thumb{width:100%;height:140px;object-fit:cover;border-radius:8px;box-shadow:0 8px 24px rgba(120,130,145,0.08);border:1px solid rgba(120,130,145,0.08)}@media screen and (min-width: 768px){aside.post.gallery .gallery-grid li img.thumb{height:160px}}@media screen and (min-width: 1024px){aside.post.gallery .gallery-grid li img.thumb{height:220px}}@media screen and (min-width: 1600px){aside.post.gallery .gallery-grid li img.thumb{height:250px}}article.main-about.history .mono{color:rgba(0,0,0,0.5)}article.main-about.history ul{list-style:none;padding:0;margin:0}article.main-about.history li{display:block;width:100%;padding:12px 8px;border-bottom:1px solid #eee}article.main-about.history li:hover{background-color:#f9f9f9}article.main-engr.engineer ul{list-style:none;padding:0;margin:0}article.main-engr.engineer li{display:block;width:100%;padding:12px 10px 8px 60px;text-indent:-50px;border-bottom:1px solid #eee}article.main-engr.engineer li:hover{background-color:#f9f9f9}