/*
	모바일 사이즈 미디어 쿼리는 별로 모바일쪽에 넣어주세요.
	pc/테블릿 전용

*/
.fc-green {
  color: #258b73;
}
.fc-black {
  color: #393939;
}
.fc-blue {
  color: #00a2ff;
}
.fc-white {
  color: #fff;
}
.fz-b3 {
  font-size: 37px;
  line-height: 48px;
}
.fz-b4 {
  font-size: 31px;
  line-height: 40px;
}
.fz-b5 {
  font-size: 68px;
  line-height: 100%;
}
.fz-b4.f-en, .fz-b5.f-en {
  letter-spacing: -0.06em;
}
.fz-s1 {
  font-size: 16px;
}
.box-layout2 {
  position: relative;
  word-break: keep-all;
}
.box-layout2 .inner > .title1 {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 23px;
  color: black;
  font-weight: 400;
}
.box-layout2 .inner > .cont {
  padding-left: 287px;
  color: #606060;
}
.box-layout2 .img img {
  max-width: 100%;
}
.img-m {
  display: none;
}
/*메뉴*/
#header {
  background-color: #fff;
  position: fixed;
  width: 100%;
  height: 92px;
  left: 0;
  top: 0;
  z-index: 5;
}
#header .inr-c {
  position: relative;
}
#header h1.h {
  position: absolute;
  left: 20px;
  top: 15px;
  z-index: 16;
}
#header .right {
  position: absolute;
  right: 20px;
  top: 0;
  z-index: 15;
  padding-top: 30px;
  font-size: 0;
}
#lnb {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  background-color: #fff;
  z-index: 15;
  text-align: center;
  border-bottom: 1px solid #dedede;
}
#lnb:after {
  position: absolute;
  left: 0;
  top: 92px;
  width: 100%;
  height: 1px;
  background-color: #dedede;
  content: "";
}
#lnb .menu {
  max-width: 830px;
  margin-left: auto;
  margin-right: auto;
  padding: 0px 105px 0px 265px;
}
#lnb .menu > li {
  float: left;
  margin-left: 55px;
}
#lnb .menu > li:first-child {
  margin-left: 0;
}
#lnb .menu > li > a {
  display: block;
  width: 100%;
  height: 92px;
  line-height: 92px;
  font-size: 19px;
  color: #000;
  font-weight: 500;
  position: relative;
  z-index: 1;
}
#lnb .menu > li > a:after {
  position: absolute;
  left: 50%;
  bottom: -1px;
  width: 0;
  height: 2px;
  background-color: #00a2ff;
  content: "";
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
#lnb .menu > li.ovr > a:after, #lnb .menu > li.on > a:after {
  width: 100%;
  left: 0;
}
#lnb .menu > li.m1 {
  width: 90px;
}
#lnb .menu > li.m2 {
  width: 90px;
}
#lnb .depth2 {
  width: 800px;
  display: none;
  padding: 18px 0px 15px 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  z-index: 0;
}
#lnb .depth2 > .inner > ul:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: '';
}
#lnb .depth2 > .inner > ul > li {
  float: left;
}
#lnb .depth2 a {
  display: block;
  width: 100%;
  margin-bottom: 3px;
  font-size: 15px;
  color: #696969;
}
#lnb .depth2 a:hover, #lnb .depth2 .on a {
  color: #00a2ff;
}
.tab.ty1 {
  border-bottom: 1px solid #cfcfcf;
}
.tab.ty1 .inr-c {
  border: 0 !important;
}
.tab.ty1 li a:hover, .tab.ty1 li.on a {
  background: none !important;
  color: #00a2ff !important;
}
.tab.ty1 li.on a {
  border-bottom: 2px solid #00a2ff;
  margin-bottom: -2px;
}
.tab.ty2 li a:hover, .tab.ty2 li.on a {
  background-color: #194269 !important;
}
.t_menu {
  display: none;
  position: absolute;
  left: 20px;
  top: 120px;
  color: #9e9e9e;
}
.t_menu span {
  display: block;
  text-align: left;
}
.t_menu .h {
  font-size: 28px;
  line-height: 1.3;
  margin-bottom: 10px;
}
.t_menu .t {
  font-size: 14px;
  line-height: 1.5;
}
#spot.sub {
  height: 330px !important;
}
#spot.sub > .cont > .inr-c {
  text-align: left !important;
}
#spot.sub > .cont > .inr-c > .d-t {
  height: 330px !important;
}
#spot.sub > .cont .tit {
  font-weight: 700;
  font-size: 57px;
  margin-bottom: 20px;
  color: #000;
}
#spot.sub > .cont .t1 {
  font-size: 19px;
  color: #000;
  line-height: 32px;
}
.btn-more {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
  overflow: hidden;
  text-align: left;
  background-color: #fff;
  opacity: 0;
}
.s-logan {
  padding-top: 60px;
  margin-bottom: 45px;
  text-align: center;
}
.s-logan .title {
  position: relative;
  font-size: 39px;
  line-height: 36px;
  margin-bottom: 30px;
  padding-bottom: 35px;
  color: #000;
}
.s-logan .title:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -28px;
  width: 56px;
  height: 1px;
  /*background-color: #000;*/
}
.s-logan .t1 {
  font-size: 20px;
  line-height: 35px;
  color: #2a2a2a;
}
.s-logan .lst {
  overflow: hidden;
  text-align: left;
}
.s-logan .lst .col {
  float: left;
  width: 23.5%;
  margin-left: 2%;
}
.s-logan .lst .col br {
  display: none;
}
.s-logan .lst .col:first-child {
  margin-left: 0;
}
.s-logan .lst .col .t {
  font-size: 18px;
  line-height: 27px;
}
/*메인*/
#spot.main {
  position: relative;
}
.bxMain {
  position: relative;
  overflow: hidden;
}
.bxMain .bg img {
  width: 100%;
}
.bxMain .cont {
  position: absolute;
  left: 65%;
  top: 90px;
  color: #fff;
  line-height: 1.8;
}
.bxMain .cont .h1 {
  font-size: 45px;
  line-height: 1;
}
.bxMain .cont .h1 strong {
  font-size: 120px;
}
.bxMain .cont .t1 {
  color: #fbf7c6;
}
.bxMain .cont .t2 {
  font-size: 21px;
}
.bxMain .bx-controls {
  display: none;
}
.bx-pager1 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  z-index: 60;
}
.bx-pager1 li {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  width: 33%;
  opacity: .7;
}
.bx-pager1 li a {
  position: relative;
  display: block;
  color: #fff;
  font-size: 19px;
  line-height: 64px;
}
.bx-pager1 li a.active:after {
  content: "";
  position: absolute;
  left: 50%;
  top: -4px;
  width: 8px;
  height: 8px;
  background-color: #fff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.contents {
  color: #696969;
}
/* 01. compnay
==========*/
.box-group {
  font-size: 0;
  text-align: center;
}
.box-group [class^="col-"] {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 30%;
  margin-left: 2%;
  vertical-align: top;
  position: relative;
  -ms-word-break: keep-all;
  word-break: keep-all;
}
.box-group [class^="col-"] .thumb img {
  width: 100%;
}
.box-group [class^="col-"] .cont {
  margin-top: 20px;
  text-align: left;
}
.box-group [class^="col-"] .cont [class^="t_"] {
  font-size: 17px;
  line-height: 30px;
}
.box-group [class^="col-"] .cont .h_1 {
  font-size: 21px;
  line-height: 1.2;
  margin-bottom: 10px;
  color: #231f20;
}
.box-group.ty2 [class^="col-"] {
  width: auto;
}
.box-group.ty2 .box {
  display: table;
  width: 100%;
}
.box-group.ty2 .thumb {
  display: table-cell;
  vertical-align: middle;
  width: 375px;
  padding-right: 40px;
}
.box-group.ty2 .thumb img {
  width: auto;
}
.box-group.ty2 .cont {
  margin-top: 0;
  display: table-cell;
  vertical-align: middle;
}
.tbl_list {
  border-top: 1px solid #999999;
}
.tbl_list .lst1 {
  width: 100%;
}
.tbl_list .lst1 [class^="d-"] {
  height: 100%;
  vertical-align: top;
}
.tbl_list .lst1 .tit {
  width: 250px;
  font-size: 18px;
  line-height: 30px;
  border-bottom: 1px solid #d9d9d9;
}
.tbl_list .lst1 .tit .h1 {
  padding: 25px 20px;
  font-size: inherit;
  font-weight: 300;
  color: #000;
}
.tbl_list .lst1 .info {
  position: relative;
  padding-left: 50px;
  font-weight: 300;
}
.tbl_list .lst1 .info:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  margin-left: 50px;
  background-color: #d9d9d9;
}
.tbl_list .lst1 .info .txt {
  padding: 25px 20px;
  line-height: 30px;
}
.tbl_list .lst1 .info .txt:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: '';
}
.tbl_list .lst1 .info .txt.bind .t1 {
  float: left;
  width: 50%;
}
.tbl_list.history .lst1 .tit {
  width: 210px;
  font-size: 33px;
}
.box_vision {
  padding-top: 20px;
}
.box_vision .col {
  position: relative;
  margin-bottom: 70px;
}
.box_vision .col:after {
  content: "";
  z-index: 0;
  position: absolute;
  bottom: 0;
  width: 50%;
  height: 230px;
  background-color: #f4f4f4;
}
.box_vision .col .n {
  position: relative;
  z-index: 1;
  width: 50%;
}
.box_vision .col .img {
  padding-bottom: 40px;
}
.box_vision .col .txt {
  display: table;
  height: 270px;
}
.box_vision .col .txt > div {
  display: table-cell;
  vertical-align: middle;
}
.box_vision .col .txt .h1 {
  font-size: 40px;
  line-height: 1.3;
  color: #00a2ff;
}
.box_vision .col .txt .t1 {
  margin-top: 20px;
  font-size: 18px;
  color: #000;
}
.box_vision .col .txt .t2 {
  margin-top: 20px;
  font-size: 18px;
}
.box_vision .col .txt .t2 span {
  display: block;
  font-size: 20px;
  line-height: 36px;
  color: #000;
}
.box_vision .col.lft {
  text-align: left;
}
.box_vision .col.lft:after {
  left: 0;
}
.box_vision .col.lft .img {
  float: left;
}
.box_vision .col.lft .txt {
  float: right;
}
.box_vision .col.lft .txt > div {
  padding-left: 15%;
}
.box_vision .col.rgh {
  text-align: right;
}
.box_vision .col.rgh:after {
  right: 0;
}
.box_vision .col.rgh .img {
  float: right;
}
.box_vision .col.rgh .txt {
  float: left;
}
.box_vision .col.rgh .txt > div {
  padding-right: 15%;
}
.area_line {
  margin-bottom: 80px;
}
.area_line .inr-c {
  padding-bottom: 80px;
  border-bottom: 1px solid #e5e5e5;
}
.header_type2 {
  text-align: center;
  margin-bottom: 65px;
}
.header_type2 .title {
  margin-bottom: 20px;
  font-size: 27px;
  line-height: 35px;
  color: #000;
}
.header_type2 .t1 {
  font-size: 20px;
  line-height: 35px;
  color: #4a4a4a;
}
.lst_style1 ul:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: '';
}
.lst_style1 li {
  float: left;
  width: 50%;
  padding: 20px 0px;
}
.lst_style1 .col {
  display: table;
  width: 100%;
}
.lst_style1 .col .n {
  display: table-cell;
  vertical-align: top;
}
.lst_style1 .col .ico {
  width: 90px;
}
.lst_style1 .col .txt {
  padding: 0px 30px;
}
.lst_style1 .col .txt .h1 {
  font-size: 20px;
  margin-bottom: 5px;
  color: #000;
}
.lst_style1 .col .txt .t1 {
  font-size: 17px;
  line-height: 30px;
}
.lst_style2 {
  display: table;
  width: 100%;
}
.lst_style2 .col {
  position: relative;
  display: table-cell;
  vertical-align: top;
  width: 10%;
  text-align: center;
}
.lst_style2 .col .ico {
  position: relative;
  z-index: 1;
  margin-bottom: 25px;
}
.lst_style2 .col .ico .in {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  position: relative;
}
.lst_style2 .col .ico .bg {
  width: 226px;
}
.lst_style2 .col .ico .h1 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 22px;
  line-height: 27px;
  color: #00a2ff;
}
.lst_style2 .col .ico .h1 > .d-t {
  width: 100%;
  height: 100%;
}
.lst_style2 .col .t1 {
  font-size: 18px;
  line-height: 30px;
}
.lst_style2 .line {
  width: 5%;
}
.lst_style2 .line span {
  position: absolute;
  left: 50%;
  top: 100px;
  margin-left: -93px;
}
.lst_style2 .arrow span img {
  margin-top: 80px;
}
.lst_style2 .plus {
  width: 4%;
  vertical-align: middle;
}
/* 02. business
==========*/
.area_box {
  padding: 90px 0px;
}
.area_box.bgGray {
  background-color: #f9f9f9;
}
.lst_cStyle {
  font-size: 0;
  text-align: center;
}
.lst_cStyle .col {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  position: relative;
}
.lst_cStyle .col:first-child {
  margin-left: 0;
}
.lst_cStyle .col .n {
  width: 245px;
  height: 245px;
  border: 1px dotted #00a2ff;
  background-color: #fff;
  -webkit-border-radius: 500px;
  -moz-border-radius: 500px;
  border-radius: 500px;
}
.lst_cStyle .col .ico .d-t {
  width: 100%;
  height: 100%;
}
.lst_cStyle.ty1 .col {
  margin-left: 65px;
}
.lst_cStyle.ty1 .col:first-child {
  margin-left: 0;
}
.lst_cStyle.ty1 .col .ico {
  margin-top: 45px;
  height: 80px;
  margin-bottom: 10px;
}
.lst_cStyle.ty1 .col .t1 {
  font-size: 17px;
  line-height: 25px;
  color: #000;
}
.lst_boximg ul:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: '';
}
.lst_boximg .col {
  position: relative;
  float: left;
  width: 32.6%;
  margin-left: 1%;
}
.lst_boximg .col:first-child {
  margin-left: 0;
}
.lst_boximg .col .img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.lst_boximg .col .img img {
  width: 100%;
}
.lst_boximg .col .info {
  position: relative;
  padding: 70% 0 0 25%;
}
.lst_icoStyle {
  font-size: 0;
  text-align: center;
}
.lst_icoStyle .col {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-left: 10px;
  vertical-align: top;
  position: relative;
}
.lst_icoStyle .ico {
  height: 135px;
  margin-bottom: 20px;
  text-align: center;
}
.lst_icoStyle .ico .d-t {
  width: 100%;
  height: 100%;
}
.lst_icoStyle .ico .d-tc {
  vertical-align: middle;
}
.lst_icoStyle .h1 {
  font-size: 22px;
  line-height: 30px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #d4d4d4;
  color: #00a2ff;
  text-align: center;
}
.lst_icoStyle .t1 {
  font-size: 17px;
  line-height: 25px;
}
.lst_dot {
  text-align: left;
}
.lst_dot li {
  position: relative;
  padding-left: 10px;
  font-size: 16px;
  line-height: 1.3;
  margin-bottom: 10px;
}
.lst_dot li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 3px;
  height: 3px;
  background-color: #666;
}
.lst_cStyle.ty2 .col {
  margin: 0 3%;
}
.lst_cStyle.ty2 .col .ico {
  margin-bottom: 25px;
}
.lst_cStyle.ty2 .col .tit {
  margin-bottom: 20px;
}
.lst_cStyle.ty2 .col .tit .i-txt {
  width: 200px;
  height: 55px;
  margin: 0 auto;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  font-weight: 300;
  color: #fff;
  font-size: 18px;
  line-height: 1.2;
  background-color: #00a2ff;
}
.lst_cStyle.ty2 .col .t1 {
  font-size: 18px;
  line-height: 30px;
}
.area_imgBox {
  position: relative;
  height: 300px;
  overflow: hidden;
  padding: 120px 0px;
  color: #fff;
}
.area_imgBox .bg {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 50%;
  width: 2000px;
  margin-left: -1000px;
}
.area_imgBox .inr-c {
  position: relative;
  z-index: 1;
}
.lst_icoStyle.ty2 .col {
  width: 24%;
  margin-left: 0;
}
.lst_icoStyle.ty2 .col .ico.h2 {
  height: 80px;
  margin-bottom: 15px;
}
/* 03. solution
==========*/
.lst_partner .col {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 0px 25px 50px 25px;
  vertical-align: middle;
}
/* 04. recruit
==========*/
.wrap_recruit .lst_style1 li {
  width: 33.3%;
  min-height: 130px;
}
.wrap_recruit .lst_style1 .col .n {
  vertical-align: top;
}
.wrap_recruit .lst_style1 .col .ico {
  width: 90px;
}
/* 05. contact
==========*/
.map {
  position: relative;
  width: 100%;
  height: 550px;
  overflow: hidden;
}
.lst_addr {
  padding-top: 60px;
}
.lst_addr:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: '';
}
.lst_addr .col {
  float: left;
  width: 33.3%;
  text-align: center;
  vertical-align: top;
  font-size: 0px;
}
.lst_addr .col .h1 {
  margin-bottom: 15px;
  font-size: 20px;
  color: #000;
}
.lst_addr .col .t1 {
  position: relative;
  padding: 0px 10px;
  font-size: 18px;
  line-height: 30px;
  font-weight: 300;
}
.lst_addr .col .t1:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 35px;
  background-color: #d8d8d8;
}
.lst_addr .col:first-child .t1:after {
  content: none;
}
@media screen and (max-width: 1366px) {
  .lst_style1 .col .txt br {
    display: none;
  }
}
@media screen and (max-width: 1280px) {
  .lst_style2 .col .txt .t1 br {
    display: none;
  }
  
  .lst_style2 .line span {
    width: 80px;
    margin-left: -40px;
  }
  
  .lst_cStyle.ty1 .col {
    margin: 10px 10px;
  }
  
  .lst_boximg .col .info {
    padding-right: 5%;
  }
  
  .lst_boximg .col .info br {
    display: none;
  }
  
  /* 04. recruit
  	==========*/
  
  .wrap_recruit .lst_style1 li {
    min-height: 160px;
  }
}
@media screen and (max-width: 1024px) {
  .s-logan .lst .col {
    width: 49%;
    margin-bottom: 30px;
  }
  
  .s-logan .lst .col:nth-child(2n-1) {
    margin-left: 0;
  }
  
  .wrap_company .lst_style2 .col .ico .bg {
    width: 190px;
  }
  
  .wrap_company .lst_style2 .line span {
    top: 80px;
  }
  
  .tbl_list .lst1 .info .txt.bind .t1 {
    float: none;
    width: 100%;
  }
  
  /* 02. business
  	==========*/
  
  .lst_cStyle.ty2 .col {
    width: 31%;
    margin: 0 1%;
  }
  
  .wrap_business .lst_style2 .col .ico .bg {
    width: 190px;
  }
  
  .wrap_business .lst_style2 .col .ico .bg img {
    width: 100%;
  }
  
  /* 04. recruit
  	==========*/
  
  
  .wrap_recruit .lst_style1 li {
    width: 100%;
    min-height: auto;
  }
  
  .wrap_recruit .lst_style1 .col .ico {
    width: 90px;
  }
  
  .wrap_recruit .lst_style2 .col .ico .bg {
    width: 190px;
  }
  
  .wrap_recruit .lst_style2 .line span {
    top: 80px;
  }
}
@media screen and (max-width: 960px) {
  /*비전*/
  
  .box_vision .col .txt .h1 {
    font-size: 35px;
  }
  
  .box_vision .col .txt .t1 {
    font-size: 16px;
  }
  
  .box_vision .col .txt .t2 {
    margin-top: 10px;
  }
  
  .box_vision .col .txt .t2 span {
    font-size: 17px;
  }
}
@media screen and (min-width: 1024px) {
  
}