/* @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+KR:wght@300;400;500;700&family=Noto+Sans:wght@300;400;500;700&display=swap');


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

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


/* changing z-index and other hero area issues*/

header {
  z-index: 99;
}

.header:after {
  background: none 
}

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

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


/* this should have been in here already but okay */
img {
  max-width: 100% !important;
  height: auto !important;
}

/* end obvious fix */

/* align spacing for header */
.header__container.content-wrapper {
	max-width: 80%;
}

/* prevents text overlap when error message 
is triggered from required field on form */
.hs-error-msg{ 
  display:inline;
}

/* adjusting the homepage slider */

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

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



/* style adjustments to make items match the current website */

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

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

#main-content ul {
  list-style: none; 
}

#main-content ul li::before {
  content: "\2013";  
  color: #dc0032; 
  font-weight: bold; 
  display: inline-block; 
  width: 1em; 
  margin-left: -1em; 
}

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;
}


/* THE NEXT SECTION HAS CSS LIFTED FROM THE CURRENT WEBSITE SO I COULD PASTE IN SOME HTML ELEMENTS AND HAVE THEM DISPLAY NEARLY THE SAME. 
 * SOME CHANGES HAVE BEEN MADE SINCE WHERE IT STILL DIDN'T DISPLAY CORRECTLY.
 * PAGES WHERE THIS IS RELEVANT:
 * COMPANY > ABOUT 기업개요 
 * COMPANT > HISTORY 연혁
 * COMPANY > DIRECTIONS 오시는 길 > BUS INFO 버스 이용 시   /*



/*오시는 길*/
.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;}


/*기업개요*/

.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;
  max-width:100%;
}
/* .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;}

#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; }


.foot_sns {
    overflow: hidden;
}
.foot_sns li {display:inline-block; margin-left:15px;}
.foot_sns li:first-child {margin-left: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;
  }

}

@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;}
}