@charset "UTF-8";
/*!
Theme Name: goyoSpace
Author: Goyo
Author URI: https://goyofunk.com
Description: 건축가, 디자이너, 문화, 예술 관련 업종을 위한 미니멀리즘 홈페이지 테마 
Version: 2.0
*/


* { 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", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    font-size: 1.125rem; line-height:1.6; color:#000} 
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; } 
a:not([href]) { cursor: text;}
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;}
.displaynone {display: none !important;}

/* common  */
.wrap { position: relative; width: 100%; min-height: 100vh; } 
.container { margin:auto; padding-right: 3%; padding-left: 3%; 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;}
.textNoMobile{display: block;}


.page-home header .container {max-width: 90%; }
.page-home2 .container, 
.page-home3 .container{max-width: 1450px;}
.home2-title h2 {font-size: 28px; font-weight: 500;}
.home2-title { font-size: 38px; font-weight: 500; color: #333; margin-bottom: 10px; } 
.home2-title.bold h2 {font-size: 40px ;font-weight: bold;line-height: 1.3;letter-spacing: -2px;}


/* 메인빅배너  */
.mainbigbanner{ height: 100vh; position: relative; width: 100%;;}
.mainbigbanner .imgbox{display: flex;align-items: center;justify-content: center;width: 100%; height: 100%;overflow: hidden;}
.mainbigbanner .imgbox img { min-width: 100%; min-height: 100%; object-fit: cover;  } 
.mainbigbanner .swiper-pagination { bottom: 50px; z-index: 15; position: absolute; left: 0; width: 100%; height: 30px;  max-width: inherit} 
.mainbigbanner .swiper-pagination .swiper-pagination-bullet { margin: 0 4px !important; padding:0; width: 15px; height: 15px; 
    transition: all 0.2s; opacity: 0.8; border-radius: 50%; background: rgba(255, 255, 255, 0); border: 1px solid #fff;} 
.mainbigbanner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {  background: #fff; } 


/* 메인-블로그 갤러리 */
.mainPhoto { padding: 0 0px 80px 0; display: flex; flex-direction: column; align-items: center; } 
.mainPhoto figure a { overflow: hidden; display: flex !important; align-items: center;justify-content: center; width: 100%;max-height: 500px;} 
.mainPhoto .imgbox img { min-width: 100%; min-height: 100%; object-fit: cover;  } 
.mainPhoto h4.title { margin-top: 15px; margin-bottom: 15px; font-size: 16px; line-height: 1.4; opacity: 0.8; } 
.page-home3 .mainPhoto h4.title { font-size: 18px;  } 
.mainPhoto .col-4 { display: grid; gap: 30px; padding: 0; width: 100%; border-radius: 5px;  } 
.mainPhoto .col-4 > li a { display: block; width: 100%; height: 100%; } 
@keyframes fadebanner {0% { opacity:0; transform:translateY(20px); } 
100% { opacity:1; transform: translateY(0px); } 
 }
.animate__movetop { animation: movetop 0.5s ease-in-out; } 
@keyframes movetop {0% { opacity:0; } 
20% { opacity:0; transform: translateY(20px); } 
100% { opacity:1; transform: translateY(0px); } 
}

/* home3 */
.bannerBar { height: 130px; width: 100%; background-color: #163bc599; position: absolute; top: -130px; left: 0;z-index: 10;display: flex;align-items: center;justify-content: center;}
.bannerBar .bluecol3{display: grid !important; grid-template-columns:max-content auto max-content; align-items: center; width: 100%; gap: 40px !important;  max-width: 1280px;margin: 0 auto;}

.bannerBar .bartel{font-size: 44px; font-weight: 800; width: max-content;letter-spacing: -2px;-webkit-text-fill-color: transparent;  background: linear-gradient(88.39deg,#6DF8FF 1%,#6DBDFF ); -webkit-background-clip: text;background-clip: text;  -o-border-image: linear-gradient(88.39deg,#6DF8FF 1%,#6DBDFF ) 1; border-image: linear-gradient(88.39deg,#6DF8FF 1%,#6DBDFF ) 1; word-break: keep-all; white-space: nowrap;}
.bannerBar .bannerboard{ overflow: hidden; color: #fff; display: flex; width: 100%; justify-content: start; align-items: center;}
.mainnews{width: 100%; height: 35px;}
.mainnews ul{ display: flex; flex-direction: column;}
.mainnews ul li{height: 35px; }
.mainnews ul li a{height: 35px; display:grid; grid-template-columns: 90px auto; gap: 10px; align-items: center; font-size: 18px; line-height: 1;}
.mainnews ul li a .meta {display: flex; align-items: center;}
.mainnews ul li a .meta i{margin-right: 5px;}
.mainnews .kboard-default-new-notify{margin-left: 8px;}
.mainnews .kboard-default-cut-strings{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis;}
.mainnews .kboard-latest-date{opacity: 0.8; font-size: 17px; letter-spacing: -1px; }

/* 메인-추천 슬라이드 */
.mainslideBox { width: 100%; height: max-content; display: flex;align-items: center; justify-content: center; } 
.mainWorksSlider, .mainWorks2Slider { padding: 0; margin: 0; position: relative; max-width: inherit}
.mainslideBox .swiper-wrapper  { padding-bottom: 70px; display: flex !important; position: relative; gap: inherit;}
.mainslideBox .imgbox { display: flex; align-items: center; justify-content: center;  width: 100%; max-height: 500px; min-height: 200px;overflow: hidden; } 
.mainslideBox .imgbox a{display: flex; width: 100%; height: 100%;}
.mainslideBox .imgbox img { min-width: 100%; min-height: 100%; float: left; object-fit: cover;  } 
.mainslideBox .title { margin-top: 20px; margin-bottom: 12px; font-size: 22px; font-weight:500; line-height: 1.4; color: #333; word-break: keep-all;} 
.mainWorks2Slider .title{font-size: 20px;}
.mainslideBox .excerpt { display: -webkit-box; overflow: hidden; font-size: 16px; color: #777; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } 
.mainslideBox .swiper-pagination { bottom: 0; z-index: 15; position: absolute; left: 0; width: 100%; height: 30px;  max-width: inherit} 
.mainslideBox .swiper-pagination .swiper-pagination-bullet { margin: 0 4px !important; padding:0; width: 14px; height: 14px;  transition: all 0.2s; opacity: 1; border-radius: 50%; background: #ddd;} 
.mainslideBox .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #5183e8;  } 
.page-home3 .mainslideBox .excerpt{ display: -webkit-box; overflow: hidden; font-size: 17px; color: #777; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align:center;}
.serviceBox{gap: 30px !important;margin: 0 auto !important; position: relative;}
.serviceBox figure{max-width: 320px;position: relative;}
.serviceBox a {box-shadow: 3px 3px 12px rgba(0,0,0,0.05);position: relative; max-width: 320px;}
.serviceBox .col3-gp{position: relative;}
.serviceBox h4 {font-weight: 600;font-size: 28px; position: absolute; left: 40px; top: 30px; line-height: 1.2;}
.serviceBox a::after{position: absolute; content: ''; display: block; width: 100%; height: 100%; left: 0; top: 0; transition: all 0.2s;
    box-shadow: inset 0 0 0 0px rgba(44, 149, 255, 0.5);}
.serviceBox a:hover::after{box-shadow: inset 0 0 0 2px rgba(44, 149, 255, 0.5);}
.page-home3 .maincontact{ padding: 100px 0 110px 0}
.page-home3 .maincontact > div {display: flex; flex-direction: column; gap: 20px;}
.page-home3 .maincontact h2{font-size: 36px;font-weight: 600;color: #333;line-height: 1.3; text-align: center; letter-spacing: -2px;}
.page-home3 .maincontact a i, .page-home3 .bannerBar a i, .page-home3 .bannerBar .btn a img, .maincontact a img {margin-right: 10px;}
.page-home3 .maincontact a{line-height: 1; padding: 10px 40px; display: flex; align-items: center; height: 60px; justify-content: center; font-size: 18px; font-weight: 500;}
.page-home3 .bannerBar .btn a {line-height: 1; display: flex; align-items: center;  justify-content: center; font-size: 18px; font-weight: 500}



/* 패턴  */
.pt-title{font-size: 30px; font-weight: 700; line-height: 1.4;letter-spacing: -0.5px;}
.bzCardGrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 50px 40px; } 
.bzCard{padding: 0px; box-shadow: 0 3px 10px rgba(75,89,161,0.1); } 
.bzCard .wp-block-image{width: 100%;; overflow: hidden; display: flex; align-items: center; justify-content: center;}
.bzCard .wp-block-image img {min-height: 100%; min-width: 100%; max-width: 100%;object-fit: cover;}
.bzCard h4{margin: 30px 30px 18px 30px !important;padding-bottom: 0; font-size: 24px; font-weight: bold;  line-height: 1.4;}
.bzCard p{margin: 0px 30px 50px 30px !important; font-size: 16px; line-height: 1.5;}

.bzCardGrid2 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 50px 40px; } 
.bzCardGrid2 .bzCard {box-shadow: none;}
.bzCardGrid2 .bzCard h4{margin: 30px 0px 18px 0px !important;padding-bottom: 0; font-size: 24px; font-weight: bold;  line-height: 1.4;}
.bzCardGrid2 .bzCard p{margin: 0px 0px 50px 0px !important; font-size: 16px; line-height: 1.5;}

.pt-col-left h4{font-size: 28px; font-weight: bold;  line-height: 1.4;}
.pt-col-left p{font-size: 17px; line-height: 1.5; }
.bzinfo_col{border: 1px solid #aaaaaa80; box-shadow: 0px 4px 5px rgba(0,0,0,0.05); border-radius: 12px; padding: 15px 20px; display: grid !important ;
    grid-template-columns: 120px auto; gap: 0;}
.bzinfo_col h4{font-size: 20px; font-weight: 600; margin-bottom: 10px;}
.bzinfo_col p{font-size: 17px; letter-spacing: -0.5px; line-height: 1.4; margin-top: 0;}

.faq-accordion { margin: 0 auto; max-width:780px;border-top: 1px solid #ddd; }
.faq-item { border-bottom: 1px solid #ddd; padding: 10px 0; margin-top: 0;}
.faq-question {  display: flex;  padding: 10px 0 10px 30px;font-size: 24px; font-weight: 500;align-items: center; cursor: pointer; position: relative;}
.faq-question::before { content: "\F64D"; font-family: "bootstrap-icons";  position: absolute;  left: 0; font-size: 22px;opacity: 0.6;}
.faq-answer {  display: none; margin-top: 10px; font-size: 18px;padding:10px 0 20px 30px; color: #555; line-height: 1.6;}
.serviceBoxWrap{ position: relative; width: 100%;margin-top:-20px !important }
.mainService-wrap { gap: 40px;padding:100px 0 !important; width: 100%;display: flex;flex-direction: column;}

/* 포스트 카테고리  */
.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-info .entry-excerpt { display: -webkit-box; margin-bottom:5px; overflow: hidden; font-size: 16px; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 1.5;} 
.row .col article > a{width: 100%;}

.row.photo .col { padding: 0 20px 32px 20px; width: 33.3333%; } 
.row.photo .col .card-thumbnail { height: 280px; }
.row.photo .col .entry-excerpt{text-align: center; opacity: 0.85;}
.row.photo .col .entry-title { margin: 0px 0 10px 0; font-size: 18px; font-weight: 500; line-height: 1.4; text-align: center; } 
.row.photo .col .entry-date { font-size: 14px; display: block; opacity: 0.6; text-align: center;}

.row.photo4 .col { padding: 0 20px 32px 20px; width: 25%; } 
.row.photo4 .col .card-thumbnail { height: 280px; }
.row.photo4 .col .entry-excerpt{text-align: center; opacity: 0.85;}
.row.photo4 .col .entry-title { margin: 0px 0 10px 0; font-size: 18px; font-weight: 500; line-height: 1.4; text-align: center; } 
.row.photo4 .col .entry-date { font-size: 14px; display: block; opacity: 0.6; text-align: center;}

.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;opacity: 0.85;; display: flex;align-items: center;} 
.row.portfolio .col .entry-date { font-size: 14px;  opacity: 0.6;} 
.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-excerpt {margin: 15px 0; font-size: 15px; opacity: 0.8; } 


.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: 19px; font-weight: 500; margin-top: 15px; margin-bottom: 13px; line-height: 1.4;}
.row.blog .col .entry-info { font-size: 18px; opacity: 0.75;}
.row.blog .col .entry-date { font-size: 14px; display: block; opacity: 0.5;}
.row.blog .col .card-thumbnail{height: inherit; margin-bottom: 0;}
.row.blog .card-thumbnail .post-thumbnail-img {object-fit: contain;}
.row.blog .nothumb{display: none !important;}

.row.webzine {  margin-right:auto; margin-left:auto; position:relative; max-width: 85%; } 
.row.webzine .col {padding: 0 0px 40px 0px; width: 100%; display: block;}
.row.webzine .col a{display: flex; gap: 60px; 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: 14px; display: block; opacity: 0.5;}
.row.webzine .col .card-thumbnail img {  min-height: 100%; min-width: 100%; object-fit: cover; width: 100%;height: 100%;} 
.row.webzine .col .card-thumbnail {  height: 240px; min-height: 100%; max-height: 240px; min-width: 360px; } 
.row.webzine .entry-text-wrap { width: 100%; display: block;}
.row.webzine .entry-text-wrap p { display: -webkit-box; margin-bottom:5px; overflow: hidden; font-size: 17px; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; opacity: 0.85;} 
.row.webzine .nothumb{display: none !important;}

.row.webzine.searchlist .col{padding: 0 0 10px 0;}
.row.webzine.searchlist .col .card-thumbnail{padding: 0 0 10px 0;height: 140px; min-height: 100%; max-height: 140px; min-width: 220px;}
.row.webzine.searchlist .entry-text-wrap p { -webkit-line-clamp: 2; } 

.row.noimglist {  margin-right:auto; margin-left:auto; position:relative;     max-width: 85%;} 
.row.noimglist .col {padding: 0px; width: 100%; display: block; border-bottom: 1px solid #aaaaaac7;}
.row.noimglist .col:first-child{border-top: 1px solid #aaaaaac7;}
.row.noimglist .col a{display: flex; gap: 0px; align-items: center; padding: 17px 10px; }
/* .row.noimglist .col a:hover{} */
.row.noimglist .col .entry-title{font-size: 18px; font-weight: 500; margin-bottom: 0px; line-height: 1.4; position: relative; padding-left: 35px;}
.row.noimglist .col.sticky-post .entry-title, .row.noimglist .col.sticky-post .entry-title::before{color: #e62f32;}
.row.noimglist .col .entry-title::before{ display: inline-block; font-family: "bootstrap-icons"; content: "\F3B9"; margin-right: 8px;font-size: 16px; opacity: 0.6;; position: absolute; top: 2px; left: 5px;}
.row.noimglist .col .entry-date, .row.noimglist .list-author { font-size: 15px; display: block; opacity: 0.75;}
.row.noimglist .col .entry-date{width: 90px; text-align: center;}
.row.noimglist .col .card-thumbnail { display: none; } 
.row.noimglist .entry-text-wrap{ display: grid ;gap: 10px; flex: 1; grid-template-columns: auto max-content;}
.row.noimglist .entry-text-wrap p{display: none;}
.list-author{display: none;}
.row.noimglist .list-author{display: block;}
.row.noimglist .entry-info-wrap{display: flex;gap: 30px;}
.row.noimglist .entry-info{display: flex; gap: 30px;}
.row .list-author{display: none;}
.row.noimglist .list-author{display: inline-block;}

.col-3366{gap: 80px; font-size: 17px; margin-bottom: 4%;}
.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; width: 100%; display: block;} 
.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; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);} 
.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; min-height: 100vh;}
.bigImg{ position: relative; overflow: hidden; height: 100vh;}
#fullpage .imgbox img {width: 100%; height: auto; object-fit: cover;min-height: 100vh;}
#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  */
.page-home .mainslogen{ position: fixed; width: 100%;max-width: 1280px;height: max-content;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index:50;}
.page-home2 .mainslogen{position: absolute; width: 100%;max-width: 1280px;height: max-content;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index:50;}
.page-home3 .mainslogen{position: absolute; width: 100%;max-width: 1280px;height: max-content;top: 50%;left: 50%;transform: translate(-50%, -60%);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); animation:fadebanner 0.7s ease-in-out forwards; animation-delay: 0.4s; opacity: 0;}
.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); animation:fadebanner 0.7s ease-in-out forwards; animation-delay: 0.7s; opacity: 0;}
.mainslogen_subtext br.onlymobile, .mainslogen br.onlymobile{display: none;}
.mainslogen .mainbtn{display: inline-block; padding: 17px 55px; background-color: #0e85e3; color: #fff; font-size: 18px; font-weight: 400; text-decoration: none; border-radius: 30px; transition: all 0.3s ease;width: max-content; animation:fadebanner 0.7s ease-in-out forwards; animation-delay: 0.9s; opacity: 0;
position: relative; text-align: center;margin-bottom: 30px;min-width: 240px;}

.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 span{transition: all 0.2s; transform: translateX(0px); display: inline-block;}
.mainslogen .mainbtn:hover i {right: 20px; opacity: 1;}
.mainslogen .mainbtn:hover span{ transform: translateX(-20px);}


/* home3 제조업  */
.page-home3 main > .container{width: 100% !important; max-width: inherit !important; padding: 0; margin: 0;}
.mainwidBox {max-width: 1450px;width: 100%; margin: 0 auto !important;}

/* 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; } 



/* Search Box Styles */
.search-box { position: relative; display: inline-block; }
.search-toggle {    width: 34px; height: 34px; display: flex;align-items: center;justify-content: center;font-size: 20px;margin-left: 16px;  line-height: 1;border: 0; background-color: transparent; cursor: pointer; }
.search-toggle i { width: 24px; height: 24px; color: #555;}


.search-form { position: absolute; right: 0; bottom:0; transform: translateY(65px); display: flex; align-items: center; opacity: 0; visibility: hidden; transition: all 0.3s ease; background: #fff; padding-left: 20px; border-radius: 40px; box-shadow: 0 2px 5px rgba(0,0,0,0.15); }
.search-form.active { opacity: 1; visibility: visible; }

.search-submit { background: none; border: none; padding: 0; cursor: pointer; }
.search-submit i { width: 20px; height: 20px; }


.search-form { display: flex; } 
.search-field { flex: 1;  border: 0px solid #8697a6; outline: none; width: 160px; background-color: rgba(255,255,255,0); font-size: 16px; color: #555; border-radius: 30px; height: 50px; } 
.search-field:focus { border: 0px solid #8697a6; background-color: #fff; } 
.search-field::placeholder { color: #8697a6 } 
.search-submit { border: none; border-left: 0;z-index: 1;width: 50px;height: 50px; background-color: transparent; font-size: 17px; color: #5c5c5c;cursor: pointer; } 
.search_back { margin: 40px 0; padding: 8px 25px; border: 1px solid #ccc; background-color: #fcfcfc; cursor: pointer;} 
.result-count { margin-left: 15px; font-size: 18px; font-weight: 400; } 
.no-results.not-found { position: relative; } 

/* single */

.single-layout { margin: 0 auto; width: 100% } 
.post-content { margin-right: auto; margin-left: auto; width: 100%; line-height: 1.8; font-size: 18px;} 
.single .post-content h2{font-size: 36px;}
.single .post-header { margin-bottom: 50px; padding-top: 120px; padding-bottom: 50px; border-bottom: 1px solid #aaaaaa80; 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;  font-size: 16px; font-weight: 500; border-radius: 30px; border: 1px solid #aaaaaac7; }
.single .post-date { opacity: 0.6; } 
.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-bottom: 20px; padding-top: 20px; border-top: 1px solid #aaaaaa80;  }
.pagination >  span { padding: 8px 25px; border:1px solid #aaaaaac7; 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 #aaaaaa80; height: 60px; background-color: #fff; } 

header .container { display: flex; align-items: center; justify-content: space-between;  height: 100%; max-width: 1450px;  } 
.navWrap{display: flex;gap: 0;align-items: center;}
.site-main {  position: relative; min-height: 600px; margin-bottom: 100px;} 
.front-page .site-main { display: flex; flex-direction: column; margin-bottom: 0px !important; } 
.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; }


.site-header.scActive .marker{display: none;}
.menu-item > a { display: flex; color: #555; align-items: center; justify-content: center; padding: 0 30px; position: relative; height: 80px;  font-size: 21px;font-weight: 500;  } 

.site-header.scActive ul.menu>li.menu-item > a { height: 60px; } 
.sub-menu { display: none; display:block; flex-direction: column; 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%; transition: all 0.2s;} 
.sub-menu .menu-item a { padding: 8px 10px; border-bottom: 1px solid #aaaaaa80; width: 100%; height: 100%; font-size: 16px; text-align: center; color: #333;} 

body.admin-bar .site-header { margin-top: 32px; } 
ul.sns { display: flex; gap: 0; } 
ul.sns a { color: rgba(0,0,0,0.5); padding: 4px 0; line-height:1; font-size: 21px; } 
ul.sns li{margin-left: 20px;}
/* 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;  display: flex; align-items: center; justify-content: center;} 
.category .subbox{padding-top: 4%;}
.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: column;  align-items: center;  justify-content: center;  gap:30px;  position: relative;  width: 100%; height: 100%;color: #333;} 
.subBanner .pageTitle {margin-bottom: 0; font-size: 26px; font-weight: 400; 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%; gap: 1px; margin-bottom: -10px;} 
.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(255,255,255,0.9); height: 52px; font-size: 17px; font-weight: 500; color: #555; white-space: nowrap; } 
.subNav li:last-child a{border-radius: 0 6px 6px 0;}
.subNav li:first-child a{border-radius: 6px 0 0 6px;}
.subNav a.active { background-color: #2862be; color: #fff;  } 
.subbox { padding-top:4%} 
.page .subbox {  width: 100%; } 
.pageTitle { margin-bottom: 40px; font-size: 32px; font-weight: 600; } 
.page .site-main { margin-bottom: 5%; } 
.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 #aaaaaac7; background-color: transparent; font-size: 14px; border-radius: 4px;} 
#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 */

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; }


.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; } 


/* front-page  */
.front-page .search-toggle i{color: #fff;}
.page-home .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;}
.page-home2 .site-header.scActive .logoWhite, .page-home3 .site-header.scActive .logoWhite{display: none;}
.page-home2 .site-header.scActive .logoBlack, .page-home3 .site-header.scActive .logoBlack{display: block;}

.front-page .marker{ background-color: #7ee1ff;}
.front-page .site-header .menu > .menu-item > a, 
.page-home .site-header.scActive .menu > .menu-item > a, 
.front-page .site-header ul.sns a, 
.page-home .site-header.scActive ul.sns a{color: rgba(255,255,255,1); }
.front-page ul.sns li a img { filter: invert(0%) sepia(100%) saturate(0%) hue-rotate(0deg) brightness(300%) contrast(200%); width: 23px; height: auto; } 
.page-home footer{display: none;}
.page-home .gotoTop{display: none !important;}


@media screen and (max-width:1430px) {
    .page-home2 .container, .page-home3 .container {max-width: inherit;}
}
@media screen and (max-width:1320px) {
    .page-home2 .container, .page-home3 .container, .page-home header .container {max-width:100%;}
    .page-home2 .mainslogen, .page-home3 .mainslogen, .page-home .mainslogen{max-width: 85%;}
    .row.photo4 .col {  width: 33.33%; } 
    
}


@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; } 
.menu-item > a { padding: 0 20px;}

 }

@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; } 
.serviceBox{width:90%;}
.serviceBox a img{height: inherit !important;}

 }

@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{ width: 32px;height: 32px; position: relative;}
.menu-btn .menu-icon::before { color: #555;width: 32px;height: 32px; position: absolute; display: inline-block; font-family: "bootstrap-icons";
    content: '\F479';  font-weight: 400; font-size: 32px;line-height: 1; top: 6px; left: 0; } 
.front-page .menu-icon::before { color:#fff; }
.menu-btn.active .menu-icon::before { color:#555;   content: "\F659";   } 
.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; margin-bottom: 0; } 
.subNav a { padding: 0 20px; font-size: 16px; height: 45px; } 

.page-home2 .container,.page-home3 .container  { max-width: inherit;}

.search-box{position: absolute; top: 17px; right: 70px;}
.search-form{transform: translateY(70px) translateX(50px);}    

footer .container { width: calc(100% - 40px); } 
.footLogo { display: none; } 
.maintitle { justify-content: space-between; flex-direction: row; margin-bottom: 20px; padding-bottom: 0; } 
.mainPhoto .col-4{gap: 15px;}
.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 15px; } 
.related-section { margin: 70px 0 40px 0; } 
.related-title{position: absolute; top: -40px; margin-bottom: 0;}
.single .post-title { margin: 10px ; font-size: 24px;} 
.subBanner { margin-bottom: 0; padding: 0; height:150px !important; } 

.page .subbox, .container.subbox { padding:40px 20px 20px 20px; } 
.site-main { margin-bottom: 40px; margin-top: 60px;} 
.front-page .site-main{margin-top: 0 !important; margin-bottom: 0 !important;}
.page .site-main{margin-bottom: 40px;}
.page-home .site-main {margin-top: 0;margin-bottom: 0 !important;}
.subBanner>div { gap: 15px; padding: 0 20px; } 
.subBanner .pageTitle { font-size: 24px !important; margin-bottom: 0;} 
.page-home .mainslogen, .page-home2 .mainslogen{ width: calc(80%); transform: translate(-50%, -45%);pointer-events: none;}
.page-home3 .mainslogen{width: calc(80%); transform: translate(-50%, -55%);pointer-events: none;}
.mainslogen .mainbtn, .page-home2 .mainslogen .mainbtn, .page-home3 .mainslogen .mainbtn{pointer-events: all;}


.mainslideBox .imgbox a{height:100%; min-height: inherit;}
.mainslideBox .imgbox{ min-height: inherit;}
.mainslideBox .title, .mainWorks2Slider .title{ font-size: 18px;}
.page-home3 .mainPhoto h4.title{font-size: 17px !important;}
.page-home2 .mainbigbanner{height: 500px;}
.page-home3 .mainbigbanner{height: 550px;}
.home2-title{margin-bottom: 10px; padding: 15px 0 !important;}
.mainWorks-wrap, .mainWorks2-wrap{ padding: 0px 20px 10px 20px !important}
.page-home2 .mainWorks-wrap, .page-home2 .mainWorks2-wrap{ padding: 30px 20px 30px 20px !important}
.mainPhoto{padding-bottom: 30px !important;}
.mainslogen_text{font-size: 50px !important; margin-bottom: 10px;}

.mainslogen .mainbtn:hover i {right: inherit; opacity:0;}
.mainslogen .mainbtn:hover span{ transform: inherit;}

.page-home2 .mainslogen_text{font-size: 26px !important; margin-bottom: 10px;}
.page-home2 .mainslogen_subtext{font-size: 16px !important; margin-bottom: 20px;}
.page-home2 .mainslogen .mainbtn{font-size: 16px; margin-bottom: 0; padding: 12px 35px;min-width:inherit }
.page-home3 .mainslogen_text{font-size: 30px !important; margin-bottom: 10px;}
.page-home3 .mainslogen_subtext{font-size: 18px !important; margin-bottom: 20px; }
.page-home3 .mainslogen .mainbtn{font-size: 16px; margin-bottom: 0; padding: 12px 35px;min-width:inherit }
.mainbigbanner .swiper-pagination{bottom: 10px;}

.wp-block-button__link{padding: 8px 20px !important;}

.row.photo .col .card-thumbnail, .row.photo4 .col .card-thumbnail { height: 200px;}
.row.photo .col, .row.photo4 .col { padding: 0 10px 30px 10px;}
.row.portfolio .col .card-thumbnail, .row.webzine .col .card-thumbnail{height: 200px; max-height: 200px;min-width: 300px;}
.row.blog .col{padding: 0 10px 40px 10px;}
.row.portfolio .col {padding: 0 20px 40px 20px;}
.row.blog{columns: 3;}
.row.webzine, .row.noimglist{max-width: 100%;}
.row.webzine, .row.blog, .row.photo, .row.photo4, .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; }
.row.webzine .col .entry-date{font-size: 14px; margin-bottom: 20px;}
.row.noimglist .col .entry-title{white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}

.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;}


/* 패턴  */
.pt-title{font-size: 24px;}
.bzCardGrid{gap: 20px;}
.bzCardRow { margin-bottom: 20px !important; height: max-content;}
.bzCardRow h4 { margin: 40px 20px 18px 20px !important;font-size: 22px;}
.bzCardRow p { margin: 0px 20px 40px 20px !important; font-size: 15px;}
.bzCardGrid .bzCard h4 { margin: 30px 20px 18px 20px !important;font-size: 20px;}
.bzCardGrid .bzCard p {margin: 0px 20px 30px 20px !important;font-size: 15px;}
.bzCardGrid2 .bzCard h4{ font-size: 20px;}
.bzCardGrid2 .bzCard p{ font-size: 15px;margin:0px 0px 30px 0px !important}
.pt-col-left h4{font-size: 22px;}
.bzinfo_col{grid-template-columns: 100px auto;}
.bzinfo_col h4{font-size: 18px;}
.bzinfo_col p{font-size: 15px;}
.ptTable-wrap{width: 100%; overflow-x: auto; }
.ptTable{width: max-content; min-width: 100%;}
.ptTable td, .ptTable th{font-size: 16px; }

.page-home3 .maincontact {padding: 60px 0 60px 0;}
.page-home3 .maincontact h2{font-size: 28px !important;}
.page-home3 .maincontact a{font-size: 16px !important;}
.faq-accordion{max-width: inherit;}
.home2-title.bold h2{font-size: 30px !important;}
.serviceBox{gap: 20px !important; width: 85%; margin-bottom: 20px !important;}
.serviceBox h4{font-size: 20px !important;left: 30px;top: 10px;}
.mainService-wrap { gap: 0px;padding: 40px 0 !important;}

.bannerBar{height: 100px; top: -100px;}
.bannerBar .bartel{font-size: 32px;}
.bannerBar .bluecol3{padding: 0 20px !important;    grid-template-columns: 180px auto max-content;}
.faq-question{font-size: 20px !important;}
.faq-question::before{font-size: 18px;}
.faq-answer{font-size: 16px !important;}
.faq-item{padding: 7px 0;}
.mainnews ul li a{font-size: 17px ;}

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

 }


@media screen and (max-width:520px) { 

body, button, input, select, optgroup, textarea{font-size: 16px;}
html, body {overflow: auto !important;height: auto !important;}
.menu-btn { top: 10px; right: 10px; } 
.page .subbox { padding: 30px 20px 20px 20px } 
.subbox { padding: 10px; min-height: inherit; } 
.logobox{height: 30px; width: auto;;}

.subBanner h1 { font-size: 26px; } 
.subBanner .subtitle { font-size: 14px; } 
.subBanner { margin-bottom: 0px; height: max-content !important;  } 
.subBanner>div { gap: 25px; padding: 25px 0 0 20px; height: 100%;flex-direction: column;align-items: start; justify-content: center; min-height: 90px;} 
.pageTitle { margin-bottom: 20px; font-size: 24px; } 
.subBanner .page-excerpt { font-size: 16px; line-height: 1.4; } 
.subNavWrap {  margin-top: 0; width: 100%; overflow-x: auto; } 
.subNav {  padding-left: 0; min-width: max-content; height: 45px; } 
.subNav a { padding: 3px 18px; height:45px; font-size: 16px;  } 
.subNav li:first-child a { border-radius: 6px 0 0 0px;}
.subNav li:last-child a { border-radius: 0 6px 0 0px;}
.subNav li{min-width: calc(33% - 6px);}

.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 !important; font-weight: 600; word-break: keep-all; margin-bottom: 0; } 
.page-col-2-img { width: 100% !important; } 
section.post-list-wrap { padding: 0px; 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;}
.search-box{position: absolute; top: 17px; right: 60px;}
.search-form{transform: translateY(60px) translateX(50px);}  

.row.photo .col, .row.photo4 .col, .row.webzine .col, .row.blog .col, .row.portfolio .col{width: 100%;padding: 0 0 20px 0;}
.row.webzine, .row.photo, .row.photo4, .row.portfolio, .row.blog{flex-direction: column; columns: 1;}
.row.photo .col .entry-title, .row.photo4 .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: 18px; font-weight: 600;}
.row.blog .col .entry-info{font-size: 14px;}
.row.blog .col .entry-date{font-size: 13px;}
.row.webzine .col a{flex-direction: column;}
.row.noimglist .col a{padding: 10px 0;}
.row.noimglist .entry-text-wrap{    grid-template-columns: 1fr;  gap: 3px;}
.row.noimglist .col .entry-title{font-size: 16px; padding-left: 25px;}
.row.noimglist .col .entry-title::before{top: 0; font-size: 15px;}
.row.noimglist .entry-info{gap: 25px;}
.row.portfolio .col .card-thumbnail, .row.webzine .col .card-thumbnail{min-width: 100%; width: 100%; margin-bottom: 0;}
.related-title{font-size: 22px;}

.map .root_daum_roughmap {height: 300px !important;overflow: hidden !important;width:100% !important;}
.root_daum_roughmap .cont{display: none !important;}

.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: 0px; padding-bottom: 15px; } 
.single .info, .single .post-categories a { font-size: 13px; } 
.single .post-title { font-size: 18px; } 
.single .post-tags { margin-left: 10px; } 

.wp-block-spacer{height: 7px !important;}
.col-3366 hr, .col-6633 hr, .col-3repeat hr { margin: inherit;}

.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;}
.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 {flex-direction: column-reverse; gap: 20px;}
.page-contact .col-3366 {flex-direction: column-reverse; gap: 0px;}
.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;}
.page-home .mainslogen, .page-home2 .mainslogen, .page-home2 .mainslogen{ width: calc(100% - 60px); transform: translate(-50%, -60%);pointer-events: none;}
.page-home .mainslogen_text, .page-home2 .mainslogen_text, .page-home3 .mainslogen_text{font-size: 24px !important;}
.mainslogen_subtext{font-size: 15px !important ;pointer-events: none; line-height: 1.5; } 
.page-home3 .mainslogen_subtext{font-size: 15px !important}
.mainslogen_subtext br.onlymobile, .mainslogen br.onlymobile{display: block;}
.mainslogen .mainbtn, .page-home2 .mainslogen .mainbtn, .page-home3 .mainslogen .mainbtn{padding: 12px 35px; font-size: 16px; pointer-events: all; margin-bottom: 0;min-width: inherit;}

.mainPhoto{padding: 0 0px 30px 0; margin-top: 0 !important;}
.mainPhoto .col-4{grid-template-columns: 1fr 1fr !important; gap: 15px;}
.mainbigbanner{height: 100vh;}
.page-home2 .mainbigbanner, .page-home3 .mainbigbanner{height: 100vh;}
#fp-nav.fp-right {right: 7px;top: 45%;}
#fp-nav ul li, .fp-slidesNav ul li{height: 20px !important;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{width: 10px !important; height: 10px !important;}
.mainbigbanner .swiper-pagination{bottom: 50px;}

/* 패턴  */
.pt-title{ font-size: 22px;}
.bzCardGrid, .bzCardGrid2{ grid-template-columns: 1fr !important; gap: 30px !important ;}
.bzCardGrid .bzCard .wp-block-image{height: 200px;}
.bzCardGrid .bzCard p{font-size: 14px; margin: 0px 20px 20px 20px !important;}
.bzCardGrid .bzCard h4 {margin: 20px 20px 10px 20px !important;font-size: 20px;}
.bzCardGrid2 .bzCard h4{ margin: 20px 0px 10px 0px !important;font-size: 20px;}
.bzCardGrid2 .bzCard p{ font-size: 14px;margin:0px 0px 20px 0px !important}
.ptTable td, .ptTable th{font-size: 15px;}
.pt-col-left p{font-size: 15px;}
.bzinfo_col {grid-template-columns: 50px auto; gap: 10px !important;}
.bzinfo_col figure{padding: 5px;}
.wp-block-button a{padding-top: 10px !important; padding-bottom: 10px !important;}
.wp-block-column {font-size: 15px;}
.subpageBdBox{padding: 15px !important;}
.mainPhoto figure a { height: 130px !important;}
.mainPhoto .col-4 > li a{font-size: 15px !important;}
.home2-title h2{font-size: 22px !important;}
.home2-title .wp-block-button__link{ padding: 4px 15px !important; font-size: 14px !important; }
.home2-title { margin-bottom: 0;padding: 0 0 18px 0 !important;}
.mainslideBox .swiper-wrapper{padding-bottom: 40px;}
.mainslideBox .excerpt{font-size: 15px;}

.mainslideBox .imgbox a { min-height: 100%; min-width: 100%;}
.page-home3 .maincontact h2{font-size: 22px !important; line-height: 1.4;}
.page-home3 .maincontact a{font-size: 15px !important; height: 45px !important;}
.page-home3 .maincontact > div{gap: 5px;}
.page-home3 .maincontact{padding: 50px 0;}
.faq-question{font-size: 17px !important;        padding: 7px 0 7px 30px;}
.faq-answer {font-size: 15px !important;padding: 0px 0 10px 30px;}
.mainWorks-wrap, .mainWorks2-wrap { padding: 10px 10px 10px 10px !important;}
.home2-title.bold h2{font-size: 24px !important;}

.serviceBoxWrap{ overflow-x: scroll;position: relative; width: 100%;margin-top:-20px !important ;
    scrollbar-width: none;  -ms-overflow-style: none;  }
.serviceBoxWrap::-webkit-scrollbar { display: none;  }
.mainService-wrap {gap: 0;padding: 40px 0 !important;width: 100%;}

.serviceBox{  width: max-content; justify-content: start !important; margin-right: 40px !important; margin-left: 40px !important;}
.serviceBox h4 { font-size: 18px !important;}
.serviceBox .wp-block-column {width: 200px !important;}

.bannerBar { height: 200px;top: -200px;}
.bannerBar > .container{max-width: 85%; padding: 0 !important;}
.bannerBar .bluecol3 {display: block !important; position: relative; height: 150px; width: 100%; margin: 0; padding: 0 !important;}
.bluecol3 > div:nth-child(3){ position: absolute;left: 0;  top:95px;  width: 100%; }
.bluecol3 > div:nth-child(3) > div{justify-content: start !important;}
.bluecol3 > div:nth-child(3) .wp-block-button a {padding:11px 30px !important; font-size: 16px;}
/* .bluecol3 > div:nth-child(3) .wp-block-button a i{display: none;} */
.bluecol3 > div:nth-child(1){position: absolute; left: 0; top: 43px; height: 45px;}
.bluecol3 > div:nth-child(2){position: absolute; top: 0px;left: 0;  width: 100%;}
.mainnews ul li a{font-size: 16px; grid-template-columns: max-content auto;}
.mainnews .kboard-latest-date{font-size: 16px;letter-spacing: -1px;}
.bannerBar .bartel {  font-size: 32px; width: 100%;}
.page-home3 .mainslogen {transform: translate(-50%, -65%);}
.mainnews .kboard-default-cut-strings{    width: 100% !important; white-space: inherit !important;}

/* 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; } 
.footer-nav li a{font-size: 14px; padding-right: 12px;}
#jt_popup_container.pc .jt_popup_item.primary{max-width: 300px !important;}

}