/* ===================
        clear
=====================*/
a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
  color: none;
}
li {
  list-style: none;
}

/* =================== 
        STYLE
=====================*/
body {
  font-family: "Noto Sans CJK KR", "나눔고딕", "Helvetica", "sans-serif";
  font-size: 15px;
  font-weight: 400;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
.wrap {
  width: 1100px;
  margin: 0 auto;
}

/* =================== 
        메인 CSS
=====================*/

.navbar-brand img {
  height: 55px;
  width: 150px;
}

/* 네비 폰트 */
.avbar-nav li {
  font-family: "Noto Sans CJK KR", "나눔고딕";
  font-weight: 500;
  font-size: 15px;
  letter-spacing: -0.02em;
}
.withus_container {
  padding: 2rem 0;
  box-sizing: border-box;
  text-align: center;
}
.withus_container h4 {
  font-size: 28px;
  font-weight: 500;
}
.withus_txt {
  margin: 35px 0 30px 0;
  text-align: center;
}
.contact_txt {
  text-align: center;
}
.contact_container {
  width: 100%;
  height: 380px;
  background-image: url(../images/main_03_bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom center;
}
.contact_txt {
  padding-top: 80px;
}
.footer {
  background-color: #383838;
}
.footer_container {
  text-align: center;
  background-color: #383838;
  padding: 3rem 0;
  box-sizing: border-box;
}
.footer_container p {
  display: inline-block;
  width: 1100px;
  margin: 0 auto;
  text-align: left;
  color: #9c9c9c;
  font-size: 14px;
}
.bnr02 {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.carousel-caption {
  text-align: center;
  padding-right: 100px;
  margin-top: 200px;
  box-sizing: border-box;
}
.carousel-ex {
  font-size: 25px;
  text-align: center;
  margin-top: 50px;
}
.carousel-text01 {
  text-align: center;
}
.withus_history {
  margin: 40px 0 30px 0;
}
.contact_container {
  margin-top: -150px;
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255);
}
.subnav_bg {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
/* ======================
            푸터 CSS
========================*/
.footer {
  background-color: #383838;
}
.footer_container {
  text-align: center;
  background-color: #383838;
  padding: 1rem 0;
  box-sizing: border-box;
}
.footer_box {
  padding: 15px 0;
  float: left;
}
.footer_container p {
  display: inline-block;
  text-align: left;
  color: #9c9c9c;
  font-size: 14px;
  float: left;
  font-size: 13px;
}
.footer_logo {
  float: left;
  padding: 5px 20px 20px 0;
  box-sizing: border-box;
  opacity: 0.5;
}
.terms_box {
  float: left;
  width: 100%;
  border-bottom: 1px solid #6a6a6a;
}
.terms_box > a {
  text-decoration: none;
  float: left;
  padding: 10px 0;
  margin-right: 20px;
  color: rgba(255, 255, 255, 0.5);
  font-size: 13px;
}
.footer_wrap {
  width: 1100px;
  margin: 0 auto;
}
.footer_box p {
  width: auto;
}
/* ================================
            서브페이지 공통
===================================*/
.heading {
  position: relative;
}
.depth {
  position: absolute;
  right: 0;
  text-align: right;
}
.txt_top_vt {
  display: table;
  width: 100%;
  height: 250px;
}
.txt_top_vt h3 {
  display: table-cell;
  vertical-align: middle;
  font-size: 38px;
  font-weight: 300;
}
.content_tit h4 {
  margin: 15px 0 0 0;
}
.sky_txt {
  margin: 20px 0;
  color: #009fbc;
  font-size: 22px;
  font-weight: 400;
}
.tit_line {
  display: inline-block;
  margin: 0 auto;
  width: 1px;
  height: 50px;
  background-color: #009fbc;
}
.tit_txt {
  margin-top: 20px;
  font-size: 14px;
  font-weight: 300;
  color: #666;
}
.box_bg {
  margin-top: -533px;
  height: 550px;
  background: #f7f7f7;
}
/* ========================================
            회사소개 > 회사개요 CSS
=========================================*/
.overview_txt_top {
  display: table;
  width: 100%;
  height: 300px;
  background-color: #002b72;
  font-family: "Quicksand", "sans-serif";
  color: #fff;
  font-weight: 200;
  padding-top: 95px;
  text-align: center;
  background-color: #4b4a4a;
  background-image: url(../images/top_bg_01.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right top;
}
.company_intro {
  margin-bottom: 0;
  padding-left: 25px;
}
.company_intro a {
  width: 350px;
  height: 85px;
  border-right: 1px solid #000;
  border-bottom: 1px solid #e1e1e1;
  text-align: center;
  display: table;
}
.company_intro a:last-child {
  border-right: none;
}
.company_intro li {
  display: table-cell;
  vertical-align: middle;
  font-size: 23px;
  font-weight: 500;
  background-color: #fff;
  color: #000;
}
.company_intro li:hover {
  background-color: #013893;
  color: #fff;
}
.company_overview_box {
  margin: 40px 0 100px 0;
}
.sub_top_nav {
  text-align: center;
}
.sub_top_nav ul {
  width: auto;
}
.sub_top_nav ul a {
  float: left;
  font-size: 15px;
}
.company_intro [class*="ck_"] {
  background-color: #013893;
  color: #fff;
}

/* ======================
        사업분야 CSS
========================*/
.business_txt_top {
  display: table;
  width: 100%;
  height: 300px;
  background-color: #002b72;
  font-family: "Quicksand", "sans-serif";
  color: #fff;
  font-weight: 200;
  padding-top: 95px;
  text-align: center;
  background-color: #4b4a4a;
  background-image: url(../images/top_bg_02.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.sub_content_02 .company_intro {
  margin-bottom: 0;
  padding-left: 210px;
}
.business_division_box {
  margin: 40px 0px 40px -35px;
}
.business_txt_top_02 {
  display: table;
  width: 100%;
  height: 300px;
  background-color: #002b72;
  font-family: "Quicksand", "sans-serif";
  color: #fff;
  font-weight: 200;
  padding-top: 95px;
  text-align: center;
  background-color: #4b4a4a;
  background-image: url(../images/top_bg_02.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.sales_performance_box {
  text-align: center;
  margin: 20px 0 100px -40px;
}
/* ===========================
            조직도 CSS
=============================*/
.org_txt_top {
  display: table;
  width: 100%;
  height: 300px;
  background-color: #002b72;
  font-family: "Quicksand", "sans-serif";
  color: #fff;
  font-weight: 200;
  padding-top: 95px;
  text-align: center;
  background-color: #4b4a4a;
  background-image: url(../images/top_bg_04.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center left;
}
.organization_box {
  margin: 40px 0 100px 30px;
}

/* ===========================
            협력사 CSS
=============================*/
.subnav_bg {
  background-color: #fff;
}
.sub_container .collapse > ul > li > a {
  color: rgba(0, 0, 0, 0.9);
}
.partner_txt_top {
  display: table;
  width: 100%;
  height: 300px;
  background-color: #002b72;
  font-family: "Quicksand", "sans-serif";
  color: #fff;
  font-weight: 200;
  padding-top: 95px;
  text-align: center;
  background-color: #4b4a4a;
  background-image: url(../images/partnership_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.content_tit {
  padding-top: 50px;
  text-align: center;
}
.sub_bar {
  float: left;
}
.content_sub_tit {
  margin-top: 30px;
}
.content_sub_tit p {
  display: inline-block;
  float: left;
}
.carousel-text02 {
  font-size: 50px;
  font-weight: 500;
  padding-right: 50px;
}
.carousel-ex {
  padding-right: 30px;
}
.partner_box {
  margin: 40px 0 100px 0;
  padding-left: 45px;
  text-align: center;
}
.partner_lis {
  border: 1px solid red;
}
.partner_sub {
  font-size: 15px;
}
.partner_lis [class*="lis_link_0"] {
  display: table;
  float: left;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center center;
  border: 1px solid #e1e1e1;
  margin: 5px;
}
.lis_link_01 {
  background-image: url(../images/);
}
.lis_link_02 {
  background-image: url(../images/);
}
.lis_link_03 {
  background-image: url(../images/);
}
.lis_link_04 {
  background-image: url(../images/);
}
.lis_link_05 {
  background-image: url(../images/);
}
.lis_link_06 {
  background-image: url(../images/);
}
.lis_link_07 {
  background-image: url(../images/);
}
.lis_link_08 {
  background-image: url(../images/);
}
[class*="partner_0"] p {
  font-size: 19px;
}
[class*="partner_0"] {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 270px;
  height: 115px;
  font-size: 24px;
  padding-top: 10px;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 0;
}
.partner_01:hover {
  opacity: 1;
  color: #fff;
}
.hor_line {
  display: inline-block;
  width: 40px;
  height: 1px;
  background-color: #fff;
}
.pn_btn {
  display: inline-block;
  height: 21px;
  padding: 15px 19px;
  padding-bottom: 17px;
  margin: 20px 0;
  background: #fff;
  border-radius: 2px;
  font-family: "MyriadPro";
  font-size: 14px;
  vertical-align: 0;
  line-height: 0;
  background-color: #e68209;
  color: #fff;
}
.pn_btn:hover {
  color: #fff;
}

/* ======================
        컨텍트 CSS
========================*/
.contact_txt_top {
  display: table;
  width: 100%;
  height: 300px;
  font-family: "Noto Sans CJK KR";
  font-weight: 400;
  background-color: #009fbc;
  font-weight: 100;
  color: #fff;
  padding-top: 80px;
  text-align: center;
  background-image: url(../images/contact_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.contact_txt_top {
  background-color: #009fbc;
}
.depth {
  margin-top: 20px;
}
.contact_txt_top .depth {
  margin-top: 30px;
}
.contact_tit {
  text-align: center;
  margin: 40px 0 30px 0;
}
.map_size {
  width: 60%;
  float: left;
}
.contact_box {
  margin: 40px 0 100px 0;
}
.contact_box img {
  float: left;
}
.bar {
  margin: 0 45px 20px 30px;
}
.contact_img {
  margin: 0 0 30px 33px;
}