/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/


@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500&family=Noto+Sans:wght@300;400;500&display=swap');


body {
  font-family: 'Noto Sans','Noto Sans JP',sans-serif !important;
}

h1,h2,h3,h4,h5,h6 {
  font-family: 'Noto Sans','Noto Sans JP',sans-serif !important;
  font-weight: 500 !important;
}

/* error messages and modal for forms */
.hs-error-msg {
  display: none;
}

.hs-main-font-element {
  display: none;
}

.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  border-radius: 15px;
  background-color: #dc0032;
  color: #fff;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
/* end of error messages and modal for forms */


header {
  z-index: 99;
}

.header:after {
  background: none 
}

/* side contact button */
#contact_button {
  z-index: 1000;
  background: #DC0032;
  opacity: 0.7;
  font-size: 17px;
  color: white;
  text-transform: uppercase;
  padding: 10px;
  outline: none;
  text-decoration: none;
  position: fixed;
  top: 50vh;
  right: 0;
  border-radius: 20px;
  line-height: 20px;
  -webkit-transform-origin:100% 100%;
  -moz-transform-origin:100% 100%;
  transform-origin:100% 100%;
}

#contact_button:hover {
  opacity: 1.0;
  line-height: 25px;
}

.text-upright {
  writing-mode: vertical-lr;
}
/* end of side contact button */

img {
  max-width: 100% !important;
  height: auto !important;
}

.blog_post__overlay {
  max-height: 450px !important;
  padding: 150px 0 260px !important;
}

.dnd-section>.row-fluid {
    max-width: 1160px !important;
}

#main-content ul {
  list-style: none; /* Remove default bullets */
}

#main-content ul li::before {
  content: "\2013";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #dc0032; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}

form li::before, form ul li::before, .splide__pagination li::before {
  content: "" !important;
}

table, th, td {
  border: none;
}

table {
  border-collapse: collapse;
  table-layout: fixed;
}

hr {
  clear: both;
  margin: 50px 0;
}

hr:before {
clear: both;
}

footer {
  background-color: #23272b !important;
}


.navigation-primary {
  z-index: 99999;
}

