/**************
블로그
***************/
.page-id-20 .tc h1{color:#497d7d}
.single .page-bg .entry-title{display:block}
.single .page-bg, .blog .page-bg, .archive .page-bg , .category .page-bg {
    /*background-image:linear-gradient(to left, #04a391, #29ad9e 61%, #0e524b);
    height: 120px;*/
    display: table;
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 120px;
    background-color: #f1f1f1;
    background-image: url(/wp-content/themes/Givia/img/asset/sub_top_bg_right.jpg), url(/wp-content/themes/Givia/img/asset/sub_top_bg_left.jpg);
    background-position: left top,right top;
    background-repeat: no-repeat,no-repeat;
    box-shadow: inset 0px 4px 9px 0px #dcdcdc;
}
#blog-entry-content, #page-right-entry-content{padding:80px 0}
.archive .breadcrumbs .maps2,.single .breadcrumbs .maps2{display:none}
.archive.cat-6-id .maps2{display:inline-block!important}
/*index*/
.blog .page-bg .entry-title,.archive .page-bg .entry-title{display:block!important}
.blog-item{position:relative}
.blog-item .blog-content h1{font-size:1.75em}
.blog article,.archive article,.category article{margin:25px 0;border:none!important;display:inline-block;width:33.3333%;white-space:normal;padding:0 16px!important;margin-bottom:32px;float:left}
.blog article .blog-item,.archive article .blog-item,.category article .blog-item{position:relative;text-align:left;overflow:hidden;border-radius:6px;border:solid 1px #e6e6e6}
.blog article .blog-item:hover,.archive article .blog-item:hover,.category article .blog-item:hover{-webkit-box-shadow:0 2px 10px rgba(0,0,0,.03);box-shadow:0 2px 10px rgba(0,0,0,.03)}
.blog article .blog-item:hover .blog-card-image::before,.archive article .blog-item:hover .blog-card-image::before,.category article .blog-item:hover .blog-card-image::before{opacity:.4}
.blog article .blog-item:hover .blog-card-image,.archive article .blog-item:hover .blog-card-image,.category article .blog-item:hover .blog-card-image{-webkit-transform:scale(1.05) rotate(.1deg);transform:scale(1.05) rotate(.1deg)}
.blog article .blog-item:hover .blog-card-link,.blog article .blog-item:hover .blog-meta,.archive article .blog-item:hover .blog-card-link,.blog article .blog-item:hover .blog-meta
.category article .blog-item:hover .blog-card-link,.blog article .blog-item:hover .blog-meta{color:#8a8a8a;opacity:.5}
.blog-card-link{display:block;margin:17px 24px 0;background-color:#fff;border-bottom:1px solid #e6e6e6;overflow:hidden;color:#323232}
#main .blog-item .blog-content h1{font-size:24px!important;margin-bottom:6px;font-weight:500;-webkit-transition:.25s;transition:.25s;color:#323232;overflow:hidden;text-overflow:ellipsis;display:block;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.3;height:60px;margin-bottom:13px}
.excerpt-txt { font-size: 15px !important; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.excerpt-txt p{color:#636363!important;font-weight:300;font-size:14px;margin-bottom:0}
.blog-card-image{display:block;background-repeat:no-repeat;background-position:center;background-size:cover;background-color:#f7fafa;-webkit-transform:scale(1) rotate(.1deg);transform:scale(1) rotate(.1deg);-webkit-transition:transform .25s ease-in-out;-webkit-transition:-webkit-transform .25s ease-in-out;transition:-webkit-transform .25s ease-in-out;transition:transform .25s ease-in-out;transition:transform .25s ease-in-out,-webkit-transform .25s ease-in-out}
.blog-card-image::before{-webkit-transition:.5s;transition:.5s;position:absolute;top:0;left:0;height:100%;width:100%;content:'';background-color:#000;opacity:0}
.blog-card-image::after{display:block;content:'';width:100%;padding-bottom:75%}
.blog-meta{position:relative;height:32px;margin:8px 24px;font-size:13px;height:50px}
.blog-meta a,.blog-meta i{color:#97a6b2!important;display:inline-block;float:left;line-height:1.5;padding-right:5px}
.blog-meta .mb03{text-align:right}
.blog-item .post-categories{list-style:none;overflow:hidden;margin:0;padding:0;display:inline-block}
.single .meta-block.cat-name,.single .post-categories{padding:0!important;width:100%}
.single .meta-block ul a{padding:5px 12px;display:block;position:relative;z-index:9}
#news_row{padding-top:80px}
.zalzal_news_grid{margin:0 0 35px;padding-bottom:30px!important;border-bottom:1px solid #eaeaea}
.zalzal_news_grid .vc_gitem-animated-block{width:40%!important}
.zalzal_news_grid .news_info{width:60%!important;padding:10px 0 0 30px}
.zalzal_news_grid .zalzal_title h3{font-size:1.5em;letter-spacing:-1px}
.zalzal_news_grid .zalzal_excerpt p{color:#6A6A6A;line-height:1.6}
.zalzal_news_grid .zalzal_date{color:#999}
.single article{padding-bottom:150px}
.single #page-entry-content{max-width:none!important;margin:0 auto}
.single .entry-content{padding-top:80px}
.single #page-entry-content .grid{max-width:none;margin:0 auto}
.single #page-entry-content .grid .col-1-1{padding:0}
.site-main .post-navigation,#comments,.single .entry-content{max-width:860px;margin:0 auto}
.single .entry-content ul,.single .entry-content ol{padding:0;margin-left:0}
/*.single .entry-content h3{font-size:19px}
.single .entry-content h4{font-size:16px}*/
.meta-block{width:50%;float:left}
.meta-block.cat-name li{padding:5px 12px;border:1px solid #000;border-radius:30px;line-height:1.5;margin-bottom:20px;display:inline-block;text-align:center}
.meta-block.the_time{font-size:14px;color:#929292;margin:0;padding-left:0;letter-spacing:1.5px}
.meta-block.the_auhor{display:none;font-size:14px;line-height:40px}
.meta-block.the_auhor img{margin-right:12px;width:40px;height:40px;border-radius:50%}
.archive-img.wp-post-image{padding:0;border:none}
.single h1{font-size:1.5em;line-height:1.5}
.zalzal__content{position:relative;line-height:1.7;margin:30px auto 0;padding:25px 0}
.zalzal__content:after,.zalzal_tags:before,.zalzal_tags:before{content:'';display:table;zoom:1;clear:both}
.zalzal_tags{display:block;max-width:769px;padding:49px 0;clear:both;position:relative}
.zalzal_tags a{background:#eaeaea;padding:0 7px;font-size:15px;margin:0 1px;letter-spacing:-1px}
.meta-block.the_auhor a i{border-radius:50%;font-size:23px;background:#4768ad;color:#fff;padding:4px}
.meta-block.the_auhor a{margin-left:15px}
.meta-block.the_auhor *{display:inline-block;vertical-align:middle}
.meta-more{padding-bottom:5px;border-bottom:1px solid #eaeaea;margin-bottom:20px}
.custom_except a{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word}
.custom-gtit h4{margin-bottom:0;font-weight:500;font-size:22px;line-height:1.2;-webkit-transition:.25s;transition:.25s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#323232}
.custom_except p{margin-bottom:0}
.item_casestudy_cat{text-align:left!important}
.item_casestudy_cat,.item_casestudy_date{display:inline-block;width:50%;float:left;margin-bottom:0!important}
.item_casestudy_cat a,.item_casestudy_date div{font-weight:100;font-size:14px;line-height:1;display:block;vertical-align:top}
.item_casestudy_cat a{text-align:left}
.item_casestudy_cat div,.item_casestudy_date div{display:block}
.item_casestudy_date div{text-align:right!important}
.item_casestudy_cat a::before{content:"\ea37";font-family:xeicon;font-size:13px;color:#78909c;margin-right:5px}
.item_casestudy_date div::before{content:"\eac2";font-family:xeicon;font-size:18px;color:#78909c;margin-right:5px}
.navigation.posts-navigation a{font-size:15px}
/*싱글페이지 리스트버튼*/
#nav-above .tc{width:33.3333%}
.cat-nav{text-align:center}
.cat-nav a{display:inline-block;width:165px;background:#04a391;border-radius:80px;color:#fff;padding:10px 15px;font-size:16px;font-weight:500;text-align:center}
.cat-nav a:hover{color:#fff}
.cat-nav a i{font-size:28px;display:inline-block;vertical-align:middle;margin-right:8px}
.cat-nav a span{display:inline-block;vertical-align:middle}
/*1단 로우*/
.blog-layout__02 .blog-content{padding:35px}
.blog-layout__02 .blog-thumb{width:311px;height:200px;float:left;display:table;border:1px solid #ddd;transition:all ease .5s}
.blog-layout__02 .blog-item:hover .blog-thumb{transform:scale(1.1);transition:all ease .5s}
.borom-news-right-col{display:table;width:auto;padding:15px 15px 15px 32px}
.blog-layout__02 .date_box{text-align:right}
.blog-layout__02.archive article,.blog-layout__02.category article{width:100%!important;float:none;margin:10px 0}
.blog-layout__02 .blog-item{overflow:visible!important;border-radius:0!important;border:1px solid #c8c8c8!important;display:table;width:100%}
.blog-layout__02 .blog-card-link{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:transparent;z-index:9;margin:0;border:none}
.blog-layout__02 .blog-item .blog-content h1{margin-bottom:0;height:auto}
.blog-layout__02 .blog-meta{width:auto;height:auto;margin:0}
.blog-layout__02 .blog-meta .mb02{display:table-cell;vertical-align:middle;width:100%;float:none;color:#222;display:table-cell;vertical-align:middle;width:100%;float:none;color:#222}
.blog-layout__02 .blog-item::before{content:'';display:block;width:0;height:3px;background:#2E368F;position:absolute;top:50%;left:-17px}
.blog-layout__02 .blog-item:hover::before{width:38px;transition:width .5s ease}
.blog-layout__02 .blog-item::after{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:8px 13px 10px rgba(0,0,0,0.1)!important;-webkit-box-shadow:8px 13px 10px rgba(0,0,0,0.1)!important;-moz-box-shadow:8px 13px 10px rgba(0,0,0,0.1)!important;border:2px solid #2E368F!important;opacity:0;cursor:pointer;transition:all ease .5s}
.blog-layout__02 .blog-item:hover::after{opacity:1;filter:alpha(opacity=100)}
.blog-layout__02 .blog-item:hover a{color:#222!important;opacity:1!important}
/*클린 사각형*/
.blog-cons{padding:21px}
.blog-thumb{overflow:hidden;height:200px;background-size:cover;background-repeat:no-repeat;background-position:center center;transition:all ease .5s}
.blog-layout__03 .blog-item:hover .blog-thumb{transform:scale(1.1);transition:all ease .5s}
.blog-layout__03 .blog-item{border:1px solid #c8c8c8!important;border-radius:0!important;padding:0}
.blog-layout__03 .excerpt-txt{overflow:visible;text-overflow:inherit;display:block;-webkit-line-clamp:inherit;word-wrap:inherit;margin:10px 0 0}
.blog-layout__03 .blog-card-link{position:absolute;width:100%;height:100%;top:0;left:0;background:transparent;margin:0;z-index:9}
.blog-layout__03 .excerpt-txt p{font-size:16px;color:#636363}
.blog-layout__03 .mb02{color:#222;font-size:16px}
.blog-layout__03 .blog-item::before{content:'';display:block;width:0;height:3px;background:#2E368F;position:absolute;top:10%;left:-17px}
.blog-layout__03 .blog-item:hover::before{width:38px;transition:width .5s ease}
.blog-layout__03 .blog-item::after{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:8px 13px 10px rgba(0,0,0,0.1)!important;-webkit-box-shadow:8px 13px 10px rgba(0,0,0,0.1)!important;-moz-box-shadow:8px 13px 10px rgba(0,0,0,0.1)!important;border:2px solid #2E368F!important;opacity:0;cursor:pointer;transition:all ease .5s}
.blog-layout__03 .blog-item:hover::after{opacity:1;filter:alpha(opacity=100)}
.blog-layout__03 .blog-item:hover a{color:#222!important;opacity:1!important}
/*vc grid*/
#blog__gitem .vc_grid-item .vc_grid-item-mini{border-radius:6px;border:solid 1px #e6e6e6}
#blog__gitem .vc_grid-item .vc_grid-item-mini img{border-top-left-radius:6px;border-top-right-radius:6px;visibility:visible}
#blog__gitem .vc_grid-item .vc_gitem-zone-c{background-color:#fff!important;padding:17px 24px}
.custom_except a{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word}
.custom-gtit h4{margin-bottom:0;font-weight:500;font-size:22px;line-height:1.2;-webkit-transition:.25s;transition:.25s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#323232}
.custom_except p{margin-bottom:0}
.item_casestudy_cat{text-align:left!important}
.item_casestudy_cat,.item_casestudy_date{display:inline-block;width:50%;float:left;margin-bottom:0!important}
.item_casestudy_cat a,.item_casestudy_date div{font-weight:100;font-size:14px;line-height:1;display:block;vertical-align:top}
.item_casestudy_cat a{text-align:left}
.item_casestudy_cat div,.item_casestudy_date div{display:block}
.item_casestudy_date div{text-align:right!important}
.item_casestudy_cat a::before{content:"\ea37";font-family:xeicon;font-size:13px;color:#78909c;margin-right:5px}
.item_casestudy_date div::before{content:"\eac2";font-family:xeicon;font-size:18px;color:#78909c;margin-right:5px}
/**/
.navigation.post-navigation{margin-top:-78px}
.comment-navigation .nav-previous,.paging-navigation .nav-previous,.post-navigation .nav-previous,.posts-navigation .nav-previous,.comment-navigation .nav-next,.paging-navigation .nav-next,.post-navigation .nav-next,.posts-navigation .nav-next{border:none}
.nav-links a{display:block;height:auto;color:#222}
.nav-previous i,.nav-next i{font-size:25px;color:#8a8a8a;width:55px;height:55px;border:1px solid #ccc;border-radius:50%;display:inline-block;line-height:55px}
.nav-previous i{margin-right:10px}
.nav-next i{margin-left:10px}
.nav-next{text-align:right!important}
.nav-previous{text-align:left!important}
.nav-previous i,.nav-next i{text-align:center}
/*page navi*/
.pnavigation ul{padding:0;margin:0}
.pnavigation li a,.pnavigation li a:hover,.pnavigation li.active a,.pnavigation li.disabled{color:#fff;text-decoration:none}
.pnavigation li{display:inline-block}
.pnavigation li a{display:block}
.pnavigation li a,.pnavigation li a:hover,.pnavigation li.active a,.pnavigation li.disabled{background-color:#2E368F;border-radius:3px;cursor:pointer;padding:12px;padding:.75rem}
.pnavigation li a:hover,.pnavigation li.active a{background-color:#a52219}
/**************
미디어쿼리
***************/
@media (max-width: 960px){
	/*서브*/
    .blog .entry-content,	.single .entry-content{padding:33px 15px}
	.blog-layout__02 .blog-item{display:block!important;overflow:hidden!important}
	.blog-layout__02 .blog-content{padding:0}
	.blog-layout__02 .blog-thumb{width:100%;float:none;clear:both;display:block}
	.borom-news-right-col{padding:15px}
    .nav-previous i, .nav-next i {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
    .zalzal_tags{padding:9px 0}
}
@media (max-width:867px){
    #blog-entry-content, #page-right-entry-content{padding:30px 0}
    .blog-item .blog-content h1,.blog-card-link{font-size:20px!important}
    /*블로그*/
    article{width:100%!important}
    .blog-layout__02 .blog-card-link{padding:17px}
    .blog-layout__02 .blog-item .blog-content h1{font-size:16px!important;letter-spacing:-0.054em}
    .blog-layout__02 .blog-meta{position:relative;left:0;right:auto;top:auto;padding-left:30px}
    #blog-entry-content, #page-right-entry-content{padding:30px 15px}
    .blog-item .blog-content h1,.blog-card-link{font-size:20px!important}
    .excerpt-txt{height:auto;font-size:13px}
}