/*
Theme Name:     Renden child
Theme URI:      http://amirndb.clubj.co.kr/
Description:    eCIS에서 제작한 커스텀 테마입니다.
Author:         Ecis co.,ltd.
Author URI:     http://clubj.co.kr/
Template:       Renden_Pro
*/
@import url("../Renden_Pro/style.css");

html{font-size: 14px; letter-spacing: -0.025em; font-family: 'Montserrat','Noto Sans KR', sans-serif; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, cite, del, dfn, em, font, q, s, samp, strike, strong, ol, ul, li, fieldset, form, label, legend, tbody, tfoot, thead, tr {
  word-break: keep-all;
  line-height: 1.5;
}
ul, ol, dl{list-style: none; padding: 0; margin: 0; }

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6{font-family: 'Montserrat','Noto Sans KR', sans-serif !important; }


/* gnb floating */
#site-header{position: relative; z-index: 1; }
body.home header #header {margin: 0 auto; border-bottom: none; background: rgba(255,255,255,0.9); }
/* body.home header #header #header-core{max-width: 1080px; } */
#logo, #logo-sticky{margin-top: 17px; }
#logo img, #logo-sticky img{max-height: 45px;}
#header .header-links > ul > li > a, #header-sticky .header-links > ul > li > a{font-size: 16px; padding: 32px 20px; font-weight: 500; }
#header .header-links > ul > li.current_page_item > a{font-weight: 600; }
#header .header-links .sub-menu a, #header-sticky .header-links .sub-menu a{text-transform: capitalize; font-weight: 500; }


/* slider */
#slider .rslides-content.style1.slider-middle:after, .thinkupslider-sc .rslides-content.style1.slider-middle:after{width: 50%; margin-left: auto; margin-right: 0; z-index: 0;
  -webkit-box-shadow: 250px 0 0 0 rgba(0, 0, 0, 0.5), -40px 0 0 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 250px 0 0 0 rgba(0, 0, 0, 0.5), -40px 0 0 0 rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 250px 0 0 0 rgba(0, 0, 0, 0.5), -40px 0 0 0 rgba(0, 0, 0, 0.5);
  -o-box-shadow: 250px 0 0 0 rgba(0, 0, 0, 0.5), -40px 0 0 0 rgba(0, 0, 0, 0.5);
  box-shadow: 250px 0 0 0 rgba(0, 0, 0, 0.5), -40px 0 0 0 rgba(0, 0, 0, 0.5); }
#slider .rslides-content.style1:after, .thinkupslider-sc .rslides-content.style1:after{content: ''; margin: 0 auto; width: 1000px; height: 100%; display: block; position: relative; top: -100%; z-index: 0;
  background: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 1000px 0 0 0 rgba(0, 0, 0, 0.5), -1000px 0 0 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 1000px 0 0 0 rgba(0, 0, 0, 0.5), -1000px 0 0 0 rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 1000px 0 0 0 rgba(0, 0, 0, 0.5), -1000px 0 0 0 rgba(0, 0, 0, 0.5);
  -o-box-shadow: 1000px 0 0 0 rgba(0, 0, 0, 0.5), -1000px 0 0 0 rgba(0, 0, 0, 0.5);
  box-shadow: 1000px 0 0 0 rgba(0, 0, 0, 0.5), -1000px 0 0 0 rgba(0, 0, 0, 0.5); }

#slider .featured, .thinkupslider-sc .featured{padding: 0 0 0 50px; position: relative; z-index: 99; }
#slider .featured .featured-title span{font-size: 36px; font-weight: 700; line-height: 1.3; letter-spacing: 1px; padding: 0 50px 0 0; }
#slider .featured .featured-excerpt span{font-size: 16px; padding: 0 50px 0 0; line-height: 1.7; }
#slider .featured-link a{font-size: 16px; background: #003994; border: none; padding: 10px 24px; }
#slider .featured-excerpt p{margin-bottom: 35px; }
#slider .featured-link a:hover{background: #002868; }
#slider .rslides, #slider .rslides li{
  max-height: 500px !important;
}

