/*Theme Name: Kagrta
Version: 1.0.0
Text Domain: Kagrta
*/
@charset "UTF-8";
/**************
 내 프로필
**************/
.profile-bottom ul { display: flex; width: 90%; justify-content: space-between; margin:0 auto}
.profile-bottom ul li { display: flex }
.flex-column.profile_box .profile-top { position: relative; padding: 35px 45px; background: #f6f7f9; border: 1px solid #dfdfdf; }
.avatar img { width: 150px; height: 150px; border-radius: 100%; }
.user-meta { padding-left: 30px; }
.user-meta h3 { display: block; margin-bottom: 25px; font-size: 30px; font-weight: bold; }
.d-flex.row.profile-bottom { margin-bottom: 20px; padding: 30px 0; background: #fff; border: 1px solid #dfdfdf; border-width: 0 1px 1px; }
.d-flex.row.profile-bottom ul li i { width: 82px; height: 82px; line-height: 82px; display: block; font-size: 32px; text-align: center; background: #F0F2F5; border-radius: 50%; margin: 0 auto; }
.d-flex.row.profile-bottom ul li i + span { display: block; padding-top: 10px; color: #848484; text-align: center }
.user-meta span, .user-meta div { color: #333; }
.user-meta span, .user-meta div { color: #333; }
.profile-etc { justify-content: space-between;flex-wrap:wrap}
.profile-etc .half { width: 49%; margin-right: 2%; flex-direction:column}
.profile-etc .half > .d-flex {border: 1px solid #ededed;margin-bottom: 20px;}
.profile-etc .half:nth-child(2n){margin-right:0}
.profile-etc .half .header_top { padding:13px 20px; font-size: 20px; color: #333; line-height: 60px; border-bottom: 1px solid #ededed;font-weight:700;position:relative}
.profile-etc .half .header_top h3{margin-bottom:0}
.profile-etc .half .header_top a { position: absolute;right:15px;top:0px}
.profile-etc .half .cont { padding: 15px }
.profile-etc .title, .profile-etc .date { font-size: 15px}
.profile-etc .member-notice-wrap .title,.profile-etc .qna-item .title{ width: calc(100% - 120px); padding-right: 19px; }
.profile-etc .qna-item .title-date{width:100%}
.profile-etc .member-notice-wrap .title h3{ margin-bottom: 0; font-size: 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis}
.profile-etc .member-notice-wrap .title h3 a,.profile-etc .qna-item .title a { color: #333; font-weight: 400 }
.profile-etc .member-notice-wrap .date,.profile-etc .qna-item .date{ width: 120px; }
.profile-etc .notice article { margin-bottom: 20px }
.profile-etc .notice article:last-child { margin-bottom: 0 }
.order .cont h2 { display: none; }
.profile-etc .qna table { border-top: 0 !important;margin-bottom:0}
.profile-etc .qna table thead, .profile-etc .qna tfoot { display: none; }
.profile-etc .qna table th, .profile-etc .qna table td { font-size: 14px; padding: 0 !important;line-height: 1.2; }
.profile-etc .order table th, .profile-etc .order table td { font-size: 14px}
.profile-etc .shop_table td { padding: 5px !important }
.profile-etc .shop_table .order-actions a { padding: 5px; font-size: 13px; border-radius: 3px; }
.profile-etc .shop_table th { padding: 5px 12px; background: #edf4fa !important; font-size: 0.9em !important; font-weight: bold; background-color: #edf4fa; border-top: 1px solid #333 !important; }
.profile-etc .shop_table td { padding: 5px !important }
.profile-etc .shop_table .order-actions a { padding: 5px; font-size: 13px; border-radius: 3px; }
/**************
페이지 레이아웃
**************/
body:not(.home) .container{max-width:1400px;margin:0 auto}
.container > .site-content-grid{justify-content:space-between}
.entry-content p{line-height:1.65}
/*회원사소식 보드*/
.entry-header { margin-bottom: 2.1875rem; }
.post-inner-wrap { background: #ffffff; border: 1px solid #d6d9dd; border-radius: 4px; overflow: hidden; min-width: 1px; -webkit-transition: all linear 0.2s; transition: all linear 0.2s; height: 100%; }
.post-inner-wrap:hover { box-shadow: 0 6px 24px 0 rgba(18, 43, 70, 0.12); }
.entry-img, .single .post-related-posts .entry-img { position: relative; overflow: hidden; padding-top: 52.56%; display: block; background-color: #647385; }
.entry-img img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 0; min-height: 100%; width: auto; min-width: 100%; object-fit: cover; }
.entry-content-wrap { padding: 20px 30px 25px; }
.entry-meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.bb-user-avatar-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.avatar-wrap { margin-right: 10px; }
.entry-content-wrap .avatar { border-radius: 100%; max-width: 38px; }
.meta-wrap { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; line-height: 1; }
.post-author { font-weight: bold; color: #3a9f6e; }
.post-author, .post-date { font-size: 0.875rem; color: #1E2132; line-height: 1.5; }
.post-date { display: block; }
.top-meta a, .top-meta .like-count { font-size: 13px; color: #9b9c9f; letter-spacing: -0.21px; line-height: 1.5; }
.top-meta a { margin-left: 15px; padding: 5px 10px; }
.top-meta i { font-size: 18px; margin-right: 5px; color: #9b9c9f; }
.bb-icon-l, .bb-icon-lined { font-family: 'bb-icons'; font-weight: 400; }
/*
.page-template-default #primary,
.page-template-page-notice-list #primary,
.page-template-page-page-pr-list #primary,
.page-template-page-page-family-news #primary,
.page-template-page-page-statics-list #primary{
    max-width: 931px !important
}
*/
.page-template-template-fullwidth  #content > .container { max-width: 100%; padding: 0; }
.page-template-template-fullwidth  #content > .container #primary { padding: 0; width:100%;max-width:100%}
.page-template-template-fullwidth  #content { padding: 0; }
.page-template-template-fullwidth  #content > .container > .bb-grid { margin: 0; }
.page-template-template-fullwidth  #content .entry-content { max-width: 1200px; margin: 0 auto; }

#call-banner { position: relative; padding: 6px; background: url(/wp-content/themes/kagrta/asset/pat.jpg) !important; }
#call-banner .call-banner { background: #fff; padding:9px 8px; text-align: center; }
#call-banner h2 { font-size:26px; }


#content { z-index: 10; position: relative; background: #fff }
.page-visual { height: 100%; width: 100%; position: absolute; top: 0; }
.page-bg {position: relative; background-color: #f1f1f1; background-image: url(/wp-content/themes/kagrta/img/asset/title_left.jpg), url(/wp-content/themes/kagrta/img/asset/title_right.jpg); background-position: left top, right top; background-repeat: no-repeat, no-repeat; box-shadow: inset 0px 4px 9px 0px #dcdcdc; }
.page-title-bg { height: 120px; }
.page-title-bg .title-cont { max-width: 1295px; margin: 0 auto; }
.page-title-bg .title-cont h1 { color: #212121; font-size: 2.2em; font-weight: 500; margin-bottom: 0 }
.brad-wapper { max-width: 1295px; margin: 0 auto; }
.bread-grid { position: relative; background-color: #fff; border-bottom: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; }
/*
.breadcrumbs > span a, .breadcrumbs > span i { position: relative; height: 60px; line-height: 60px; color: #2a2a2a; }
.breadcrumbs span[typeof="ListItem"] { height: 60px; line-height: 60px; min-width: 120px; }
.breadcrumbs > span { display: inline-block; min-width: 38px; vertical-align: top; color: #2a2a2a; border-left: 1px solid #e0e0e0; padding: 0 26px; }
.breadcrumbs .sep { text-align: center; display: none; }
.breadcrumbs .home { display: inline-block; min-width: inherit; width: 65px; padding: 0; text-align: center; font-size: 20px; color: #2a2a2a; border-left: 1px solid #e0e0e0; }
*/
.breadcrumbs > .home { width: 56px; text-align: center; font-size: 28px; padding-right: 0 }
.breadcrumbs, .bread-has-child { list-style: none; padding: 0; margin: 0 auto }
.breadcrumbs > li { display: inline-block; float: left; position: relative; height: 56px; line-height: 56px; border-left: 1px solid #e0e0e0; overflow: hidden }
.breadcrumbs > li.open { overflow: visible;z-index:11}
.breadcrumbs > li a { display: block; color: #2a2a2a }
.bread-has-child li { list-style: none }
.bread_sub { display: none; list-style: none; padding-left: 0; padding-top: 7px; padding-bottom: 7px; margin: 0; height: 0; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0 }
.bread_sub li a { padding-left: 20px }
.bread-has-child.open .bread_sub { background: #f5f5f5; position: absolute; width: 100%; top: 57px; height: auto; transition: all ease .3s }
.bread_sub li { height: auto; line-height: 36px }
.bread-has-child .first_l { position: relative; padding-left: 20px; padding-right: 56px }
.bread-grid .page_item.page-item-1691 { display: none !important }
.site-id-4 .bread-grid .page_item.page-item-1692 { display: none !important }
.current_item .first_l { padding-left: 20px }
.bread-has-child .first_l::after { font-size: 20px; position: absolute; right: 8px; top: 0px; content: "\e943"; font-family: 'xeicon' }
.bread-has-child.open .first_l::after { content: "\e946" }
.openSub #bread-row { opacity: 0; transition: all ease .5s }
.breadcrumbs > .home a { display: block; width: 100%; height: 100% }
.breadcrumbs > .home i { width: 100%; height: 100%; display: block; line-height: 54px; }
span[property="name"] { color: #2a2a2a; }
.breadcrumbs li:last-child { padding-left: 40px; }
/*social btn*/
.k-share{position:absolute;top:0;right:0;width:56px;height:56px}
.k-share .menu .list{top:11px;position:absolute;left:0;height:57px;width:auto;visibility:hidden}
.k-share .menu .list .item{z-index:1;position:absolute;text-align:center;left:0;transition:all 400ms ease;border-radius:50%;background-size:cover!important}
.k-share .menu.active .list{visibility:visible}
.k-share .menu.active .item:nth-child(4){left:-34px;transition-delay:0;background:#0077B5}
.k-share .menu.active .item:nth-child(3){left:-74px;transition-delay:400ms;background:#dd4b39}
.k-share .menu.active .item:nth-child(2){left:-114px;transition-delay:800ms;background:#0084b4}
.k-share .menu.active .item:nth-child(1){left:-156px;transition-delay:1200ms;background:#3b5998}
.k-share .menu .main-btn{position:relative;width:57px;height:57px;color:#fff;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:30px;background:#0e4280}
.k-share .menu .main-btn:hover{cursor:pointer}
/*서브페이지 사이드바- 보더*/
/*404*/
.blank-page-title{font-size:7.5em}
.error404 .site-main{padding:88px 0;min-height:840px}
.blank_btn_wrap a{margin:0 6px}

@media (min-width:961px){
    .sticky-header .site-content, body.buddypress.sticky-header .site-content, .bb-buddypanel.sticky-header .site-content, .single-sfwd-quiz.bb-buddypanel.sticky-header .site-content, .single-sfwd-lessons.bb-buddypanel.sticky-header .site-content, .single-sfwd-topic.bb-buddypanel.sticky-header .site-content { padding-top:182px}
    /*콘텐츠 영역*/
    .page-template-page-fullwidth-content #content #primary{max-width:100% !important}
    /*.page-template-default .content-area,
    .page-template-default #primary,*/
    #primary.has-side,
    .page-template-default #primary,
    .page-template-template-left-sidebar #primary,
    .page-template-board-notice #primary,
    .page-template-board-pr #primary,
    .page-template-board-statics #primary,
    .page-template-board-family-news #primary,
    .page-template-board-newsletter #primary,
    .page-template-board-partner #primary,
    .page-template-board-job #primary{
        max-width: calc(100% - 270px) !important;
        padding-left: 60px;
    }
    /*Sticky Sidebar*/
    .page-template:not(.page-template-page-fullwidth-content) #page.site,
    .page-template:not(.page-template-page-fullscreen) #page.site,
    .page-template:not(.page-template-page-fullwidth) #page.site{
        overflow-x: clip
    }
    .page-template-default .container{max-width: 1295px}
    .page-template-board-notice .container,
    .page-template-board-pr .container,
    .page-template-board-statics .container
    .page-template-board-family-news .container,
    .page-template-board-newsletter .container,
    .page-template-board-partner .container,
    .page-template-board-job .container{
        max-width:1400px
    }
}
/*
공지 1
회원사소식 55
통계자료 56
보도자료 57
제휴사 61

채용센터 58
*/
@media (min-width:961px){
    #page-side-nav .current_page_item a,
    .cat-id-1 #page-side-nav ul li:first-child a,
    .cat-id-55 #page-side-nav ul li:nth-child(2) a,
    .cat-id-56 #page-side-nav ul li:nth-child(3) a,
    .cat-id-57 #page-side-nav ul li:nth-child(4) a,
    .cat-id-61 #page-side-nav ul li:nth-child(6) a,
    .cat-id-58 #page-side-nav ul li:nth-child(5) a{
        color: #3a9f6e;
        border-left: 2px solid #3a9f6e;
    }
}
@media (max-width:960px){
    body:not(.home) .entry-content { padding: 0 14px; }
    .site-content{min-height:auto!important}
    #page-side-nav .current_page_item a,
    .cat-id-1 #page-side-nav ul li:first-child a,
    .cat-id-55 #page-side-nav ul li:nth-child(2) a,
    .cat-id-56 #page-side-nav ul li:nth-child(3) a,
    .cat-id-57 #page-side-nav ul li:nth-child(4) a,
    .cat-id-61 #page-side-nav ul li:nth-child(6) a,
    .cat-id-58 #page-side-nav ul li:nth-child(5) a{
        color: #21724b;
        border-bottom: 2px solid #21724b;
    }
    .entry-content-wrap{padding:0 14px}
    .single .entry-header{padding:0}
    .single .entry-content p{padding-left:0}
    .board-header > .d-flex {padding:0 !important; font-size: 12px; margin:0!important; border: 0; }
    .board-header { justify-content: space-between; }
    .board-header > .d-flex:after { display: none; }
    .board-header span.label{margin-right:0!important}
    #primary .board-head-cont h1{ font-size:16px!important; padding: 14px 0; margin: 0; line-height: 1.3; }
    .single .entry-content { padding: 0 !important; }
    .single .entry-content-wrap .entry-content-wrap { padding: 0; }
}
/***********
회원가입
************/
#user .right { background: url(https://kagrta.org/wp-content/uploads/sites/23/2023/05/전기차유리.jpg)no-repeat center center; background-size: cover; }
ul.wpuf-form .dot li { padding-top: 0 !important; padding-bottom: 0 !important; padding-left: 18px !important; margin-bottom: 4px !important; }
body .wpuf-form .wpuf-multistep-progressbar ul.wpuf-step-wizard { text-align: center; max-width: 300px; }
.wpuf-form-add .wpuf-form .wpuf-multistep-progressbar ul.wpuf-step-wizard li, .wpuf-form-add .wpuf-form .wpuf-multistep-progressbar.ui-progressbar { width: auto !important; }
/***********
 * 코멘트/스타레이팅
***********/
.mdp-stellar-stars svg path { fill: inherit; }
.mdp-stellar-box { --mdp-stellar-size: 38px; --mdp-stellar-color: rgba(214, 213, 207, 1); --mdp-stellar-active: rgba(255, 204, 0, 1); --mdp-stellar-hover: rgba(123, 195, 82, 1); --mdp-stellar-space: 3px; }
.mdp-stellar-top { --mdp-stellar-size: 14px; --mdp-stellar-color: rgba(214, 213, 207, 1); --mdp-stellar-active: rgba(255, 204, 0, 1); --mdp-stellar-hover: rgba(123, 195, 82, 1); --mdp-stellar-space: 3px; --mdp-stellar-gutter: 11px; }
.mdp-stellar-box { font-size: initial; font-weight: initial; letter-spacing: initial;  /* Valuation tooltip */  /* Valuation before and after */
/* Results and Votes count before and after */ }
.mdp-stellar-box .mdp-box-icon { display: flex; align-items: center; position: relative; margin: 0 calc(3px / -2); }
.mdp-stellar-box .mdp-box-icon span { white-space: nowrap; }
.mdp-stellar-box .mdp-box-icon i { margin: 0 calc(3px / 2); }
.mdp-stellar-box .mdp-stellar-tooltip { display: block; position: absolute; background: white; padding: 0.25rem 0.75rem; border-radius: 8px; box-shadow: 0 3.4px 2.7px rgba(0, 0, 0, 0.022), 0 8.7px 6.9px rgba(0, 0, 0, 0.031), 0 17.7px 14.2px rgba(0, 0, 0, 0.039), 0 36.5px 29.2px rgba(0, 0, 0, 0.048), 0 100px 80px rgba(0, 0, 0, 0.07); transition: 0.2s; font-size: smaller; white-space: nowrap; text-align: center; animation-name: mdp-stellar-tooltip-hide; animation-duration: 0.1s; animation-fill-mode: both; }
.mdp-stellar-box .mdp-stellar-tooltip:after { content: ""; display: block; width: 0; height: 0; position: absolute; border-top: 8px solid white; border-bottom: 8px solid transparent; border-left: 8px solid transparent; border-right: 8px solid transparent; left: calc(50% - 8px); bottom: -15px; }
.mdp-stellar-box .mdp-stellar-tooltip.mdp-stellar-tooltip-show { display: block; animation-name: mdp-stellar-tooltip-show; animation-duration: 0.4s; animation-fill-mode: both; }
.mdp-stellar-box .mdp-stellar-val-before, .mdp-stellar-box .mdp-stellar-val-after { display: block; position: relative; background: white; padding: 0.75rem 1.25rem; border-radius: 8px; white-space: nowrap; min-width: 54px; text-align: center; box-shadow: 0 3.4px 2.7px rgba(0, 0, 0, 0.022), 0 8.7px 6.9px rgba(0, 0, 0, 0.031); }
.mdp-stellar-box .mdp-stellar-val-before { order: -1; margin-right: 1.25rem; }
.mdp-stellar-box .mdp-stellar-val-before:after { content: ""; display: block; width: 0; height: 0; position: absolute; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid white; border-right: 8px solid transparent; right: -15px; top: calc(50% - 8px); }
.mdp-stellar-box .mdp-stellar-val-after { margin-left: 1.25rem; }
.mdp-stellar-box .mdp-stellar-val-after:before { content: ""; display: block; width: 0; height: 0; position: absolute; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid transparent; border-right: 8px solid white; left: -15px; top: calc(50% - 8px); }
.mdp-stellar-box .mdp-stellar-results-before, .mdp-stellar-box .mdp-stellar-votes-before, .mdp-stellar-box .mdp-stellar-results-after, .mdp-stellar-box .mdp-stellar-votes-after { display: block; position: relative; background: white; padding: 0.75rem 1.25rem; border-radius: 8px; box-shadow: 0 3.4px 2.7px rgba(0, 0, 0, 0.022), 0 8.7px 6.9px rgba(0, 0, 0, 0.031); }
.mdp-stellar-box .mdp-stellar-results-before span, .mdp-stellar-box .mdp-stellar-votes-before span, .mdp-stellar-box .mdp-stellar-results-after span, .mdp-stellar-box .mdp-stellar-votes-after span { white-space: nowrap; }
.mdp-stellar-box .mdp-stellar-results-before, .mdp-stellar-box .mdp-stellar-votes-before { margin-right: 1.25rem; order: -2; }
.mdp-stellar-box .mdp-stellar-results-before:after, .mdp-stellar-box .mdp-stellar-votes-before:after { width: 0; height: 0; content: ""; display: block; position: absolute; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid white; border-right: 8px solid transparent; right: -15px; top: calc(50% - 8px); }
.mdp-stellar-box .mdp-stellar-results-after, .mdp-stellar-box .mdp-stellar-votes-after { margin-left: 1.25rem; }
.mdp-stellar-box .mdp-stellar-results-after:before, .mdp-stellar-box .mdp-stellar-votes-after:before { width: 0; height: 0; content: ""; display: block; position: absolute; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid transparent; border-right: 8px solid white; left: -15px; top: calc(50% - 8px); }
.mdp-stellar-box .mdp-stellar-message { position: absolute; font-size: small; background: white; opacity: 1; width: 100%; height: 100%; border-radius: 4px; display: flex; align-items: inherit; justify-content: center; animation: stellar-fadeout; animation-delay: 1s; animation-duration: 1.1s; }
.mdp-stellar-box .mdp-stellar-buttons { -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.mdp-stellar-box .mdp-stellar-buttons .mdp-stellar-stars { display: flex; align-items: center; position: relative; }
.mdp-stellar-box .mdp-stellar-buttons i { vertical-align: middle; cursor: pointer; position: relative; font-size: 0; line-height: 0; border: none; transition: 0.4s; display: inline; }
.mdp-stellar-box .mdp-stellar-buttons i.mdp-stellar-rated { animation-name: mdp-stellar-rated; animation-duration: 0.4s; animation-fill-mode: both; animation-timing-function: ease-in; }
.mdp-stellar-box .mdp-stellar-buttons i.mdp-stellar-hover { transform: scale(1.15); transition: 1s; }
.mdp-stellar-box .mdp-stellar-buttons i:hover { transition: none; }
.mdp-stellar-box .mdp-stellar-buttons i.mdp-box-list-hover svg:not(.mdp-stellar-bubbles) *, .mdp-stellar-box .mdp-stellar-buttons i.mdp-box-list-hover div svg:not(.mdp-stellar-bubbles) * {fill:#7bc352}
.mdp-stellar-box .mdp-stellar-buttons i svg { height: auto; }
.mdp-stellar-box .mdp-stellar-buttons i svg:not(.mdp-stellar-bubbles) { width: 38px; max-width: 38px; fill: #d6d5cf; }
.mdp-stellar-box .mdp-stellar-buttons i svg:not(.mdp-stellar-bubbles):last-child { min-width: 38px; }
.mdp-stellar-box .mdp-stellar-buttons i svg:not(.mdp-stellar-bubbles):last-child * { fill: #ffcc00; }
.mdp-stellar-box .mdp-stellar-buttons i svg.mdp-stellar-bubbles { position: absolute; top: 0; left: 1px; z-index: -1; overflow: visible; transform-origin: left top; height: 100%; width: 100%; }
.mdp-stellar-box .mdp-stellar-buttons i svg.mdp-stellar-click #grp2, .mdp-stellar-box .mdp-stellar-buttons i svg.mdp-stellar-click #grp3, .mdp-stellar-box .mdp-stellar-buttons i svg.mdp-stellar-click #grp4, .mdp-stellar-box .mdp-stellar-buttons i svg.mdp-stellar-click #grp5, .mdp-stellar-box .mdp-stellar-buttons i svg.mdp-stellar-click #grp6, .mdp-stellar-box .mdp-stellar-buttons i svg.mdp-stellar-click #grp7 { opacity: 1; transition: 0.1s opacity 0.3s; }
.mdp-stellar-box .mdp-stellar-buttons i svg.mdp-stellar-click #grp2 .oval1, .mdp-stellar-box .mdp-stellar-buttons i svg.mdp-stellar-click #grp3 .oval1, .mdp-stellar-box .mdp-stellar-buttons i svg.mdp-stellar-click #grp4 .oval1, .mdp-stellar-box .mdp-stellar-buttons i svg.mdp-stellar-click #grp5 .oval1, .mdp-stellar-box .mdp-stellar-buttons i svg.mdp-stellar-click #grp6 .oval1, .mdp-stellar-box .mdp-stellar-buttons i svg.mdp-stellar-click #grp7 .oval1 { transform-origin: 0 0 0; transition: 0.5s transform 0.3s; }
.mdp-stellar-box .mdp-stellar-buttons i svg.mdp-stellar-click #grp2 .oval2, .mdp-stellar-box .mdp-stellar-buttons i svg.mdp-stellar-click #grp3 .oval2, .mdp-stellar-box .mdp-stellar-buttons i svg.mdp-stellar-click #grp4 .oval2, .mdp-stellar-box .mdp-stellar-buttons i svg.mdp-stellar-click #grp5 .oval2, .mdp-stellar-box .mdp-stellar-buttons i svg.mdp-stellar-click #grp6 .oval2, .mdp-stellar-box .mdp-stellar-buttons i svg.mdp-stellar-click #grp7 .oval2 { transform-origin: 0 0 0; transition: 1.5s transform 0.3s; }
.mdp-stellar-box .mdp-stellar-buttons i svg.mdp-stellar-click #grp1 .oval1 { transform: scale(0) translate(0, -30px); }
.mdp-stellar-box .mdp-stellar-buttons i svg.mdp-stellar-click #grp1 .oval2 { transform: scale(0) translate(10px, -50px); }
.mdp-stellar-box .mdp-stellar-buttons i svg.mdp-stellar-click #grp2 .oval1 { transform: scale(0) translate(30px, -15px); }
.mdp-stellar-box .mdp-stellar-buttons i svg.mdp-stellar-click #grp2 .oval2 { transform: scale(0) translate(60px, -15px); }
.mdp-stellar-box .mdp-stellar-buttons i svg.mdp-stellar-click #grp3 .oval1 { transform: scale(0) translate(30px, 0px); }
.mdp-stellar-box .mdp-stellar-buttons i svg.mdp-stellar-click #grp3 .oval2 { transform: scale(0) translate(60px, 10px); }
.mdp-stellar-box .mdp-stellar-buttons i svg.mdp-stellar-click #grp4 .oval1 { transform: scale(0) translate(30px, 15px); }
.mdp-stellar-box .mdp-stellar-buttons i svg.mdp-stellar-click #grp4 .oval2 { transform: scale(0) translate(40px, 50px); }
.mdp-stellar-box .mdp-stellar-buttons i svg.mdp-stellar-click #grp5 .oval1 { transform: scale(0) translate(-10px, 20px); }
.mdp-stellar-box .mdp-stellar-buttons i svg.mdp-stellar-click #grp5 .oval2 { transform: scale(0) translate(-60px, 30px); }
.mdp-stellar-box .mdp-stellar-buttons i svg.mdp-stellar-click #grp6 .oval1 { transform: scale(0) translate(-30px, 0px); }
.mdp-stellar-box .mdp-stellar-buttons i svg.mdp-stellar-click #grp6 .oval2 { transform: scale(0) translate(-60px, -5px); }
.mdp-stellar-box .mdp-stellar-buttons i svg.mdp-stellar-click #grp7 .oval1 { transform: scale(0) translate(-30px, -15px); }
.mdp-stellar-box .mdp-stellar-buttons i svg.mdp-stellar-click #grp7 .oval2 { transform: scale(0) translate(-55px, -30px); }
.mdp-stellar-box .mdp-stellar-buttons i .mdp-stellar-segment { overflow: hidden; position: absolute; top: 0; }
.mdp-stellar-box .oval1 { fill: #d6d5cf; }
.mdp-stellar-box .oval2 { fill: #ffcc00; }
.mdp-stellar-box .mdp-stellar-active > svg:not(.mdp-stellar-bubbles) * { fill: #ffcc00; }
.mdp-stellar-box .mdp-stellar-unable i { cursor: default; }
.mdp-stellar-box.row-right > div { display: flex; align-items: center; justify-content: space-between; }
.mdp-stellar-box.row-right > div .mdp-stellar-description { max-width: 60%; margin-right: 1rem; }
.mdp-stellar-box.row-right > div .mdp-stellar-buttons { text-align: right; }
.mdp-stellar-box.row-right > div .mdp-box-icon { text-align: right; }
.mdp-stellar-box.row-left > div { display: flex; align-items: center; flex-direction: row-reverse; justify-content: space-between; }
.mdp-stellar-box.row-left > div .mdp-stellar-description { max-width: 60%; margin-left: 1rem; }
.mdp-stellar-box.row-left > div .mdp-box-icon { text-align: left; }
.mdp-stellar-box.bottom-left > div { display: flex; align-items: flex-start; flex-direction: column; }
.mdp-stellar-box.bottom-left > div .mdp-stellar-description { margin-bottom: 0.5rem; }
.mdp-stellar-box.bottom-left > div .mdp-box-icon { text-align: left; }
.mdp-stellar-box.bottom-center > div { display: flex; align-items: center; flex-direction: column; text-align: center; }
.mdp-stellar-box.bottom-center > div .mdp-stellar-description { margin-bottom: 0.5rem; }
.mdp-stellar-box.bottom-center > div .mdp-box-icon { text-align: center; }
.mdp-stellar-box.bottom-right > div { display: flex; align-items: flex-end; flex-direction: column; text-align: right; }
.mdp-stellar-box.bottom-right > div .mdp-stellar-description { margin-bottom: 0.5rem; }
.mdp-stellar-box.bottom-right > div .mdp-box-icon { text-align: right; }
.mdp-stellar-box.top-center > div { display: flex; align-items: center; flex-direction: column-reverse; text-align: center; }
.mdp-stellar-box.top-center > div .mdp-stellar-description { margin-top: 0.5rem; }
.mdp-stellar-box.top-center > div .mdp-box-icon { text-align: center; }
.mdp-stellar-box.top-left > div { display: flex; align-items: flex-start; flex-direction: column-reverse; }
.mdp-stellar-box.top-left > div .mdp-stellar-description { margin-top: 0.5rem; }
.mdp-stellar-box.top-left > div .mdp-box-icon { text-align: left; }
.mdp-stellar-box.top-right > div { display: flex; align-items: flex-end; flex-direction: column-reverse; text-align: right; }
.mdp-stellar-box.top-right > div .mdp-stellar-description { margin-top: 0.5rem; }
.mdp-stellar-box.top-right > div .mdp-box-icon { text-align: right; }
.mdp-stellar-box .mdp-stellar-description h1, .mdp-stellar-box .mdp-stellar-description h2, .mdp-stellar-box .mdp-stellar-description h3, .mdp-stellar-box .mdp-stellar-description h4, .mdp-stellar-box .mdp-stellar-description h5, .mdp-stellar-box .mdp-stellar-description h6 { padding: 0; margin: 0; }
@media screen and (max-width:1025px) {
    .mdp-stellar-box .mdp-stellar { flex-wrap: wrap; }
    .mdp-stellar-box .mdp-stellar-buttons > * { margin: 0.5rem 0; }
    .mdp-stellar-box .mdp-box-icon > * { margin-top: 0.5rem; margin-bottom: 0.5rem; }
    .mdp-stellar-box .mdp-stellar-description { margin-top: 0 !important; margin-bottom: 0 !important; }
}
@media screen and (max-width:769px) {
    .mdp-stellar-box .mdp-box-icon { flex-wrap: wrap; }
}
@media screen and (max-width:415px) {
    .mdp-stellar-box > div .mdp-stellar-description { max-width: 100% !important; }
}
.mdp-hidden { display: none !important; }
.mdp-stellar-your-rating { font-size: smaller; margin-top: calc(38px / 4); }
@keyframes mdp-stellar-tooltip-show {
    from { opacity: 0; transform: translate3d(0, -100%, 0); }
    to { opacity: 1; transform: translate3d(0, 0, 0); }
}
@keyframes mdp-stellar-tooltip-hide {
    from { opacity: 1; transform: translate3d(0, 0, 0); }
    to { opacity: 0; transform: translate3d(0, -100%, 0); }
}
@keyframes mdp-stellar-rated {
    from { transform: scale(1.15); }
    25% { transform: scale(0.25); }
    to { transform: scale(1); }
}
@keyframes stellar-fadeout {
    from { opacity: 1; }
    to { opacity: 0; }
}
.mdp-stellar-top { display: flex; flex-wrap: wrap; padding: var(--mdp-stellar-gutter); }
.mdp-stellar-top .mdp-stellar-post { margin-bottom: var(--mdp-stellar-gutter); }
.mdp-stellar-top .mdp-stellar-post-image { display: flex; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.mdp-stellar-top h1.mdp-stellar-post-title, .mdp-stellar-top h2.mdp-stellar-post-title, .mdp-stellar-top h3.mdp-stellar-post-title, .mdp-stellar-top h4.mdp-stellar-post-title, .mdp-stellar-top h5.mdp-stellar-post-title, .mdp-stellar-top h6.mdp-stellar-post-title { margin: var(--mdp-stellar-gutter) 0; }
.mdp-stellar-top h1.mdp-stellar-post-title a, .mdp-stellar-top h2.mdp-stellar-post-title a, .mdp-stellar-top h3.mdp-stellar-post-title a, .mdp-stellar-top h4.mdp-stellar-post-title a, .mdp-stellar-top h5.mdp-stellar-post-title a, .mdp-stellar-top h6.mdp-stellar-post-title a { text-decoration: none; }
.mdp-stellar-top .mdp-stellar-post-rating { display: flex; align-items: center; font-size: 38px; }
.mdp-stellar-top .mdp-stellar-post-value { line-height: 38px; margin: 0 14px; white-space: nowrap; }
.mdp-stellar-top .mdp-stellar-post-stars { position: relative; display: flex; }
.mdp-stellar-top .mdp-stellar-post-stars i { vertical-align: middle; position: relative; font-size: 0; line-height: 0; border: none; transition: 0.4s; display: inline; margin: 0 3px; }
.mdp-stellar-top .mdp-stellar-post-stars.mdp-stellar-rated { animation-name: mdp-stellar-rated; animation-duration: 0.4s; animation-fill-mode: both; animation-timing-function: ease-in; }
.mdp-stellar-top .mdp-stellar-post-stars.mdp-stellar-hover { transform: scale(1.15); transition: 1s; }
.mdp-stellar-top .mdp-stellar-post-stars:hover { transition: none; }
.mdp-stellar-top .mdp-stellar-post-stars.mdp-box-list-hover svg:not(.mdp-stellar-bubbles) *, .mdp-stellar-top .mdp-stellar-post-stars.mdp-box-list-hover div svg:not(.mdp-stellar-bubbles) * { fill: #7bc352; }
.mdp-stellar-top .mdp-stellar-post-stars svg { height: auto; }
.mdp-stellar-top .mdp-stellar-post-stars svg:not(.mdp-stellar-bubbles) { width: 38px; max-width: 38px; fill: #d6d5cf; }
.mdp-stellar-top .mdp-stellar-post-stars svg:not(.mdp-stellar-bubbles):last-child { min-width: 38px; }
.mdp-stellar-top .mdp-stellar-post-stars svg:not(.mdp-stellar-bubbles):last-child * { fill: #ffcc00; }
.mdp-stellar-top .mdp-stellar-post-stars .mdp-stellar-segment { overflow: hidden; position: absolute; top: 0; }
.mdp-stellar-cols-1 > div { width: 100%; max-width: 100%; padding: var(--mdp-stellar-gutter); }
.mdp-stellar-cols-2 > div { width: 50%; max-width: 50%; padding: var(--mdp-stellar-gutter); }
.mdp-stellar-cols-3 > div { width: 33.3333333333%; max-width: 33.3333333333%; padding: var(--mdp-stellar-gutter); }
.mdp-stellar-cols-4 > div { width: 25%; max-width: 25%; padding: var(--mdp-stellar-gutter); }
.mdp-stellar-cols-5 > div { width: 20%; max-width: 20%; padding: var(--mdp-stellar-gutter); }
.mdp-stellar-cols-6 > div { width: 16.6666666667%; max-width: 16.6666666667%; padding: var(--mdp-stellar-gutter); }
.mdp-stellar-cols-7 > div { width: 14.2857142857%; max-width: 14.2857142857%; padding: var(--mdp-stellar-gutter); }
.mdp-stellar-cols-8 > div { width: 12.5%; max-width: 12.5%; padding: var(--mdp-stellar-gutter); }
.mdp-stellar-cols-9 > div { width: 11.1111111111%; max-width: 11.1111111111%; padding: var(--mdp-stellar-gutter); }
.mdp-stellar-cols-10 > div { width: 10%; max-width: 10%; padding: var(--mdp-stellar-gutter); }
.mdp-stellar-cols-11 > div { width: 9.0909090909%; max-width: 9.0909090909%; padding: var(--mdp-stellar-gutter); }
.mdp-stellar-cols-12 > div { width: 8.3333333333%; max-width: 8.3333333333%; padding: var(--mdp-stellar-gutter); }
@media (max-width:767px) {
    .mdp-stellar-top > div { width: 100%; max-width: 100%; }
}
@media (max-width:500px) {
    .mdp-stellar-post { display: flex; }
    .mdp-stellar-post-image { width: 100px; max-width: 100px; margin-right: var(--mdp-stellar-gutter); }
    .mdp-stellar-post-content { width: calc(100% - 100px - var(--mdp-stellar-gutter) - var(--mdp-stellar-gutter)); margin-left: var(--mdp-stellar-gutter); }
}
/***************
문단요소,Paragraph,Text
***************/
hr {background-color:#d6d9dd; border: 0; box-sizing: content-box; height:2px;margin:0rem 0rem 1.6875rem 0rem;padding:0}
.bull-tit {position:relative; font-family: 'gong' !important; font-weight: 500; font-size: 23px }
.bull-tit::before {content: ''; background-image: url("/wp-content/themes/kagrta/asset/bullet.svg"); background-size: auto; width: 10px; height: 23px;    /* transform: translateY(1px); */ margin-right: 11px; display: block; float: left; }
.c-tit{position:relative}
.c-tit::before {content:'';display:inline-block;border-radius:100%; width:14px;height:14px;border:3px solid #3a9f6e;margin-right:10px}
blockquote { background: url(/wp-content/themes/kagrta/asset/dda.png)no-repeat top left; padding-top: 68px; margin-bottom: 62px; margin-left: 0; font-style: normal; font-weight: 500; line-height:1.6;font-size:18px;margin-right:0}
blockquote p { font-size: 1.0rem; }
blockquote.line { position: relative; padding: 6px; background: url(/wp-content/themes/kagrta/asset/pat.jpg) !important; }
blockquote.line .inner { background: #fff; padding: 45px 20px; font-size: 18px; line-height: 1.6; }
blockquote img{ width: 223px; display: inline-block; vertical-align: top; float: left; margin-right:20px}
blockquote p:last-child{margin-bottom:0}
.hl{ background: #d5e5fb; color: #222; padding: 0 4px; }
.icon-cont { align-items: center; justify-content:flex-start; padding-bottom: 18px; border-bottom:1px solid #c8c8c8;margin-bottom:20px}
.icon-cont img { margin-right: 31px; }
.icon-cont h4 { font-size: 20px; margin-bottom: 8px; }
.icon-cont p { margin-bottom: 0; }
.icon-cont-has-two { flex-wrap: wrap; justify-content: space-between }
.icon-cont-has-two .icon-cont { width: 49%; margin-right: 2%; border: 1px solid #3a9f6e; border-radius: 12px; padding: 20px 15px }
.icon-cont-has-two .icon-cont:nth-child(2n) { margin-right: 0 }
.icon-cont i { display: block; float: left; font-size: 3.3rem; color: #3a9f6e; background: #f5f5f5; border-radius: 50%; width: 80px !important; height: 80px; line-height: 80px; text-align: center; margin-right: 24px; }
.gray-box { padding: 30px 35px; background-color: #f5f5f5; justify-content: space-between; }
.gray-box.half .d-flex { width: 50%; }
.gray-box ul { margin-bottom: 0; }
.gray-box ul li { position: relative; font-size: 1.0rem; margin-bottom: 11px; }
.gray-box ul li::before { content: ''; display: inline-block; border-radius: 100%; width: 14px; height: 14px; border: 3px solid #3a9f6e; margin-right: 10px; background: #f5f5f5; top: 7px; }
.gray-box .dot { margin-bottom: 0; }
.gray-box .nolist{list-style:none}
ul.admin-memo { margin:0 0 40px 0; padding: 15px 20px; background:#f9dada; border: 1px solid #ddd; }
ul.admin-memo li { display: block; position: relative; width: 49%; margin-right: 2%; float: left; }
ul.admin-memo li::before { content: '★'; }
ul.admin-memo li:last-child { margin-right: 0; }
.home ul.admin-memo { display: none; }

.single-post .entry-content p, .single-post .entry-content li, .single-attachment .entry-content p, .single-attachment .entry-content li{font-size:16px}
ul.dot { list-style: none; margin-bottom:24px}
ul.dot li { padding-left: 30px; position: relative; line-height: 1.7; margin-bottom: 6px; }
ul.dot li::before { content: ''; display: block; width: 8px; height: 8px; background: #58b384; position: absolute; left: 0; top: 9px; }
ul.depth_2 li { list-style: none }
ul.depth_2 li::before { border-radius: 100%; width: 6px; height: 6px }
ul.num { list-style: none; }
ul.num li b { background: #3a9f6e; border-radius: 100%; display: inline-block; width: 20px; height: 20px; line-height: 20px; margin-right: 12px; text-align: center; color: #fff; font-weight: 400; font-size: 13px; }
ul.num li { margin-bottom: 10px; }
ul.sub-page-list { list-style: none; padding: 0; margin: 0; text-align: center; }
ul.sub-page-list li { float: left; display: block; width: 50%; text-align: center; }
ul.sub-page-list li a { border: 1px solid #ddd; width: 100%; height: 100%; display: block; line-height: 57px; background: #f5f5f5; font-weight: 500; }
ul.sub-page-list li a.active { background: #3a9f6e; color: #fff; }
ul.sub-page-list li a:hover { background: #267e54; color: #fff; }
ul.depth_2 { padding-left: 1.5em; margin-bottom: 1.2em; }
.scroll-table { position: relative; padding-top:5px;overflow-x: scroll; white-space: nowrap; cursor: pointer; }
.scroll-table table::selection { background: 0 0; color: inherit }
.scroll-ind { text-align:right;width:100%}
.scroll-ind p { height: 27px; background: url(/not/wp-content/themes/kagrta/img/asset/fingerscroll.png)no-repeat scroll 0 0; background-size: 22px 25px; padding-left: 26px; padding-top: 4px; font-size: 13px; display: inline-block; }

@media (max-width:960px){
    .entry-content p { font-size: 14px; line-height: 1.8; padding-left: 10px; }
    #post-688 .entry-content p:last-child { margin-bottom: 0; }
    blockquote{ font-size: 0.965em; padding: 26px 28px; margin-top:0px; margin-bottom: 20px; border: none; background: #3a9f6e; border-radius: 23px; color: #fff; font-weight: 400; line-height: 1.75; }
    blockquote.line .inner { padding: 20px 14px;background: #3a9f6e;font-size:15px}
    blockquote.line .inner p { font-size: 14px; }
    blockquote.line .inner h3 { margin-bottom: 9px; font-size: 17px; color:#fff}
    blockquote * { color: #fff; }
    blockquote h3 { margin-bottom: 10px; }
    .c-tit{font-size:16px!important}
    ul.dot{margin-left:20px}
    ul.dot li .h4 { font-size: 15px; line-height: 1.2; margin-bottom: 0; }
    .mb20{margin-bottom:5px!important}
    .mb30{margin-bottom:10px!important}
    .mb60,.btn-wraps{margin-bottom:20px!important}
    .mt20{margin-top:5px!important}
    .mt30{margin-top:10px!important}
    .mt60{margin-top:20px!important}
    p{font-size:15px}
    h1{font-size:22px}
    h2{font-size:19px}
    h3{font-size:17px}
    h4{font-size:15px}
    h4{margin-bottom:5px}
    .gray-box { padding: 10px 0; }
    .gray-box ul { margin-left:8px}
    .gray-box ul li,ul.dot li{font-size:14px;padding-left:19px}
    .gray-box ul li::before { width: 7px; height: 7px; border: 2px solid #3a9f6e; }
    .bull-tit { font-size: 18px;margin-bottom:10px}
    .bull-tit::before { width: 7px; height: 16px; background-size: cover; margin-top: 5px; margin-right: 6px; }
    .out_msg{padding:30px 15px!important}
    .out_msg i{font-size:60px !important;margin-right:10px !important}
    .out_msg h3 { font-size: 1.3em!important}
    .out_msg p{font-size:13px}
    h3.bull-tit + h4 { font-size: 16px; }
    ul.sub-page-list li a { line-height: 35px; font-size: 14px; }
    /*인증자 검색*/
    #post-1318 .wppb-userlisting-container > .d-flex { flex-direction: column; margin-bottom: 10px !important }
    #post-1318 .wppb-faceted-list, #post-1318 .wppb-search-users-wrap { margin-bottom: 0 !important }
    #post-1318 .wppb-userlisting-container .wppb-search-users-wrap input { margin-right: 5px; border-radius: 0 }
    #post-1318 .wppb-faceted-list h5 { margin-top: 0 !important; font-size: 14px }
    #post-1318 .wppb-faceted-list li { margin-bottom: 15px }
    #post-1318 .wppb-faceted-list li input { line-height: 1; height: auto }
    #post-1318 .wppb-faceted-list li div, #post-1318 .wppb-faceted-list li span { font-size: 13px }
    #post-1318 .wppb-table tr { display: table-row; margin-bottom: 0; width: 100%; }
    #post-1318 .wppb-table thead { display: table-header-group !important; }
    #post-1318 .wppb-table thead th, #post-1318 .wppb-table td { display: table-cell !important}
    #post-1318 .wppb-table td { padding: 5px !important; font-size: 14px !important; white-space: break-spaces; font-size: 12px !important; text-align: left; }
    #post-1318 .wppb-table th, #post-1318 .wppb-table td { font-size: 13px !important }
    #post-1318 .wppb-table td.wppb-avatar img { width: 30px }
    #post-1318 .wppb-table td:before{display:none}
    #scroll-table { white-space: nowrap; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; margin-bottom: 0 !important; }
    /**/
    .grid-sizer, .grid-item { width: 49% !important; margin-right:2%}
    .grid-item .entry-content-wrap { padding: 10px; }
    .edit-link{display:inline-block}
    .grid-item .entry-meta { margin-bottom: 7px; margin-top: 13px; }
    .grid-item .entry-content-wrap h2.entry-titles { font-size: 16px; line-height: 1.5; margin-bottom: 8px}
    .grid-item .entry-content-wrap .avatar { width: 27px; }
    .grid-item .entry-content-wrap > header { padding: 0; }
    .grid-item .entry-content-wrap p { font-size: 12px; }
    .job-is-due{font-size:12px!important}
    /*자동차유리의 역할*/
    article#post-112 h3.mt60 { margin-top: 27px !important; font-size: 18px; }
    .icon-cont { border-bottom: 0; margin-bottom: 0; }
    .icon-cont p { font-size: 15px; }
    /*자동차유리의 안전*/
    #post-114 .half-col-img { margin-top: 0 !important; }
    #post-114 .half-col-img h4 { margin-bottom: 0; font-size: 14px; }
    #post-114 .half-col-img img { width: auto; height: 140px; }
    /*자동차유리 기능의 발달*/
    #post-679 .card-line-row.card-vertical .card-line { width: 100% !important; margin-right: 0 !important; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 20px; height: auto}
    #post-679 .card-line img { width: 100% !important; height: auto; margin-right: 0 !important; margin-bottom: 18px !important}
    #post-679 h3.bull-tit.mt30 {margin-top: 0 !important}
    /*기술안전표준*/
    #post-690 .entry-content h3.bull-tit { margin-top: 30px !important; }
    #post-690 .entry-content h3.bull-tit:nth-of-type(1) { margin-top: 0 !important; }
}
/**************
푸터
**************/
.bb-footer { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background: #fafbfd; font-size: 13px; color: #5a5a5a; }
.bb-footer.footer-widget-area { background-color: #fafbfd; }
.footer-widget-area { position: relative; z-index: 111; padding-top: 30px; padding-bottom: 30px; }
#page .footer-widget-area { padding-top: 30px; }
.site-header, .site-content:not(.maintenance-content), .bb-footer { padding: 0 10px; }
.bb-footer li a { font-size: 13px; color: #5a5a5a; letter-spacing: -0.24px; }
.footer-widget-area { position: relative; z-index: 111; padding-top:30px;padding-bottom:30px}
/*sub-footer*/
.home .sub-footer{display:none!important}
/* footer */
.footer{position:relative}
.quick_box {position: fixed; right:0px;bottom: 165px; z-index: 2;}
.q_share_box {display: none; position: relative; z-index: 1; margin-bottom: 5px;}
.quick_box button, .quick_box a {display: block; width: 65px; height: 65px; line-height: 30px; background-color: #3a9f6e;
 font-size: 20px; text-align: center; box-shadow: 2px 5px 8px 1px #989494;border:none}
.quick_box button i, .quick_box a i {color: #fff;}
.quick_box button:hover, .quick_box button:focus, .quick_box a:hover, .quick_box a:focus {font-size: 22px;}
.q_share_menu {display: none; position: absolute; left: 0; bottom: 35px; z-index: 1;}
.q_share_menu li {margin-bottom: 5px;}
.q_share_menu li:last-child {margin-bottom: 0;}
/* foot_top (10/10) */
.foot_top { }
.footer .containter { position: relative; z-index: 1; max-width: 1280px; margin: 0 auto; }
.foot_top .link_list{float:left; padding:5px 0;}
.foot_top .link_list li{float:left;} 
.foot_top .link_list li:after{content: "|"; display: inline-block; margin-top: -6px;  color: #aeafb0;  font-size: 13px; vertical-align: middle;} 
.foot_top .link_list li:last-child:after{display:none;}  
.foot_top .link_list li a {padding:0 20px; color: #737373;}
.foot_top .link_list li:first-child a {padding-left: 0; color: #019a44;font-weight:500}
.foot_btm {position: relative; padding: 15px 0 0px;}  
.foot_btm .foot_logo {position:absolute; top:7px; left:0; display:inline-block;}
.foot_btm .txt_box {float: left; color: #8f8f8f; font-size: 13px;}
.foot_btm .txt_box p {margin-bottom:5px;margin-top:0}
.foot_link li { float: left; margin-right: 15px; list-style:none}
.foot_link li:last-child { margin-right: 0; }
#select_family select { position: relative; width: 220px; height: 42px; line-height: 42px; padding: 0 15px; color: #585858; background-color: #e3e3e3; text-align: left; font-size: 14px; outline: none; border: none; }
.footer .foot_bg {position: relative; width: 100%; max-width: 2400px; margin:0 auto; padding: 0px 50px;background-color: #f6f6f6}
.footer .foot_bg .rl_bg {position: relative; width: 100%; margin: 0 auto; padding: 40px 0; background-color: #f6f6f6;}
@media (max-width:960px){
    .foot_btm .txt_box {text-align: center; }
    .foot_btm .txt_box p{font-size:12px!important}
    .footer-widget-area .bb-grid { margin: 0 !important; padding: 0 10px; }
}
/**************
테마 페이지 일반
***************/
#content{z-index:10;position:relative;background:#fff}
/*
.page-visual { height: 100%; width: 100%; position: absolute; top: 0; }
.page-bg { height: 120px; position: relative; background-color: #f1f1f1; background-image: url(/wp-content/themes/kagrta/img/asset/title_left.jpg), url(/wp-content/themes/kagrta/img/asset/title_right.jpg); background-position: left top, right top; background-repeat: no-repeat, no-repeat; box-shadow: inset 0px 4px 9px 0px #dcdcdc; }
.page-title-bg { height: 120px; }
.page-title-bg .title-cont { max-width: 1295px; margin: 0 auto; }
.page-title-bg .title-cont h1 { color: #212121; font-size: 2.2em; font-weight: 500; margin-bottom: 0 }
.brad-wapper { max-width: 1295px; margin: 0 auto; }
.bread-grid { position: relative; background-color: #fff; border-bottom: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; }
.breadcrumbs > .home { width: 56px; text-align: center; font-size: 28px; padding-right: 0 }
.breadcrumbs, .bread-has-child { list-style: none; padding: 0; margin: 0 auto }
.breadcrumbs > li { display: inline-block; float: left; position: relative; height: 56px; line-height: 56px; border-left: 1px solid #e0e0e0; overflow: hidden }
.breadcrumbs > li.open{overflow:visible}
.breadcrumbs > li a{display:block;color:#2a2a2a}
.bread-has-child li{list-style:none}
.bread_sub{display:none;list-style:none;padding-left:0;padding-top:7px;padding-bottom:7px;margin:0;height:0;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0}
.bread_sub li a{padding-left:20px}
.bread-has-child.open .bread_sub{background:#f5f5f5;position:absolute;width:100%;top:57px;height:auto;transition:all ease .3s}
.bread_sub li{height:auto;line-height:36px}
.bread-has-child .first_l{position:relative;padding-left:20px;padding-right:56px}
.bread-grid .page_item.page-item-1691{display:none!important}
.site-id-4 .bread-grid .page_item.page-item-1692{display:none!important}
.current_item .first_l{padding-left:20px}
.bread-has-child .first_l::after{font-size:20px;position:absolute;right:8px;top:0px;content:"\e943";font-family:'xeicon'}
.bread-has-child.open .first_l::after{content:"\e946"}
.openSub #bread-row{opacity:0;transition:all ease .5s}
.breadcrumbs > .home a { display: block; width: 100%; height: 100% }
.breadcrumbs > .home i { width: 100%; height: 100%; display: block; line-height: 54px; }
span[property="name"] { color: #2a2a2a; }
.breadcrumbs li:last-child { padding-left: 40px; }
*/
/*social btn*/
.k-share{position:absolute;top:0;right:0;width:56px;height:56px}
.k-share .menu .list{top:11px;position:absolute;left:0;height:57px;width:auto;visibility:hidden}
.k-share .menu .list .item{z-index:1;position:absolute;text-align:center;left:0;transition:all 400ms ease;border-radius:50%;background-size:cover!important}
.k-share .menu.active .list{visibility:visible}
.k-share .menu.active .item:nth-child(4){left:-34px;transition-delay:0;background:#0077B5}
.k-share .menu.active .item:nth-child(3){left:-74px;transition-delay:400ms;background:#dd4b39}
.k-share .menu.active .item:nth-child(2){left:-114px;transition-delay:800ms;background:#0084b4}
.k-share .menu.active .item:nth-child(1){left:-156px;transition-delay:1200ms;background:#3b5998}
.k-share .menu .main-btn{position:relative;width:57px;height:57px;color:#fff;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:30px;background:#0e4280}
.k-share .menu .main-btn:hover{cursor:pointer}
/*서브페이지 사이드바- 보더*/
/*404*/
.blank-page-title{font-size:7.5em}
.error404 .site-main{padding:88px 0;min-height:840px}
.blank_btn_wrap a{margin:0 6px}
/***********
 레이아웃
***********/
#content { z-index: 10; position: relative; background: #fff; }
.site-content { min-height: 70vh; }
.bb-grid { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: -10px; margin-right: -10px; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; }
.bb-grid > *, .bb-grid-cell { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 1px; list-style: none; }
/*사이드*/
.page-template-template-left-sidebar .container { max-width: 1400px; margin: 0 auto; }
.page-template-template-left-sidebar .bb-grid, .page-template-page-notice-list .bb-grid, .page-template-page-pr-list .bb-grid, .page-template-page-family-news .bb-grid, .page-template-page-statics-list .bb-grid { justify-content: space-between; }
.page-template-template-left-sidebar #primary { max-width: calc(100% - 270px) !important; padding-left: 60px; padding-right: 10px; width: 100%; }
#secondary { padding-top: 0; max-width: 270px; flex: 0 0 270px; }
.content-area { padding-top: 1.875rem; padding-bottom: 2.1875rem; }
#secondary { padding-top: 0; max-width: 270px; flex: 0 0 270px; }
#secondary ul { list-style: none; margin: 0; }
#secondary ul li + p { display: none; }
#secondary ul li a { color: #444; font-size: 19px; padding: 15px 15px; border-bottom: 1px solid #dcdcdc; display: block; width: 100%; }
#page-side-nav { border: 1px solid #ddd; }
#page-side-nav h2 { background: #f5f5f5; padding: 18px 10px 18px 10px; margin-bottom: 0; font-family: 'gong' !important; font-weight: 500; font-size: 21px; background: url(/wp-content/themes/kagrta/asset/titbg.jpg)no-repeat center center; background-size: cover; color: #fff; }
.parent-pageid-104 #page-side-nav h2 span{font-size:20px}
#page-side-nav + asiade { margin-top: 25px; }
#page-side-nav + aside { margin-top: 13px; border-radius: 0; }
.page-template-default .bb-grid,
.page-template-page-notice-list .bb-grid,
.page-template-page-pr-list .bb-grid,
.page-template-page-family-news .bb-grid,
.page-template-page-statics-list .bb-grid { justify-content: space-between }
aside.sticky{position:sticky;top:0;border-top:3px solid #21724b}
#page-side-nav { border: 1px solid #ddd; border-top-width: 0; }
.page-template-default .site { overflow-x: initial !important}
.sub_qlink {margin-top:40px; margin-right:-10px;}
.sub_qlink li { padding-bottom: 10px; width: 48%; float: left; margin-right: 4%; }
.sub_qlink li:nth-child(2n) { margin-right: 0; }
.sub_qlink a {display:block; padding:20px 0; border-radius:13px; border:1px solid #d4d5d8; font-family: 'NanumSquare','돋움',Dotum,'굴림',Gulim,Helvetica, 'Apple SD Gothic Neo',sans-serif; font-weight:700; font-size:17px; color:#262626; text-align:center;}
.sub_qlink i {display:block; height:68px; margin:0 auto; background:url('/wp-content/uploads/sites/23/2023/05/side_icon_map.svg') no-repeat;}
.sub_qlink .s02 a, .sub_qlink .s03 a {background-color:#f6f8fa;}
.sub_qlink .s01 i {width:62px; background-position:0 0;}
.sub_qlink .s02 i {width:64px; background-position:-129px 0;}
.sub_qlink .s03 i {width:62px; background-position:0 -134px;}
.sub_qlink .s04 i {width:72px; background-position:-126px -138px;}

.widget { background: #ffffff; border: 1px solid #d6d9dd; border-radius:4px; font-size: 0.875rem; line-height: 1.35; margin-bottom: 1.25rem; padding: 1.25rem 1.25rem 1.5625rem 1.25rem; }
#page-side-nav + aside { margin-top: 13px; border-radius: 0; }
@media (min-width:961px){
    #secondary ul li a { font-size: 16px !important; padding: 10px 15px !important}
}
@media (max-width:960px){
    .site-content-grid {margin:0}
    body:not(.home) .site-content-grid{flex-direction:column}
    #secondary {order:1;max-width:100%;flex:1;padding-left:0}
    #primary {order: 2;max-width:100%;flex:1;padding-top:0;margin-top:0px}
    #secondary .sticky { position: relative; }
    #page-side-nav h2 { text-align: center; padding:1px 0; font-size:16px;letter-spacing:3.5px}
    #secondary ul {padding-left:20px;justify-content:center; display: flex; background: #fff; text-align: center;    /* height: 52px; */ width: 100%; border-top: 1px solid #ddd; white-space: nowrap; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; margin-bottom: 0 !important; }
    #secondary ul li { display: flex; }
    #secondary ul li a { border: none; font-size: 13px; letter-spacing: -1.5px; padding: 12px 15px;line-height:1.5}
    #page-side-nav + aside,.sub_qlink{display:none!important}
    .breadcrumb {right:0px!important;margin-bottom:4px;position:relative!important}
    .page-template-default .content-area {padding-top:0;padding-left:0!important}
    .page-template-default #secondary { padding-bottom:8px;padding-left:0!important}
    .breadcrumb span { font-size:10px}
    .page-template-template-hook .entry-title, .page-template-default .entry-title, .page-template-template-left-sidebar .entry-title, .big-c{margin-bottom:10px;font-size:22px!important;padding-left:20px!important}
    .title-bar {border-bottom:0!important;margin-bottom:0!important;padding-bottom:0!important}
    header.entry-header .title-bar{margin-bottom:24px !important}
}
/***********
메인
***********/
.home .entry-content { margin: 0; }
.wpsisac-slide-wrap > div { height: 610px; justify-content: center; display: flex; }
.wpsisac-slide-wrap > div h2, .wpsisac-slide-wrap > div p { color: #fff; }
.wpsisac-slider-content { display: flex; width: 100%; max-width: 1117px; padding-top: 80px; flex-direction: column; }
.mainFvisual { display: flex !important; justify-content: center; position: relative; background-position: center right; }
.mainFvisual { margin-bottom: 0 !important; background-size: cover; height: 335px; background: url(/wp-content/themes/kagrta/asset/slider/f2.jpg)no-repeat center center; background-attachment:scroll; background-size: cover; background-repeat: no-repeat; }
.mainFvisual::before { content: ''; display: block; width: 100%; height: 100%; z-index: 0; background: rgb(0 0 0 / 58%); position: absolute; top: 0; left: 0; }
.mainFvisual div { position: relative; z-index: 1; }
#mainFvisual h4, #mainFvisual h2 { text-shadow: 3px 2px 3px #5d5d5d; }
#quickCols > .d-flex { padding: 0 51px; }
#quickCols img { display: block; margin: 0 auto 16px; }
#newsRow .ncol { flex: 1; margin-right: 2%;min-width:0;/*flex내 slick 넘침크기 fix*/}
#newsRow .ncol:last-child { margin-right: 0 }
#quickCols a { color: #222 }
.c__01 { height: 320px; margin-bottom: 20px; max-height: 320px; overflow:hidden}
.c__02 { height: 270px; max-height: 320px }
#newsRow .bd-1px-gray { /*padding: 25px 20px; */}
.home section { margin-bottom: 50px; }
.navCircle { width: 85%; margin: 15px auto 0; }
.navCircle .img { display: block; position: relative; width: 85px; height: 85px; margin: 0 auto 15px; overflow: hidden; border-radius: 50%; background-color: #f5f5f5; }
.navCircle img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width:50px}
.navCircle span.block { color: #333 }
.nc__01 { width: calc(100% - 175px); }
.nc__02 { width: 155px; margin-left: 20px; }
/*공지콜*/
.notice-wrap .date { text-align: center; }
.notice-wrap .date-d { font-size: 2.8em; }
.notice-wrap .title { padding-left: 20px; align-items: center; }
.notice-wrap .title h3 { margin-bottom: 0}
.notice-wrap .title h3 a{color: #fff; }

.ncol-01 { background: #3a9f6e; }
.ncol-01 .title-row { background-color: #348f63; }
.ncol-01 .title-row h4 { color: #fff; margin-bottom: 0; padding: 25px 20px; }
.ncol-01 .title-row .notice-cont { padding-left: 20px; padding-right: 20px; background: #3a9f6e; }

.notice-cont article { border-bottom: 1px solid #75bc9a; padding: 15px 20px;    /* padding-right: 20px; */ }
.notice-wrap .date span { color: #fff; line-height: 1; }
#newsRow .ab_link { top: 50%; transform: translateY(-50%); right: 20px;}
.ncol-01 .ab_link{color:#fff}


.partner-slider, .photo-slick{min-width:0;height:100%}
.partner-slider .item a{display:block;width:100%;height:100%}
.partner-slider .item img{display:none}
#photo-slick .slick-track { height: 100%; }
#photo-slick .photo-slide-wrap,
#photo-slick .slick-list,
/*#photo-slick .slick-track,*/
/*#photo-slick .slick-slide,*/
#photo-slick .slick-slide > div
{
    width: 100% !important;
    height: 100%;
}
#photo-slick .item{height:100%}
/*보도자료*/
.c__02 { overflow: hidden; }
.c__02 .pr-item img{display:none}
.c__02 .title-row h4{margin-bottom: 0; padding: 25px 20px; }
.c__02 .ab_link {top:50%;transform:translateY(-50%);right:20px;color:#000}
.c__02 .slide_btn { position: relative; top: auto; right: auto; margin-left: 15px; }

/*보도자료*/
.pr-slick{min-width:0;height:100%}
#pr-slick .slick-track { height: 100%; }
#pr-slick .pr-slide-wrap,
#pr-slick .slick-list,
/*#pr-slick .slick-track,*/
/*#pr-slick .slick-slide,*/
#pr-slick .slick-slide > div,
#pr-slick .item {
    width: 100% !important;
    height: 100%;
}
.pr-slick .slick-slide {
    text-align: center;
    padding: 15px 20px;
}
.pr-item h4 { margin-bottom: 0; }
.pr-item h4 a { color: #222; font-size: 16px; font-weight: normal; }
.pr-item .img { display:block;width:100%; height:120px; }
.k-news, .pr-item { width: 100%; height: 100%; }

.slide_btn { position: absolute; top: 10px; right: 20px; }
.slide_btn button { background: #fff; border: none; padding: 0; width: 24px; height: 24px; border-radius: 100%; line-height: 24px; border: 1px solid #c9c9c9; text-align: center; }
.slide_btn button i { color: #585858; font-size: 14px; }

/*채용센터*/
.nc__01 .title-row { padding: 25px 20px; }
.nc__01 .title-row h4 { margin-bottom: 0; }
#job-slick button { background: transparent; border: none;padding:0}
#job-slick button i { color: #c9c9c9; font-size: 2.25em; }
.nc__01 .cont { width: 100%; justify-content: center; }
.job-slick { width: 100%; display: flex; justify-content: space-between; align-items: center; }
.job-slide-wrap { width: 100%; }
.job-slick .slick-slide { width: 100%; }
.job-slick .job-slide-wrap h4 a { color: #222; font-weight: normal; font-size: 16px; }
#job-slick button { position: absolute; top: 50%; transform: translateY(-50%); }
#job-slick button.prev { left: 0; }
#job-slick button.next { right: 0; }
.job-slick .slick-slide img { display: none; }
.job-slick .slick-slide a { width: 100%; height: 153px; }
/*유리수리기술자안내*/
.c__03 .title-row { padding: 25px 20px; }
/*링크맵*/
.nc__02 { background:#3a9f6e; justify-content: space-between; }
.nc__02 a { color: #fff; text-align: center; display: block; width: 100%; height: 100%; border-bottom: 1px solid #348f63; padding: 20px 0; }

/**/
.link-out { text-align: center; padding: 35px 0; }
.link-out a { font-size: 2.178rem; color: #cdcdcd; }
.link-ext { justify-content: center; padding: 12px 0; border-top: 1px solid #eaeaea }
.link-ext a { font-size: 16px; color: #212121; padding: 5px 14px; font-weight: 400 }

@media (max-width:960px){
    main{min-height:1px}
    .home section{margin-bottom:10px}
    .wrapper.space-between { justify-content:start}
    #newsRow > .d-flex{flex-direction:column}
    #newsRow .ncol{flex-direction:column;margin-bottom:14px;margin-right:0;width:94%!important;margin:0 auto!important}
    .link-ext { background: #3a9f6e; }
    .link-ext a { font-size: 12px; letter-spacing: -1.5px; color:#fff;padding:0 4px}
    .link-ext a { width: 33.33333%; border-right: 1px solid #3ab97b; padding: 0 5px; text-align: center; align-items: center; justify-content: center; display: flex; }
    .link-out{padding:15px 0}
    .link-out a { font-size: 1.8rem; }
    .c__01 { height:360px}
    .c__02 { height: auto; min-height: 1px !important;width:100%;margin:0 auto}
    .c__02 .title-row h4 { padding: 12px 10px; }
    .c__03 .title-row { padding: 12px 10px; }
    .c__03 .title-row h4 { margin-bottom: 0; }
    .c__03 .h6 { margin-bottom:0}
    .nc__01 .title-row { padding: 12px 10px; }
    .ncol-01 .title-row h4 { padding: 12px 10px; }
    #newsletter_form > .d-flex{ padding:10px 15px!important}
    .c__03 .title-row { border: none; }
    .c__03 .title-row h4 { display: none; }
    .navCircle { margin-top: 0; }
    .c__01 { border: 0 !important; }
    #newsRow .ncol { margin-top: 10px !important; }
    #newsletter_form { margin-bottom: 0; }

    .searchBox{display:none!important}
    h2.tit-newletter { margin-bottom: 4px; }
    #newsletter_form > .d-flex form .mailster-wrapper label{font-size:13px}
    .nc__02 a { padding: 10px 0;font-size:14px}
    #newsRow .ab_link{font-size:14px}
    .pr-item h4 a { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
    .foot_btm > .d-flex { flex-direction: column; align-items: center; justify-content: center; }
    #page .footer-widget-area .rl_bg > .d-flex { width: 100% }
    ul.foot_link { display: block; margin: 0 auto !important; }
    #page .footer-widget-area { padding: 10px 34px; }
    #select_family { display: none; }
    .top-area .wrapper { padding: 0 15px; }
    .notice-cont article { padding: 10px 15px; }
    .notice-wrap .title { width: calc(100% - 15%); }
    .notice-wrap .date { width: 15%; }
    h2.tit-newletter, .c__03 .title-row h4, .ncol-01 .title-row h4, .c__02 .title-row h4 { font-size: 17px !important; text-align: center; width: 100% }
    #mainFvisual h4 { font-size: 15px; font-weight: 400; margin-bottom: 13px; }
    #mainFvisual h2 { font-size: 24px !important; }
}
/**************
뉴스레터
**************/
#newsletter_form > .d-flex { background: #f3f3f3; max-width: 1280px; justify-content: center; margin: 0 auto; padding: 30px 20px; flex-direction: column; align-items: center; }
#newsletter_form > .d-flex form { justify-content: center; display: flex;align-items:center;}
#newsletter_form > .d-flex form .mailster-wrapper {display: flex;flex-direction: column;}
#newsletter_form > .d-flex form .mailster-wrapper:nth-child(2n) { margin-right: 0; }
#newsletter_form .mailster-form-fields { display: flex; flex-direction: column; width: 50%; }
#newsletter_form > .d-flex form .mailster-wrapper { flex-direction: column; padding-right: 15px; }
#newsletter_form > .d-flex form .mailster-wrapper label { font-size: 15px; }
#newsletter_form .mailster-wrapper.mailster-email-wrapper label { display: none; }
#newsletter_form input[type="submit"] { border-radius: 0 }
#newsletter_form .mailster-form-fields { max-width: 450px }
/**************
타이틀바
**************/
/*기존*/
.page-template-template-fullwidth .entry-header:before { position: absolute; content: ''; width: 100%; height: 298px; background-color: #f9fafc; top: 0; z-index: -12; }
.page-template-template-fullwidth .entry-header:after { position: absolute; content: ''; width: 100%; height: 800px; background-image: url(/wp-content/themes/kagrta/asset/bg.svg); background-size: 94% auto; background-position: center -300px; background-repeat: no-repeat; background-attachment: local; z-index: -10; top: 0; }
.page-template-template-fullwidth .entry-header .wrapper { max-width: 1250px; margin: 0 auto; }
.page-template-template-fullwidth .entry-header .wrapper .breadcrumb { margin-bottom: 0; text-align: left; padding: 15px 0; }
.entry-title{font-family: 'gong' !important; font-weight: 500;}
.page-template-template-fullwidth .entry-title{ font-family: 'gong' !important; font-weight: 500; text-align: center; padding-bottom: 10px; margin-top: 80px; }
.page-template-template-fullwidth .entry-header p { font-size: 18px; font-weight: normal; color: #242424; letter-spacing: -0.9; margin-bottom: 50px; }
.page-template-template-fullwidth .page-nav li a {color: #a6a6a6 !important; border: none !important; border-radius: 0 !important; padding: 20px 0 !important; background-color: #fff; text-align: center; margin: 0 !important; font-size: 17px; white-space: nowrap; letter-spacing: -1px; position: relative; display: block; }
.page-template-template-fullwidth .page-nav li { list-style: none; display: table-cell; width: 1%; }
.page-template-template-fullwidth .page-nav li.current_page_item { float: none; margin-bottom: -1px; cursor: pointer; }
.page-template-template-fullwidth .page-nav li.current_page_item a { color: #fff !important; background-color: #3a9f6e !important; }
.page-template-template-fullwidth ul.page-nav { border-top: 2px solid #3a9f6e !important; box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1); position: relative; margin-bottom: 0; width: 100%; border-bottom: 0; margin-left:0}
.page-template-template-fullwidth .page-nav li:not(.current_page_item) a:hover {color: #3a9f6e !important; background-color: #f9fafc !important; }
.d{background:url(/wp-content/themes/kagrta/asset/bg.svg)}
.breadcrumb { text-align: right; position: absolute; top: 0; right: 0; }
.title-bar { border-bottom: 1px solid #dcdcdc; position: relative; margin-bottom: 35px; padding-bottom: 10px; }
/*.single .entry-title*/
.page-template-template-hook .entry-title,.page-template-default .entry-title,.page-template-template-left-sidebar .entry-title,.big-c{ font-size:26px; line-height: 32px; padding-left: 30px; }
.page-template-template-fullwidth ul.page-nav { list-style: none; margin: 0; }
.page-template-template-fullwidth ul.page-nav li { float: none !important; margin-right: 11px; }
.page-template-template-fullwidth ul.page-nav li a { color: #222; }
.page-template-template-fullwidth ul.page-nav li:last-child { margin-right: 0; }
.big-c { position: relative }

/*.single .entry-title::before,*/
.page-template-default .entry-title::before,
.page-template-template-left-sidebar .entry-title::before,
.page-template-template-hook .entry-title::before,
.big-c::before { position: absolute; top: 3PX; left: 0; width: 22px; height: 22px; margin-top: 0; border: 6px solid #21724b; -webkit-border-radius: 50%; border-radius: 50%; content: ''; }
/**************
테이블
**************/
table { border-top:2px solid #3a9f6e !important; }
table td { border-color: #ecedf1 !important; padding: 20px 20px !important; }
table th { background: #f3f6fb !important; font-weight: 700 !important }
/**************
 자격소개
***************/
.card { background: #fff; border-radius: 4px; box-shadow: 0px 14px 80px rgba(34, 35, 58, 0.5); max-width: 100%; margin-bottom: 32px; display: flex; flex-direction: row; border-radius: 25px; position: relative; width: 100%; }
.card h2 { margin: 0; padding: 0 1rem; }
.card .title { padding: 1rem; text-align: right;}
.card .desc { padding: 0.5rem 0; font-size:16px; }
.card .actions { display: grid; grid-template-columns: repeat(3, 1fr); align-items: center; padding: 0.5rem 1rem; }
.card svg { width: 85px; height: 85px; margin: 0 auto; }
.img-avatar { width: 80px; height: 80px; position: absolute; border-radius: 50%; border: 6px solid white; background-image: linear-gradient(-60deg, #16a085 0%, #f4d03f 100%); top: 15px; left:15px; }
.card-text { display: flex;  /* grid-template-columns: 1fr 2fr; */ width: 100%; }
.title-total { padding: 2.5em 1.5em 1.5em 1.5em; display: flex; flex-direction: column; width: 70%; }
path { fill: white; }
.img-portada { width: 100%; }
.portada { width: 100%; height: 100%; border-top-left-radius: 20px; border-bottom-left-radius: 20px;    /*background-image: url("https://m.media-amazon.com/images/S/aplus-media/vc/cab6b08a-dd8f-4534-b845-e33489e91240._CR75,0,300,300_PT0_SX300__.jpg"); background-position: bottom center; background-size: cover;*/ display: flex; width: 30%; align-items: center; }
.portada img { width: 80%; margin: 0 auto; }
@media (max-width:960px){
    .card-text { flex-direction: column; justify-content: center; align-items: center; padding: 20px 15px; }
    .title-total { width: 100%; padding: 0; }
    .card .title { text-align: center; }
    .title-total h1 { font-size: 24px; line-height: 1; margin-bottom: 6px; }
    .title-total p { font-size: 14px !important; }
    .card .desc { margin-bottom: 5px; }
}
/**************
중요성
**************/
.card-line { border: 1px solid #3a9f6e; padding: 15px 20px 40px 20px; border-radius: 12px; }
.card-line-row{ flex-wrap: wrap; }
.card-line-row .card-line { width: 32%; margin-right: 2%; text-align: center; margin-bottom:20px}
.card-line-row .card-line:last-child { margin-right: 0; }
.card-line-row .card-line:nth-child(3n) { margin-right: 0; }
.card-line img { width: 81%; margin: 0 auto 20px; }
.card-line-row .card-line h3 { margin-bottom: 15px;}
.card-line-row.card-vertical .card-line { width: 100%; margin-right: 0; }
.card-line-row.card-vertical { flex-direction: column; }
.card-line-row .txt { flex-direction: column; }
.card-line-row.card-vertical .card-line { flex-direction: row; }
.card-line-row.card-vertical .card-line img {width:45%; margin: 0 63px 0 0}
.card-line-row.card-vertical .card-line { position: relative; margin-bottom: 20px; align-items: center; text-align: left; justify-content: start; }
.card-line-row.card-vertical .card-line h3 { display: flex; width: 100%; }
.card-line-row.card-vertical .card-line p { width: 100%; }
.card-line-row.card-vertical .card-line .txt { flex-direction: column }
@media (max-width:960px){
    article#post-114 .c-tit { font-size:17px}
    .card-line img{width:auto;height:100px;margin-bottom:3px}
    .card-line-row { flex-wrap: wrap;align-itmes:start;margin-bottom:10px}
    .card-line-row .card-line { width: 49% !important; margin-right: 2% !important;justify-content:start;padding:10px;height:300px;min-height:300px}
    .card-line-row .card-line:nth-child(2n) { margin-right: 0 !important; margin-bottom: 10px; }
    .card-line-row .card-line h3 { font-size:18px;min-height: 56px; }
    .card-line-row .card-line p { font-size: 14px; }
    .card-line-row .card-line:nth-child(5), .card-line-row .card-line:nth-child(6) { margin-bottom: 0; }
}
/***********
 유리수리 소개
***********/
.img-half-widget { flex-direction: column; }
.img-half-widget > .img-rows .txt { flex-direction: column; padding-left: 40px; width: 70%; }
.img-half-widget > .img-rows { align-items: center; margin-bottom: 30px; }
.img-half-widget > .img-rows .txt h4 { font-size: 24px}
/*자격소개*/
/**********
접착제안전기준
**********/
.glue-box img { width: 223px; display: inline-block; vertical-align: top; float: left; margin-right:20px}
.page-id-116 .glue-box img { width: 36%; }
@media (max-width:960px){
    #post-116 .glue-box { margin-bottom: 0 !important; margin-top: 0 !important; }
    #post-116 .glue-box + h2 { margin-top: 24px !important; }
    #post-116 .glue-box + h2 { font-size: 20px; }
}
/**************
게시판
**************/
.post-board th, .post-board td { padding: 18px 12px !important; font-size: 15px; vertical-align: middle; }
.searchandfilter > ul { margin: 0 !important; padding: 0 !important; }
.searchandfilter > ul > li { display: inline-block !important; padding-right: 10px !important; }
.edit-link { background: #f5f5f5; color: #9b9b9b; padding: 0 8px; font-size: 12px; font-weight: 500; border: 1px solid #cdcdcd; border-radius: 5px; display:inline-block}
.search-header.d-flex { align-items: start; }
/*보도자료*/
.news-item { border: 1px solid #cdcdcd; padding: 20px; margin-bottom:20px;box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1)}
#pr-news-list .news-item .image .img { display: none; }
#pr-news-list .news-item .image { width: 36%; height: 240px; }
.news-item .news-text {width: 64%; padding-left: 20px}
.news-item .news-text a { color: #222; }
.news-item .news-text .title {margin-bottom:20px;justify-content:start }
.news-item .news-text .title h2 {align-items: center;margin-bottom: 0; }
.news-meta > .d-flex { margin-right: 20px; }
.news-meta { justify-content: end; }
.news-link { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.news-item:hover { background: #f5f5f5; }
/*뉴스레터*/
.grid-cols-3 > .d-flex article { width: 32%; margin-bottom: 20px; }
.grid-cols-3 > .d-flex { justify-content: space-between; }
/*파트너*/
#partner-list .partner-item { border-bottom: 1px solid #e5e5e5; padding-bottom: 30px; margin-bottom: 30px; }
#partner-list .partner-item .image { width:32%; }
#partner-list .partner-item .partner-text { width:68%; padding-left: 60px; }
#partner-list .partner-item .content { flex-direction: column; font-size: 13px; }
#partner-list .partner-item .partner_cols ul { margin: 0; }
#partner-list .partner-item .partner_cols ul li { font-size: 13px; margin-bottom: 10px; list-style: none; position: relative; display: block; padding-left: 14px; }
#partner-list .partner-item .partner_cols ul li::before { content: '-'; position: absolute; top: -9px; left: 0; font-size: 30px; line-height: 1;    /* height: 5px; */ }
#partner-list .partner-item .partner_cols ul li::after { content: ''; display: block; clear: both; }
#partner-list .partner-item .partner_cols ul li a { font-weight: 700; text-decoration: underline; }
#partner-list .partner-item .partner_cols ul li span { display: block; float: left; }
#partner-list .partner-item .partner_cols ul li span:first-child { width: 90px;    /* display: inline-block; */ font-weight: 700; }
#partner-list .partner-item .partner_cols ul li span:last-child { width: calc(100% - 90px); }
/*채용센터*/
#job-list td.job-status span { padding: 2px 6px; font-size: 14px; border-radius: 5px; }
.job-is-always{ background: #EDFAF4; color: #59D492; border: 1px solid #59D492; font-size: 14px; font-weight: bold; }
.job-is-due{ background: #E7F2FF; color:#1e42dd; border: 1px solid #1e42dd; font-size: 14px; font-weight: bold; }
.job-is-completed{ background: #FFEFF3; color: #FF265F; border: 1px solid #FF265F; font-size: 14px; font-weight: bold; }
/*싱글*/
.single .entry-content { margin-top: 0.6em; }
.single .entry-title {text-align: center;margin-bottom: 20px;font-size: 1.6em;}
.single .entry-header { position: relative; z-index: 1; border-bottom:1px dashed #e1e1e1; text-align: center; margin-top: 13px; margin-bottom:10px}
.single .entry-meta{display:none}
.bb-subscribe-wrap{display:none}
.single .article-wrapper article .entry-img { padding-top: 0; overflow: auto; background-color: transparent; }
.single .article-wrapper  article .entry-img img { position: relative; top: auto; bottom: auto; left: auto; right: auto; margin: 0 auto; }
/*.single .post-meta-wrapper-main{display:none}*/
.board-header > .d-flex { padding-right: 15px; margin-right: 15px; position: relative }
.board-header > .d-flex:after { content: ''; display: block; width: 1px; background: #c1c1c1; height: 15px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.board-header > .d-flex:last-child::after { display: none }
.board-header > .d-flex { align-items: center; }
.board-header > .d-flex i { margin-right: 5px; }
.board-header > .d-flex.file a { color: #5a5a5a; }
.board-info h1 { text-align: left !important; }
.board-info p { text-align: left; }
/*.category-post-nav { position: absolute; top: 50%; left: 0; transform: translateY(-50%); }*/
.ab_prev, .ab_next { position: absolute; top: 50%; transform: translateY(-50%) !important; }
.ab_prev { left: 10px; }
.ab_next { right: 10px; }
.category-post-nav::before, .category-post-nav::after { content: ''; display: block; clear: both; }
.category-post-nav div a { color: #222; background: #fff; border: 1px solid #aeaeae; border-radius: 100%; width: 30px; height: 30px; line-height: 30px; display: block; font-size: 16px; color: #aeaeae; }
.btn-to-parent a { margin-right: 5px; }
.btn-to-parent a:last-child { margin-right: 0; }
.board-info .title-bar { margin-bottom: 0px; }
.board-head-cont h1 { font-family: "Open Sans", "Pretendard", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", 돋움, Dotum, Verdana, Arial, sans-serif !important; font-size: 1.5478em !important; }
.board-head-cont h1 { background: #f5f5f5; border-top: 3px solid #1172b9; padding: 16px 10px 12px 10px; border-bottom: 1px solid #d8d8d8; margin-bottom: 0 !important; }
.board-header { padding: 7px 0; font-size: 14px; }
.board-header span.label { font-weight: bold; color: #222; margin-right: 6px; }
/* SNS 공유 */
/*.post-author-info{border:0;background: #f5f5f5;padding:10px 20px}
.post-author-details{padding-bottom:0;border:none}*/
.share-sns ul { list-style: none; margin: 0; }
.share-sns ul li img { border-radius: 100%; }
.sns-go ul { list-style-type: none; margin: 40px 0 0 0; padding: 0; overflow: hidden; }
.sns-go li { float: left; padding-right: 5px; }
.sns-go img { border-radius: 5px; width: 35px; }
.sgr-infotext{display:none}
#respond .comment-form-url { display:none}
#commentform label{ font-size: 14px; }
.rate-and-share { background: #f6f6f6; padding: 30px 30px; margin-bottom:47px }
.rate-and-share h4 { font-size: 14px; margin-bottom: 10px; font-weight: 500; color: #222 }
.rate-contents .mdp-stellar { flex-direction: column; align-items: start !important; }
.rate-contents .mdp-stellar-description { max-width: 100% !important; margin-right: 0 !important; }
.post-author-details { border: none; padding: 38px 19px; }
.post-author-info { border: none; background: #f3f3f3;margin-bottom:10px}
.author-desc { color: #222 !important; }
.post-author { font-weight: bold; color: #3a9f6e; }
.comment-form-author, .comment-form-email, .comment-form-url{margin-right:10px}
/**/
.out_msg i { font-size: 92px; color: #dedede; margin-right: 30px; }
.out_msg h3 { font-size: 1.8rem; margin-bottom: 12px; }
.out_msg p { margin-bottom: 0 !important; }
.out_msg .flex-column { justify-content: center; }
.out_msg { justify-content: center; border: 2px solid #ddd; padding: 60px 15px; }
/**/
.page-id-998 .page-item-161 a,
.page-id-1009 .page-item-163 a,
.page-id-1012 .page-item-165 a,
.page-id-1014 .page-item-167 a,
.page-id-1018 .page-item-171 a,
.page-id-1016 .page-item-155 a
{
    color:#3a9f6e !important;
}
@media (max-width:960px){
    .post-board th, .post-board td { font-size:13px; padding:9px 6px!important}
    .post-board th { text-align: center; }
    .post-board tbody td { font-size: 14px; padding: 9px 4px !important; border-bottom: 1px solid #ddd; }
    /*.post-board .file,*/
    .post-board .views,
    .post-board .comments,
    /*.post-board .date*/
    .post-board .label-dl{display:none}
    .search-header input{height: 34px;line-height:1;border-radius:0;padding:0 5px 0 15px}
    .search-header form{margin-bottom: 0}
    .search-header.mt30{margin-top: 0 !important}
    header.entry-header{margin-bottom: 0; padding: 0 15px}
    .title-bar .mt10{margin-top: 2px !important; margin-bottom: 7px !important;font-size:14px}
    .search-header{align-items: center; display: flex; }
    .post-board tbody td.author,.post-board tbody td.date {font-size:11px}
    /*제휴사*/
    #partner-list .partner-item { flex-direction: column; }
    #partner-list .partner-item .partner-text { width: 100%; padding-left: 0; }
    #partner-list .partner-item .image { width: 100%; }
}
/**************
 신청문의
**************/
.cf-row { margin-bottom: 17px; }
.cf-row label > span input[type="text"], .cf-row label > span input[type="tel"], .cf-row label > span input[type="number"], .cf-row label > span input[type="email"], .cf-row label > span input[type="password"], .cf-row select, .cf-row textarea { border: 0; background-color: #f5f5f5; border-radius: 0; font-size: 1.055rem; }
.cf-row input, .cf-row select { height: 60px; }
.cf-row label { align-items: center; justify-content: space-between }
.cf-row > .row > .fb-50:not(:last-child) { padding-right: 20px }
.cf-row > .row > .fb-33:not(:last-child) { padding-right: 20px }
.cf-row label, .cf-row label > span { width: 100%; display: flex; align-items: center; }
.cf-row label > span.label { width: 100px }
.cf-row label > span.label em { font-style: normal; color: #3a9f6e; font-size: 1.8em; margin-right: 5px; margin-top: 15px; }
.cf-row label > span:last-child { width: calc(100% - 100px) }
.cf-row label > span input[type="text"], .cf-row label > span input[type="tel"], .cf-row label > span input[type="number"]
.cf-row label > span input[type="email"], .cf-row label > span input[type="password"], .cf-row label > span select, .cf-row label > span textarea { width: 100% }
.cf-row label > span textarea { min-height: 15rem }
.row-agree label { width: auto; }
.row-agree label span { width: auto !important; margin-left: 6px; }
.agreement { border: 1px solid #ddd; background: #f5f5f5; padding: 20px 20px 0 20px; overflow-y: scroll; height: 86px; }
.row-agree input { height: auto; }
.row-file .label + .d-flex { align-items: start !important; }
.row-file .label + .d-flex > span:last-child { margin-top: 5px; }
.row-file input[type="file"] { background: #f5f5f5; line-height: 1; display: flex; align-items: center; padding-top: 15px; border: none; border-radius: 0; }
.row-file .wpcf7-form-control-wrap { position: relative; flex-wrap: nowrap; display: flex; }
.row-file .wpcf7-form-control-wrap::after { content: '파일찾기'; display: flex; background: #3a9f6e; height: 60px; line-height: 60px; width: 115px; text-align: center; justify-content: center; color: #fff; }

/**************
kagrta 표준 정보
**************/
.view-docu { background: #f5f5f5; border-radius: 0; padding: 28px 48px; justify-content: space-around; align-items: center; }
.view-docu .txt {font-size:19px; letter-spacing: -0.054em; color: #3a9f6e; font-weight: bold}
@media (max-width:960px){
    #post-688 .c-tit { margin-top: 30px; }
    .view-docu { flex-direction: column; padding: 10px; border-radius: 14px; }
    .view-docu a { margin-bottom: 10px;    /* text-align: center; */ }
    .view-docu div { text-align: center; font-size: 15px !important; }
    #post-688 .ctit { margin-top: 30px; font-size:15px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 10px; background: #f5f5f5; }
}
/**************
우커머스
**************/
.woocommerce-shop ul.products { display: flex; flex-wrap: wrap }
.woocommerce-shop ul.products li { display: flex; flex-direction: column; width: 32%; margin-right: 2%; position: relative; margin-bottom: 44px; }
.woocommerce-shop ul.products li h2 { margin-bottom: 10px }
.woocommerce-shop ul.products li:nth-child(3n) { margin-right: 0 }
.woocommerce-shop ul.products li .onsale { background: #3a9f6e; color: #fff; position: absolute; top: 17px; left: 16px; width: 60px; height: 60px; text-align: center; line-height: 60px; border-radius: 50%; }
.woocommerce-shop ul.products li img { width: 100%; }
.woocommerce-shop ul.products li .price { align-items: self-end; display: flex; margin-bottom: 10px; }
.woocommerce-pagination ul { justify-content: center; display: flex; }
.woocommerce-pagination ul li span, .woocommerce-pagination ul li a { font-size: 16px;    /* background: #3a9f6e; */ width: 40px; height: 40px; line-height: 40px; display: flex; border-radius: 50%; text-align: center; justify-content: center; }
.woocommerce-pagination ul li {line-height: 40px; text-align: center; background: #f5f5f5; border-radius: 100%; margin-right: 5px; }
.woocommerce-pagination ul li:last-child { background: transparent; border: none; }
.woocommerce-pagination ul li span { background: #3a9f6e; color: #fff; }
.woocommerce-product-gallery {opacity:1!important;width:100%!important}
.prd-top .left { width: 50%; }
.prd-top { justify-content: space-between; }
.prd-top .right { width: 50%; padding-left:0}
nav.woocommerce-breadcrumb { text-align: right; margin-bottom: 20px; font-size: 14px; }
.prd-top .summary h1 { text-align: left; }
.prd-top .price { text-align: left; }
.prd-top form { display: flex; flex-direction:column;}
.prd-top form button { border-radius: 0; }
.prd-top .right .summary { width: 80%!important}
.variations th { text-align: center; }
.reset_variations { background: #f5f5f5; border: 1px solid #e5e5e5; padding: 9px; margin-left: 7px; }
.woocommerce div.product form.cart div.quantity button { background: transparent; border: none; width: 33px;    /* height: 36px; */ font-size: 36px; font-weight: 300; font-family: 'Pretendard'; padding: 0; color: #7a7a7a; }
.woocommerce .quantity .qty {
    -webkit-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    text-align: center;
    width: 45px;
    height: 50px;
    border: none;
    display: inline-block;
    text-align: center;
    font-weight: 600;
    outline: none;
    margin-bottom: 0;
    font-size: 24px;
    background: transparent;
    padding: 7px 8px;
    -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
}
.woocommerce div.product form.cart div.quantity button { background: transparent; border: none; width: 33px;    /* height: 36px; */ font-size: 36px; font-weight: 300; font-family: 'Pretendard'; padding: 0; color: #7a7a7a; }
.woocommerce-product-gallery .woocommerce-product-gallery__image img { border-radius: 60px; }
.woocommerce .quantity .qty::-webkit-outer-spin-button, .woocommerce .quantity .qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.product_meta { margin-top: 32px; }
ul.tabs.wc-tabs { display: flex; margin-top: 30px; border-top: 0; background: transparent; border-left: 0; border-right: 0; padding: 0; }
ul.tabs.wc-tabs li { padding: 14px 14px; }
ul.tabs.wc-tabs li a { color: #222; }
.archive .quantity button { background: transparent; border: none; color: #222; font-size: 30px; padding: 0; }
.archive form { display: flex; justify-content:space-between;margin-bottom:19px}
.related.products { display: flex; flex-direction: column; }
.related.products .products { flex-wrap: nowrap; display: flex; width: 100%; }
.related.products .products li { margin-right: 2%; width: 33.33333%; }
.woocommerce-tabs { border: 0; }
.ui-tabs .ui-tabs-panel { padding: 20px; border: 1px solid #ddd !important; margin-top: 0; }
.woocommerce-Tabs-panel #comments { border: none; }
.woocommerce-tabs { border: 0 !important; left: 0; right: 0; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #ddd; }
ul.tabs.wc-tabs li { padding: 7px 12px; background: #fff; margin-right:4px; }
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt { background: #3a9f6e; }
/*샵*/
nav.woocommerce-breadcrumb { border-bottom: 1px solid #c8c8c8; padding-bottom: 7px; display: inline-block;    /* float: right; */    /* margin-bottom: 20px !important; */ }
header.woocommerce-products-header { position: relative; }
header.woocommerce-products-header::before, header.woocommerce-products-header::after { content: ''; display: block; clear: both; }
@media (max-width:960px){
    .post-type-archive-product #content { margin-top: 40px; }
    .post-type-archive-product #main { padding: 0 14px; }
    .post-type-archive-product #primary { padding-bottom: 0; }
    .post-type-archive-newsletter header.entry-header { padding: 0 14px; }
    .post-type-archive-newsletter header.entry-header h2.entry-titles { font-size: 16px; line-height: 1.5; margin-top: 13px; }
    .post-type-archive-newsletter .entry-header { padding: 0 14px }
    .post-type-archive-newsletter .grid-cols-3 > .d-flex { flex-wrap: wrap }
    .post-type-archive-newsletter .grid-cols-3 > .d-flex article { width: 49%; margin-right: 2%; margin-bottom: 10px }
    .post-type-archive-newsletter .grid-cols-3 > .d-flex article:nth-child(2n) { margin-right: 0 }
}
/********
신청문의
*********/
.gf_full select{width:100%!important}
.gfield--type-section{background:#f5f5f5}
.gfield--type-section h3 {margin-bottom:0}
.gform_wrapper.gravity-theme .gfield_label { font-weight: 500 !important}
.gform_wrapper .gfield input[type="text"], .gform_wrapper .gfield input[type="email"], .gform_wrapper .gfield input[type="url"] { height: 46px; line-height: 46px; margin-top: 0 !important; /*margin-left: 10px; */}
.gform_wrapper.gravity-theme .left_label div.gfield > div:not(.ui-resizable-handle):not(.gfield-admin-icons), .gform_wrapper.gravity-theme .right_label div.gfield > div:not(.ui-resizable-handle):not(.gfield-admin-icons){width:80%!important}
.gchoice.gchoice_1_32_3 br { display: none; }
.gchoice.gchoice_1_32_3 { align-items: center; display: flex; }
div#field_1_41 { margin-top: 0; }
span#gfield_upload_rules_1_27 { margin-left: 12px; margin-top: 0; padding-top: 6px; }
input#input_1_27 { margin-left: 11px; display: flex; align-items: center; padding-top: 6px; }
.woocommerce-cart .shop_table th, .woocommerce-cart .shop_table td { padding: 10px 10px !important }
.woocommerce-cart .quantity button { background: transparent; border: none; color: #3a9f6e; font-size: 34px; padding: 0; }
.woocommerce-cart .actions button { float: right; }
.cart-collaterals .wc-proceed-to-checkout { float: right; }
.cart-collaterals .wc-proceed-to-checkout a { padding: 10px 20px }
.gform_fileupload_rule{ font-size: 12px; padding-top: 0; text-align: right; }
.gfield--type-fileupload { margin-bottom:10px; padding-bottom:10px}
.gfield--type-fileupload .gfield_description { font-size: 14px !important; margin-top: 0 !important; }
/*정회원신청*/
.con h5,.con h6,.con p{margin-bottom:10px}
div#gfield_consent_description_5_11,div#gfield_consent_description_3_11{ max-height: 686px; }
.gform_title { position: relative; font-family: 'gong' !important; font-weight: 500; font-size: 23px; }
.gform_title::before { content: ''; background-image: url(/wp-content/themes/kagrta/asset/bullet.svg); background-size: auto; width: 10px; height: 23px;    /* transform: translateY(1px); */ margin-right: 11px; display: block; float: left; }
#field_3_10,#field_5_10{ padding-top: 54px; }
#field_5_12,#field_3_12{ background: #f5f5f5; padding: 15px 20px; border: 1px solid #e3e3e3; margin-bottom:12px; }
@media (min-width:961px){
    #field_5_12, #field_3_12 { font-size: 13px; }
    .gform_wrapper.gravity-theme .gfield_label{font-size:18px}
    .gfield--type-section{padding:17px!important}
}
@media (max-width:960px){
    #field_5_12, #field_3_12 { font-size: 13px; line-height: 28px; }
    .con p{font-size:14px}
    #field_3_10, #field_5_10 { padding-top: 20px; }
    .gform_wrapper.gravity-theme .gfield_label{font-size:12px!important}
    .gfield--type-section{padding:10px!important}
    .gfield--type-section h3{font-size:18px}
    article#post-1614 p.gform_description,article#post-1670 p.gform_description { margin:0}
    .gfield_consent_label { font-size: 13px; }
    .page-id-1662 .breadcrumb { position: relative; right: 0 !important; }
    .page-id-1662 h2.gform_title { display: none; }
    .page-id-1662 p.gform_description { display: none; }
    .page-id-1662 p.gform_required_legend { margin-bottom:0px; font-size: 12px; text-align: right; }
    .page-id-1662 .gchoice label { font-size: 13px !important; }
    .page-id-1662 .gchoice input { height: 27px; }
    .page-id-1662 label.gfield_label { margin-bottom: 2px !important; }
    .page-id-1662 .gform_next_button { line-height: 1 !important; align-items: center; }
    .gform_wrapper.gravity-theme .gf_progressbar{margin-bottom:6px}
}
/********
로그인
********/
.page-id-1483 #wppb-form-style-2-wrapper { margin: 0 auto; }
.page-id-1483 #wppb-form-style-2-wrapper > p, .page-id-1483 #wppb-form-style-2-wrapper h2.wppb-form-title { display: none; }
.page-id-1483 #wppb-form-style-2-wrapper { margin-top: 17px; }
/*
.page-id-1483 #secondary { display: none; }
.page-id-1483 #primary { padding: 0; width: 100%; max-width: 100% !important; }
.page-id-1483 #wppb-form-style-2-wrapper { align-self: center; }
.page-id-1483 .entry-content { display: flex; justify-content: center; }
.page-id-1483 .entry-header { display: none; }
.page-id-1483.logged-in .entry-content .wppb-alert {max-width: 470px;width: 100%;display: flex;height: 360px;align-items: center;flex-direction: column;justify-content: center;border-left: 0;border-radius: 30px;}
.page-id-1483.logged-in .entry-content .wppb-alert .wppb-alert-title { font-size: 32px; display: block; margin-bottom: 29px; }
.page-id-1483.logged-in .entry-content .wppb-alert .wppb-alert-title img { width: 41px; display: block; margin: 0 auto; }
.page-id-1481 h2.wppb-form-title { display: none; }
.page-id-1481 #secondary { display: none; }
.page-id-1481 #primary { padding: 0; margin: 0; display: flex; justify-content: center; width: 100%; max-width: 100% !important; }
.page-id-1481 #primary #main { max-width: 940px; width: 100%; }
*/
/********
 회원가입
********/
/*
.page-id-1481 #wppb-form-style-2-wrapper { margin-right: 0 !important; max-width: 100% !important; }
form#wppb-register-user > ul > ul.j-sep { display: flex; max-width: 100%; width: 49%; margin-right: 2%; }
form#wppb-register-user > ul:first-child { display: flex; max-width: 100% !important; width: 100%; }
form#wppb-register-user > ul > ul.j-sep:last-child { margin-right: 0; }
*/

@media(max-width:960px){
    #primary #wppb-form-style-2-wrapper .wppb-form-title { font-size: 18px !important; margin-bottom: 4px !important; }
    #wppb-form-style-2-wrapper .wppb-upload > label, #wppb-form-style-2-wrapper .wppb-avatar > label { font-size: 14px!important}
    #wppb-form-style-2-wrapper .wppb-two-factor-authentication h4, #wppb-form-style-2-wrapper .wppb-default-name-heading h4, #wppb-form-style-2-wrapper .wppb-heading h4, #wppb-form-style-2-wrapper .wppb-default-contact-info-heading h4, #wppb-form-style-2-wrapper .wppb-default-about-yourself-heading h4, #wppb-form-style-2-wrapper .wppb_billing_heading h4, #wppb-form-style-2-wrapper .wppb_shipping_heading h4, #wppb-form-style-2-wrapper .pms-field-section .pms-field-type-heading h3{font-size:16px!important;margin-bottom:4px!important}
    #wppb-form-style-2-wrapper .label-outside #pms-subscription-plans-discount label, #wppb-form-style-2-wrapper #pms-subscription-plans-discount.label-outside label, #wppb-form-style-2-wrapper .wppb-woocommerce-customer-billing-address .wppb_billing_state.label-outside label, #wppb-form-style-2-wrapper .wppb-woocommerce-customer-shipping-address .wppb_shipping_state.label-outside label, #wppb-form-style-2-wrapper .pms-field-section .pms-billing-state.label-outside label, #wppb-form-style-2-wrapper .wppb-subscription-plans.label-outside .pms-group-name-field label, #wppb-form-style-2-wrapper .wppb-subscription-plans.label-outside .pms-group-description-field label, #wppb-form-style-2-wrapper .wppb-form-select-field.label-outside label, #wppb-form-style-2-wrapper .wppb-form-text-field.label-outside label{font-size:14px!important;margin-bottom:4px!important;font-family: "Pretendard", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", 돋움, Dotum, Verdana, Arial, sans-serif !important;color:#222!important;font-weight:400!important}
    #wppb-form-style-2-wrapper .wppb-form-text-field, #wppb-form-style-2-wrapper .wppb-woocommerce-customer-billing-address .wppb_billing_state, #wppb-form-style-2-wrapper .wppb-woocommerce-customer-shipping-address .wppb_shipping_state, #wppb-form-style-2-wrapper .pms-field-section .pms-billing-state, #wppb-form-style-2-wrapper .wppb-subscription-plans .pms-group-name-field, #wppb-form-style-2-wrapper .wppb-subscription-plans .pms-group-description-field{margin-bottom:10px!important}
    #wppb-form-style-2-wrapper .wppb-form-select-field { margin-bottom: 0 !important; }
    #wppb-form-element-19, #wppb-form-element-24 { margin-top: 0 !important; }
    #wppb-form-style-2-wrapper #pass-strength-result {margin:0 auto;line-height:20px!important;font-size:13px!important;width:auto;margin-top:7px;display:block;float:right;border-radius:0}
    #wppb-form-style-2-wrapper .wppb-send-credentials-checkbox label, #wppb-form-style-2-wrapper .wppb-mailchimp-subscribe label, #wppb-form-style-2-wrapper .wppb-mailpoet-subscribe label, #wppb-form-style-2-wrapper .wppb-shipping-different-address label, #wppb-form-style-2-wrapper .pms-subscription-plan-auto-renew label, #wppb-form-style-2-wrapper .wppb-gdpr-checkbox label, #wppb-form-style-2-wrapper .wppb-checkbox-terms-and-conditions label, #wppb-form-style-2-wrapper .login-remember label{font-size:13px!important}
    #wppb-form-style-2-wrapper .wppb-form-text-field input:not([type='radio']):not([type='checkbox']):not([type='submit']), #wppb-form-style-2-wrapper .wppb-form-text-field textarea, #wppb-form-style-2-wrapper .wppb-woocommerce-customer-billing-address .wppb_billing_state input, #wppb-form-style-2-wrapper .wppb-woocommerce-customer-shipping-address .wppb_shipping_state input, #wppb-form-style-2-wrapper .pms-field-section .pms-billing-state input, #wppb-form-style-2-wrapper .wppb-subscription-plans .pms-group-name-field input, #wppb-form-style-2-wrapper .wppb-subscription-plans .pms-group-description-field textarea, #wppb-form-style-2-wrapper #pms-stripe-credit-card-details, #wppb-form-style-2-wrapper #pms-subscription-plans-discount input#pms_subscription_plans_discount_code{border-radius:8px!important}
    #wppb-form-style-2-wrapper .wppb-avatar input[name^=simple_upload] { font-size: 12px}
    li#wppb-form-element-24 { margin-top: 30px !important; }
}
/********
마이페이지
*********/
.multi-select-container { display: flex; position: relative; width: auto; font-size: 18px; flex-direction: column; }
.multi-select-menuitems { display: flex; flex-direction: column; }
.multi-select-menuitem { display: flex !important; align-items: center; font-size:15px !important}
.multi-select-menu { position: absolute; left: 0; top: 0.8em; float: left; min-width: 100%; background: #fff; margin: 1em 0; padding: 0.4em 0; border: 1px solid #aaa; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); display: none; z-index: 111; }
.multi-select-menu input { margin-right: 0.3em !important; vertical-align: 0.1em; margin-left: 0.8em !important; }
.multi-select-button { display: inline-block; font-size: 0.875em; padding: 0.2em 0.6em; max-width: 20em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: -0.5em; background-color: #fff; border: 1px solid #aaa; border-radius: 4px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); cursor: default; margin-left:25px}
.multi-select-button:after { content: ""; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 0.4em 0.4em 0 0.4em; border-color: #999 transparent transparent transparent; margin-left: 0.4em; vertical-align: 0.1em; }
.multi-select-container--open .multi-select-menu { display: flex; flex-direction: column; }
.multi-select-container--open .multi-select-button:after { border-width: 0 0.4em 0.4em 0.4em; border-color: transparent transparent #999 transparent; }

#wppb-form-element-22 ul,#wppb-form-element-29 ul{ display: flex; width:calc(100% - 150px)}
#wppb-form-element-22 ul li { display: flex; margin-right: 20px; }
#wppb-edit-user .wppb-hidden { display: none !important; }
#wppb-form-element-22 ul li:last-child { margin-right: 0; }

p.wppb-form-welcome { margin-top: 0 !important; }
p.gform_description{margin:0 !important}
.post-1482 h2.wppb-form-title { display: none; }
#wppb_form_general_message { margin-top: 0 !important; }

#main #post-1482 .text-input,
#main #post-1482 select,
#main #post-1482 .extra_field_input,
#main #post-1482 #user_phone,#wppb-form-element-20 p{
    border-radius: 0 !important;
    font-size:14px;
}
#main #post-1482 .wppb-form-field { display: flex; margin-bottom: 10px; min-height: 1px !important; }
#main #post-1482 .wppb-form-field label {
    font-size: 15px;
    display: flex !important;
    font-family: "Pretendard", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", 돋움, Dotum, Verdana, Arial, sans-serif !important;
}
#main #wppb-form-element-22 ul label,#main #wppb-form-element-29 ul label { width: 100% !important; display:block}
#wppb-form-element-14 .wppb-description-delimiter{display:none!important}
#wppb-form-element-22 ul li label,#wppb-form-element-29 ul li label { width: 100%; }
#wppb-form-element-22,#wppb-form-element-29{ flex-direction: row !important; }
#wppb-form-element-20 p { font-size: 14px !important; padding-top: 0 !important; margin: 0; }
.wppb-description-delimiter{display:none!important}
#wppb-form-element-19 { margin-top: 56px; }
/*패스워드*/
#main #wppb-form-element-12 .wppb-toggle-pw { top: 0px !important; height: 42px; z-index: 9; }
#wppb-form-element-12{align-items:start; display: flex; }
#main #post-1482 .wppb-form-field #pass-strength-result { margin: 0; border-radius: 0; height: 42px; position: absolute; right: 0; }
#main #wppb-form-element-13 .wppb-toggle-pw { top: 0 !important; }
/*자기소개*/
#wppb-form-element-19,#wppb-form-element-24{ margin-top: 56px; }
#main #wppb-form-element-11 label { width: 150px !important; }
#main #wppb-form-element-11 textarea { width: calc(100% - 150px) !important; font-size: 14px; color: #222; }
/**/
.edit-form { width: 100%; }
.edit-form h4 { width: 100%;  color: #666 !important; padding-bottom: 10px; border-bottom: 1px solid #bbb; }
#wppb-form-element-27{ margin-bottom: 48px !important; padding-bottom: 20px}
/*프로필*/
input#upload_custom_field_1_button { border: none; }
#wppb-form-element-20 { margin-top: 60px !important; }
.ui-datepicker td { padding: 1px !important; }
/**/
.profile_box .notice table { border-top: 1px solid #000 !important; }
.profile_box .notice table td {margin: 0 25px !important; padding: 10px 15px !important; line-height: 1.2em; color: #555; border-top: 1px solid #dfdfdf; font-size: 0.95em}
.profile_box .notice table th {background: #EDF4FA !important; font-size: 14px; color: #1652a2; border-bottom: 1px solid #ddd; padding: 10px 15px; color: #1652a2; font-size: 0.9em; font-weight: bold; background-color: #edf4fa; border-top: 1px solid #333; }
.profile_box span.roles { font-weight: bold; background: #3e9f6f; color: #fff; padding: 1px 5px; border-radius: 4px; margin-right: 7px; }

@media (min-width:961px){
    .edit-form h4{font-size:22px}
    #main #post-1482 .wppb-form-field label{width:150px}
    #main #post-1482 .text-input,
    #main #post-1482 select,
    #main #post-1482 .extra_field_input,
    #main #post-1482 #user_phone,#wppb-form-element-20 p{
        height: 42px !important;
        width:calc(100% - 150px) !important;
    }
}
@media (max-width:960px){
    /*프로필*/
    .profile_box .profile-top { padding: 10px 14px!important}
    .page-template-default .entry-title::before, .page-template-template-left-sidebar .entry-title::before, .page-template-template-hook .entry-title::before, .big-c::before{width:16px!important;height:16px!important;border:4px solid #21724b!important;top:8px!important}
    .avatar img { width: 80px; height: 80px; border-radius: 100%; max-width: none; }
    .user-meta h3 { font-size:17px; margin-bottom: 10px; }
    .user-meta span, .user-meta div { font-size: 13px; }
    .profile-bottom {padding: 11px 0 !important;width:98%!important}
    .profile-bottom ul { width: 98% !important; }
    .profile-bottom ul li { width: 20%; justify-content: center; }
    .profile-bottom ul li i { width: 60px !important; height: 60px !important; font-size: 22px !important; line-height: 60px !important }
    .row.profile-bottom ul li i + span { font-size: 12px !important; }
    .profile_box span.roles { }
    .profile-etc { flex-direction: column; }
    .profile-etc .half { width: 100%; margin-right: 0; padding: 0 10px; }
    .profile-etc .half .header_top h3 { font-size: 18px; }
    .profile-etc .half .header_top { padding: 4px 15px; background: #f5f5f5; }
    .profile-etc .half .cont { padding: 0; }
    .profile-etc .member-notice-wrap .title h3 a, .profile-etc .qna-item .title a { font-size: 14px; }
    .flex-column.order { margin-bottom: 0; }
    .user-meta{padding-left:15px!important}
    .profile-etc .half .header_top a { line-height: 37px; }
    .profile-etc .half .header_top a i { font-size: 13px; line-height: 1; }
    .profile-etc .title a, .profile-etc .date{ padding-top: 10px !important; padding-bottom: 11px !important; font-size: 13px !important; }
    .profile-etc .notice article { margin-bottom: 0; }
    .profile-etc .half .cont > div, .profile-etc .half .cont > article { padding-left: 12px !important; }
    .profile-etc .order table th, .profile-etc .order table td{font-size:12px!important;padding:5px}
    .profile-etc .date { width: auto !important; text-align: right; }
    .profile-etc .qna-item .title-date { justify-content: space-between; }
    .member-notice-wrap { justify-content: space-between; }
    /*프로필수정*/
    #wppb-form-style-2-wrapper .wppb-form-text-field input:not([type='radio']):not([type='checkbox']):not([type='submit']), #wppb-form-style-2-wrapper .wppb-form-text-field textarea, #wppb-form-style-2-wrapper .wppb-woocommerce-customer-billing-address .wppb_billing_state input, #wppb-form-style-2-wrapper .wppb-woocommerce-customer-shipping-address .wppb_shipping_state input, #wppb-form-style-2-wrapper .pms-field-section .pms-billing-state input, #wppb-form-style-2-wrapper .wppb-subscription-plans .pms-group-name-field input, #wppb-form-style-2-wrapper .wppb-subscription-plans .pms-group-description-field textarea, #wppb-form-style-2-wrapper #pms-stripe-credit-card-details, #wppb-form-style-2-wrapper #pms-subscription-plans-discount input#pms_subscription_plans_discount_code{height:42px!important;line-height:42px;font-size:15px!important}
    .edit-form h4{font-size:18px!important}
    .wppb-form-welcome { margin-top: 0 !important; }
    li#wppb-form-element-1 { margin-top: 36px; }
    #wppb-form-style-2-wrapper {max-width: 100%!important;padding:0 !important}
    #wppb-form-element-20 { margin-top: 0 !important; }
    #main #post-1482 .wppb-form-field label {width:90px;font-size:12px!important}
    #main #post-1482 .text-input, #main #post-1482 select, #main #post-1482 .extra_field_input, #main #post-1482 #user_phone, #wppb-form-element-20 p { width: calc(100% - 90px) !important; font-size: 13px !important; }
    #wppb-form-element-22 ul, #wppb-form-element-29 ul { width: 100%!important}
    #main #post-1482 .wppb-form-field #pass-strength-result { font-size: 12px; width: 60px}
    #main #wppb-form-element-12 .wppb-toggle-pw img { width: 13px !important}
    #main #wppb-form-element-12 .wppb-toggle-pw { top: -11px !important; right: 5px !important; }
    input#passw1{font-size:10px !important}
    .wppb-user-forms ul ul li {width:100%!important}
    #wppb-form-style-2-wrapper #select_user_to_edit_form .wppb-form-field label { width: 100%; padding: 0; margin-left: 24px; }
    p.form-submit { padding-bottom: 0 !important; border-bottom: 0 !important; margin-bottom: 0 !important; justify-content: center; display: flex; }
    #wppb-login-wrap label { font-size: 15px !important; margin-bottom: 3px !important; }
    #primary #wppb-form-style-2-wrapper .label-outside button.wppb-toggle-pw {padding-top: 20px}
    #wppb-form-style-2-wrapper { margin-top: 0 !important; }
}
/**************
문의접수
**************/
@media (min-width: 1401px){
}
@media (max-width: 640px){
}
/**************
미디어쿼리
***************/
@media (min-width: 1601px){
}
@media (min-width: 1401px){
}
@media (min-width: 1201px){
}
@media only screen and (min-width: 961px){
    .nav-for-mobile, .directcallcall {display:none!important}
}
/*min-max*/
@media (min-width:951px) and (max-width: 1600px){
}
@media (min-width:961px) and (max-width: 1400px){
}

/*max*/
@media (max-width: 1600px){
}	
@media (max-width: 1480px){
}
@media (max-width: 1400px){
}
@media (max-width: 960px){
    .toggle-menu{cursor:pointer;display:table!important;background-color:#fff!important;border-radius:0;border:1px solid #ddd!important;width:38px;height:38px;text-align:center;display:block;letter-spacing:0;margin-top:8px;padding:16px!important;float:right;margin-top:5px!important}
	.mobile_block{opacity:0;display:block;width:0;height:0;clear:both}
	.nobr br{display:none}
	html{background:#fff;padding:0}
    .mobile-only{display:block!important}
	.pc-only,.nav-for-pc,.sitemap-popup-toggle, .borom-slide-control{display:none!important}
    #masthead,.site-branding,.desk_scrolling #masthead,.desk_scrolling .site-branding, .desk_scrolling .site-header{height:80px}
    .navigation-container{right:14px;position:absolute}
    .site-branding{width:auto;padding-left:20px}
	.site-title img{display:block}
	.site-title a{background:none;width:auto}
	.section{padding:30px 0!important}
	.has_line_c::after{margin-bottom:0!important}
	.has_line_v::after{height:24px}
    .top-area .wrapper { padding: 0 15px; }
    .user-state.log{align-items:center}
    .notice-wrap .title h3 { font-size: 14px !important; font-weight: 500 }
    .notice-wrap .date-d { font-size: 25px; }
    .date-ym { font-size: 14px; }
    .nc__02 { margin-left: 10px !important; width: 30%; }
    .nc__01 { width: calc(70% - 10px)}
    #masthead { position: fixed; width: 100%; top: 0; left: 0; }
    .top-area input { width:102px}
    #newsletter_form > .d-flex form { width: 100% !important; }
    #newsletter_form .mailster-form-fields { width: 100%; }
}
@media (max-width:867px){
}
@media (max-width: 640px){
}
@media (max-width:480px){
}
@media (min-width:320px) and (max-width:960px){
}