/*오시는 길*/
.map_wrap {margin-top:60px;}
.map_wrap .the_map {width:100%;}
.map_wrap .the_map .wrap_map {height:450px;}
.map_infos {background-color:#dd0330; color:#fff; height:100px; line-height:100px; position:relative; font-size:18px; padding:0 3%;}
.map_infos div {position:absolute; right:3%; top:0;}
.map_infos div p {float:left; margin-left:40px;}
.map_infos p {}
.map_infos .adress {background:url("https://21343684.fs1.hubspotusercontent-na1.net/hubfs/21343684/KR-Website/adress.png") no-repeat center left; background-size:23px auto; padding-left:35px;}
.map_infos .phone {background:url("https://21343684.fs1.hubspotusercontent-na1.net/hubfs/21343684/KR-Website/phone.png") no-repeat center left; background-size:33px auto; padding-left:45px;}
.map_infos .fax {background:url("https://21343684.fs1.hubspotusercontent-na1.net/hubfs/21343684/KR-Website/fax.png") no-repeat center left; background-size:33px auto; padding-left:40px;}
.spt_box .spt_title {font-size:25px; font-weight:500; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #ddd;}
.metro_wrap {overflow:hidden;}
.metro_wrap .metro {float:left;}
.metro_wrap .metro:first-child {margin-right:8%;}
.metro .metro_line {display:inline-block; border:10px solid #69cccc; color:#69cccc; vertical-align:middle; width:75px; height:75px;
  border-radius:100%; line-height:1.3; box-sizing:border-box; text-align:center; font-size:16px; font-weight:500; position:relative;}
.metro .metro_line span {position:absolute; text-align:center; left:0; width:100%; top:7px;}
.metro .metro_txt {display:inline-block; vertical-align:middle; font-size:17px; padding-left:5px;}
.bus_table {display:table; width:100%;}
.bus_table .bus_wrap {display:table-cell; vertical-align:top;}
.bus_table .bus_wrap:first-child {}
.bus_table .bus_wrap:last-child {padding-left:3%;}
.bus_wrap .bw_title, .bus_wrap .bus_list {float:left;}
.bus_wrap .bw_title {font-size:20px; font-weight:500; margin-right:50px;}
.bus_wrap .bus_list li::before{display: none !important; content:none !important;}
.bus_wrap .bus_list li {width:100%; margin-bottom:7px; height:33px; font-size:17px; font-weight:300;}
.bus_wrap .bus_list li:last-child {margin-bottom:0;}
.bus_wrap .bus_list li span {vertical-align:text-bottom; margin-right:10px;}
.bus_wrap .bus_list li span .tag {color:#fff; font-size:17px; font-weight:500; width:45px; line-height:23px; border-radius:4px; display:inline-block; text-align:center;}
.bus_wrap .bus_list li span .tag01 {background-color:#00aeab;}
.bus_wrap .bus_list li span .tag02 {background-color:#f86e55;}
.bus_wrap .bus_list li span .tag03 {background-color:#eb2400;}
.bus_wrap .bus_list li span .tag04 {background-color:#2d89d3;}
.bus_wrap .bus_list li span .tag05 {background-color:#0b73da;}
.bus_wrap .bus_list li span .tag06 {background-color:#5fb73c;}
.bus_wrap .bus_list li span .tag07 {background-color:#f63617;}


/*기업개요*/
.cp_wrap {background:url(../images/sub/about/cp_wrap.jpg) no-repeat center; background-size:cover; border:1px solid #ddd; margin:50px 0; position:relative;}
.cp_wrap .cp_title {font-size:24px; color:#eb0000; font-weight:350; margin-bottom:20px; line-height:1.3;}
.cp_wrap .cp_txt01 {font-size:50px; line-height:1.2; margin-bottom:30px;}
.cp_wrap .cp_txt02 {font-size:20px; color:#777777; line-height:1.3;}
.cp_wrap article {padding:70px 0 70px 15%; width:45%;}
.cp_wrap img {position:absolute; bottom:0; right:15%;}

.about_table table { border: 0 !important; }
.about_table tr th, .about_table tr td {padding:30px 0 15px 0; line-height:1.3;}
.about_table tr th { text-align:center; font-weight:500; border-bottom:1px solid #555555 !important; }
.about_table tr td {font-weight:300; color:#555555; border-bottom:1px solid #dddddd !important; padding-left: 20px; }
.ours_wrap {text-align:center;}
p.ow_title {
  font-size:45px; 
  width:330px; 
  line-height:80px; 
  background-color:#dd0330; 
  color:#fff; 
  border-radius:80px;
  margin:0 auto; 
  position:relative; 
  margin-bottom:35px; 
  z-index:1;
}
/* .ours_wrap .ow_title:after {content:''; width:1px; height:35px; display:block; background-color:#ddd; position:absolute; bottom:-52px; left:50%; transform:translateY(-50%);} */
.ow_txts 
  {
    height:265px; 
    margin-top:33px; 
    display:flex; 
    justify-content:space-between; 
    padding-left: 0px;
}
.ow_txts li
  {
    width:-webkit-calc(33% - 22px); 
    width:calc(33% - 22px); 
    margin-right:37px; 
    height:100%; 
    position:relative; 
    box-sizing:border-box; 
    padding:0 20px; 
    border:2px solid #ddd;
    list-style:none;
}
.ow_txts li:before, .ours_wrap .ow_txts li:after
  {
    content:''; 
    display:block; 
    position:absolute;
}
.ow_txts li:after 
  {
    width:20px; 
    height:20px; 
    border-radius:100%; 
    background-color:#dddddd; 
    top:-10px; 
    left:50%; 
    transform:translateX(-50%);
}
.ow_txts li:nth-child(2):before 
  {
    height:70px; 
    top:-70px;
}
.ow_txts li article 
  {
    position:relative; 
    top:50%; 
    transform:translateY(-50%);
  }
.ours_wrap .ow_txts li:last-child 
  {
    margin-right:0
      ;
  }
.owt01 {font-size:30px; font-weight:500;}
.owt02 {font-size:18px; color:#53545a; line-height:1.3;}
.ow-hr 
  {width:20px; height:2px; background-color:#3b3d45; margin:20px auto;}

a.tls-button {
  z-index: 99999;
}

.splide__pagination {
  margin-top: -10px;
}


#hist01 {display:block;}
.historys > .years_wrap {margin-bottom:50px; padding-bottom:50px; /*border-bottom:1px dashed #ddd;*/ overflow:hidden;}
.historys > .years_wrap .years {font-size:30px; font-weight:500; color:#000; float:left; padding-right:50px; /*background:url("https://21343684.fs1.hubspotusercontent-na1.net/hubfs/21343684/KR-Website/about-pages/year_line.png") no-repeat top 10px right;*/}
.historys > .years_wrap .in_hist {float:left; position:relative; padding-left: 0px;}
.historys > .years_wrap .in_hist:before {content:'' !important; /*width:1px !important; height:-webkit-calc(100% - 24px); height:calc(100% - 24px); display:block; background-color:#ccc; position:absolute; left:0; top:13px;*/}
.historys > .years_wrap .in_hist li {color:#797979; line-height:1.4; margin-bottom:25px; /*background:url("https://21343684.fs1.hubspotusercontent-na1.net/hubfs/21343684/KR-Website/about-pages/blit.png") no-repeat top 5px left; background-size:17px 17px;*/
padding-left:30px; position:relative; margin-left:0px; list-style: none;}*/
.historys li:last-child {margin-bottom:0 !important;}
/*.historys ul, .historys li { list-style: none; }*/
li.years_wrap::before { content:'' !important; }


.footer nav {
  float: right;
}

.hs-tabs__content__panel { padding: 1.5rem !important; }

li.hs-postlisting-item {
  padding: 15px 0;
}

@media all and (max-width: 800px) {
  .ours_wrap .ow_txts { 
    display: block !important; 
    width: 100% !important; 
    height: auto !important; 
  }
  .ours_wrap .ow_txts li { 
    width:100% !important; 
    height: auto !important; 
    margin-bottom: 40px; 
    border: 0;  
  }
  .ours_wrap .ow_txts li article { 
    position: auto; 
    transform: none; 
    top: auto; 
  }
  .ours_wrap .ow_txts li:before, .ours_wrap .ow_txts li:after, .ours_wrap .ow_txts li:nth-child(2):before { 
    display: auto; 
    width: 0; 
    height: 0; 
  }
  .ours_wrap .dot_line { 
    display: none; 
  }
  .mobile-center { text-align: center !important; }
  
  table {
    border: 0;
  }
  
  
  .footer .submenu a {
    font-size: 14px !important;
  }
    

}

@media all and (max-width: 900px) { 

.historys > .years_wrap .years, .historys > .years_wrap .in_hist {float:none !important;}
.historys > .years_wrap .years {background:none !important; margin-bottom:30px !important;}
.historys > .years_wrap .in_hist:before, .historys > .years_wrap .in_hist li:before {display:none !important; content:'' !important; }
.historys > .years_wrap .in_hist li {margin-left:0 !important; padding-left: 0 !important;}
  
  ul.historys { padding-left: 0px !important;}
  
}