/* GOMOTEC CUSTOM.CSS JEYU 2025-11-28*/

.kboard-agree {clear:both}
.kboard-agree .pr_group {margin-top:14px; padding:8px 10px; border:1px solid #ddd; border-radius:6px;}
.kboard-agree .pr_group label {cursor:pointer; display:block}
.kboard-agree .pr_group strong {font-size:13px; color:#666;}
.pr_con {display:block; font-size:12px; line-height:1.3em; margin-top:5px; color:#666;}

#kboard-default-editor .kboard-content.vv {padding:0;}
#kboard-default-editor .kboard-content.vv table, #kboard-default-editor .kboard-content.vv th, #kboard-default-editor .kboard-content.vv td 
{background:#fff; border:0; padding:0 0 27px 0;}
#kboard-default-editor .kboard-content.vv table input[type="text"], #kboard-default-editor .kboard-content.vv table input[type="email"] 
{width:100%; padding:10px; height:23px; border:1px solid #E6E6E6; border-radius:4px; background:#f5f5f5; color:#444;}

#kboard-default-editor .kboard-content.vv table input[type="text"]::placeholder, #kboard-default-editor .kboard-content.vv table input[type="email"]::placeholder
{color:#999}

#kboard-default-editor .kboard-content.vv table input[type="text"]:focus,#kboard-default-editor .kboard-content.vv table input[type="email"]:focus 
{box-shadow:0 0 10px rgba(0,0,0,.11)}
#kboard-default-editor .kboard-control.vv {overflow: visible; padding-bottom:30px !important;}
#kboard-default-editor .kboard-control.vv button {padding:15px 22px !important; background:#a50034 !important; color:#fff !important; font-size:16px !important; border-radius:50px !important; font-weight:bold}
#kboard-default-editor .kboard-control.vv button:hover, #kboard-default-editor .kboard-control.vv button:focus {box-shadow:0 20 38px rgba(0,0,0,.11)}
.catalog {clear:both; width:100%;}
.catalog .ctl_img {float:left; width:43%; margin-right:3%;}
.catalog .ctl_index {float:left; width:53%;}
.catalog .ctl_index li {font-size:16px; color:#666; font-weight:500; line-height:1.5em; margin-bottom:15px;}

/****************************메인페이지-시작******************************/

.core_wrap {width:100%; position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); display: flex; justify-content: center; z-index: 15;}
.core_wrap .core_li {position: relative; width: 260px; height: 140px; z-index: 15; margin:0 10px; background:rgba(35,35,40,.73); border-radius:10px;
  background-repeat: no-repeat; transition: all 0.3s ease; transform-origin: bottom center; /*확대기준*/}
.core_wrap .core_li .bg {position:absolute; top:0; height:0; width:100%; height:100%; transition: all 0.3s ease;  z-index:16; opacity:.8;
     background-position:center right; background-repeat: no-repeat; transform-origin: bottom center;
}
.core_wrap .core_li .core_menu {display: block; width: 100%; height: 100%; padding: 30px 20px; text-align: left; position: absolute; top:0; left:0; z-index: 17;}
.core_wrap .core_li .core_menu > span {display: block; font-size: 12px; line-height:1em; letter-spacing: 1px; margin:0; padding:0; color:#d0d0d0; transition: all 0.3s ease;}
.core_wrap .core_li .core_menu > h3 {margin-top: 10px; font-size: 20px; line-height: 1.2em; letter-spacing: .5px; color:#d0d0d0; transition: all 0.3s ease;}

.core_wrap.kr .core_li .core_menu {padding:43px 20px;}
.core_wrap.kr .core_li .core_menu > span {font-size: 13px;}
.core_wrap.kr .core_li .core_menu > h3 {margin-top: 8px; line-height: 1.3em; letter-spacing: 0;}

.hero-section {overflow:visible;}

/* .core_li:hover bottom 고정 + Scale Up */
.core_wrap .core_li:hover {transform: scale(1.05); box-shadow: 0 10px 30px rgba(0,0,0,0.25); z-index: 16; background:rgba(225,225,225,.88);}
.core_wrap .core_li:hover .core_menu > span {color:#020202;}
.core_wrap .core_li:hover .core_menu > h3 {color:#020202;}
.core_wrap .core_li:hover .core_li .bg {opacity:1;}

.core_wrap .core_li.fa .bg {background-image:url('http://gomotec1.mycafe24.com/wp-content/uploads/2025/12/v_m_1_re-1.png'); }
.core_wrap .core_li.ha .bg {background-image:url('http://gomotec1.mycafe24.com/wp-content/uploads/2025/12/v_m_2_re-2.png');}
.core_wrap .core_li.vv .bg {background-image:url('http://gomotec1.mycafe24.com/wp-content/uploads/2025/12/v_m_3-2-1.png');}
.core_wrap .core_li.rnd .bg {background-image:url('http://gomotec1.mycafe24.com/wp-content/uploads/2025/12/v_m_4_re-2.png');}
.core_wrap .core_li.pe .bg {background-image:url('http://gomotec1.mycafe24.com/wp-content/uploads/2025/12/v_m_5_re.png');}
.core_wrap.kr .core_li.ha .bg {background-position:center right -5px;}

@media only screen and (max-width: 1400px) {
  .core_wrap .core_li {width:19.4%; margin:0 .3%;}
  .core_wrap .core_li .core_menu {padding: 30px 18px;}
  .core_wrap .core_li .bg {background-size:cover;}
  .core_wrap.kr .core_li.ha .bg {background-position:center right -5px;}
}
@media only screen and (max-width: 1300px) {
	.core_wrap.kr .core_li.ha .bg {background-position:center right 0;}
	.core_wrap.kr .core_li .core_menu {padding: 30px 20px;}
}
@media only screen and (max-width: 1024px) {
  .core_wrap {width:100%; display: flex; flex-wrap: wrap;}
  .core_wrap .core_li {width:19%; height:120px; margin:10px .5%;}
  .core_wrap .core_li .core_menu {padding: 20px 15px;}
  .core_wrap .core_li .core_menu > h3 {font-size: 18px;}
  
  .core_wrap.kr .core_li .core_menu {padding: 25px 15px;}
}
@media only screen and (max-width: 1000px) {
  .core_wrap {width: 700px}
  .core_wrap .core_li {margin:7px 1%; height:110px;}
  .core_wrap .core_li .core_menu {padding:20px 15px;}
  .core_wrap .core_li.fa, .core_wrap .core_li.ha, .core_li.vv {width:31%;}
  .core_wrap .core_li.rnd, .core_wrap .core_li.pe {width:48%;}
  .core_wrap .core_li .bg {background-size:contain;}
  .core_wrap .core_li.rnd .bg {background-size:60%;}
  .core_wrap .core_li .core_menu > span {display: block; font-size: 10px; line-height:1em; letter-spacing: .5px;}
  .core_wrap .core_li .core_menu > h3 {margin-top: 7px; font-size: 18px; line-height: 1.1em; letter-spacing: .5px;}
  .core_wrap.kr .core_li .core_menu > span {font-size: 10px;}
  .core_wrap.kr .core_li .core_menu > h3 {font-size: 18px;}
  .core_wrap.kr .core_li .core_menu {padding: 20px 15px;}
}
@media only screen and (max-width: 760px) {
  .core_wrap {width: 95%}
  .core_wrap .core_li {margin:4px .8%; height:95px;}
  .core_wrap .core_li .core_menu {padding:15px 15px;}
  .core_wrap .core_li.fa, .core_wrap .core_li.ha, .core_li.vv {width:31.7%;}
  .core_wrap .core_li.rnd, .core_wrap .core_li.pe {width:48.4%;}
  .core_wrap .core_li .bg {background-size:75%;}
  .core_wrap .core_li.fa .bg, .core_wrap .core_li.ha .bg, 
  .core_wrap .core_li.vv .bg, .core_wrap .core_li.pe .bg {background-size:80%;}
  .core_wrap .core_li.rnd .bg {background-size:55%;}
  .core_wrap .core_li .core_menu > span {font-size: 10px;}
  .core_wrap .core_li .core_menu > h3 {margin-top: 7px; font-size: 14px; line-height: 1.05em;}
  .core_wrap.kr .core_li .core_menu {padding: 15px 15px;}
}
@media only screen and (max-width: 500px) {
  body {line-height:26px;}
  .core_wrap {width: 97%}
  .core_wrap .core_li {margin:3px .7%; height:85px; background:rgba(35,35,40,.68);}
  .core_wrap .core_li .core_menu {padding:18px 10px;}
  .core_wrap .core_li.fa, .core_wrap .core_li.ha, .core_li.vv {width:31.9%;}
  .core_wrap .core_li.rnd, .core_wrap .core_li.pe {width:48.6%;}
  .core_wrap .core_li.fa .bg, .core_wrap .core_li.ha .bg, .core_wrap .core_li.vv .bg {background-size:90%;}
  .core_wrap .core_li.rnd .bg, .core_wrap .core_li.pe .bg  {background-size:75%;}
  .core_wrap .core_li .core_menu > span {font-size: 9px; letter-spacing:0;}
  .core_wrap .core_li .core_menu > h3 {margin-top: 6px; font-size: 12px; letter-spacing:0;}
  
  .core_wrap.kr .core_li .core_menu {padding:15px 15px;}
  .core_wrap.kr .core_li .core_menu > span {font-size: 9px; letter-spacing:0;}
  .core_wrap.kr .core_li .core_menu > h3 {font-size: 14px; letter-spacing:0;}
  .core_wrap .core_li.ha .bg {background-size:100%;} 
  .core_wrap .core_li.fa .bg {background-size:95%;} 
  .core_wrap .core_li.vv .bg {background-size:100%;}
  .core_wrap .core_li.rnd .bg {background-size:75%;}
  .core_wrap .core_li.pe .bg {background-size:100%;}
}
@media only screen and (max-width: 450px) {
  .core_wrap .core_li.ha .bg {background-size:100%;} 
  .core_wrap .core_li.fa .bg {background-size:96%;} 
  .core_wrap .core_li.vv .bg {background-size:105%;}
  .core_wrap .core_li.rnd .bg {background-size:77%;}
  .core_wrap .core_li.pe .bg {background-size:100%;}
}
#height-pick {position: relative; min-height: 700px; height:100%;}
#height-pick .col, #height-pick .row-bg-wrap, #height-pick .wpb_column {height: 100%;}
#height-pick .vc_column-inner {margin-top:200px;}

/* main Navi */
.sub-menu.tracked-pos .menu-item:hover a .menu-title-text {color:#a50034 !important;}
.sub-menu.tracked-pos .menu-item:hover a:hover .menu-title-text {color:#a50034 !important;}
#contactUs input[type=submit] {background:#a50034}

/*main en*/
.hero-section.two .hero-subtitle {font-size: 24px !important; font-weight: 500; line-height: 1.4; text-align: center;}
.hero-section.two h2 {font-size: 58px !important; font-weight: 500; line-height: 1.4 !important; text-align: center;}

.hero-subtitle {font-size: 28px; font-weight: 500; line-height: 1.4; text-align: center;}
.sub-title {font-size:16px !important;}
.row .col img:not([srcset]).alignright.wp-image-8101 {width:100px}

#contactUs .iwithtext i {font-size: 30px;}
#contactUs input, #contactUs textarea {border: 1px solid #D8D8D8;}
#contactUs input[type=submit] {font-size:16px;}
#contactUs .contactus-content {color:#ededed;}
.nectar-fancy-box .box-bg:after {background-color: rgba(0,0,0,.6);}
.ceo-name {display:block !important;}
.business_title {font-size: 30px !important; font-weight: bold !important; line-height: 1.2 !important;}
.business_content {margin-top: 20px !important; line-height: 1.5 !important;}
.container-wrap .main-content .column-image-bg-wrap[data-bg-pos="center center"] .column-image-bg {background-repeat:no-repeat}

.br_mo {display:none;} 

/****************************메인페이지-끝******************************/



/* 밸브사업부-시작 */
.wpb_wrapper>div.nectar-responsive-text.spectit.font_size_desktop_18px.font_size_phone_14px {margin-bottom:10px; font-weight:600;}
ul.tween {float:left; width:50%;}
.margin-none {margin:0 !important; padding:0 !important;}
.material .wpb_content_element.margin-none, .material .wpb_row.margin-none {margin:0 !important; position:absolute; top:-35px; right:0;}
/* 밸브사업부-끝 */

/* 서브페이지 제목 아래 text-hidden */
.height50 {width:100%; height:50px; position:relative}
.hidden {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; text-indent:-9999px; white-space: nowrap; border: 0;}

/* 연혁-시작 */
.history {min-height: 100vh; margin: 0;}
.history:before {content: ""; position: absolute; top: 0px; left: 50%; bottom: 0px; transform: translateX(-50%);
    width: 4px; background-color: #eee;}
.history .entries {width: calc(100% - 100px); max-width: 1250px; margin: auto; position: relative; left: -5px;}
.history .entries .entry {width: calc(50% - 50px); float: left; padding: 0px; clear: both; text-align: right;}
.history .entries .entry:not(:first-child) {margin-top:30px;}
.history .entries .entry .title {font-size: 50px; font-weight:800; margin-bottom: 25px; position: relative; color: #003882;}
.history .entries .entry .title:before {content: ""; position: absolute; width: 14px; height: 14px; border: 4px solid #003882;
	background-color: #fff; border-radius: 100%; top: 50%; transform: translateY(-50%); right: -66px; z-index: 1000;}
.history .entries .entry .body p {font-size:18px; font-weight:500; line-height: 1.8;}
.history .entries .entry:nth-child(2n) {text-align: left; float: right;}
.history .entries .entry:nth-child(2n) .title:before {left: -56px;}
/* 연혁-끝 */

/* Contact Us */

.mobile-ft20.bk {color: #444;}
.mobile-ft20.ck {margin-top: 30px; line-height: 1.6;}

.re_contact {width:100%;}
.re_contact .group {width:100%;}
.re_contact .group:first-child {margin-bottom:45px;}
.re_contact .group ul {padding:0; margin:0;}
.re_contact .group ul li {clear:both; list-style:none; line-height:1em; height:46px; padding:0; margin-top:5px; margin-bottom:5px;}

.re_contact .group .left {float:left; width:33px; height:46px;}
.re_contact .group .right {float:left; height:46px; line-height:40px; margin-left:10px; font-size:18px; color:#3f3f3f;}
.re_contact .con {color:#3f3f3f;}
h5.gtit {display:block; font-size:20px !important; font-weight:600 !important; color:#444 !important; margin-bottom:20px; letter-spacing:-0.5px}

.re_contact .group .left span {width:33px; height:46px; display:block; opacity:0.85; background-size:cover;}

span.ct_icon_1 {background:url('http://gomotec1.mycafe24.com/wp-content/uploads/2025/12/contact_dot.png') 0 0 no-repeat;}
span.ct_icon_2 {background:url('http://gomotec1.mycafe24.com/wp-content/uploads/2025/12/contact_call.png') 0 0 no-repeat;}
span.ct_icon_3 {background:url('http://gomotec1.mycafe24.com/wp-content/uploads/2025/12/contact_mail.png') 0 0 no-repeat;}
span.ct_icon_4 {background:url('http://gomotec1.mycafe24.com/wp-content/uploads/2025/12/contact_vv.png') 0 0 no-repeat;}

/* Contact Us 메인 위젯 */

.re_contact .group.wh {}
.re_contact .group.wh .right {color:#ffffff;}
.re_contact .group.wh .con {color:#ffffff;}
h5.gtit_wh {display:block; font-size:20px !important; font-weight:600 !important; color:#fff !important; margin-bottom:20px; letter-spacing:-0.5px}
span.ct_icon_wh1 {background:url('http://gomotec1.mycafe24.com/wp-content/uploads/2026/01/contact_dot_wh.png') 0 0 no-repeat;}
span.ct_icon_wh2 {background:url('http://gomotec1.mycafe24.com/wp-content/uploads/2026/01/contact_call_wh.png') 0 0 no-repeat;}
span.ct_icon_wh3 {background:url('http://gomotec1.mycafe24.com/wp-content/uploads/2026/01/contact_mail_wh.png') 0 0 no-repeat;}
span.ct_icon_wh4 {background:url('http://gomotec1.mycafe24.com/wp-content/uploads/2026/01/contact_vv_wh.png') 0 0 no-repeat;}


@media only screen and (max-width: 1000px) {
  .history .entries .entry .body p {font-size:15px !important; letter-spacing:0; font-weight:500; line-height: 1.8;}
}
@media only screen and (min-width: 1000px) {
	.main-content {max-width:1460px;}
}
@media only screen and (max-width: 1300px) {
    .pc-on {display:none;}
    .pc-off {display:block;}
	.br_mo {display:initial;}	
}
@media only screen and (min-width: 1001px) {
    .pc-on {display:block;}
    .pc-off {display:none;}
}
@media only screen and (max-width: 999px) and (min-width: 768px) {
	.container {width:90%; max-width:90% !important;}
	#ajax-content-wrap .font_size_desktop_36px.nectar-responsive-text {font-size:28px;}
	#vindex h6, #vproduct h6 {font-size:26px; line-height:1.2em; color:#202020}
	.container-wrap .main-content .column-image-bg-wrap[data-bg-pos="center center"] .column-image-bg {background-size:85%} 
}
@media only screen and (max-width: 1000px) {
	.hero-section.two .hero-subtitle {font-size: 20px !important; font-weight: 500; line-height: 1.4; text-align: center;}
    .hero-section.two h2 {font-size: 48px !important; font-weight: 500; line-height: 1.4 !important; text-align: center;}
    .pc-on {display:none;}
    .pc-off {display:block;}
    .round {width:100%; height:auto; box-shadow:3px 3px 6px rgb(0,0,0,0.3);}
    .material .wpb_content_element, .material .wpb_row {margin-bottom:15px;}
}
@media only screen and (max-width: 768px) {
	.hero-section.two .hero-subtitle {font-size: 18px !important; font-weight: 500; line-height: 1.4; text-align: center;}
    .hero-section.two h2 {font-size: 36px !important; font-weight: 500; line-height: 1.4 !important; text-align: center;}
	
	.hero-subtitle {font-size: 18px; font-weight: 500; line-height: 1.5; text-align: center;}
	.hero-section h1 {font-size:24px !important;}

	.hero-section .nectar-video-inner,.nectar-video-inner video {width: 100% !important; height: 100% !important;
	  object-fit: cover !important; object-position: center center !important;}
	.hero-section .nectar-video-inner video {min-width: 100% !important; min-height: 100% !important;}

    .mobile-ft16 {font-size:16px !important;}
    .mobile-ft20 {font-size:18px !important;}
    .sub-title {font-size:15px !important;}
    .business_title {font-size: 22px !important; font-weight: bold !important; line-height: 1.3 !important;}
    .business_content {font-size: 15px !important; margin-top: 15px !important; line-height: 1.5 !important;}
	.bswrap {text-align:left;}
    .bstit {font-size:16px; height:30px; line-height:23px;}
	#vindex h6, #vproduct h6 {font-size:24px; line-height:1.3em; color:#202020}
	.core_wrap.kr .br_mo {display:initial;}
	.br_mo {display:none;}
}
@media screen and (max-width: 760px) {
	.height50 {height:0;}
	.timeline {position: relative; max-width: 1200px; margin: 0 auto; margin-top: 50px;}
	.right {left: 0%;}
	.container_time {width: 100%; padding-left: 70px; padding-right: 25px;}
	.container_time {padding: 10px 40px; position: relative; background-color: inherit;}
	.container_time::before {left: 60px; border: medium solid white; border-width: 10px 10px 10px 0;
		border-color: transparent white transparent transparent;}
	.align {text-align: left;}
	.content_time {padding: 20px 20px; position: relative; border-radius: 6px; padding-top: 0;}
	.history_h2 {font-size: 20px; font-weight: bold; padding-bottom: 10px; color: #06287e;}
	.history_p1 {font-size: 14px;}
	.right::after {left: 20px;}
	.container_time::after {content: ''; position: absolute; width: 15px; height: 15px; background-color: white; 
		border: 4px solid #06287e; top: 15px; border-radius: 50%; z-index: 1;}
	.timeline::after {left: 31px;}
	.timeline::after {content: ''; position: absolute; width: 4px; background-color: #eee;
		top: 0; bottom: 0; margin-left: -2px;}
}
@media only screen and (max-width: 690px) {
	body{line-height:26px !important;}
	
	.re_contact .group:first-child {margin-bottom:45px;}
	.re_contact .group ul li {height:40px;}
	.re_contact .group .left {width:28px; height:40px;}
	.re_contact .group .right {height:40px; line-height:34px; font-size:18px;}
	h5.gtit {font-size:20px !important;}
	.re_contact .group .left span {width:28px; height:40px;}
	
}
@media only screen and (max-width: 500px) {
	.hero-section.two .hero-subtitle {font-size: 14px !important; font-weight: 500; line-height: 1.3; text-align: center;}
    .hero-section.two h2 {font-size: 28px !important; font-weight: 500; line-height: 1.4 !important; text-align: center;}
    .mobile-ft16 {font-size:14px !important;}
    .mobile-ft20 {font-size:18px !important;}
	.hero-section.two .vc_column-inner {margin-top:-70px}
	h6 {letter-spacing:-.5px}
	
	.mobile-ft20.ct {font-size:16px !important;}
	.re_contact .group:first-child {margin-bottom:35px;}
	.re_contact .group ul li {height:36px;}
	.re_contact .group .left {width:26px; height:36px;}
	.re_contact .group .right {height:36px; line-height:32px; font-size:16px;}
	h5.gtit {font-size:18px !important;}
	.re_contact .group .left span {width:26px; height:40px;}
	
}