@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@import url('https://fonts.googleapis.com/css2?family=Marcellus&display=swap');

/* =============================================
   RESET
================================================= */

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0 !important;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
strong,
div,
dd,
dt,
td,
th,
ul,
li,
select,
button {
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif !important;  word-break: keep-all; letter-spacing: -1px !important; color: #333;} 

ul li {
    list-style: none !important;
}

ul, ol {
    margin-left: 0 !important;
    margin-bottom: 0 !important;
}

a {
    color: transparent;
}
a:hover {
    text-decoration: none;
}

.wpb_row,
.wpb_content_element {
    margin-bottom: 0 !important;
}

.row .col img {
    margin-bottom: 0 !important;
}

.wpb_wrapper > div {
    margin-bottom: 0 !important;
}

body[data-bg-header="true"] .container-wrap,
body.single-portfolio .container-wrap,
body.page-template-template-portfolio-php .container-wrap,
body.tax-project-type .container-wrap {
    padding-bottom: 0px !important;
}

body .row,
body div.clear {
    padding-bottom: 0px;
}

.img-with-aniamtion-wrap .hover-wrap {
    margin-bottom: 0px !important;
}

* =============================================
    DISPLAY
================================================= */

.none_1520 { display: block !important; }
.block_1520 { display: none !important; }

.none_1440 { display: block !important; }
.block_1440 { display: none !important; }

.none_1300 { display: block !important; }
.block_1300 { display: none !important; }

.none_1280 { display: block !important; }
.block_1280 { display: none !important; }

.none_999 { display: block !important; }
.block_999 { display: none !important; }

.none_690 { display: block !important; }
.block_690 { display: none !important; }

.none_500 { display: block !important; }
.block_500 { display: none !important; }

.none_480 { display: block !important; }
.block_480 { display: none !important; }


.none_360 { display: block !important; }
.block_360 { display: none !important; }

@media all and (max-width:1520px) {
    .none_1520 { display: none !important; }
    .block_1520 { display: block !important; }
}
@media all and (max-width:1440px) {
    .none_1440 { display: none !important; }
    .block_1440 { display: block !important; }
}
@media all and (max-width:1300px) {
    .none_1300 { display: none !important; }
    .block_1300 { display: block !important; }
}
@media all and (max-width:1280px) {
    .none_1280 { display: none !important; }
    .block_1280 { display: block !important; }
}
@media all and (max-width:999px) {
    .none_999 { display: none !important; }
    .block_999 { display: block !important; }
}
@media all and (max-width:690px) {
    .none_690 { display: none !important; }
    .block_690 { display: block !important; }
    .none_690_sm{display: none !important;}
}
@media all and (max-width:500px) {
    .none_500 { display: none !important; }
    .block_500 { display: block !important; }
}

@media all and (max-width:480px) {
    .none_480 { display: none !important; }
    .block_480 { display: block !important; }
}
@media all and (max-width:360px) {
    .none_360 { display: none !important; }
    .block_360 { display: block !important; }
}

/* 관리자바 정리 */
#wpadminbar #wp-admin-bar-customize,
#wpadminbar #wp-admin-bar-comments,
#wpadminbar #wp-admin-bar-new-content,
#wpadminbar #wp-admin-bar-salient-hook-locations,
#wpadminbar #wp-admin-bar-aioseo-main,
#wpadminbar #wp-admin-bar-vc_inline-admin-bar-link,
#wpadminbar #wp-admin-bar-revslider,
#wpadminbar #wp-admin-bar-search,
#wpadminbar #wp-admin-bar-google-site-kit,
#wpadminbar #wp-admin-bar-gform-forms{
    display: none;
}
.wpb_row.vc_row-o-full-height.top-level > .col.span_12{
    min-height: 0 !important;
}


