@charset "utf-8";

.skipNavi li a {position:fixed;top:-100px;left:0;width:100%;padding:10px 0;background:#474747;color:#fff;text-align:center;z-index:1000;}
.skipNavi li a:focus {top:0;}

#header .headerInner {position:relative;width:1024px;margin:0 auto;}
#header h1 {position:absolute;top:0;left:22px;bottom:0;line-height:1;}
#header h1:after {content:"";display:inline-block;height:100%;vertical-align:middle;}
#header h1 a {display:inline-block;vertical-align:middle;}
#header .gnb {margin-left:190px;}
#header .gnb > ul:after {content:"";display:block;clear:both;}
#header .gnb > ul > li {position:relative;float:left;padding:24px 0 24px 70px;line-height:1;font-size:24px;font-weight: 100;}
#header .gnb > ul > li a {color:#474747;}
#header .btnMenu {display:none;position:absolute;width:2.8rem;height:2.5rem;font:0/0 a;background:#474747;}
#header .btnMenu:before,
#header .btnMenu:after {content:"";position:absolute;top:.5rem;left:0;right:0;height:.5rem;background:#fff;}
#header .btnMenu:after {top:1.5rem;}
.menuOn #header:after,
.menuOn #header .gnb .subMenu {display:block;}

#container {
  min-height: 1133px;
  outline: none;
}
#container.main {
  background: url(../images/bg_main.jpg) no-repeat 50% 50%;
  background-size: cover;
}
#container.sub1 {
  background: url(../images/bg_sub1-1.jpg) no-repeat 50% 50%;
  background-size: cover;
}
#container.sub2 {
  background: url(../images/bg_sub2-1.jpg) no-repeat 50% 50%;
  background-size: cover;
}
#container.sub3 {
  background: url(../images/bg_sub3-1.jpg) no-repeat 50% 50%;
  background-size: cover;
}

#footer {margin-top:30px;border-top:1px solid #d7d7d7;}
#footer p {width:1024px;margin:0 auto;position:relative;padding:10px 0; text-align: center;}
#footer p small {font-size:12px;font-family: '굴림';}

.inputTxt {height:38px;padding:0 10px;background:#eee;border:0;font-size:18px;box-sizing:border-box;}
select {height:38px;border:1px solid #e2e3e2;background: url(../images/bg_select.png) no-repeat right 12px top 50%;font-size:18px;}

.mainVisual {
  max-width: 1280px;
  margin: 0 auto;
  padding: 180px 0;
}
.mainVisual img {
  max-width: 100%;
}
.mainService .list {
  display: flex;
  align-items: center;
  justify-content: center;
}
.mainService .list li {
  position: relative;
  margin: 0 40px;
  font-size: 36px;
  font-weight: 100;
  color: #00308c;
}
.mainService .list li:before {
  content: "";
  position: absolute;
  top: 23px; left: -40px;
  width: 8px; height: 8px;
  background: #00308c;
  border-radius: 50%;
}
.mainService .list li:first-child:before {
  display: none;
}

.mainService .list li:after {
  content:"";
  display: block;
  width: 120px; height: 120px;
  margin: 10px auto 0;
  background: url(../images/img_main1.png) no-repeat 50% 50%;
}
.mainService .list li:nth-of-type(2):after {
  background: url(../images/img_main2.png) no-repeat 50% 50%;
}
.mainService .list li:nth-of-type(3):after {
  background: url(../images/img_main3.png) no-repeat 50% 50%;
}
.mainService .list li:nth-of-type(4):after {
  background: url(../images/img_main4.png) no-repeat 50% 50%;
}

.subVisual {
  max-width: 1280px;
  margin:0 auto;
}
.marketingWrap {
  position: relative;
  max-width:1280px;
  margin:0 auto;
}
.marketingWrap .tit {
  display: inline-block;
  margin: 45px 0 20px;
  padding-bottom: 15px;
  font-size: 48px;
  font-weight: 100;
  color:#001743;
  border-bottom: 1px solid #ff1d1d;
}
.marketingWrap .list li {
  margin-top: 10px;
  font-size: 30px;
  font-weight: 100;
  color: #474747;
}
.marketingWrap .list li:after {
  content: "";
  display: inline-block;
  width: 32px; height: 26px;
  margin-left: 10px;
  background: url(../images/icon_chk.png) no-repeat;
}
.marketingWrap img {
  position: absolute;
  top: 130px; left: 400px;
}

.prodWrap {
  max-width:1280px;
  margin:0 auto;
}
.prodWrap .tit {
  display: inline-block;
  margin: 45px 0 20px;
  padding-bottom: 15px;
  font-size: 48px;
  font-weight: 100;
  color:#001743;
  border-bottom: 1px solid #ff1d1d;
}

.prodWrap .list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
}
.prodWrap .list li {
  width: 50%; height: 230px;
  padding-right: 50px;
  box-sizing: border-box;
  display: flex;
}
.prodWrap .list .subTit {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 132px; height: 132px;
  margin-right: 60px;
  background: #001743;
  border-radius: 50%;
  color: #fff;
  font-size: 30px;
  font-weight: 100;
  line-height: 1.2;
  text-align: center;
}
.prodWrap .list .sub {
  margin-top: 10px;
  font-size: 24px;
  font-weight: 100;
  color: #474747;
}
.prodWrap .list .sub span {
  display: inline-block;
  margin: 15px 20px 0 0;
}
.prodWrap .list .sub div {
  margin-top: 15px;
}
.contactWrap {
  max-width:1280px;
  margin:0 auto 100px;
}
.contactWrap .tit {
  display: inline-block;
  margin: 45px 0 20px;
  padding-bottom: 15px;
  font-size: 48px;
  font-weight: 100;
  color:#001743;
  border-bottom: 1px solid #ff1d1d;
}
.inputTable {
  width: 1000px;
  margin-left: 166px;
}
.inputTable th {padding:12px 0;text-align:right;font-size:30px;font-weight:100;vertical-align:top;}
.inputTable td {padding:12px 20px;}
.inputTable .row {display:flex;width:100%;overflow:hidden;}
.inputTable .cell {float:left;line-height:38px;}
.inputTable .cell + .cell {margin-left:10px;}

.btnType1 {width:180px;height:65px;background:#001743;color:#fff;font-size:24px;}
.inputTable + .btnWrap {
  margin: 30px 220px 0 0;
  text-align: right;
}

.d_error { color:#ff0000; }