/* #section01.business */
#section01.business .elementor-image-box-content{margin: 0 auto; width: 90%; background: #fff; position: absolute; right: 0; bottom: -30px; left: 0; padding: 20px 30px; }
#section01.business .elementor-image-box-content h2{margin: 0; }
#section01.business .elementor-image-box-content h2 a{position: relative; padding: 0 0 6px 13px; display: block; }
#section01.business .elementor-image-box-content h2 a:before{content: ''; position: absolute; left: 0; top: 5px; width: 3px; height: 18px; background: #003994; }

#section03.counter .elementor-counter-title{font-family: 'Montserrat','Noto Sans KR', sans-serif; }

#section04.client i{background: rgba(0,0,0,0.5); color: #fff; padding: 3px; }
#section04.client .elementor-swiper-button-prev{left: 0; }
#section04.client .elementor-swiper-button-next{right: 0; }

/* footer */
/* footer{text-align: center; } */
footer #footer{padding: 30px; background: #1e2021; }
footer #sub-footer #sub-footer-widgets{display: none; }
footer #sub-footer{padding: 15px 0; }
footer #sub-footer, footer #sub-footer a{font-size: 14px; text-align: center; color: #aaa; }
footer .footer_wrap{position: relative; overflow: hidden; font-size: 0;}
footer .footer_wrap > div{font-size: 16px; display: inline-block; vertical-align: middle; font-weight: 500; color: #777; }
footer .footer_wrap > div.text_wrap{width: 80%; }
footer .footer_wrap > div.privacy{width: 20%; text-align: right; }
footer .footer_wrap i{margin: 0 6px 0 0; width: 14px; }
footer .footer_wrap i img{vertical-align: middle; filter: hue-rotate(220deg);}
footer .footer_wrap .addr{margin: 16px 0 5px 0; }
footer .footer_wrap .tel span b{font-weight: 500; }
footer .footer_wrap .dot{margin: 0 0 6px 0; display: block; }
/*footer .footer_wrap .tel span.dot:after{content: ''; border-radius: 50%; width: 4px; height: 4px; background: #7d7e7e; position: absolute; right: 0; top: 7px; } */
/* footer .footer_wrap .privacy{float: right; } */
footer .footer_wrap .privacy b{display: block; width: 100%; margin: 0 4px; text-align: center; }
footer .footer_wrap .privacy b a{display: block; background: #292b2b; padding: 10px 20px; margin: 0 0 10px 0; border-radius: 4px; color: #aaa !important; font-weight: 400; font-size: 14px; }
footer .footer_wrap .privacy b a:hover{background: #434343; color: #fff !important; }
.cosmosfarm-members-account-link, .cosmosfarm-members-register-link{display: none; }


/* subpage */
#content{padding: 50px 0; min-height: 460px; background: url('/wp-content/uploads/2020/08/content_bg.jpg') no-repeat center center; background-size: cover; }
body.privacy-policy #content{background: none; }
header #intro .page-title{color: #333 !important; font-size: 1.5em; font-weight: 500; }
header #intro{background: #f7f7f7 !important; padding: 16px 0; }
header #intro #breadcrumbs {color: #003994 !important; }
header #intro #breadcrumbs a, header #intro #breadcrumbs .delimiter {color: #777 !important; }
header #intro #breadcrumbs a:hover{ color: #003994 !important; }
header #intro #breadcrumbs .delimiter{visibility: hidden; }
header #intro #breadcrumbs .delimiter:after{content:">"; visibility: visible; margin: 0 8px 0 0; }

/* location */
#location iframe{height: 400px !important; }

/* history */
/* The actual timeline (the vertical ruler) */
.timeline {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}

/* The actual timeline (the vertical ruler) */
.timeline::after {
  content: '';
  position: absolute;
  width: 6px;
  background-color: #003994;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -3px;
}

/* Container around content */
.timeline .container {
  padding: 0 40px;
  position: relative;
  background-color: inherit;
  width: 50%;
}

/* The circles on the timeline */
.timeline .container::after {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  right: -12px;
  background-color: white;
  border: 4px solid #003994;
  top: 15px;
  border-radius: 50%;
  z-index: 1;
}

/* Place the container to the left */
.timeline .left {
  left: 0;
  padding: 0 40px 0 0;
}

/* Place the container to the right */
.timeline .right {
  left: 50%;
  padding: 0 0 0 40px; 
}

/* Add arrows to the left container (pointing right) */
.timeline .left::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  right: 30px;
  border: medium solid white;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #f7f7f7;
}

/* Add arrows to the right container (pointing left) */
.timeline .right::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  left: 30px;
  border: medium solid white;
  border-width: 10px 10px 10px 0;
  border-color: transparent #f7f7f7 transparent transparent;
}

/* Fix the circle for containers on the right side */
.timeline .right::after {
  left: -12px;
}

/* The actual content */
.timeline .content {
  padding: 16px 30px;
  background-color: #fff;
  position: relative;
  border-top: 2px solid #003994;
}

.timeline h2{font-weight: 600; font-size: 1.25em; color: #222; margin: 0 0 10px 0; }
.timeline p{margin: 0; }
.timeline ul li{position: relative; padding: 0 0 0 14px; margin: 0 0 4px 0; letter-spacing: -0.5px; }
.timeline ul li:last-child{margin: 0; }
.timeline ul li:before{content: ''; position: absolute; left: 0; top: 10px; background: #555; width: 3px; height: 3px; border-radius: 50%; }

/* certification */
.elementor-slideshow__title{display: none; }

/* .business */
.business .elementor-tabs-wrapper > div{width: 33.33%; display: block; float: left; box-sizing: border-box; text-align: center; background: #f7f7f7; border: 1px solid #fff; }
.business .elementor-tabs-wrapper a{font-weight: 400; color: #222; }
.business .elementor-widget-tabs .elementor-tab-desktop-title.elementor-active{background: #003994; }
.business .elementor-widget-tabs .elementor-tab-title.elementor-active a{color: #fff; }
.business .elementor-widget-tabs .elementor-tab-content{border: none !important; padding: 30px 0 0 0; }
.business .elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-desktop-title.elementor-active:before{display: none;}
.business .title h1{font-size: 1.5em; color: #222; position: relative; padding: 0 0 0 20px; font-weight: 500; margin: 0; }
.business .title h1:before {content: ''; background: #003994; width: 5px; height: 5px; border-radius: 50%; position: absolute; left: 0; top: 9px; }
.business .title h1 small{color: #777; font-size: 0.8em;}
.business table td{font-size: 1em; color: #555; text-align: left; padding: 16px; }
.business table td:first-of-type{background: #fafafa; }
.business table {border-top: 2px solid #003994; background: #fff; }
.business table span{display: block; }


/* technical */
.service{position: relative;}
.service p{display: none; }
.service .tooltip {
  background: #003994;
  bottom: 100%;
  color: #fff;
  display: block;
  left: 0px;
  margin-bottom: 15px;
  opacity: 0;
  padding: 20px;
  pointer-events: none;
  position: absolute;
  width: 100%;
  text-align: left;
  -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
     -o-transform: translateY(10px);
      transform: translateY(10px);
  -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
     -o-transition: all .25s ease-out;
      transition: all .25s ease-out;
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
     -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
      box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
      font-size: 16px;
  }

  .service .tooltip ul li{position: relative; padding: 0 0 0 10px; }
  .service .tooltip ul li:before{content: '';
    background: #fff;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 9px;}

 /* This bridges the gap so you can mouse into the tooltip without it disappearing */
  .service .tooltip:before {
  bottom: -20px;
  content: " ";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  width: 100%;
  }
  
  /* CSS Triangles - see Trevor's post */
  .service .tooltip:after {
  border-left: solid transparent 10px;
  border-right: solid transparent 10px;
  border-top: solid #003994 10px;
  bottom: -10px;
  content: " ";
  height: 0;
  left: 50%;
  margin-left: -13px;
  position: absolute;
  width: 0;
  }
  
  .service:hover .tooltip {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
     -o-transform: translateY(0px);
      transform: translateY(0px);
  }

  .tech_list ul{overflow: hidden; }
  .tech_list ul li{float: left; width: 50%; text-align: center; padding: 20px; font-size: 20px; box-sizing: border-box; border-right: 2px solid #eee; border-bottom: 2px solid #eee; color: #003994; }
  .tech_list ul li i{font-size: 40px; margin: 0 0 10px 0; }
  .tech_list ul li:nth-child(2) {border-right: 0; }
  .tech_list ul li:nth-child(3) {border-bottom: 0; }
  .tech_list ul li:nth-child(4) {border: 0; }


/* kboard */
.kboard-customer-poweredby, .kboard-list-vote, #kboard-customer-list .kboard-list table td.kboard-list-view, .kboard-document-action, #kboard-customer-document .detail-view {display: none !important; }
#kboard-customer-list .kboard-pagination .kboard-pagination-pages li:hover a, #kboard-customer-list .kboard-pagination .kboard-pagination-pages li.active a{background: #003994 !important; }
#notice a.kboard-customer-button-small, #notice input.kboard-customer-button-small, #notice button.kboard-customer-button-small{background: #003994 !important; }
#kboard-customer-document .kboard-content .content-view{border-bottom: 2px solid #f7f7f7; }
#notice #kboard-customer-list .kboard-list table{border-top: 2px solid #003994; }
#notice #kboard-customer-list .kboard-list thead{background: #f7f7f7; }
#notice #kboard-customer-list .kboard-list table a, #notice #kboard-customer-list .kboard-list table td{font-size: 16px; }
#notice #kboard-customer-list .kboard-list table td{font-weight: 500; padding: 14px 0; }
#notice #kboard-customer-list .kboard-list tbody tr.kboard-list-notice{
  background: #fff;
}
#notice #kboard-customer-list .kboard-list-uid span{
  background: #003994;
  color: #fff;
  font-size: 14px;
  padding: 2px 4px;
}

/* contact */

#contact b, #contact p{font-weight: 500; font-size: 16px; }
#contact b span{color: red; }
#contact .submit_btn{text-align: center; }
#contact .submit_btn input{background: #003994; width: 100%; margin: 10px 0 0 0; }
#contact .submit_btn input:hover{background: #003994; }

#contact .wpcf7-form input{padding: 6px 10px; }
#contact .wpcf7-form input[type="checkbox"]{display: inline-block; width: auto;}
#contact .wpcf7-list-item{margin: 0;}
div.wpcf7 .ajax-loader{display: none; }

/*privacy*/
.privacy li, .privacy ol {list-style: none; }
.privacy .line_box{border: 6px solid #eee; padding: 3%; text-align: left; font-size: 16px; color: #888; letter-spacing: 0; margin: 0 0 3% 0; }
.privacy .line_box b{color: #555; font-weight: 500; }
.privacy{font-size:14px;line-height:1.6; color: #666; }
.privacy ul, .quality p{margin-bottom: 0; }
.privacy h1{font-size: 22px; border-bottom: 1px solid #cdcdcd; padding: 0 0 14px 0; margin: 0 0 14px 0; color: #333; font-weight: 400; }
.privacy h2{font-size: 18px; margin: 20px 0 10px 0; font-weight: 500; }
.privacy .box {margin: 0 0 40px 0; font-size: 16px; letter-spacing: 0; }
.privacy .box li{position: relative;  padding: 0 0 8px 16px; }
.privacy .box ul li:before{content: ''; display: block; width: 4px; height: 4px; position: absolute; left: 0; top: 9px; background: #ccc; border-radius: 50%; }
.privacy .box ul ul li:before{content: ''; display: block; width: 6px; height: 1px; position: absolute; left: 0; top: 12px; background: #888; }
.privacy .box li li{padding-bottom: 8px; }
.privacy .box ul ul, .quality .box li{margin: 10px auto auto 0; }
.privacy .box li.caution{color: #232952; }

/* login */
#content .cosmosfarm-members-form button, #content .cosmosfarm-members-form input[type=submit]{background: #003994 !important; }
#content .cosmosfarm-members-form .link-text{display: none; }



@media (max-width:1024px) {

  #content{min-height: 200px; }

  /* #section01.business .elementor-image-box-content{position: relative; padding: 10px; bottom: 0; width: 100%; } */
  #slider .rslides-content, .thinkupslider-sc .rslides-content{padding: 0 !important; }

}

@media (max-width:768px) {

  header #header-core{padding: 10px 20px; }
  header #logo img{max-height: 25px; }

  #slider .rslides, #slider .rslides li{height: 300px !important; }

  #slider .rslides-content.slider-middle .featured-title, #slider .rslides-content.slider-middle .featured-excerpt, #slider .rslides-content.slider-middle .featured-link, .thinkupslider-sc .rslides-content.slider-middle .featured-title, .thinkupslider-sc .rslides-content.slider-middle .featured-excerpt, .thinkupslider-sc .rslides-content.slider-middle .featured-link{text-align: center; width: 100%; }
  #slider .featured, .thinkupslider-sc .featured{padding: 0; }
  #slider .featured .featured-title span{padding: 0 20px; font-size: 24px; }
  #slider .rslides-content.style1.slider-middle:after, .thinkupslider-sc .rslides-content.style1.slider-middle:after{display: none; }
  header #slider .featured-excerpt{display: block !important; padding: 0; }
  header #slider .featured-title{margin-bottom: 10px; }
  header #slider .featured .featured-excerpt span{padding: 0 20px; font-size: 16px !important; }
  header #slider .featured-excerpt p{margin: 0 0 10px 0; }
  header #slider .featured-link a{font-size: 16px !important; padding: 16px; }
  footer #footer .widget{margin: 0 !important; }
  #sub-footer-core .copyright{margin: 0 !important; font-size: 14px; padding: 10px 20px;}
  
  footer .footer_wrap .tel span.dot:after{display: none; }
  footer .footer_wrap > div{display: block; width: 100% !important; text-align: left !important; }
  footer .footer_wrap > div.text_wrap{margin: 0 0 10px 0; font-size: 14px; }
  footer .footer_wrap .privacy b{margin: 0 10px 0 0; }
  #content{padding: 40px 20px; }

  #intro.option2 .page-title{
    text-align: center !important;
  }

  .business .title h1{font-size: 18px; }

  /* .business */
  .elementor-tabs .elementor-tabs-wrapper{display: block !important; }
  .elementor-widget-tabs .elementor-tab-mobile-title{display: none; }
  .business h1.title{font-size: 20px; }
  .elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-desktop-title.elementor-active:after{display: none; }
  .business .elementor-tabs-wrapper > div{width: 50%; padding: 10px; height: 64px; }
  .business .elementor-tabs-wrapper a{font-size: 14px; }

  

  /* Place the timelime to the left */
  .timeline::after {
    left: 31px;
  }
    
    /* Full-width containers */
  .timeline .container {
    width: 100%;
    padding-left: 70px;
    padding-right: 25px;
    margin: 0 0 10px 0;
  }
    
    /* Make sure that all arrows are pointing leftwards */
  .timeline .container::before {
    left: 60px;
    border: medium solid white;
    border-width: 10px 10px 10px 0;
    border-color: transparent white transparent transparent;
  }

  
  .timeline h2{
    font-size: 18px;
  }

  .timeline ul li{
    font-size: 14px;
  }

  
    /* Make sure all circles are at the same spot */
  .timeline .left::after, .timeline .right::after {
    left: 18px;
  }
    
    /* Make all right containers behave like the left ones */
  .timeline .right {
    left: 0%;
  }

  .privacy h1{font-size: 18px; margin: 0 0 8px 0; padding: 0 0 8px 0; }
  .privacy h2{font-size: 16px; }
  .privacy .box, .privacy .line_box{font-size: 14px; }
  .privacy .box{margin: 0 0 20px 0; }
  

  


}