/* =============================================
    HEADER
================================================= */
body[data-header-resize="1"] .container-wrap{padding-top: 0 !important;}
#header-outer[data-full-width="true"] header > .nectar.small-nav .container{padding:10px 90px !important;}
#top nav>ul>li>a{font-size: 20px !important; padding-top:20px !important;}
#header-outer .sf-menu li ul li.menu-item a{font-size: 16px !important; line-height: 23px !important;}
#header-outer ul.sf-menu .nectar-header-text-content-wrap .nectar-header-text-content{opacity: 1;}
#header-outer .nectar-header-text-content-wrap .nectar-header-text-content *{font-family: 'YUniverse-B', 'Malgun Gothic', '맑은고딕', sans-serif !important;
    display: block;  font-size: 17px;   line-height: 1;  text-align: left;  color: #111;}
#header-outer .nectar-header-text-content-wrap .nectar-header-text-content a{font-size: 32px; margin-top: 5px; color: #8ec320;}

/* =============================================
    main-page
================================================= */
/*공통*/
.main-sec-txt h1{font-size: 50px;}
.main-sec-txt h2{font-size: 20px; margin-top: 50px !important; position: relative; font-weight: 400;line-height: 30px;}
.main-sec-txt h2::before{content: ''; position: absolute; display: inline-block; width: 60px; height: 2px;  top: -27px; left: 50%; margin-left: -30px;
    background: #8ec320;}
.point-txt{color:#8ec320}

.main-sec-txt .proimg_wrap h1{font-size: 25px;}
.main-sec-txt .proimg_wrap p{font-size: 18px; line-height: 28px;}
.main-btn.nectar-button span{font-size:15px !important;}
.main-sec-txt .proimg_wrap.special h1{font-size: 21px; line-height: 33px;}
.main-sec-txt .row-wrap{text-align: left;}
.main-sec-txt .row-wrap h1{font-size: 32px; text-align: left;}
.main-sec-txt .row-wrap ul li{text-align: left; font-size: 19px; line-height: 35px; position: relative; padding-left: 30px;}
.main-sec-txt .row-wrap ul li::before{content: ''; background-image: url(/wp-content/uploads/2025/07/check-icon.png); background-repeat: no-repeat;
    background-position: center center;  background-size: contain;  width: 16px;  height: 16px;  display: block;  position: absolute; top: 9px; left: 0}
.main-sec-txt .row-wrap h2::before{display: none;}
.main-sec-txt .row-wrap h2{margin-top: 20px !important; font-size: 21px; font-weight: 500; margin-bottom: 5px !important;}
.main-sec-txt .row-wrap p{font-size: 16px;}
[data-color="accent-color"]:not([data-style="material"]).btn-st .link_wrap{background-color:#8ec320 !important;}

.main-sec-txt .row-wrap .row-40{width:40% !important;}
.main-sec-txt .row-wrap .row-20{width:20% !important;}

.main-bottom-btn.nectar-cta[data-color="extra-color-3"]:not([data-style="material"]) .link_wrap{background-color:#ff7400 !important;}
/* =============================================
    sub-page
================================================= */
/*공통*/
.sub-maintxt h2{font-size: 21px;  line-height: 35px;  margin-top: 40px !important; position: relative; font-weight: 300;}
.sub-maintxt h2::before{content: ''; position: absolute; display: inline-block; width: 60px; height: 2px;  top: -18px; left: 50%; margin-left: -30px;
    background: #8ec320;}
.video_wrap{max-width: 1201px; margin: 0 auto;}

/*회사소개*/
.sub_about_title h1{font-size: 36px; line-height: 45px;}
.sub_about_title .point_color{color:#8ec320;}
.sub_about_title h2{font-size: 22px; line-height: 33px; margin: 20px 0 !important;}
.sub_about_title p{font-size: 17px; line-height: 26px;}
.sub_about_title.row2 p{font-size: 19px;    line-height: 30px; }
.sub_about_title ul li{position: relative; font-size: 18px; padding-left: 25px; line-height: 30px;}
.sub_about_title ul li::before{content: ''; background-image: url(/wp-content/uploads/2025/07/check-icon.png); background-repeat: no-repeat;
    background-position: center center;  background-size: contain;  width: 16px;  height: 16px;  display: block;  position: absolute; top: 6px; left: 0}
.location-wrap .main-title{font-size:40px; line-height: 31px;font-weight: 500;}
.location-wrap .sub-title{margin: 20px 0 !important;  font-size: 21px; line-height: 34px;}
.location-wrap ul li{font-size: 20px;  line-height: 33px; position: relative;     padding-left: 17px;}
.location-wrap ul li::before{content: '';background-repeat: no-repeat; width: 6px;  height: 6px;  display: block;  position: absolute; top: 12px; left: 0; border-radius: 50%; background-color: #e97c20;}
.main_btn_link_wrap .nectar-cta > p { border-radius: 100px !important;  overflow: hidden;  margin-right: 16px !important;}
.main_btn_link_wrap .nectar-cta .link_wrap { display: inline-block;  width: 136px;    padding-left: 22px; border-radius: 100px !important;}
.main_btn_link_wrap .nectar-cta .link_text { font-size: 16px !important; line-height: 40px !important; color: #fff !important;  letter-spacing: -0.8px; gap: 0 !important;}
.main_btn_link_wrap .kakao-btn .link_wrap{  background-color: #f8e641 !important;}
.main_btn_link_wrap .kakao-btn .link_text{ color:#000 !important;;}
.main_btn_link_wrap .naver-btn .link_wrap{background-color: #03c75a !important;}

/*기계안내*/
.sub_info_wrap .main-txt{font-size: 35px; line-height: 44px; font-weight: 500;}
.sub_info_wrap .sub-title{font-size: 23px; line-height: 33px; margin-top: 20px !important;}

.sub-table { font-size: 16px; }  
.sub-table tr th {text-align: center;} 
.sub-table tr:first-child { font-size: 18px; border-bottom-color :#dddddd;}
.sub-table tr th:first-child {background-color: #f5f5f6; vertical-align: middle; }
.sub-table tr th.table_th {border-bottom-color :#ececec;}
.sub-table tr:first-child th:nth-child(2) { background-color: #8ec320; color: white; }
.sub-table tr:first-child th:last-child { background-color: #949494; color: white; }

/*특성화제품*/
.product-wrap .main-title{font-size: 22px;}

/*실적소개*/
.project_wrap h1{font-size:32px; color:#ff7400;}
.project_wrap h2{font-size: 21px; line-height: 34px;}
.project_wrap p{font-size: 20px;}

/*견적,AS*/
.contact_wrap h1{font-size: 28px;  line-height: 38px;}
.contact_wrap h2{font-size: 20px;margin: 25px 0 !important; line-height: 31px;}
.contact_wrap p{font-size: 17px;  line-height: 28px;}

.gform_title{display:none;}
.gform_required_legend{display:none;}
#gform_wrapper_1.gform-theme--framework .gform-field-label{font-size:17px !important; font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif !important;}
.gform_button {font-size:19px !important; background-color:#e97c20 !important;}
#gform_wrapper_3.gform-theme--framework .gform-field-label{font-size:17px !important; font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif !important;}
.gform_button {font-size:19px !important; background-color:#e97c20 !important;}

#field_1_11 .gfield_label{margin-bottom:20px;}
.contact_wrap .ginput_container_text input, .contact_wrap .ginput_container_email input, .contact_wrap .ginput_container_post_excerpt textarea{
padding: 15px 20px !important; font-size: 18px !important; font-weight: 400 !important; color: #707070 !important; line-height: 1.4 !important;
    height: fit-content !important; border-color: #d5d5d5  !important; border-radius: 10px !important; outline-color: #fbbe8b !important;}
    
.contact_wrap .gchoice input::before{color: #8ec320 !important;}
.gform_confirmation_message_1{font-size:25px; text-align:center; line-height:39px;}
.privacy_agree_box{padding: 30px 40px 30px !important; border-radius: 25px; background: #f5f5f5;  margin-bottom: 20px !important;}
.contact_wrap .privacy_agree_box .subject{color: #222 !important;  font-size: 18px !important;line-height: 26px !important;  padding-bottom: 15px !important;} 
.privacy_agree_box ol{margin-bottom: 0 !important;}
.privacy_agree_box ol li{color: #555 !important;font-size: 15px !important;line-height: 25px !important; padding-bottom: 5px !important;}
#gform_1{padding: 40px 40px !important;border-radius: 10px !important;box-shadow: 1px 1px 20px 5px rgb(0 0 0 / 5%) !important;}
#gform_3{padding: 40px 40px !important;border-radius: 10px !important;box-shadow: 1px 1px 20px 5px rgb(0 0 0 / 5%) !important;}
.agree_title{display:none;}
#field_1_13{margin-top:-40px !important;}

/* =============================================
    footer
================================================= */
.footer-con-top ul{display: flex; flex-wrap: wrap; column-gap:1.5rem;}
.footer-con-top ul li{font-size: 18px; font-weight: 500;}
.footer-con ul{display: table; content: ''; clear: both; width: 100%;  margin: 30px 0 0 !important;}
.footer-con ul li{display: inline-block; color: #3d3d3d;  font-size: 16px;  line-height: 30px;  font-weight: 300; padding-right: 20px !important; position: relative;}
.footer-con ul li::after{display: inline-block;  content: '';  width: 1px;  height: 11px;  background: #3d3d3d;  position: absolute;  right: 10px;  top: 9px;}
.footer-con ul li:nth-child(4)::after, .footer-con ul li:nth-child(8)::after{display: none;}
.footer-con ul li strong{font-weight: 500;  color: #3d3d3d;}
.footer-con.bottom a{font-size: 13px; color:#3d3d3d;}
.footer-con.tel {margin-left: 30px;}
.footer-con.tel h1{font-size: 24px; line-height: 27px; color: #3d3d3d; font-weight: 500; margin-bottom: 20px !important;}
.footer-con.tel a{font-size: 40px; font-family: 'YUniverse-B', 'Malgun Gothic', '맑은고딕', sans-serif !important; color: #8ec320;}
.footer-con-top ul li a{color:#3d3d3d !important;}

/*-----------------------------------------------------------------
Quick Menu
-----------------------------------------------------------------*/
.quick_menu_mo{display:none;}
.quick_menu {position: fixed;z-index: 9999;top: 220px;right:-5px;transition: right .3s ease;}
.quick_menu ul {display: flex;flex-direction: column;justify-content: center;align-items: center;border-radius: 20px;width: 86px;overflow: hidden;
  margin-bottom: 0; filter: drop-shadow(0px 0px 4px #00000014);}
.quick_menu ul li {background-color: #fff; width: 100%;height: 85px; display: flex; justify-content: center;align-items: center; transition: background-color .3s ease;}
.quick_menu ul li:nth-child(n+2):not(li:last-child) a { border-bottom: 1px solid #F2F2F2;}
.quick_menu ul li:hover { background-color: #f9fbf5;}
.quick_menu ul li:hover a { color:#000;}
.quick_menu ul li.call { height: 110px;}
.quick_menu ul li a { width: 90%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 14px; color: #000;
  font-weight: 400; padding: 20px 0 10px;}
.quick_menu ul li.reservation a { border-bottom: 1px solid #F2F2F2;}
.quick_menu ul li.call a { padding: 6px 0;}
.quick_menu ul li.call a div { display: flex; flex-direction: row; gap: 2px; justify-content: center; align-items: center;transition: color .3s ease;}
.quick_menu ul li.call a div i {top: 0;  color: #444444; transition: color .3s ease;}
.quick_menu ul li a img { width: auto; height: auto; flex-shrink: 0;   margin-bottom: 7px;}
.quick_menu ul li.call{ background-color: #e97c20;}
.quick_menu ul li.call a span.num { color: #fff; font-size: 24px; text-align: left; font-weight: var(--font-weight-heavy); letter-spacing: -1px; transition: color .3s ease; font-family: 'YUniverse-B', 'Malgun Gothic', '맑은고딕', sans-serif !important; line-height: 25px;}
.quick_menu ul li.call:hover { background-color: #e97c20;}
.quick_menu ul li.call:hover a div,
.quick_menu ul li.call:hover a div i,
.quick_menu ul li.call:hover a span.num { color: #fff !important;}