@charset "utf-8";
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}

/* 서브 공통 */
.singular .entry-header {background: url(/wp-content/uploads/2025/09/info-bg03.jpg) no-repeat; background-size: cover; background-position: center;}
.singular .entry-header h1.entry-title, h2.entry-title {font-size: 3.5em; font-weight: bold; color: #fff; margin-top: 2rem;}
.singular .entry-content {padding-top: 8em;}
input[type="text"] ,input[type="password"] {border: 1px solid #ddd; border-radius: 8px; padding: 10px;}
select {border: 1px solid #ddd; border-radius: 8px; padding: 10px;}

[class*="sub0"] .page-title {text-align: center; max-width: var(--inner-width); margin: 0 auto;margin-bottom: 3.75em;}
[class*="sub0"] .page-title span {font-size: 1.125em; font-weight: bold; color: var(--color-brown);}
[class*="sub0"] .page-title p.title {font-size: 2.25em; font-weight: bold;}
[class*="sub0"] .page-title p.desc {font-size: 1.25em; margin-top: 1em; color: #767676; font-weight: 400;}
[class*="sub0"] > .section {margin-top: 0; padding: 8em 0;}
[class*="sub0"] .sub-title {text-align: center; max-width: var(--inner-width); margin: 0 auto; margin-bottom: 3em;}
[class*="sub0"] .sub-title .title {font-size: 1.875em; font-weight: bold;}
[class*="sub0"] .sub-title .desc {margin-top: 1em; color: #555; font-size: 1.125em; font-weight: 400;}


/* ABOUT */
.sub0101 .section01 {background: #F7F4EF; font-family: 'Pretendard';}
.sub0101 .section01 .cont, .sub0101 .section03 .cont {display: flex; align-items: flex-end; gap: 3em;}
.sub0101 .section01 .cont > div {flex: 1;}
.sub0101 .section01 .cont .left {border-radius: 20px; overflow: hidden; aspect-ratio: 16 / 9;}
.sub0101 .section01 .cont .right dl dt, .sub0101 .section03 .box dl dt {font-weight: bold; font-size: 1.25em; margin-top: 1em;}
.sub0101 .section01 .cont .right dl dd, .sub0101 .section03 .box dl dd {color: #555; margin-top: 4px;}
.sub0101 .section03 .box dl dd .p_br {display: block;}
.sub0101 .section02 .cont {display: flex; gap: 3em;}
.sub0101 .section02 .cont > div {flex: 1; border-radius: 8px; background: linear-gradient(135deg, #ac8956, #7b5e57);; padding: 5em; display: flex; align-items: center; flex-direction: column; justify-content: center; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;}
.sub0101 .section02 .cont > div img {width: 90px; margin: 0 auto;}
.sub0101 .section02 .cont > div .title {color: #fff; text-align: center; font-size: 1.375em; margin-top: 1.375em; font-weight: 500;}
.sub0101 .section02 .cont > div .desc {color: #fff; margin-top: 1em; text-align: left; font-weight: 300;font-size: 1.125em;}
.sub0101 .section03 {background: #f9f9f9;}
.sub0101 .section03 .cont {flex-direction: column;}
.sub0101 .section03 .box {flex: 1; display: flex; gap: 2em; margin: 0 auto; align-items: flex-end;}
.sub0101 .section03 .box:nth-child(2n) {flex-direction: row-reverse; justify-content: space-between;}
.sub0101 .section03 .box .left {border-radius: 20px; overflow: hidden; width: 50%; aspect-ratio: 16 / 9; position: relative;}
.sub0101 .section03 .box .right {margin-bottom: 2em;}
.sub0101 .section03 .box dl dt {font-size: 1.75em;display: flex;flex-direction: column;}
.sub0101 .section03 .box dl dt span {color: var(--color-brown); font-weight: 500; line-height: 1;}
.sub0101 .section03 .box dl dd {margin-top: 1em; font-size: 1.25em; font-weight: 300;}
.sub0101 .section04 .inner {max-width: 800px; margin: 0 auto;}
.sub0101 .section04 .cont{display: flex; flex-direction: column;}
.sub0101 .section04 .cont > div {padding-bottom: 3em; padding-left: 3em; display: flex; position: relative; }
.sub0101 .section04 .cont > div::after {position: absolute; left: 0; top: 4px; width: 3px; height: 100%; background: var(--color-brown); content: ''; opacity: 0.3;}
.sub0101 .section04 .cont > div::before {position: absolute; left: -4px; top: 4px; width: 12px; height: 12px; background: var(--color-brown); content: ''; border-radius: 100%;}
.sub0101 .section04 .cont > div:nth-child(4):after{content: none;}
.sub0101 .section04 .cont > div .year {font-size: 1.5em; font-weight: bold; color: var(--color-brown); width: 200px; line-height: 1;}
.sub0101 .section04 .cont > div dl {width: calc(100% - 200px);}
.sub0101 .section04 .cont > div dl dt {font-weight:bold; font-size: 1.375em; line-height: 1;}
.sub0101 .section04 .cont > div dl dd {margin-top: 1em; color: #555;}

/* project */
.project {width: var(--inner-width); margin: 0 auto !important; padding-bottom: 8em;}
.category-pc {margin-bottom: 5em;}
.category-pc ul {display: flex; justify-content: center; align-items: center; gap: 2em;}
.category-pc ul li {transition: 0.15s all;}
.category-pc ul li a {color: #555; font-size: 1.25em; position: relative; font-weight: 600;}
.category-pc ul li a::after {position: absolute; bottom: 0; width: 0; content: ''; height: 3px; left: 0; background: var(--color-brown); transition: 0.15s all;}
.category-pc ul li.kboard-category-selected a {color: var(--color-brown); font-weight: 500; position: relative;}
.category-pc ul li.kboard-category-selected a::after {position: absolute; bottom: 0; width: 100%; content: ''; height: 3px; left: 0; background: var(--color-brown);}
.category-pc ul li:hover a {color: var(--color-brown); transition: 0.15s all;}
.category-pc ul li:hover a::after {width: 100%; transition: 0.15s all;}
.category-mobile {display: none;}
.project .kboard-search {display: none;}
.project-list ul {display: flex; gap: 3em; flex-wrap: wrap;}
.project-list ul li:first-child {width: 100%;}
.project-list ul li:first-child a {display: flex; gap: 3em; align-items: flex-end;}
.project-list ul li:first-child a .img-box {border-radius: 0;}
.project-list ul li:first-child a > div{flex: 1;}
.project-list ul li:first-child a .kboard-title-eng {font-size: 2em;}
.project-list ul li:first-child a .desc {font-size:1.25em; display: block;}

.project-list ul li {width: calc((100% - 6em ) / 3);}
.project-list ul li .img-box {aspect-ratio: 16 / 9; position: relative; overflow: hidden; border-radius: 12px;transition: 0.15s all;}
.project-list ul li .img-box img {width: 100%; height: 100%; position: absolute; left: 50%;top: 50%;transform: translate(-50%,-50%); object-fit: cover; }
.project-list ul li .img-box::after {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: var(--color-brown); opacity: 0; content: ''; transition: 0.15s all;}
.project-list ul li .kboard-category {background: var(--color-brown); color: #fff; padding: 4px 8px; border-radius: 4px; font-size: 0.875em; display: inline;}
.project-list ul li .text-box {display: flex; flex-direction: column; gap: 10px; align-items: flex-start; margin-top: 1.5em;}
.project-list ul li .kboard-title {font-size: 1.125em; color: #777; font-family: 'Malgun Gothic' !important;}
.project-list ul li .kboard-title-eng {font-size: 1.5em; font-family: 'Noto Sans KR' !important; line-height: 125%;}
.project-list ul li .desc {color: #555; display: none;}
.project-list ul li a:hover .img-box::after {transition: 0.15s all; opacity: .4;}


.kboard-control {display: flex; align-items:center; justify-content: flex-end; gap: 10px;}
.kboard-control a, .kboard-control .right button {padding: 0.7em 1.5em; border-radius: 30px; background: var(--color-brown) !important; color: #fff !important; height: auto; font-size: 1em;}
.kboard-pagination {margin:5em 0 3em;}
.kboard-pagination ul {display: flex; gap: 14px; justify-content: center; align-items: center;}
.kboard-pagination ul li a{padding:4px 12px; border-radius: 4px;}
.kboard-pagination ul li.active a {background: var(--color-brown); color: #fff;}
#kboard-thumbnail-editor {max-width: var(--inner-width) !important; margin: 0 auto !important; padding-bottom: 9em;}
#kboard-document {max-width: var(--inner-width); margin: 0 auto;}
.kboard-document-navi {display: flex; gap: 1em; margin: 5em 0;}
.kboard-document-navi > div {flex: 1;}
.kboard-document-navi > div a {border: 1px solid var(--color-brown) !important; padding: 0.7em 1.5em; border-radius: 8px; color: var(--color-brown) !important; transition: 0.15s all;}
.kboard-document-navi > div a span+span {margin-left: 10px;}
.kboard-document-navi > div.kboard-next-document a {text-align: right;}
.kboard-document-navi > div:hover a {background: var(--color-brown); color: #fff; transition: 0.15s all;}
.kboard-document-navi > div:hover a span {color: #fff;  transition: 0.15s all;}
.kboard-pagination ul .first-page, .kboard-pagination ul .prev-page, .kboard-pagination ul .next-page, .kboard-pagination ul .last-page {width: 24px; height: 24px; text-indent: -99999px;}
.kboard-pagination ul .first-page {background: url('/wp-content/uploads/2025/09/chevron_duo_left.png') center / contain no-repeat;}
.kboard-pagination ul .prev-page {background: url('/wp-content/uploads/2025/09/chevron_left.png') center / contain no-repeat;}
.kboard-pagination ul .next-page {background: url('/wp-content/uploads/2025/09/chevron_right.png') center / contain no-repeat;}
.kboard-pagination ul .last-page {background: url('/wp-content/uploads/2025/09/chevron_duo_right.png') center / contain no-repeat;}

#project-view {padding-bottom: 9em; font-family: "Pretendard" !important;}
#project-view .title-wrap, #news-view .title-wrap {text-align: center; margin-bottom: 3.5em;}
#project-view .title-wrap .detail-name, #news-view .title-wrap .detail-name {color: var(--color-brown); font-size: 1.125em; font-weight: bold;}
#project-view .title-wrap .kboard-title {font-size: 1.125em; color: #777; font-family: 'Malgun Gothic' !important;}
#project-view .title-wrap .kboard-title-eng {line-height: 125%;font-size: 2.5em; font-family: 'Noto Sans KR' !important; margin-bottom: 4px; display: block; margin-top: 16px;}
#news-view .title-wrap h1 {font-size: 2.5em; font-weight: bold;}
#project-view .title-wrap .desc {margin-top: .5em; color: #555; font-size: 1.25em;}

#project-view .project-slider-wrap {display: flex; align-items: flex-start; gap: 2%; max-width: 1400px; margin: 0 auto;}
#project-view .project-slider-wrap .project-slider-for {width: 80%;}
#project-view .project-slider-wrap .project-slider-nav {width: 18%;  margin-top: -8px;}
#project-view .project-slider-wrap .project-slider-nav .slick-track{display: flex; flex-direction: column;}
#project-view .project-slider-wrap .project-slider-nav .slick-track .slick-slide {cursor: pointer; margin: 9px 0;}
#project-view .content-view{max-width: 1400px; margin: 0 auto !important}
#news-view .content-view p, #news-view .content-view .kboard-title, #news-view .content-view h2, #news-view .content-view h3, #news-view .content-view h4, #news-view .content-view h5, #news-view .content-view p, #news-view .content-view div {max-width: 1200px; margin: 0 auto;}
#project-view ol, #project-view li {list-style: unset;}
#project-view ol, #project-view ul {padding-left: 20px;}
#project-view li > ul, #project-view li > ol { margin: 0;}
#project-view h2, #project-view h3,#project-view h4,#project-view h5,#project-view p { font-family: "Pretendard" !important;}


/* #project-view .project-slider-nav ,#project-view .project-slider-for {max-width: 1000px; margin: auto;} */
#project-view .project-slider-nav {margin-top: 1em; position: relative;}
#project-view .project-slider-nav .slick-slide {margin: 0 .5em; padding-bottom: 56.25%;}
#project-view .project-slider-for .slick-slide {border-radius: 0; aspect-ratio: 16 / 9;}
#project-view .project-slider-nav .slick-arrow {display: none !important;}
#project-view .slick-slide {border: 1px solid #ddd; border-radius: 8px; overflow: hidden; position: relative; box-sizing: border-box;position: relative;}
#project-view .slick-slide::after {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: var(--color-brown); opacity: 0; content: '';}
#project-view .project-slider-nav .slick-slide.slick-current.slick-active::after {opacity: .75;}
#project-view .slick-slide img {position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%); width: 100%; height: auto; object-fit: cover;}
#project-view .slick-prev, #project-view .slick-next {background-color: var(--color-brown); opacity: .5; width: 50px; height: 50px; border-radius: 100%;transition: 0.15s all;}
#project-view .slick-prev:hover, #project-view .slick-next:hover {transition: 0.15s all; opacity: 1;}
#project-view .slick-prev::after, #project-view .slick-next::after {font-family: "Pretendard"; font-size:24px; opacity: 1; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #fff;}
#project-view .slick-next::after {content: '→';}
#project-view .slick-prev::after {content: '←';}
#project-view .slick-prev {z-index: 1; left: 30px;}
#project-view .slick-next {z-index: 1; right: 30px;}
#project-view .kboard-content {padding-bottom: 5em; border-bottom: 1px solid #ddd;}
#project-view .project-slider-nav .slick-dots {bottom: auto;position: absolute; right: -34px; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; width: auto; z-index: 99;}
#project-view .project-slider-nav .slick-dots li.slick-active button:before {color: var(--color-brown) !important; font-size: 10px !important;}

/* client */
.sub03 .section {padding:0 0 8em !important;}
.sub03 .section .sub-title .title {text-align: left;}
.sub03 .section .cont {display: flex; gap: 2em; flex-wrap: wrap;}
.sub03 .section .cont > div {border: 1px solid #ddd; border-radius: 8px; width:calc((100% - 8em) / 5); height: 150px; position: relative}
.sub03 .section .cont > div img {position: absolute; left: 50%;top: 50%;transform: translate(-50%,-50%); max-width: 160px; max-height: 80px;}

/* News & Awards */
.news {max-width: var(--inner-width); margin: 0 auto; padding-bottom: 8em;}
.news .board-top {display: flex; justify-content: space-between; align-items: center; margin-bottom: 5em;}
.news .board-top .category-pc {margin-bottom: 0;}
.news .board-top .kboard-search form {display: flex;}
.news .board-top .kboard-search form select {display: none;}
.news .board-top button[type="submit"].kboard-thumbnail-button-small{position: relative;background: var(--color-brown) !important; font-size: 0; width: 40px; height: 40px; box-sizing: border-box; border-radius: 8px;}
.news .board-top button[type="submit"].kboard-thumbnail-button-small::after {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); content: ''; background: url(/wp-content/uploads/2025/07/icon-search.svg); width: 24px; height: 24px;}
.news .board-top input[type="text"] {width: 300px; margin-right: 5px;}
.news-list ul {display: flex; gap: 3em; flex-wrap: wrap;}
.news-list ul li {width: calc((100% - 6em ) / 3); border: 1px solid #ddd;  border-radius: 20px;  overflow: hidden;}
.news-list ul li .img-box {aspect-ratio: 16 / 9; position: relative;transition: 0.15s all;}
.news-list ul li .img-box img {width: 100%; height: 100%; position: absolute; left: 50%;top: 50%;transform: translate(-50%,-50%); object-fit: cover; }
.news-list ul li .img-box::after {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: var(--color-brown); opacity: 0; content: ''; transition: 0.15s all;}
.news-list ul li .kboard-category {background: var(--color-brown); color: #fff; padding: 4px 8px; border-radius: 4px; font-size: 0.875em; display: inline;}
.news-list ul li .text-box {display: flex; flex-direction: column; gap: 10px; align-items: flex-start; padding: 1.5em 2em;}
.news-list ul li .kboard-title {font-size: 1.5em; font-weight: bold; line-height: 1.3;}
.news-list ul li .kboard-excerpt {color: #555; display: none;}
.news-list ul li .kboard-date {display: block; text-align: right; color: #555; font-size: 0.875em;}
.news-list ul li a:hover .img-box::after {transition: 0.15s all; opacity: .4;}
#news-view .kboard-document-wrap .content-view{padding: 2em 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.post-inner .entry-content > *:first-child {margin-bottom: 0;}
#news-view {padding-bottom: 9em;}

/* contact us */
.sub05 {position: relative;}
.sub05 .page-tab {position: sticky; top: 50px; background-color: #fff; height: 50px; z-index: 9;}
.sub05 .page-tab ul{display: flex; justify-content: center; gap: 20px;}
.sub05 .page-tab ul li a {padding: 0.7em 1.5em; background: #fff; border: 1px solid #ddd; color: #555; border-radius: 30px;}
.sub05 .page-tab ul li.on a {background: var(--color-brown); color: #fff; border-color: var(--color-brown);}
.sub05 .page-tab ul li:hover a {background: var(--color-brown); color: #fff; border-color: var(--color-brown);}

.sub05 .section01 .inner {max-width: 700px; border-top: 2px solid var(--color-brown); padding:2em;background: var(--);}
.sub05 .section01 .ff-el-group{display: flex; width: 100%;}
.sub05 .section01 .ff-el-group .ff-el-input--label {width: 160px;}
.sub05 .section01 .ff-el-group .ff-el-input--content {width: calc(100% - 160px);}
.sub05 .section01 .ff-el-group.ff_submit_btn_wrapper {justify-content: center; margin-top: 4em;}
form.fluent_form_1 .ff-btn-submit:not(.ff_btn_no_style) {background: var(--color-brown) !important; border-radius: 50px; font-family: 'Pretendard'; font-size: 1.5em; padding: 14px 40px;}
.ff-default .ff-el-form-control {background: #f9f9f9;}
.ff-default .ff-el-form-control:focus {border-color: var(--color-brown) !important; color: #222;}
.sub05 .section02 .inner {display: flex; gap: 3em;}
.sub05 .section02 .inner > div {flex: 1; position: relative; border-top: 2px solid var(--color-brown); padding: 2em; position: relative; border-bottom: 1px solid #ddd; box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;}
.sub05 .section02 .inner > div::after {position: absolute; right: 0; bottom: 0; width:80px; height: 1px; content: ''; background: var(--color-brown); content: '';}
.sub05 .section02 .inner > div::before {position: absolute; right: 0; bottom: 0; width:1px; height: 80px; content: ''; background: var(--color-brown); content: '';}
.sub05 .section02 .inner > div .title {font-size: 1.75em; font-weight: bold; position: relative; padding-left: 14px; margin-bottom: .5em;}
.sub05 .section02 .inner > div .title::after {position: absolute; left: 0; top: 10px; width: 4px; height: 60%; background: var(--color-brown); content: '';}
.sub05 .section02 .inner > div .bottom { box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; gap: 2em;}
.sub05 .section02 .inner > div .bottom ul {display: flex; flex-wrap: wrap; gap: 1em 0em}
.sub05 .section02 .inner > div .bottom ul li {width: 50%}
.sub05 .section02 .inner > div .bottom ul li dl {display: flex; flex-direction: column;}
.sub05 .section02 .inner > div .bottom ul li dl dt {font-weight: bold; position: relative; padding-left: 14px; font-size: 1.125em;}
.sub05 .section02 .inner > div .bottom ul li dl dt::after {position: absolute; left: 0; top: 0; content: '-';}
.sub05 .section02 .inner > div .bottom ul li dl dd {color: #555; font-size: 15px;}
.sub05 .section02 .inner > div .bottom ul li+li {margin-top: 6px;}
.sub05 .section02 .inner > div .bottom .map {border-radius: 20px; overflow: hidden; position: absolute; bottom: 2em; left: 2em; width: calc(100% - 4em); box-sizing: border-box;}
.sub05 .section02 .inner > div .bottom .map iframe {width: 100% !important;}
.sub05 .section02 .inner > div .bottom .img-box {border-radius: 20px; overflow: hidden; height: 350px;}


i.mce-i-aligncenter, i.mce-i-alignjustify, i.mce-i-alignleft, i.mce-i-alignright, i.mce-i-backcolor, i.mce-i-blockquote, i.mce-i-bold, i.mce-i-bullist, i.mce-i-charmap, i.mce-i-dashicon, i.mce-i-dfw, i.mce-i-forecolor, i.mce-i-fullscreen, i.mce-i-help, i.mce-i-hr, i.mce-i-indent, i.mce-i-italic, i.mce-i-link, i.mce-i-ltr, i.mce-i-numlist, i.mce-i-outdent, i.mce-i-pastetext, i.mce-i-pasteword, i.mce-i-redo, i.mce-i-remove, i.mce-i-removeformat, i.mce-i-spellchecker, i.mce-i-strikethrough, i.mce-i-underline, i.mce-i-undo, i.mce-i-unlink, i.mce-i-wp-media-library, i.mce-i-wp_adv, i.mce-i-wp_code, i.mce-i-wp_fullscreen, i.mce-i-wp_help, i.mce-i-wp_more, i.mce-i-wp_page {font:normal 20px/1 dashicons !important}

/* 개인정보처리, 이용약관 */
.term-wrap {padding-bottom: 8em; max-width: var(--inner-width); margin: 0 auto;}
.term-wrap h3 {font-size: 2.25em; margin-bottom: .5em;}
.term-wrap .top-box {margin-bottom: 4em;}
.term-wrap .top-box .box {background: #F7F4EF;}
.term-wrap .top-box p:not(.dec) {font-size: 1.5em; font-weight: 500;}
.term-wrap .top-box p.dec {color: #555; margin-top: 8px;}
.term-wrap .box-wrap+.box-wrap {margin-top: 4em;}
.term-wrap .box {background: #fafafa; padding: 1em; box-sizing: border-box;}
.term-wrap .box-wrap .title {font-size: 1.25em; margin-bottom: .75em; font-weight: bold;}
.term-wrap .box-wrap .dec {color: #444;}
.term-wrap .box-wrap .dec+ul {margin-top: .5em;}
.term-wrap .box-wrap ul li.bull {position: relative; padding-left: 14px; color: #555;}
.term-wrap .box-wrap ul li.bull::after {position: absolute; left: 0; top: 0; content: "-"; color: #222;}