@charset "UTF-8";
/*!
Theme Name: goyoSpace
Author: Goyo
Author URI: https://goyofunk.com
Description: 건축가, 인테리어 디자이너를 위한 미니멀리즘 홈페이지 테마 
Version: 1.0.0
*/

:root { 
    --color-font :#1C1E20; 
    --color-primary :#5181ce; 
    --color-secondary :#ce465b;  } 

* { margin: 0; padding: 0; box-sizing: border-box; } 
body { margin:0 auto; overflow:auto; overflow-x:hidden; position:relative; width:100%; -ms-overflow-style:none; } 
body,button,input,select,optgroup,textarea { font-family: "Pretendard Variable", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", sans-serif; font-size: 1.125rem; line-height:1.6; color:var(--color-font); } 
h1 { font-size:60px; } 
h2 { font-size:42px; } 
h3 { font-size:32px; } 
h4 { font-size:24px; } 

a { display: inline-block; color:inherit; text-decoration:none; transition:all 0.2s; } 
a:hover,a:focus,a:active { text-decoration:none; } 
a:focus { outline:0; } 
a:hover,a:active { outline:0; } 
img, svg { max-width: 100%; } 
li { display: inline-block; list-style: none; } 
ul.dot li { list-style: disc; } 
ul.dot li::marker { color: #5ba6e4; } 
input[type="file"]::file-selector-button {background-color: #fff; color: #000; border: 1px solid #ddd;padding: 8px 15px;cursor: pointer;}
input[type="file"]::file-selector-button:hover { background-color: #fff;}
.alignleft {float: left;margin-right: 1.5em;}
.alignright {float: right;margin-left: 1.5em;}
.aligncenter {display: block;margin-left: auto;margin-right: auto;}

/* common  */
.wrap { position: relative; width: 100%; min-height: 100vh; } 
.container { margin:auto; padding-right: 20px; padding-left: 20px; position:relative; width:100%; max-width:1450px; } 
.post-content::after { clear: both;  content: '';  display: block;}
.container .row{ margin-right:-20px; margin-left:-20px; display: flex; flex-wrap: wrap;position:relative;}
/* .container .row.blog {  margin-right:-20px; margin-left:-20px; position:relative; columns: 3;gap: 1rem; counter-reset: grid; display: block; }  */
.textNoMobile{display: block;}

/* 포스트 카테고리  */
.card-thumbnail {overflow: hidden; margin-bottom: 15px; display: flex; align-items: center; justify-content: center;}
.card-thumbnail .post-thumbnail-img { width: 100%; height: auto; min-width: 100%; }
.card-thumbnail img {min-height: 100%;min-width: 100%;object-fit: cover; width: 100%; height: 100%;}
.row .entry-text-wrap p { display: -webkit-box; margin-bottom:5px; overflow: hidden; font-size: 16px; color: #555; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } 

.row.photo .col { padding: 0 20px 32px 20px; width: 33.3333%; } 
.row.photo .col .card-thumbnail { height: 300px; }
.row.photo .col .entry-info{display: none;}
.row.photo .col .entry-title { margin: 0px 0 10px 0; font-size: 18px; font-weight: 400;color: #000; line-height: 1.4; } 

.row.portfolio .col .card-thumbnail {  height: 400px; min-height: 100%; max-height: 400px; } 
.row.portfolio .col { padding: 0 20px 50px 20px; width: 50%; } 
.row.portfolio .col .entry-title { margin: 15px 0 8px 0; font-size: 17px; font-weight: 400; color: #333; display: flex;align-items: center;} 
.row.portfolio .col article > a {display: block; width: 100%; height: 100%;}
.row.portfolio .col .imgbox img { min-width: 100%; height: auto; min-height: 100%; object-fit: cover; } 
.row.portfolio .col .entry-info { display: none; } 

.row.blog {  margin-right:-20px; margin-left:-20px; position:relative; columns: 4;gap: 1rem; counter-reset: grid; display: block; } 
.row.blog .col {padding: 0 20px 40px 20px; width: 100%; display: block;}
.row.blog .col .entry-title{font-size: 20px; font-weight: 500; margin-top: 15px; margin-bottom: 10px; line-height: 1.4;}
.row.blog .col .entry-info { font-size: 18px; color: #777;}
.row.blog .col .entry-date { font-size: 16px; display: block; color: #999;}
.row.blog .col .card-thumbnail{height: inherit; margin-bottom: 0;}
.row.blog .card-thumbnail .post-thumbnail-img {object-fit: contain;}
.row.blog .blogNoimg{display: none !important;}

.row.webzine {  margin-right:auto; margin-left:auto; position:relative; max-width: 1200px; } 
.row.webzine .col {padding: 0 20px 50px 20px; width: 100%; display: block;}
.row.webzine .col a{display: grid; grid-template-columns: 400px auto; gap: 80px; align-items: center;}
.row.webzine .col .entry-title{font-size: 24px; font-weight: 500; margin-bottom: 20px; line-height: 1.4;}
.row.webzine .col .entry-date { font-size: 15px; display: block; color: #999;}
.row.webzine .col .imgbox img { min-width: 100%; height: auto; min-height: 100%; object-fit: cover; } 
.row.webzine .col .card-thumbnail {  height: 260px; min-height: 100%; max-height: 260px; } 
.row.webzine .entry-text-wrap p { display: -webkit-box; margin-bottom:5px; overflow: hidden; font-size: 18px; color: #555; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-bottom: 20px;} 



.col-3366{gap: 80px; font-size: 17px; margin-bottom: 80px;}
.col-3repeat{ gap: 60px; font-size: 17px; margin-bottom: 80px;}
.col-6633{gap: 80px; font-size: 17px; margin-bottom: 80px;}
.col-3366 .col-fleximg img, .col-6633 .col-fleximg img{ object-fit: cover; width: 100% !important;height: auto;}
.col-3366 h3, .col-6633 h3, .col-3repeat h3{ font-size: 32px; line-height: 1.4;}
.col-3366 h4, .col-6633 h4, .col-3repeat h4{ font-size: 24px;}
.col-3366 hr, .col-6633 hr, .col-3repeat hr{ margin: 12px 0;}

.related-section { margin: 80px 0; } 
.related-title { margin-bottom: 40px; font-size: 24px; font-weight: 500; } 
body .is-layout-flex {gap: 20px 5%;}

.edit_main_tel{ position: fixed; font-size: 20px;color: #fff; bottom: 35px; right: 130px; z-index: 50;  min-width: 300px; width: max-content; height: 30px;text-align: right;} 
.edit_main_tel i {margin-right: 10px;}

.wp-block-embed-youtube > div { position: relative; width: 100%;padding-bottom: 56.25%; height: 0; overflow: hidden; margin: 40px 0;}
.wp-block-embed-youtube > div iframe { position: absolute;top: 0; left: 0; width: 100%; height: 100%; max-width: 100%;}


/* fullpage */
.fp-watermark{display: none !important;}
#fullpage .imgbox{display: flex; height: 100vh; width: 100%;  padding: 0; margin: 0; }
.bigImg{ position: relative; overflow: hidden; height: 100vh;}
#fullpage .imgbox img {width: 100%; height: auto; object-fit: cover;}
#fullpage .textbox{position: absolute; bottom: 60px; left: calc(50% + 30px); transform: translateX(-50%); width: 100%; max-width: 1450px; padding: 3px 10px; color: rgba(255,255,255,0.7); font-size: 16px;}
#fullpage .textbox a {display: inline-block; }

#fp-nav ul li a span, .fp-slidesNav ul li a span{width: 15px !important; height: 15px !important; background: rgba(255,255,255,0); margin: 0 0 5px 0 !important; border: 1px solid #fff;}
#fp-nav ul li, .fp-slidesNav ul li{width: 15px !important; height: 25px !important; margin: 0 25px 0 0 !important;}
#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span{background: rgba(255,255,255,1);}

/* main  */
.mainslogen{ position: fixed; width: 100%;max-width: 1280px;height: max-content;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index:50;}
.mainslogen_text{font-weight: 800; color: #fff; margin-bottom: 20px; line-height: 1.3; text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);}
.mainslogen_subtext{font-size: 20px; font-weight:400; color: rgba(255,255,255,1); margin-bottom: 30px; text-shadow: 0 0 5px rgba(0, 0, 0, 0.3);}
.mainslogen_subtext br.onlymobile{display: none;}
.mainslogen .mainbtn{display: inline-block; padding: 15px 30px; background-color: #0e85e3; color: #fff; font-size: 18px; font-weight: 400; text-decoration: none; border-radius: 30px; transition: all 0.3s ease;width: 220px;
position: relative; text-align: center;margin-bottom: 30px;}
.mainslogen .mainbtn:hover{background-color: #0069de; }
.mainslogen .mainbtn i{position: absolute;right: 0;top: calc( 50% + 1px); transform: translateY(-50%); opacity: 0; transition: all 0.2s; font-size: 20px; }
.mainslogen .mainbtn:hover i {right: 30px; opacity: 1;}
.mainslogen .mainbtn span{transition: all 0.2s; transform: translateX(0px); display: inline-block;}
.mainslogen .mainbtn:hover span{ transform: translateX(-30px);}

/* popup */
#jt_popup_playground > article {border-radius: 1rem; overflow: hidden;}
#jt_popup_container.pc .jt_popup_notoday:after {display:none !important;}
#jt_popup_container.pc .jt_popup_notoday { font-size: 14px !important; color: rgba(255, 255, 255, 0.85) !important; } 
#jt_popup_container #jt_popup_overlay{display: none !important;}
#jt_popup_playground article{box-shadow: 10px 10px 20px rgba(0,0,0,0.1) !important;}

/* 카테고리 */
.category .page-header { padding-top: 100px; } 
.searchBox { display: flex; align-items: start; justify-content: space-between; position: absolute; top: calc(50% - 25px); right: 20px; } 
.search-form { display: flex; } 
.search-field { flex: 1; padding: 10px 20px; border: 1px solid #8697a6; outline: none; width: 220px; background-color: rgba(255,255,255,0); font-size: 16px; color: #555; border-radius: 30px; height: 50px; } 
.search-field:focus { border: 1px solid #8697a6; background-color: #fff; } 
.search-field::placeholder { color: #8697a6 } 
.search-submit { padding: 6px 18px; border: none; border-left: 0;z-index: 1;width: 60px;height: 50px; background-color: transparent; font-size: 17px; color: #446b89;cursor: pointer;position: absolute; right: 0;top: 0; } 
.search_back { margin: 40px 0; padding: 8px 25px; border: 1px solid #ccc; background-color: #fcfcfc; } 
.result-count { margin-left: 15px; font-size: 18px; font-weight: 400; } 
.no-results.not-found { position: relative; } 

/* single */
.post-content .wp-block-image { margin-top: 50px; margin-bottom: 50px; } 
.single-layout { margin: 0 auto; width: 100% } 
.post-content { margin-right: auto; margin-left: auto; width: 100%; line-height: 1.8; max-width: 1450px; padding: 0 20px; font-size: 18px;} 
.single .post-content h2{font-size: 36px;}
.single .post-content h2, .single .post-content h3, .single .post-content h4, .page .content h2, .page .content h3, .page .content h4 {margin-top: 20px; margin-bottom: 20px;}
.single .post-content p, .page .content p{margin-bottom: 20px;}
.single .post-header { margin-bottom: 50px; padding-top: 120px; padding-bottom: 50px; border-bottom: 1px solid #ccc; text-align: center; } 
.single .post-title { margin: 20px 0; font-size: 34px; font-weight: 500; line-height: 1.4; } 
.single .post-categories a { padding: 8px 25px; background-color: #fff; font-size: 16px; font-weight: 500; border-radius: 30px; border: 1px solid #ccc; }
.single .post-categories a:hover{border-color: #11a7ec;} 
.single .post-date { color: #888; } 
.single .info { display: flex; justify-content: center; font-size: 15px; } 
.single .post-tags { margin-left: 30px; } 
.single .post-tags span { padding: 4px 8px; background-color: rgba(0,0,0,0.03); color: #666; border-radius: 8px; } 
.pagination { display: flex; gap: 20px; align-items: center; justify-content: center; } 
.single .pagination { margin-top: 70px; padding: 20px 0; border-top: 1px solid #ddd; } 
.pagination>span { padding: 8px 25px; border:1px solid #ccc; font-size: 15px; border-radius: 30px; } 
.nav-links { display: flex; gap: 6px; } 
.nav-links a { font-size: 15px; color: #888; } 
.nav-links .page-numbers { display: flex; align-items: center; justify-content: center; padding: 8px 10px; border: 1px solid #ddd; min-width: 32px; font-size: 15px; line-height: 1; color: #888; border-radius: 2px; } 
.nav-links .page-numbers.current { border-color: #000; font-weight: 600; color: #000; } 
.nav-links .prev, .nav-links .next { border: 0; } 

/* 관리자페이지 내 템플릿  */
.post-content li { display: list-item; margin-left: 20px; list-style: inherit; } 
.post-content .wp-block-query-title, .wp-block-quote { padding-left: 10px; border-left: 5px solid #b6ebeb; box-sizing: border-box; } 
.elementor-editor-active .post-title { margin-bottom: 40px; padding-bottom: 10px; border-bottom: 1px solid #ccc; font-size: 20px; text-align: left; } 
.elementor-editor-active .site-main { margin:15px !important } 
.elementor-editor-active header, .elementor-editor-active footer, 
.single.elementor-editor-active .post-header, 
.single.elementor-editor-active .related-section { display: none !important; } 
.single.elementor-editor-active .post-content { width: inherit !important; } 



/* header */
header { position: fixed; top: 0; left: 0; z-index: 100; width: 100%; height: 90px; } 
.site-header { transition: all 0.2s; } 
.site-header.scActive { border-bottom: 1px solid #ccc; height: 60px; background-color: #fff; } 
.front-page .site-header.scActive{ background-color: rgba(0,0,0,0); border-bottom: 0;}
.logoWhite, .front-page .logoBlack{display: none;}
.logoBlack, .front-page .logoWhite{display: block;}
.site-header.scActive .logoWhite, .front-page .site-header.scActive .logoBlack{display: none;}
.site-header.scActive .logoBlack, .front-page .site-header.scActive .logoWhite{display: block;}
header .container { display: flex; align-items: center; justify-content: space-between;  height: 100%; max-width: 1450px;  } 
.site-main {  position: relative; min-height: 90vh; margin-bottom: 100px;} 
.home.page .site-main { display: flex; flex-direction: column; margin-bottom: 0px; } 
.logobox a { display: flex; } 
.gnb { display: flex; gap:0; align-items: center; } 
.menu { display: inline-block; position: relative;} 
.menu-item { position: relative; } 
.marker{position: absolute; width: 0px;left: 0; height: 2px;  bottom: 10px; background-color: #11a7ec;transition: 0.5s; border-radius: 2px; }
.front-page .marker{ background-color: #7ee1ff;}

.site-header.scActive .marker{display: none;}
.menu-item > a { display: flex; align-items: center; justify-content: center; padding: 0 30px; position: relative; height: 80px;  font-size: 22px;font-weight: 500;  } 
.site-header.scActive .menu-item > a{color: #333;}
.front-page .site-header .menu > .menu-item > a, 
.front-page .site-header.scActive .menu > .menu-item > a, 
.front-page .site-header ul.sns a, 
.front-page .site-header.scActive ul.sns a{color: rgba(255,255,255,1); }
/* .menu-item > a:hover{color: #fff;} */
.site-header.scActive ul.menu>li.menu-item > a { height: 60px; } 
.sub-menu { display: none; display:block; flex-direction: column; border: 1px solid #d9d9d9; box-shadow: 0 3px 8px rgba(0,0,0,0.1); overflow: hidden; position: absolute; top: 75px; left: 50%; z-index: 101; width: 160px; visibility: hidden; background-color: #fff; transition: all 0.3s;; transform: translateX(-50%) translateY(5px); opacity: 0; border-radius: 8px; } 
.menu-item:hover .sub-menu { display: block; visibility: visible; opacity: 1; transform: translateX(-50%) translateY(0); } 
.sub-menu .menu-item { width: 100%; } 
.sub-menu .menu-item a { padding: 8px 10px; border-bottom: 1px solid #d9d9d9; width: 100%; height: 100%; font-size: 16px; text-align: center; color: #333;} 
.sub-menu .menu-item a:hover { background-color: #fcfcfc; } 
body.admin-bar .site-header { margin-top: 32px; } 
ul.sns { display: flex; gap: 0; } 
ul.sns a { color: rgba(0,0,0,0.75); padding: 4px 0; font-size: 21px;} 
.site-header.scActive ul.sns a { color: #666; }
ul.sns li{margin-left: 20px;}
ul.sns li:first-child{}
ul.sns li.insta:hover a { color: #f778f1; } 
ul.sns li.blog:hover a { color: #36cf4b; } 
ul.sns li.youtube:hover a { color: #e62f32; } 
ul.sns li.facebook:hover a { color: #3b5998; } 


/* 모바일 gnb */
.menu-container { position:fixed; top:0; right:0; z-index:9; -webkit-transition:.2s; transition:.2s; -moz-transition:.2s; -ms-transition:.2s; -o-transition:.2s; pointer-events:none } 
.menu-container.active { visibility:visible; pointer-events:auto; opacity:1 } 
.menu-container.active .more-navigation { top:0; right:0px; } 
.menu-container .more-navigation { padding:80px 20px 50px 20px; overflow-y:scroll; position:absolute; right:-100px; z-index:1000; width:100%; max-width:320px; background:#fff; -webkit-transition:right .3s ease-in-out; transition:right .3s ease-in-out; -moz-transition:right .3s ease-in-out; -ms-transition:right .3s ease-in-out; -o-transition:right .3s ease-in-out } 
.menu-container .more-navigation .toggle-btn { display:block; position:absolute; top:5px; right:0px; z-index:1; width:48px; height:48px; background:url(assets/images/icon-arrow-down.svg) center/24px no-repeat; background-size: 18px; transition:.3s; transform:rotate(0); } 
.menu-container .more-navigation .toggle-btn.show { transition: 0.3s; transform: rotate(180deg); } 
.menu-container .more-navigation .button.menu-item { margin-left: 0; } 
.menu-container .more-navigation li { position: relative; } 
.menu-container .more-navigation li :last-child { margin-bottom: 0; } 
.menu-container .more-navigation li a { display:block; padding:16px 0; border-bottom: 1px solid #ddd; position:relative; height: inherit; font-size:20px; line-height:1; color:#333; text-align:left; } 
.menu-container .more-navigation li.button { display:block; margin-top:80px; margin-bottom:40px; padding:0; border:none; height:auto; line-height:auto; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px } 
.menu-container .more-navigation li.button a { padding: 12px; font-size: 20px; font-weight: normal; color: #fff; text-align: center; } 
.menu-container .more-navigation li .sub-menu { display: none; margin-left: 0; padding:1rem; background-color: #f9f9f9; } 
.menu-container .more-navigation li .sub-menu li { border-bottom: none; } 
.menu-container .more-navigation li .sub-menu li.current-menu-item > a { background-color: inherit; } 
.menu-container .more-navigation li .sub-menu a { padding: 8px 0; border: 0; font-size: 18px; } 
.menu-container .more-navigation li.show .sub-menu { display:block!important; border:0; border-top:1px solid #ccc; box-shadow:none; position:relative; top:inherit; left:inherit; width:100%; visibility:inherit; transform:none; opacity:inherit } 
.menu-container .active .more-navigation .current-page-item a { opacity: 1; } 
.menu-btn { display: none; } 
.menu-container,
.menu-container .overlay { width:100%; height:100%; visibility:hidden; opacity:0 } 
.menu-container .overlay.active { display: block; visibility:visible; -webkit-transition:.2s; transition:.2s; -moz-transition:.2s; -ms-transition:.2s; -o-transition:.2s; opacity:1; } 
.menu-container .overlay { display: none; position:absolute; z-index:51; background:rgba(0,0,0,.85); pointer-events: auto; } 


@keyframes fadebanner 
{0% { opacity:0; transform:translateY(30px); } 
100% { opacity:1; transform: translateY(0px); } 
}
.animate__movetop { animation: movetop 0.5s ease-in-out; } 
@keyframes movetop 
{0% { opacity:0; } 
25% { opacity:0; transform: translateY(30px); } 
100% { opacity:1; transform: translateY(0px); } 
}


/* 서브페이지 */
.subBanner { padding: 70px 0 0px 0; position: relative; width: 100%; height:260px; background-color: #dee5eb;  display: flex; align-items: center; justify-content: center;} 
.category .subbox{padding-top: 70px;}
.page-pdfview {background-color: #000;}
.page-pdfview .subBanner{height: 70px; background-image: none;background-color: #000;}
.page-pdfview .subBanner >div, .page-pdfview footer{display: none;}
.page-pdfview .subbox {padding-top: 0px;}
.subBanner>div { display: flex;flex-direction: row; align-items: center;justify-content: start; gap: 80px; position: relative; width: 100%;  height: 100%; color: #333;padding-bottom: 10px; } 
.subBanner .pageTitle { margin-bottom: 0px; font-size: 34px; font-weight: 300; line-height: 1; color: #555; } 
.subBanner .subtitle { font-size: 16px; line-height: 1.4; color: #333; } 
.subBanner .page-excerpt { font-size: 18px; line-height: 1.5; color: #333; } 
.subNav { display: flex;  position: relative; height: 100%; } 
.subNav li { height: 100%; } 
.subNav li:last-child a{border-right: 0;}
.subNav a { display: flex; align-items: center; justify-content: center; padding: 0 40px; background-color: rgba(0,0,0,0.8); height: 56px; font-size: 18px; font-weight: 500; color: #fff; white-space: nowrap; border-right: 1px solid rgba(255,255,255,0.3);  } 
.subNav a:hover:not(.active) {  background-color: rgb(29, 58, 105);} 
.subNav a.active { background-color: #2862be;  } 
.subbox { padding-top:70px; } 
.page .subbox {  width: 100%; } 
.pageTitle { margin-bottom: 40px; font-size: 32px; font-weight: 600; } 
.page .site-main { margin-bottom: 100px; } 
.page-col-2 { margin: 0 auto; margin-bottom: 70px !important;} 
.page-col-2 .elementor img { object-fit: cover !important; } 
.page-col-2-img { width: 550px !important; } 


.kboardTitle, .kboardTitle2 { margin-top: -15px; font-size: 28px; font-weight: 500; margin-bottom: 20px; } 
.kboardTitle2{margin-top: 0 !important;}
.kboardBox { margin-right:auto; margin-left :auto; width: 1100px; } 
.page-kgallery .kboardBox{width: 100%;}
.kboardText { margin-bottom: 30px; font-size: 16px; } 
.page #kboard-default-list .kboard-list-header { display: none; } 
.kboardAddfile { padding: 2px 15px; border: 1px solid #ddd; background-color: #fff; font-size: 14px; } 
#kboard-default-list .kboard-control { margin-top: -65px !important; } 
#kboard-contact-form-editor .kboard-attr-row { padding: 5px 0 !important; } 


.mode-document .kboardTitle {display: none;}
.mode-editor .content .kboardBox, .mode-document #kboard-document {max-width: 1100px;width: 100%; margin-left: auto;margin-right: auto;}
.page-contact .content{width: 100%;margin-left: auto;  margin-right: auto;}

/* footer */
.front-page footer{display: none;}
footer {padding: 70px 0 75px 0; position: relative; background-color: #111; color: #b1b1b1; } 
footer .container { display: flex; margin: 0 auto; width: 100%;  } 
footer a { color: #666; } 
.footer-nav li a{ padding: 12px 24px 15px 0; font-size: 16px;font-weight: 500;  white-space: nowrap; word-break: keep-all;color: #fff; height: inherit;}
.footText > p {font-size: 16px; color: #9c9c9c; margin-bottom: 4px;}
.footText > p > span{color: #d4d4d4; margin-right: 3px; margin-left: 10px;}
.footText > p > span:first-child{margin-left: 0;}
.footText br.onlymobile{display: none;}
footer .elementor-button { padding: 12px 0 !important; background: transparent; font-size: 16px; font-weight: 500; white-space: nowrap; word-break: keep-all; } 
.footLogo { display: flex; align-items: center; justify-content: center;  padding: 20px 30px; width: 250px; } 
.floatRight { display: flex; gap: 10px; flex-direction: column; position: fixed; right: 20px; bottom:30px; z-index: 51; width: 45px; height: max-content; } 
.gotoTop { display: flex; align-items: center; justify-content: center; box-shadow: 0 0 5px rgba(0,0,0,0.2); width: 45px; height: 45px; background-color: #fff; color: #000; border-radius: 8px; font-size: 24px;     overflow: hidden;  position: relative;} 
.gotoTop i {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;opacity: 1; }

.front-page .gotoTop{display: none !important;}
.kakaochat { box-shadow: 0 0 5px rgba(0,0,0,0.2); width: 45px; height: 45px; background-color: #ebe00a; color: #333; border-radius: 8px; } 
.kakaochat a, .navertalk a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } 
.kakaochat i { font-size: 24px; color: rgb(47, 39, 12); } 
.navertalk { box-shadow: 0 0 5px rgba(0,0,0,0.2); width: 45px; height: 45px; background-color: #1ce43a; background-image: url(assets/images/naver_talk.jpg); background-size: cover; color: #333; border-radius: 8px; } 
.navertalk i { font-size: 0; } 



@media screen and (max-width:1200px) {
.content-box { width:100%; } 
.kboardBox { width: 100%; } 
.container.subbox { padding-right: 10px; padding-left: 10px; } 
.col-4 .card-thumbnail { height: 200px; min-height: 200px; } 
.col-4.blog .entry-title { font-size: 19px; } 

 }

@media screen and (max-width:1100px) { 
header .container { padding: 0 20px; } 
.site-main{min-height: inherit;}
.menu-item > a { padding: 0 10px; } 
footer .col4box { gap: 10px; } 

 }

@media screen and (max-width:820px) {
    
html { margin-top: 0px !important;}
#wpadminbar, html #wpadminbar{display: none !important;}
body.admin-bar .site-header{margin-top: 0;}
header { height: 60px; background-color: #fff; } 
.home header{background-color: transparent;}
body.admin-bar .fixed-header { margin-top: 46px;} 
.logobox { width: 200px; } 
.logoBlack, .page-pdfview .logoWhite{display: block;}
.logoWhite, .page-pdfview .logoBlack{display: none;}
.gnb { display: none; } 
.menu-container.active .gnb { display: block; width: 100%; } 
.menu-btn { display: block; position: absolute; top: 10px; right: 20px; z-index: 9999; width: 40px; height: 40px; cursor: pointer; } 
.menu-btn .menu-icon { display: block; position: relative; width: 100%; height: 100%; background: url(assets/images/icon-menu.svg) no-repeat center; background-size: 30px; } 
.front-page .menu-btn .menu-icon { background: url(assets/images/icon-menu-w.svg) no-repeat center; background-size: 30px;}
.menu-btn.active .menu-icon { background: url(assets/images/icon-cancel.svg) no-repeat center; background-size: 32px; } 
.menu-container .more-navigation li { display: block; } 
.menu-container .more-navigation { height: 100vh; } 
.menu-container .more-navigation > div { display: flex; align-items: start; justify-content: start; flex-direction: column; } 
.menu-container .sns li a { border-bottom: 0; color: #333 !important; } 
.menu-container .sns li:first-child{margin-left: 0;}
.menu-container .sns { margin-top: 30px; margin-left: 0;} 
.graybox_add { height: inherit; } 
.single .site-main{margin: 60px 0 20px 0;}
.subNavWrap { overflow-x: auto; left: 0; overflow-y: hidden; } 
.subNav { padding-left: 20px; min-width: max-content; height: 50px; } 
.subNav a { padding: 0 15px; font-size: 17px; } 

footer .container { width: calc(100% - 40px); } 
.footLogo { display: none; } 
.maintitle { justify-content: space-between; flex-direction: row; margin-bottom: 20px; padding-bottom: 0; } 

.page-col-2-img { width: 40% !important; } 
.page-col-2 { margin-bottom: 40px !important; width: 100% !important; } 
.post-content { width: 100%; font-size: 16px; } 
.container { padding:0; } 
.related-section { margin: 20px; } 
.single .post-title { margin: 10px ; font-size: 24px;} 
.subBanner { margin-bottom: 0; padding: 0; height:130px; } 
.searchBox { right: 20px; } 
.page .subbox { padding:20px; } 
.site-main { margin-bottom: 40px; margin-top: 60px;} 
.page .site-main{margin-bottom: 40px;}
.home .site-main {margin-top: 0;}
.subBanner>div { gap: 15px; padding: 0 20px; } 
.subBanner .pageTitle { font-size: 24px;         margin-bottom: 0;} 


/* .container .row.blog {  columns: 2; gap: 0px; padding: 10px;} 
.row.blog .col-3{padding: 0 10px 20px 10px;} */
.row.photo .col .card-thumbnail { height: 220px;}
.row.photo .col { padding: 0 10px 30px 10px;}
.row.portfolio .col .card-thumbnail, .row.webzine .col .card-thumbnail{height: 220px; max-height: 220px;}
.row.blog .col{padding: 0 10px 40px 10px;}
.row.webzine, .row.blog, .row.photo, .row.portfolio {margin-left: 0; margin-right: 0;}
.row.webzine .col a {grid-template-columns: 1fr 1fr; gap: 15px;}
.row.webzine .col .entry-title{font-size: 18px; margin-bottom: 15px;}
.row.webzine .entry-text-wrap p{font-size: 15px; margin-bottom: 15px;}
.row.webzine .col .entry-date{font-size: 14px; margin-bottom: 20px;}

.single .post-header{padding-top: 50px;}
.single .post-content h2{font-size: 24px;}
.col-3366{gap: 20px; font-size: 15px; margin-bottom: 40px;}
.col-3repeat{ gap: 20px; font-size: 15px; margin-bottom: 40px;}
.col-6633{gap: 20px; font-size: 15px; margin-bottom: 40px;}
.col-3366 h3, .col-6633 h3, .col-3repeat h3{ font-size: 22px; }
.col-3366 h4, .col-6633 h4, .col-3repeat h4{ font-size: 20px; margin-bottom: 10px !important;}


.kboardTitle, .kboardTitle2 { margin-top: 0; font-size: 20px; } 
#kboard-default-list .kboard-control { margin-top: -55px !important; } 
#kboard-webzine-list .col-4 h2{font-size: 19px;}
#kboard-default-document .kboard-title{border-top: 0 !important; flex-direction: column; gap: 15px;}

footer{padding: 40px 0;}
.footText > p > span{margin-left: 0;}
.footText br.onlymobile{display: block;}

 }


@media screen and (max-width:520px) { 
html, body {overflow: auto !important;height: auto !important;}
.menu-btn { top: 10px; right: 15px; } 
.page .subbox { padding: 30px 20px 20px 20px } 
.subbox { padding: 10px; min-height: inherit; } 

.subBanner h1 { font-size: 26px; } 
.subBanner .subtitle { font-size: 14px; } 
.subBanner { margin-bottom: 0px; height: max-content;  } 
.subBanner>div {  gap: 25px; padding:30px 0 0 20px; height: 100%; flex-direction: column; align-items: start; min-height: 80px;} 
.pageTitle { margin-bottom: 20px; font-size: 24px; } 
.subBanner .page-excerpt { font-size: 16px; line-height: 1.4; } 
.subNavWrap {  margin-top: 0; width: 100%; } 
.subNav {  padding-left: 0; overflow-x: auto; min-width: max-content; height: 45px; } 
.subNav a { padding: 3px 18px; height:45px; font-size: 16px; } 
.site-main { margin: 60px 0 20px 0; } 
.home .site-main{margin: 0;}
.page .site-main { margin-bottom: 20px; } 
.home.page .site-main { gap: 0; margin-bottom: 0; } 
.page-pdfview .subBanner{display: none;}
.subBanner .pageTitle { font-size: 21px; font-weight: 600; word-break: keep-all; margin-bottom: 0; } 
.page-col-2-img { width: 100% !important; } 
section.post-list-wrap { padding: 10px; width: 100%; border-radius: 0; } 
body.admin-bar .site-header{margin-top: 0px;}
.pageTitle h4,.kboardTitle, .kboardTitle2 {font-size:22px !important;margin-top: 0 !important;}
.textNoMobile{display: none;}

.row.photo .col, .row.webzine .col, .row.blog .col, .row.portfolio .col{width: 100%;padding: 0 0 20px 0;}
.row.webzine, .row.photo, .row.portfolio, .row.blog{flex-direction: column; columns: 1;}

.row.photo .col .entry-title, .row.portfolio .col .entry-title{font-size: 15px;}
.row .entry-text-wrap p {-webkit-line-clamp: 2;}
.row.blog .col .entry-title{font-size: 17px; font-weight: 600;}
.row.blog .col .entry-info{font-size: 14px;}
.row.blog .col .entry-date{font-size: 13px;}
.row.webzine .col a{grid-template-columns: 1fr;}

.mapaddbox .root_daum_roughmap_landing {height: 300px !important;overflow: hidden;}

.searchBox { top: 22px; right: 20px; } 
.search-field {  flex: 1; padding: 5px 5px 5px 15px; outline: none; width: 140px; height: 35px; background-color: transparent;font-size: 14px; color: #555; } 
.search-submit { padding: 5px 10px 5px 5px; border: 0; width: 40px; height: 35px; } 
.pagination { gap: 5px; } 
.pagination > span { padding:6px 15px; font-size: 13px; } 
.post-content {  font-size: 15px } 
.container.single-layout { padding: 10px 10px 10px 10px } 
.single .pagination { margin-top: 20px; } 
.single .post-header { margin-bottom: 20px; padding-top: 15px; padding-bottom: 15px; } 
.single .info, .single .post-categories a { font-size: 13px; } 
.single .post-title { font-size: 18px; } 
.single .post-tags { margin-left: 10px; } 
/* .category .subBanner>div { display: flex; gap: 10px; align-items: center; justify-content: space-between; flex-direction: row; padding:0 20px; }  */
.wp-block-spacer{height: 7px !important;}
.single .post-content p, .page .content p{margin-bottom: 10px;}
.category .subbox{padding-top: 20px;}
.col-3 .entry-title{font-size: 16px;}
.col-3 .entry-text-wrap p{font-size: 14px; -webkit-line-clamp:2;}
.post-content .wp-block-image {  margin-top: 20px;margin-bottom: 20px;}
.col-3{width: 100%;}
.col-2 { padding: 0 20px 30px 20px;width: 100%;}
.col-2 .card-thumbnail { height: 200px;max-height: 200px;}
.col-2 .entry-title{font-size: 14px;}
.page-address .col-3366, .page-contact .col-3366 {flex-direction: column-reverse; gap: 20px;}
.col-3 .card-thumbnail img{margin-bottom: 5px;}
#fullpage .textbox { position: absolute; bottom: 150px;left: 20px; transform: translateX(0); width: calc(100% - 100px); max-width: 1450px;}
.edit_main_tel{text-align: left; right: inherit;left: 30px;}
.col-fleximg img{height:auto !important;max-height: 300px;}
.mainslogen{ width: calc(100% - 60px); top: inherit; bottom: 100px; transform: translate(-50%, 0);}
.mainslogen_text{font-size: 28px !important;pointer-events: none;}
.mainslogen_subtext{font-size: 14px;pointer-events: none;} 
.mainslogen_subtext br.onlymobile{display: block;}
.mainslogen .mainbtn{padding: 10px 20px; font-size: 16px; width: 180px;}

/* footer */
footer { margin: 0; padding: 30px 0; border-radius: 0; } 
footer .container { padding: 0; } 
footer .footText { width: 100%; } 
.footText > p{font-size: 14px;}
.footText span:nth-child(2) { display: inline-block; } 
.footLogo { display: none; } 

.floatRight{bottom: 30px;}
.footer-nav li a{font-size: 14px; padding-right: 12px;}

#jt_popup_container.pc .jt_popup_item.primary{max-width: 300px !important;}
}