@charset "utf-8";
@font-face {
  font-family: 'NBG';
  src: url('../fonts/NanumBarunGothic.eot');
  src: url('../fonts/NanumBarunGothic.eot?#iefix') format('embedded-opentype'), url('../fonts/NanumBarunGothic.woff') format('woff'), url('../fonts/NanumBarunGothic.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'NBL';
  src: url('../fonts/NanumBarunGothicUltraLight.eot');
  src: url('../fonts/NanumBarunGothicUltraLight.eot?#iefix') format('embedded-opentype'), url('../fonts/NanumBarunGothicUltraLight.woff') format('woff'), url('../fonts/NanumBarunGothicUltraLight.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
.outline {
  outline: 1px solid red;
}
body {
  font-family: "NBG";
  font-size: 15px;
  line-height: 18px;
  color: #666;
  word-break: keep-all;
}
a {
  text-decoration: none;
}
.bold {
  font-weight: 600!important;
}
.normal {
  font-family: "NBG";
}
.title.fs36 {
  font-size: 36px!important;
  line-height: 50px;
  margin: 50px 0 30px!important;
  letter-spacing: -1px;
  font-weight: 600;
}
.title.fs32 {
  font-size: 32px;
  line-height: 42px;
  margin: 50px 0 30px!important;
}
.title.fs24 {
  font-size: 24px;
  line-height: 35px!important;
}
.title.fs18 {
  font-size: 18px;
  line-height: 25px!important;
}
.title.line {
  padding: 30px 0;
  border-bottom: 1px solid #dfe3e6!important;
}
.title .add {
  float: right;
  font-size: 13px;
  color: #666!important;
  font-weight: normal;
  position: relative;
  top: 20px;
}
.blue {
  color: #4c7a98!important;
}
.light_blue {
  color: #0075c2!important;
}
.black {
  color: #333!important;
}
ul.disc,
ol.disc {
  list-style: disc!important;
}
ul.decimal,
ol.decimal {
  list-style: decimal!important;
}
.left_pic {
  min-height: 224px;
  margin-bottom: 50px;
  padding-left: 430px;
}
p {
  line-height: 28px;
}
textarea:focus,
input:focus,
button:focus {
  outline: none;
}
.img_center {
  display: block;
  margin: 0 auto;
}
.border_b_none {
  border-bottom: none!important;
}
.border_top {
  border-top: 1px solid #ddd;
}
caption,
legend,
.hidden {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
.al {
  text-align: left !important;
}
.ac {
  text-align: center !important;
}
.ar {
  text-align: right !important;
}
.line_h30 {
  line-height: 30px !important;
}
.line_h50 {
  line-height: 50px !important;
}
.inblock {
  display: inline-block !important;
}
.block {
  display: block!important;
}
.dnone {
  display: none!important;
}
.fl {
  float: left!important;
}
.fr {
  float: right!important;
}
.fn {
  float: none !important;
}
.cb {
  clear: both!important;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
.pt20 {
  padding-top: 20px!important;
}
.pt60 {
  padding-top: 60px!important;
}
.pb20 {
  padding-bottom: 20px!important;
}
.pb60 {
  padding-bottom: 60px!important;
}
.mt20 {
  margin-top: 20px!important;
}
.mt50 {
  margin-top: 50px!important;
}
.mt57 {
  margin-top: 57px!important;
}
.mt125 {
  margin-top: 57px!important;
}
.mb20 {
  margin-bottom: 125px!important;
}
.mb50 {
  margin-bottom: 50px!important;
}
.wd680 {
  width: 680px!important;
}
.h100 {
  height: 100px!important;
}
.ellipsis {
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.col2_1 {
  display: inline-block;
  margin-right: -3px;
  width: 50%;
  width: calc((100% / 2) * 1);
  vertical-align: top;
}
.col3_1 {
  display: inline-block;
  margin-right: -3px;
  width: 33%;
  width: calc((100% / 3) * 1);
  vertical-align: top;
}
.col4_1 {
  display: inline-block;
  margin-right: -3px;
  width: 25%;
  width: calc((100% / 4) * 1);
  vertical-align: top;
}
.tab {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.tab li a {
  display: inline-block;
  transition: 0.3s;
}
.tab_line {
  position: relative;
  overflow: hidden;
}
.tab_line:after {
  content: "";
  display: block;
  clear: both;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #555;
  z-index: 1;
}
.tab_line li {
  float: left;
}
.tab_line li a {
  display: block;
  font-size: 16px;
  text-align: center;
  color: #999;
  background-color: #f6f7f8;
  padding: 17px 0 14px;
  border: 1px solid #dfe3e6;
}
.tab_line li a.active {
  position: relative;
  background-color: #0075c2;
  z-index: 50;
  color: #fff;
  border: 1px solid #555;
  border-bottom: 1px solid #0075c2;
}
.tab_line.two {
  padding: 0 135px;
}
.tab_line.two li {
  width: 50%;
}
.tab_line.three {
  padding: 0 135px;
}
.tab_line.three li {
  width: 33%;
}
.tab_line.four {
  padding: 0 18px;
}
.tab_line.four li {
  width: 25%;
}
.tab_line.five {
  padding: 0 18px;
}
.tab_line.five li {
  width: 20%;
}
.tab_line.wd1142 {
  width: 1142px;
  margin: 0 auto 50px;
}
.tab_line.wd1142.five li {
  width: 18%;
}
.tab_line.wd1142.five li:last-child {
  width: 28%;
}
.product_ico {
  position: relative;
  overflow: hidden;
  padding: 28px 0 26px 0;
  border-bottom: 1px solid #dfe3e6;
}
.product_ico li {
  float: left;
}
.product_ico li a {
  height: 35px;
  display: block;
  position: relative;
  padding: 19px 20px  0 86px;
  font-size: 16px;
  color: #333;
}
.product_ico li a:after {
  content: "";
  display: block;
  clear: both;
  position: absolute;
  left: 20px;
  top: 0;
  width: 54px;
  height: 54px;
  background-color: #9ab7ca;
  border-radius: 50px;
  background-image: url(../images/spr_product.png);
  background-repeat: no-repeat;
}
.product_ico li a:before {
  content: "";
  display: block;
  clear: both;
  position: absolute;
  right: 0;
  top: 17px;
  width: 1px;
  height: 22px;
  background-color: #e1e5e7;
}
.product_ico li a.active {
  font-weight: bold;
}
.product_ico li a.active:after {
  background-color: #0075c2;
}
.product_ico li a:focus {
  outline: none;
}
.product_ico li:nth-child(1) a:after {
  background-position: 8px -543px;
}
.product_ico li:nth-child(2) a:after {
  background-position: -42px -543px;
}
.product_ico li:nth-child(3) a:after {
  background-position: -90px -540px;
}
.product_ico li:nth-child(4) a:after {
  background-position: -143px -542px;
}
.product_ico li:nth-child(5) a:after {
  background-position: 8px -590px;
}
.product_ico li:nth-child(6) a:after {
  background-position: -42px -591px;
}
.product_ico li:nth-child(7) a:after {
  background-position: -92px -588px;
}
.product_ico li:nth-child(7) a:before {
  display: none;
}
#mask {
  width: 1102px!important;
  overflow: hidden;
  margin: 0 auto;
}
#panel .tab_cont {
  float: left;
  width: 1102px!important;
  display: block!important;
  padding: 40px 0;
  margin: 0 20px;
}
.tab_cont {
  padding: 40px 0;
}
.skipNavi {
  position: absolute;
  top: -80px;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 80px;
  text-align: center;
}
.skipNavi a {
  width: 100%;
  background-color: #252;
  color: #fff;
}
.skipNavi a:active,
.skipNavi a:focus {
  position: absolute;
  top: 80px;
  left: 0;
  z-index: 100;
  height: 25px;
  padding: 10px 0 0 0;
}
.ellipsis_two {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* 라인수 */
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  text-overflow: ellipsis;
  white-space: normal;
  overflow: hidden;
  line-height: 1.6em;
  height: 50px;
}
table {
  table-layout: fixed;
}
table td {
  word-break: keep-all;
  word-wrap: normal;
}
button {
  display: inline-block;
  border: none;
  cursor: pointer;
  vertical-align: middle;
  font-family: ntk-m;
}
.btn {
  height: 18px;
  padding: 12px 36px 10px;
  margin: 0 1px;
  color: #fff
	!important;
  text-align: center;
  letter-spacing: -0.5px;
}
.btn.link {
  background-image: url(../images/spr.png);
  background-position: 182px 165px;
  padding-right: 70px;
}
.btn.grayblue {
  background-color: #0075c2;
  transition: background-color 0.5s ease 0s;
}
.btn.grayblue:hover {
  background-color: #00568f;
}
.btn.blue {
  background-color: #0075c2;
}
.btn.down {
  background-color: #0075c2;
  transition: background-color 0.5s ease 0s;
}
.btn.down:hover {
  background-color: #00568f;
}
.paging {
  position: relative;
  text-align: center;
  margin: 30px auto 20px;
}
.paging a {
  display: inline-block;
  width: 30px;
  height: 23px;
  padding-top: 7px;
  color: #999;
  background-color: #fff;
  vertical-align: middle;
  border: 1px solid #fff;
  transition: border 0.5s ease;
}
.paging a.on,
.paging a:hover {
  border: 1px solid #333;
  color: #333;
  font-weight: bold;
}
.paging a.btn_bg {
  transition: background 0.1s ease;
  background: url("../images/paging_direction.png") no-repeat left top;
  border: none;
}
.paging a.btn_bg.first:hover,
.paging a.btn_bg.prev:hover {
  background-position-x: -30px;
}
.paging a.btn_bg.first {
  background-position-y: -60px;
}
.paging a.btn_bg.prev {
  background-position-y: 0;
}
.paging a.btn_bg.next,
.paging a.btn_bg.last {
  background-position-x: -30px;
}
.paging a.btn_bg.next {
  background-position-y: -30px;
}
.paging a.btn_bg.last {
  background-position-y: -90px;
}
.paging a.btn_bg.next:hover,
.paging a.btn_bg.last:hover {
  background-position-x: 0px;
}
article.sub.prcenter .submain_txt {
  position: relative;
}
article.sub.prcenter .submain_txt div {
  border-bottom: 1px solid #dfe3e6;
  padding-bottom: 40px;
}
article.sub.prcenter .submain_txt.brochure img {
  box-shadow: 10px 10px 0px #ededed;
}
article.sub.prcenter .submain_txt.brochure .btn_area {
  position: absolute;
  top: 300px;
  right: 110px;
}
article.sub.prcenter .submain_txt.brochure .btn_area .btn {
  width: 200px;
  height: 40px;
}
article.sub.prcenter .submain_txt.radio img {
  display: block;
  margin: 0 auto;
  background: #eef0f2 url(../images/radio_bg.gif) no-repeat 50% 50%;
  border: 1px solid #dfe3e6;
}
.board_top {
  overflow: hidden;
  text-align: right;
  margin-bottom: 20px;
}
.board_all {
  float: left;
  padding: 17px 0 0;
  font-size: 18px;
  color: #333;
}
.board_all span {
  margin-left: 5px;
  color: #333;
}
.board_search {
  float: right;
}
.board_search input[type="text"] {
  width: 148px;
  height: 30px;
  padding: 3px 10px 2px;
  margin-left: 7px;
  border: 1px solid #abb1b5;
}
.board_search .select {
  display: inline-block;
  position: relative;
  z-index: 10;
  border: 1px solid #abb1b5;
  margin-left: 7px;
}
.board_search .select:after {
  display: block;
  clear: both;
  content: "";
  position: absolute;
  top: 3px;
  right: 1px;
  width: 15px;
  height: 32px;
  background-color: #fff;
  background-image: url("../images/spr_board.png");
  background-repeat: no-repeat;
  background-position: -49px 10px;
  z-index: 50;
}
.board_search select {
  height: 37px;
  border: none;
}
.board_search input[type="submit"] {
  display: inline-block;
  width: 45px;
  height: 37px;
  border: 0;
  background-image: url("../images/spr_board.png");
  background-repeat: no-repeat;
  background-position: 8px 0;
  text-indent: -5000px;
  background-color: transparent;
}
.board_tbl {
  margin-top: 5px;
  border-top: 1px solid #abb1b5;
  text-align: center;
}
.board_tbl th,
.board_tbl td {
  height: 55px;
  padding: 0 15px;
}
.board_tbl th {
  font-size: 18px;
  font-weight: normal;
  color: #333;
  border-bottom: 1px solid #abb1b5;
}
.board_tbl td {
  font-size: 15px;
  border-bottom: 1px solid #dfe3e6;
}
.board_tbl td.title {
  text-align: left;
}
.board_tbl td.title a{
  word-break : break-all;
  word-wrap :break-word;
  display:block;

}
.board_tbl td.title a.file {
  display: block;
  position: relative;
  padding-left: 37px;
  height: 22px;
  padding-top: 5px;
}
.board_tbl td.title a.file:after {
  content: "";
  display: block;
  clear: both;
  position: absolute;
  top: 0;
  left: 0;
  width: 37px;
  height: 27px;
  background-image: url("../images/spr_board.png");
  background-repeat: no-repeat;
  background-position: 0px -50px;
}
.board_tbl td .download {
  display: inline-block;
  width: 25px;
  height: 20px;
  text-indent: -5000px;
  background-image: url("../images/spr_board.png");
  background-repeat: no-repeat;
  background-position: 0px -100px;
}
.table_cmt {
  margin-top: 15px;
}
.table_cmt a {
  position: relative;
  top: 10px;
}
.detail_top {
/*   border-top: 1px solid #abb1b5; */
  border-bottom: 1px solid #dfe3e6;
}
.detail_top span {
  position: relative;
}
.detail_top span:after {
  display: block;
  clear: both;
  content: "";
  position: absolute;
  top: 3px;
  right: 0;
  width: 1px;
  height: 14px;
  background-color: #abb1b5;
}
.detail_top h3 {
  position:relative;
/*   border-bottom: 1px solid #dfe3e6; */
  padding: 0 26px 36px;
  font-size:20px;
  line-height:27px;
  color: #333;
  font-weight: normal;
}
.detail_top h3 span {
  position:absolute;
  bottom:8px;
  right:26px;
  color: #333;
  font-size:12px;
}
.detail_top h3 span:after {
  display: none;
}
/* .detail_top .info {
  overflow: hidden;
  padding: 16px 26px 12px 26px;
} */
.detail_top .info .file,
.detail_top .info .related {
  float: left;
  display: inline-block;
}
.detail_top .info .file span,
.detail_top .info .related span {
  float: left;
  display: inline-block;
  padding-right: 15px;
  margin-right: 15px;
}
.detail_top .info .file span:after,
.detail_top .info .related span:after {
  top: 1px;
}
.detail_top .info .txt {
  float: right;
  display: inline-block;
}
.detail_top .info .txt span {
  padding-right: 15px;
  margin-right: 15px;
}
.detail_top .info .txt span:after {
  top: 1px;
}
.file_ico {
  float: none;
  display: inline-block;
  width: 700px;
}
.file_ico .file {
  position: relative;
  padding: 2px 0 10px 30px;
  float: none!important;
  display: block!important;
}
.file_ico .file:after {
  content: "";
  display: block;
  clear: both;
  position: absolute;
  top: 0px;
  left: 0;
  width: 26px;
  height: 26px;
  background-image: url("../images/spr_board.png");
  background-repeat: no-repeat;
  background-position: 0px -54px;
  text-indent: -5000px;
}
.related {
  float: none;
  display: inline-block;
  width: 1085px;
  overflow: hidden;
}
.related ul {
  float: left;
  width: 950px;
}
.detail_cont {
  padding: 40px 25px;
  margin-bottom: 20px;
  border-bottom: 1px solid #d1d3d4;
}
/* .detail_cont p {
  margin-top: 20px;
} */
.detail_cont p:first-child {
  margin-top: 0;
}

.detail_cont figure{
	display:block;
	position:relative;
	margin:0 auto
}
.btn_area {
  margin: 25px 0;
  text-align: center;
}
.btn_area .btn {
  width: 180px;
  height: 50px;
}
.board_view_nav {
  overflow: hidden;
  margin-top: 50px;
  border-top: 1px solid #abb1b5;
  border-bottom: 1px solid #abb1b5;
}
.board_view_nav li {
  overflow: hidden;
  padding: 0 30px;
  border-top: 1px solid #dfe3e6;
  height: 56px;
}
.board_view_nav li:first-child {
  border-top: none;
}
.board_view_nav span,
.board_view_nav a {
  display: inline-block;
  float: left;
  padding-top: 20px;
  color: #333;
}
.board_view_nav .prev,
.board_view_nav .next {
  position: relative;
  padding: 20px 35px 0 25px;
  margin-right: 25px;
}
.board_view_nav .prev:after,
.board_view_nav .next:after {
  display: block;
  clear: both;
  content: "";
  position: absolute;
  top: 21px;
  right: 0;
  width: 1px;
  height: 14px;
  background-color: #abb1b5;
}
.board_view_nav .prev:before,
.board_view_nav .next:before {
  display: block;
  clear: both;
  content: "";
  position: absolute;
  top: 21px;
  left: 0;
  width: 15px;
  height: 15px;
  background-image: url("../images/spr_board.png");
  background-repeat: no-repeat;
  background-position: -150px 4px;
}
.board_view_nav .prev:before {
  background-position: -100px 4px;
}
.board_view_nav .date {
  float: right;
}
.culture_list {
  margin: 15px 0 35px;
  padding: 0 15px -;
  border-top: 1px solid #abb1b5;
  border-bottom: 1px solid #abb1b5;
}
.culture_list li {
  width: 100%;
  overflow: hidden;
  padding: 15px 0;
}
.culture_list li img,
.culture_list li a {
  float: left;
}
.culture_list li a {
  margin-left: 30px;
  text-decoration: none;
  font-size: 15px;
  width: 870px;
  position: relative;
}
.culture_list li img {
  background: #eef0f2 url(../images/thumb_bg.gif) no-repeat 50% 50%;
  border: 1px solid #dfe3e6;
}
.culture_list li span {
  display: block;
}
.culture_list li .title {
  color: #333;
  font-size: 18px;
  margin: 12px 0 20px;
  padding-bottom: 23px;
  border-bottom: 1px solid #dfe3e6;
}
.culture_list li .date {
  color: #666;
  font-size: 13px;
  position: absolute;
  top: 11px;
  right: 10px;
}
.culture_list li p {
  line-height: 28px;
  color: #666;
  font-size: 15px;
}
.jwTab {
  position: relative;
}
.jwTabMenu {
  float: left;
  margin: 0;
}
.jwTabMenu:hover {
  cursor: pointer;
}
.jwTabContent {
  overflow: hidden;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.contTabTit {
  display: block;
  margin: 0 auto;
  width: 280px;
  margin-bottom: 5px;
  padding: 16px 0;
  text-align: center;
  color: #999;
  font-size: 16px;
  border: 1px solid #dfe3e6;
  border-bottom: 1px solid #555;
  border-left: none;
  background: #f6f7f8;
  font-weight: normal;
  position: relative;
}
.contTabTit.current {
  border-color: #555;
  border-left: 1px solid #555!important;
  border-bottom: 1px solid #0075c2;
  background: #0075c2;
  color: #fff;
}
.tabTwoCenter .contTabTit:first-child {
  margin: 0 0 0 289px;
  border-left: 1px solid #dfe3e6;
}
.tabTwoCenter .contTabTit:first-child:after {
  content: "";
  display: block;
  clear: both;
  position: absolute;
  bottom: -1px;
  left: -289px;
  width: 289px;
  height: 1px;
  background: #333;
}
.tabTwoCenter .contTabTit:first-child:before {
  display: none;
}
.tabTwoCenter .contTabTit {
  margin-right: 289px;
  position: relative;
}
.tabTwoCenter .contTabTit:before {
  content: "";
  display: block;
  clear: both;
  position: absolute;
  bottom: -1px;
  right: -289px;
  width: 289px;
  height: 1px;
  background: #333;
}
.tabFourCenter .contTabTit {
  width: 270px;
}
.tabFourCenter .contTabTit:first-child {
  margin: 0 0 0 20px;
  border-left: 1px solid #dfe3e6;
}
.tabFourCenter .contTabTit:first-child:after {
  content: "";
  display: block;
  clear: both;
  position: absolute;
  bottom: -1px;
  left: -20px;
  width: 20px;
  height: 1px;
  background: #333;
}
.tabFourCenter .contTabTit:first-child:before {
  content: "";
  display: block;
  clear: both;
  position: absolute;
  bottom: -1px;
  right: -834px;
  width: 20px;
  height: 1px;
  background: #333;
}
.productTab .contTabTit:first-child {
  margin: 0 0 0 9px;
  border-left: 1px solid #dfe3e6;
}
.productTab .contTabTit:first-child:after {
  content: "";
  display: block;
  clear: both;
  position: absolute;
  bottom: -1px;
  left: -9px;
  width: 9px;
  height: 1px;
  background: #333;
}
.productTab .contTabTit:first-child:before {
  content: "";
  display: block;
  clear: both;
  position: absolute;
  bottom: -1px;
  right: -850px;
  width: 850px;
  height: 1px;
  background: #333;
}
.pdSch {
  margin-bottom: 50px;
  padding-top: 40px;
  zoom: 1;
  text-align: center;
}
.pdSch:after {
  display: block;
  clear: both;
  content: '';
}
.pdSch p {
  color: #4c7a98;
  font-size: 17px;
}
.initialSch {
  padding: 25px 0;
  zoom: 1;
  overflow: hidden;
  display: inline-block;
}
.initialSch a,
.btnSearch,
.pdSchBar {
  float: left;
}
.initialSch a {
  padding: 7px 0 8px;
  width: 34px;
  border: 1px solid #dfe3e6;
  border-left: none;
  background-color: #fff;
  color: #333;
  text-align: center;
}
.initialSch a:first-child {
  border-left: 1px solid #dfe3e6;
}
.initialSch .current {
  border: 1px solid #0075c2;
  background-color: #0075c2;
  color: #fff;
}
.pdSchBarArea {
  width: 500px;
  display: inline-block;
  border-bottom: 1px solid #333;
}
.pdSchBar {
  padding: 10px;
  width: 440px;
  height: 22px;
  border: none;
}
.btnSearch {
  width: 32px;
  height: 32px;
  background: url(../images/spr_product.png) no-repeat 0 0;
  text-indent: -999em;
  font-size: 0;
  line-height: 0;
  border: none;
}
.boardTop {
  overflow: hidden;
  margin-bottom: 15px;
  text-align: right;
}
.boardAll {
  float: left;
  padding-top: 5px;
  font-size: 18px;
}
.boardAll span {
  margin-left: 5px;
  color: #0075c2;
}
.boardSearch {
  float: right;
}
.btnType02 {
    margin-left: 35px;
    height: 25px;
    display: inline-block;
}

.btnType02 .btnAllView,
.btnType02 .btnQandA,
.btnType02 .btnDown02 {
    height: 20px;
    background: url(../images/spr_product.png) no-repeat;
    padding: 5px 0 0 30px;
    display: inline-block;
    color: #333;
}

.btnType02 .btnPrint {
    display: inline-block;
    width: 55px;
    height: 50px;
    background: #0175c2 url(../images/icon_print.png) no-repeat center center / 25px auto
}

.btnType02 .btnNormal {
    display: inline-block;
    padding: 0 15px;
    height: 50px;
    background: #0175c2;
    font-size: 15px;
    text-align: center;
    line-height: 50px;
    color: #fff
}

.btnType02 .btnAllView {
    background-position: -250px 2px;
}

.btnType02 .btnQandA {
    background-position: -250px -49px;
}

.btnType02 .btnDown02 {
    background-position: -250px -99px;
    padding: 5px 0 0 35px;
}
.btnType03 span,
.btnType03 input {
  padding: 17px 20px;
  width: 200px;
  border: none;
  background: #0075c2;
  color: #fff;
}
.btnType04 span,
.btnType04 input {
  padding: 17px 20px;
  width: 200px;
  border: none;
  background: #0075c2;
  color: #fff;
}
.btnCenter {
  padding: 50px;
  text-align: center;
}
.btnCenter .btnType03 {
  display: block;
  margin: 0 auto;
  width: 140px;
}
.btnCenter .btnType03 span {
  display: block;
  background: #0075c2;
  border: 1px solid #666;
  color: #fff;
  font-size: 17px;
  padding: 13px 0;
  text-align: center;
}
.productList {
  overflow: hidden;
  padding: 40px 0 0 0;
  border-top: 1px solid #555;
  border-bottom: 1px solid #555;
}
.productList .nocont {
  text-align: center;
  color: #333;
  font-size: 27px;
  line-height: 38px;
  padding: 40px 0 60px;
}
.productList li {
  height: 180px;
  width: 50%;
  margin: 0;
  padding-bottom: 30px;
}
.productList li a {
  display: block;
}
.productList li,
.productList a,
.productList img,
.productList span,
.productList ul {
  float: left;
}
.productList img {
  display: block;
  width: 178px;
  height: 178px;
  border: 1px solid #efefef;
}
.productList .title,
.productList ul {
  width: 330px;
}
.productList ul {
  margin-left: 50px;
  list-style: disc;
}
.productList ul li {
  float: none;
  width: auto;
  height: auto;
  margin-right: 0;
  padding: 7px 0;
}
.productList .title {
  padding: 10px 0 20px 30px;
  color: #333;
  display: block;
  font-size: 21px;
  line-height: 21px;
}
.productList a:hover .title {
  color: #333;
}
.productList a:hover img {
  border-color: #c1c1c1;
}
.thum_img {
  background: #eef0f2 url(../images/thumb_bg.gif) no-repeat 50% 50%;
  border: 1px solid #dfe3e6;
}
.effectSch {
  margin: 0 0 0 50px;
  list-style: disc;
}
.effectSch li {
  float: left;
  text-align: left;
  margin-top: 10px;
  width: 25%;
}
.effectSch a:hover,
.effectSch .current {
  text-decoration: underline;
  color: #0075c2;
}
/* product view */
.productView {
  zoom: 1;
  margin-bottom: 50px;
}
.productView:after {
  display: block;
  clear: both;
  content: '';
}
.productTit {
  position: absolute;
  left: -9999em;
  visibility: hidden;
  width: 1px;
  height: 1px;
}
.productCont .productName {
  color: #333;
  font-weight: normal;
  font-size: 32px;
  line-height: 32px;
  padding: 12px 0 20px;
  border-bottom: 1px solid #333;
}
.productCont .productName span {
  float: right;
  font-size: 13px;
  color: #666;
  position: relative;
  top: 18px;
}
.productCont ul {
  border-bottom: 1px solid #dfe3e6;
  list-style: disc;
  padding: 24px 0 24px  20px;
}
.productCont ul li {
  color: #333;
  padding: 12px 0;
}
.productCont ul li span {
  color: #666;
}
.productImg,
.pdDetailImg,
.pdImgList,
.pdImgList li,
.pdImgList li a {
  float: left;
}
.productImg {
  width: 380px;
}
.pdDetailImg {
  width: 380px;
  height: 380px;
  border: 1px solid #dfe3e6;
}
.pdImgList {
  padding-top: 9px;
}
.pdImgList li {
  margin-left: 6px;
  border: 1px solid #ccc;
}
.pdImgList li:first-child {
  margin-left: 0;
}
.pdImgList .current,
.pdImgList li:hover {
  border-color: #999;
}
.pdImgList li img {
  width: 33px;
  height: 33px;
}
.productView .productCont {
  float: left;
  width: 700px;
  margin-left: 60px;
}
.pdViewBtn {
    float: right;
    margin-top: 35px;
}

.pdViewBtn a {
    margin-left: 10px
}

.pdViewBtn a [class^=btn] {
    display: inline-block;
    vertical-align: top
}

.pdViewBtn .btnDetail .btnNormal {
    width: 180px;
    text-align: center
}
.productInfo {
  line-height: 1.5;
  padding: 40px;
}
.productInfo p {
  padding-left: 27px;
  line-height: 28px;
}
.productInfo ul.disc {
  list-style: disc;
  padding-left: 20px;
}
.productInfo ul.disc li {
  padding: 8px 0;
  line-height: 28px;
}
.productInfo ul.careList {
  padding-left: 20px;
}
.productInfo ul.careList li {
  padding: 8px 0;
  line-height: 28px;
}
.productInfo ul.careList li ul {
  margin-left: 20px;
}
.productInfo h4,
.productInfo h3 {
  padding: 40px 0 20px;
  font-size: 21px;
  line-height: 21px;
  color: #333;
  font-weight: normal;
}
/* data table */
.data_tbl,
.rowDataTbl {
  border: 1px solid #dfe3e6;
}
.data_tbl.td_ar td,
.rowDataTbl.td_ar td {
  text-align: right!important;
}
.data_tbl.td_al td,
.rowDataTbl.td_al td {
  text-align: left!important;
}
.data_tbl.padding10 th,
.rowDataTbl.padding10 th,
.data_tbl.padding10 td,
.rowDataTbl.padding10 td {
  padding: 17px 10px;
}
.data_tbl.left td {
  text-align: left;
}
.data_tbl.left tbody th {
  text-align: left;
}
.data_tbl th,
.data_tbl td {
  border-left: 1px solid #dfe3e6;
  border-top: 1px solid #dfe3e6;
}
.data_tbl th {
  font-family: "NBG";
}
.data_tbl thead th {
  padding: 17px 18px;
  border-top: 1px solid #dfe3e6;
  border-bottom: 1px solid #dfe3e6;
  color: #333;
  background-color: #ecf3ff;
}
.data_tbl tbody th {
  padding: 17px 18px;
  font-weight: normal;
  color: #333;
}
.data_tbl tr.bg th,
.data_tbl tr.bg td {
  background-color: #f7f9fa;
}
.data_tbl td {
  padding: 17px 18px;
  text-align: center;
}
.down_list {
  width: 100%;
  border-top: 1px solid #dfe3e6;
}
.down_list li {
  color: #333;
  border-bottom: 1px solid #dfe3e6;
  overflow: hidden;
}
.down_list li span {
  display: inline-block;
  float: left;
  padding: 15px 0 ;
}
.down_list li span.tit {
  width: 670px;
  padding-left: 27px;
}
.down_list li span.data {
  width: 230px;
  color: #666;
}
.down_list li span.btn_area {
  padding: 5px 0 ;
  margin: 0;
}
.down_list li span.btn_area .btn {
  width: 180px;
  height: 36px;
  padding: 7px 50px 10px;
}
/* write */
.input_txt_tit {
  font-size: 36px;
  font-family: "NBL";
  color: #333;
  margin-bottom: 20px;
  padding-top: 10px;
  font-weight: normal;
}
.input_txt_tit .comt {
  display: inline-block;
  float: right;
  font-size: 14px;
}
.essential {
  color: #da0000!important;
}
.input_tbl {
  border-top: 1px solid #abb1b5;
}
.input_tbl input {
  border: 1px solid #abb1b5;
  height: 30px;
  padding: 2px 7px;
}
.input_tbl select {
  border: 1px solid #abb1b5;
  height: 36px;
  padding: 2px 15px 0 7px;
}
.input_tbl textarea {
  border: 1px solid #abb1b5;
  padding: 7px 7px;
}
.input_tbl th,
.input_tbl td {
  border-bottom: 1px solid #dfe3e6;
  padding: 14px 0 12px;
}
.input_tbl th {
  font-size: 16px;
  color: #333;
  font-weight: normal;
}
.input_tbl th label {
  color: #333;
}
.input_tbl .wd95p {
  width: 95%!important;
}
.input_tbl .wd370 {
  width: 370px!important;
}
.input_tbl .wd383 {
  width: 383px!important;
}
.input_tbl .wd107 {
  width: 107px!important;
}
.input_tbl .wd209 {
  width: 209px!important;
}
.input_tbl .wd88 {
  width: 88px!important;
}
.input_tbl .input_title input[type="text"] {
  width: 95%;
}
.input_tbl .file_input input {
  position: relative;
  width: 118px;
  border: none;
  height: auto;
  display: inline-block;
  top: -5px;
}
.input_tbl .file_input input:after {
  clear: both;
  display: block;
  content: "+ 파일등록";
  position: absolute;
  top: 0;
  left: 0;
  background: #2d84be;
  color: #fff;
  border: 1px solid #abb1b5;
  padding: 10px 32px;
  border-radius: 2px;
}
.input_tbl .file_input p {
  display: inline-block;
  padding: 10px 20px;
}
.input_tbl .inpTxt {
  width: 370px;
}
.input_tbl .answerPwd {
  margin-left: 5px;
}
.input_tbl .emailInput input[type="text"] {
  width: 100px;
}
.input_tbl .emailInput select {
  width: 120px;
}
.input_tbl .telInput input[type="text"] {
  width: 100px;
}
.input_tbl .telInput select {
  width: 120px;
}
#main_visual {
  position: relative;
  width: 100%;
  min-width: 1142px;
  height: 750px;
  border-bottom: 1px solid #dfe3e6;
}
#main_visual div {
  position: relative;
  width: 100%;
  height: 749px;
}
/* s : 기존 배너 수정하지 말 것 */
#main_visual div.item01 {
  background: url('../images/main_visual01_origin.jpg') no-repeat center 0;
}
#main_visual div.item01 .tit_box {
  top: 350px!important;
  left: -50px !important;
}
#main_visual div.item02 {
 background: url('../images/main_visual02_origin.jpg') no-repeat center 0;
}
#main_visual div.item02 .visual_txt{
	position:absolute;
	top:290px;
}
#main_visual div.item02 .tit_box {
  top: 200px!important;
  left: -50px !important;
}

#main_visual div.item03 {
  background: url('../images/main_visual03_origin.jpg') no-repeat center 0;
}
/* e : 기존 배너 수정하지 말 것 */
#main_visual div.item04 {
  background: url('../images/main_visual_20210120.jpg') no-repeat center 0;
}

#main_visual div.item05 {
  background: url('../images/main_visual_20200731.jpg') no-repeat center 0;
}


#main_visual div .item_inner {
  position: relative;
  width: 1140px;
  height: 100%;
  margin: 0 auto;
}
#main_visual div .slick-slide .tit_box {
  position: absolute;
  left: 0;
  top: 250px;
  height: auto;
}
#main_visual div .slick-slide .tit_box .belit {
  display: none;
  /* margin-bottom:15px;transition:all 0.5s ease-out;transform:translateX(-100px);opacity:0; */
}
#main_visual div .slick-slide .tit_box .tit {
  margin: 25px 0 15px 0;
  /* transition:all 0.8s ease-out ;transform:translateX(-100px);opacity:0;  */
  height: 54px;
  line-height: 60px;
  font-size: 40px;
  /*  font-weight: bold; */
  color: #333;
  font-family: "NBL";
  letter-spacing: -1px;
}
#main_visual div .slick-slide .tit_box .tit.h77 {
  height: 112px!important;
}
#main_visual div .slick-slide .tit_box .tit.h120 {
  height: 232px!important;
}
#main_visual div .slick-slide .tit_box .txt {
  /* transition:all 1s ease-out;transform:translateX(-100px);opacity:0; */
  height: 150px;
  font-size: 40px;
  /*  font-weight: bold;  */
  color: #0e4e7c;
  line-height: 60px;
  font-family: "NBL";
  letter-spacing: -1px;
}
#main_visual .slick-arrow {
  position: absolute;
  width: 50px;
  height: 50px;
  top: 60%;
  margin-top: -25px;
  font-size: 0;
  text-indent: -9999px;
  background-color: transparent;
  z-index: 99;
}
#main_visual .slick-prev {
  left: 50%;
  margin-left: -700px;
  background: url('../images/spr.png') no-repeat -150px -450px;
}
#main_visual .slick-prev.hover {
  background: url('../images/spr.png') no-repeat -100px -450px;
}
#main_visual .slick-next {
  right: 50%;
  margin-right: -700px;
  background: url('../images/spr.png') no-repeat -250px -450px;
}
#main_visual .slick-next.hover {
  background: url('../images/spr.png') no-repeat -200px -450px;
}
@media screen and (max-width: 1280px) {
  #main_visual .slick-prev {
    left: 50%;
    margin-left: -570px;
  }
  #main_visual .slick-next {
    right: 50%;
    margin-right: -570px;
  }
}
@media screen and (max-width: 769px) {
  #main_visual .slick-prev {
    left: 2%;
    margin-left: 0;
  }
  #main_visual .slick-next {
    right: 2%;
    margin-right: 0;
  }
}
#main_visual .slick-dots {
  display: inline-block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 35px;
  text-align: center;
  font-size: 0;
}
#main_visual .slick-dots li {
  display: inline-block !important;
  width: 12px;
  height: 12px;
  margin-left: 5px;
  background: url('../images/spr.png') no-repeat 0px -236px;
  cursor: pointer;
}
#main_visual .slick-dots li button {
  display: block;
  background: transparent;
  font-size: 0;
}
#main_visual .slick-dots li.slick-active {
  width: 34px;
  height: 12px;
  background: url('../images/spr.png') no-repeat -17px -236px;
}
#main_visual .slick-dots li:first-child {
  margin-left: 0;
}
#main_visual .slick-dots:after {
  display: block;
  clear: both;
  content: "";
  position: absolute;
  left: 50%;
  top: -72px;
  margin-left: -50px;
  width: 100px;
  height: 65px;
  background: url(../images/spr_main_scroll.png) no-repeat 0 0;
}
.main_section {
  position: relative;
}
.main_section .sec_inner {
  width: 1142px;
  margin: 0 auto;
  padding-bottom: 80px;
  border-bottom: 1px solid #dfe3e6;
  overflow: hidden;
}
.main_section h2 {
  font-size: 50px;
  font-weight: normal;
  color: #000;
  line-height: 57px;
  margin: 80px 0 46px;
  text-align: center;
}
#randd li {
  position: relative;
  float: left;
  width: 343px;
  height: 430px;
  margin-left: 50px;
  opacity: 0;
  transition: all .5s;
  transform: translateY(100px);
  text-align: center;
}
#randd li * {
  transition: all .4s;
}
#randd li:first-child {
  margin-left: 0;
}
#randd li.item02 {
  width: 355px;
}
#randd li.item.on {
  opacity: 1;
  transform: translateY(0px);
}
#randd li h3 {
  font-size: 32px;
  line-height: 38px;
  font-weight: bold;
  color: #0e4e7c;
  margin-bottom: 18px;
  font-weight: normal;
}
#randd li p {
  font-size: 12px;
  line-height: 18px;
  color: #666;
  opacity: 1;
}
#randd li .btn_more {
  position: absolute;
  bottom: 0px;
  left: 113px;
  display: inline-block;
  width: 120px;
  height: 32px;
  border: 1px solid #d7e2e9;
  background-color: #fff;
  line-height: 32px;
  color: #0e4e7c;
  font-size: 12px;
  text-align: center;
}
#randd li .btn_more:after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -5px;
  width: 6px;
  height: 10px;
  background: url('../images/spr.png') no-repeat 0 -200px;
}
#randd li.item01 {
  background: url('../images/randd_01.png') no-repeat 0 0;
  background-position: center bottom 70px;
}
#randd li.item02 {
  background: url('../images/randd_02.png') no-repeat 0 0;
  background-position: center bottom 70px;
}
#randd li.item03 {
  background: url('../images/randd_03.png') no-repeat 0 0;
  background-position: center bottom 70px;
}
#randd li:hover {
  background-position: center bottom 100px;
}
#randd li:hover h3 {
  margin: 50px 0 0;
}
#randd li:hover p {
  opacity: 0;
}
#randd li:hover .btn_more {
  bottom: 30px;
}
#product {
  background-color: #f3f6f8;
}
#product .btn_pharmacy {
  position: absolute;
  height: 28px;
  padding-left: 29px;
  background: url('../images/icon_pin.png') no-repeat 0 0;
  line-height: 28px;
  color: #000;
  font-size: 14px;
  right: 13px;
  top: 13px;
}
#product .sec_inner {
  padding-bottom: 67px;
}
#product .sec_inner h2 {
  margin: 67px 0 40px !important;
  font-weight: normal;
}
#product .product_wrap {
  width: 554px;
  float: left;
}
#product .product_wrap.left {
  margin-right: 34px;
}
#product .product_wrap h3 {
  font-size: 31px;
  line-height: 36px;
  color: #2a4a6d;
  text-align: center;
  margin-bottom: 24px;
  font-weight: normal;
}
#product .product_wrap h3 .cate_more {
  float: right;
  display: inline-block;
  font-size: 14px;
  color: #718fa4;
  padding-left: 23px;
  background: url(../images/spr.png) no-repeat -250px -99px;
  margin: 13px 30px 0 0;
}
#product .product_list {
  width: 100%;
  overflow: hidden;
}
#product .product_list .slick-arrow {
  position: absolute;
  top: 106px;
  font-size: 0;
  text-indent: -99999px;
  width: 13px;
  height: 24px;
  z-index: 10;
  padding: 0;
}
#product .product_list .slick-prev {
  left: 0;
  background: url('../images/spr.png') no-repeat 0 -426px;
}
#product .product_list .slick-next {
  right: 0;
  background: url('../images/spr.png') no-repeat -15px -426px;
}
#product .product_list .slick-list {
  width: 512px;
  overflow: hidden;
  margin: 0 auto;
}
#product .product_list .item {
  position: relative;
  float: left;
  height: 412px;
  text-align: center;
}
#product .product_list .item.slick-slide {
  margin: 0 7px;
}
#product .product_list .item img {
  margin: 0 auto;
  border: 1px solid #e2e8ec;
  width: 100%;
}
#product .product_list .item p {
  /* display:inline-block; */
  width: 100%;
  line-height: 24px;
  color: #666;
  font-size: 14px;
  max-height: 48px;
  text-align: left;
}
#product .product_list .item p.ellipsis {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
#product .product_list .item strong {
  display: inline-block;
  margin: 24px 0 16px;
  width: 100%;
  height: 24px;
  line-height: 27px;
  color: #333;
  font-size: 20px;
}
#product .product_list .item span {
  color: #333;
}
#product .product_list:after {
  content: '';
  display: block;
  cleat: both;
}
#invest .sec_inner {
  border-bottom: none;
  padding-bottom:0;
}
#invest .invest_box {
  width: 1140px;
  height: 312px;
  margin: 90px 0 130px 0;
}
#invest .invest_box div {
  float: left;
  width: 50%;
  height: 100%;
  padding: 50px;
  box-sizing: border-box;
}
#invest .invest_box div h3 {
  font-size: 36px;
  font-weight: normal;
  line-height: 43px;
  margin-bottom: 20px;
}
#invest .invest_box div.invest_01 {
  background: url('../images/invest_bg01.jpg') no-repeat 0 0;
}
#invest .invest_box div.invest_01 * {
  color: #2b9ab8;
}
#invest .invest_box div.invest_01 p {
  line-height: 22px;
  font-size: 14px;
  margin-top: 6px;
}
#invest .invest_box div.invest_02 {
  background: url('../images/invest_bg02.jpg') no-repeat 0 0;
}
#invest .invest_box div.invest_02 * {
  color: #fff;
}
#invest .invest_box div.invest_02 .price {
  font-size: 60px;
  font-family: 'NBL';
  line-height: 67px;
}
#invest .invest_box div.invest_02 .price span {
  font-size: 14px;
}
#invest .invest_box:after {
  content: '';
  display: block;
  clear: both;
}
#company {
  background-color: #edf3f7;
}
#company .sec_inner {
  border-bottom: none;
}
#company ul {
  margin-top: 60px;
}
#company li {
  position: relative;
  float: left;
  width: 352px;
  height: 382px;
  border: 1px solid #e2e8ec;
  padding: 42px 0 0;
  margin-left: 42px;
  text-align: center;
  box-sizing: border-box;
  transition: all 0.4s;
}
#company li * {
  transition: all .4s;
}
#company li:first-child {
  margin-left: 0;
}
#company li.item01 {
  background: #f9fbfc url('../images/company_01.png') no-repeat center bottom 80px;
}
#company li.item02 {
  background: #f9fbfc url('../images/company_02.png') no-repeat center bottom 80px;
}
#company li.item03 {
  background: #f9fbfc url('../images/company_03.png') no-repeat center bottom 80px;
}
#company li.item04 {
  /* background: #f9fbfc url('../images/thumb_news.png') no-repeat center bottom 80px;background-size:200px auto; */
  background: #f9fbfc url('../images/news_thumb_20231130.jpg') no-repeat center bottom 80px;background-size:200px auto;
}
#company li.item05 {
  background: #f9fbfc url('../images/company_20190927.jpg') no-repeat center bottom 80px;background-size:200px auto;
}
#company li h3 {
  font-size: 27px;
  color: #0e4e7c;
  font-weight: normal;
  margin-bottom: 20px;

}
#company li p {
  font-size: 12px;
  color: #666;
  width:90%;
  margin:0 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap:break-word;
  line-height:18px;
  height:36px;
}


#company li .btn_more {
  position: absolute;
  bottom: 35px;
  left: 50%;
  margin-left: -54px;
  display: inline-block;
  width: 106px;
  height: 32px;
  border: 1px solid #d7e2e9;
  background-color: #fff;
  line-height: 32px;
  color: #0e4e7c;
  font-size: 12px;
  text-align: center;
}
#company li .btn_more:after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -5px;
  width: 6px;
  height: 10px;
  background: url('../images/spr.png') no-repeat 0 -200px;
}
#company li:hover {
  background-position: center bottom 100px;
}
#company li.item04:hover {
  background-position: center bottom 120px;
}
#company li:hover h3 {
  transform: translateY(30px);
}
#company li:hover p {
  opacity: 0;
}
#company li:hover .btn_more {
  transform: translateY(-20px);
}
.quick_menu {
  position: absolute;
  left: 50%;
  top: 190px;
  margin-left: 665px;
  width: 109px;
  height: 103px;
  z-index: 10;
}
.quick_menu:before {
  content: '';
  position: absolute;
  left: 7px;
  top: 5px;
  width: 1px;
  height: 93px;
  background-color: #ddd;
  z-index: 5;
}
.quick_menu ul {
  position: relative;
  z-index: 10;
}
.quick_menu ul li {
  margin-top: 17px;
}
.quick_menu ul li:first-child {
  margin-top: 0;
}
.quick_menu ul li a {
  display: block;
  padding-left: 30px;
  font-size: 13px;
  color: #474747;
  line-height: 13px;
  background: url('../images/spr.png') no-repeat 2px -379px;
}
.quick_menu ul li a.active {
  background-position: 0 -365px;
}
@media screen and (max-width: 1513px) {
  .quick_menu {
    margin-left: 513px;
    margin-left: 0;
    right: 10px;
    left: inherit;
  }
}
#header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 1142px;
  height: 120px;
  z-index: 99;
  overflow: hidden;
  /*
	&.on {
		.header_gnb{ height:368px;
			.gnb_wrap{ height:368px;
				.gnb{ height:100%;
					> li {height:100%;
						&.active{
							> a{color:#0075c2;}
							> a{
								border-bottom:3px solid #0075c2;
							}
							.depth2{display:block !important;}
						}
					}
				}
			}

		}

	}
	&.fixed{
		background:url('../images/bg_fixed_gnb.jpg') repeat-x 0 0;
		.header_top{display:none}
	}
	*/
}
#header.on:after {
  position: absolute;
  content: '';
  width: 100%;
  height: 0;
  border-bottom: 1px solid #ccd2d7;
  left: 0;
  bottom: 0;
}
#header .header_top {
  position: relative;
  width: 100%;
  height: 39px;
  margin: 0 auto;
  background-color: rgba(235, 238, 240, 0.65);
  overflow: hidden;
}
#header .header_top:after {
  position: absolute;
  content: '';
  width: 100%;
  height: 0;
  border-bottom: 1px solid #ccd2d7;
  left: 0;
  bottom: 0;
}
#header .header_top .top {
  position: relative;
  width: 1142px;
  height: 40px;
  padding-top: 10px;
  text-align: right;
  margin: 0 auto;
  overflow: hidden;
  z-index: 100;
  box-sizing: border-box;
}
#header .header_top .top a {
  display: inline-block;
  color: #333;
  font-size: 13px;
  margin-right: 20px;
}
#header .header_gnb {
  position: relative;
  width: 100%;
  height: 80px;
  background-color: rgba(255, 255, 255, 0.8);
}
#header .header_gnb:after {
  position: absolute;
  content: '';
  width: 100%;
  height: 0;
  border-bottom: 1px solid #ccd2d7;
  left: 0;
  top: 80px;
}
#header .header_gnb .gnb_wrap {
  width: 1142px;
  height: 80px;
  margin: 0 auto;
  z-index: 99;
  position: relative;
  top: 0;
}
#header .header_gnb .gnb_wrap h1 {
  display: inline-block;
  margin-top: 17px;
}
#header .header_gnb .gnb_wrap h1 a {
  display: block;
  width: 210px;
  height: 50px;
  font-size: 0;
  text-indent: -99999px;
  background: url('../images/top_logo.png') no-repeat 0 0;
}
#header .header_gnb .gnb_wrap .gnb {
  position: absolute;
  top: 0px;
  left: 210px;
}
#header .header_gnb .gnb_wrap .gnb > li {
  float: left;
  width: 150px;
}
#header .header_gnb .gnb_wrap .gnb > li > a {
  position: relative;
  display: block;
  padding: 31px 0;
  text-align: center;
  font-size: 18px;
  font-weight: normal;
}
#header .header_gnb .gnb_wrap .gnb > li.active > a:after {
  position: absolute;
  content: '';
  width: 100%;
  height: 4px;
  background-color: #0075c2;
  bottom: 0;
  left: 0;
}
#header .header_gnb .gnb_wrap .gnb .depth2 {
  margin: 34px 0 34px 0;
  /* border-left:1px solid #c7ced3; */
  height: 260px;
  width: 150px;
  opacity: 0;
}
#header .header_gnb .gnb_wrap .gnb .depth2 > li {
  margin-top: 15px;
}
#header .header_gnb .gnb_wrap .gnb .depth2 > li:first-child {
  margin-top: 0;
}
#header .header_gnb .gnb_wrap .gnb .depth2 > li > a {
  display: block;
  font-size: 13px;
  height: 15px;
  line-height: 15px;
  color: #333;
  text-align: center;
  letter-spacing: -0.2px;
}
#header .header_gnb .gnb_wrap .gnb .depth2 > li > a:hover {
  color: #0075c2;
}
#header .header_gnb .gnb_wrap .gnb .depth2.list04 {
  width: 150px;
  /* margin-left: 16px; */
}
#header .header_gnb .gnb_wrap .gnb .depth3 li {
  margin-top: 15px;
}
#header .header_gnb .gnb_wrap .gnb .depth3 li > a {
  display: block;
  padding-left: 22px;
  font-size: 13px;
  /* height:15px; */
  line-height: 15px;
  color: #848484;
  font-weight: normal;
}
#header .header_gnb .gnb_wrap .gnb .depth3 li > a:hover {
  color: #002ea4;
}
#header .header_gnb .gnb_wrap .lang {
  position: absolute;
  top: 29px;
  right: 0;
  overflow: hidden;
}
#header .header_gnb .gnb_wrap .lang a {
  display: inline-block;
  float: left;
  position: relative;
  z-index: 10;
  height: 25px;
  width: 88px;
  padding-top: 6px;
  border: 1px solid #7e95a8;
  color: #fff;
  font-size: 12px;
  letter-spacing: 0.5px;
  text-align: center;
}
#header .header_gnb .gnb_wrap .lang a:hover {
  background-color: #0075c2;
}
#header .header_gnb .gnb_wrap .lang a:hover span {
  color: #fff;
  position: relative;
  z-index: 10;
}
#header .header_gnb .gnb_wrap .lang a:first-child {
  border-radius: 5px 0 0 5px;
}
#header .header_gnb .gnb_wrap .lang a:last-child {
  border-radius: 0 5px 5px 0;
  border-left: none;
}
#header .header_gnb .gnb_wrap .lang a.on {
  background-color: #0075c2;
  color: #fff;
}
#header .header_gnb .gnb_wrap .lang a.on span {
  color: #fff;
  position: relative;
  z-index: 10;
}
#header .header_gnb .gnb_wrap .lang a span {
  color: #666666;
  position: relative;
  z-index: 10;
}
#header .header_gnb.on {
  height: 522px;
}
#header .header_gnb.on .depth2 {
  opacity: 1 !important;
}
#header.on .header_top {
  background-color: #eaeef0;
}
#header.on .header_gnb {
  background-color: #ffffff;
}
#darkness {
  width: 100%;
  height: 100%;
  z-index: 98;
  display: none;
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
}
#sub_visual {
  position: relative;
  width: 100%;
  height: 405px;
  min-width: 1142px;
  z-index: 10;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
}
#sub_visual div {
  width: 1142px;
  position: absolute;
  top: 210px;
  left: 50%;
  margin-left: -571px;
  font-size: 45px;
  text-align: center;
  color: #fff;
  line-height: 46px;
  font-weight: bold;
  text-transform: uppercase;
}
#sub_visual div span {
  display: block;
  margin-top: 25px;
  /* opacity: 0.8; */
  line-height: 20px;
  font-size: 21px;
  color: #fff;
  font-weight: normal;
  text-transform: uppercase;
}
#sub_visual.intro {
  background-image: url("../images/sub_visual_company.jpg");
}
#sub_visual.product {
  background-image: url("../images/sub_visual_product.jpg");
}
#sub_visual.rnd {
  background-image: url("../images/sub_visual_rnd.jpg");
}
#sub_visual.investment {
  background-image: url("../images/sub_visual_investment.jpg");
}
#sub_visual.customer {
  background-image: url("../images/sub_visual_customer.jpg");
}
#sub_visual.prcenter {
  background-image: url("../images/sub_visual_prcenter.jpg");
}
#sub_visual.util {
  background-image: url("../images/sub_visual_util.jpg");
}
@media (min-width: 0px) and (max-width: 1925px) {
  #sub_visual {
    background-size: auto!important;
  }
}
.location_wrap {
  width: 100%;
  height: 58px;
  position: relative;
  z-index: 80;
  background: #f6f7f8;
  border-top: 1px solid #dfe3e6;
  border-bottom: 1px solid #dfe3e6;
}
.location_wrap .location {
  width: 665px;
  margin: 0 auto;
}
.location_wrap .location .home {
  float: left;
  display: block;
  padding: 22px 0 5px 55px;
  width: 145px;
  height: 31px;
  background: url('../images/spr.png') no-repeat -220px 20px;
  border-left: 1px solid #dfe3e6;
}
.location_wrap .location ul {
  float: left;
}
.location_wrap .location ul li {
  float: left;
  position: relative;
  z-index: 80;
}
.location_wrap .location ul li:last-child {
  border-right: 1px solid #dfe3e6;
}
.location_wrap .location ul li .depth1 {
  display: block;
  position: relative;
  width: 190px;
  height: 31px;
  padding: 22px 10px 5px 30px;
  border-left: 1px solid #dfe3e6;
  cursor: pointer;
}
.location_wrap .location ul li .depth1:after {
  content: "";
  display: block;
  clear: both;
  position: absolute;
  top: 26px;
  right: 17px;
  width: 13px;
  height: 8px;
  background: url('../images/spr.png') no-repeat 0px 0;
}
.location_wrap .location ul li .depth1.on {
  color: #333;
}
.location_wrap .location ul li .depth1.on:after {
  background: url('../images/spr.png') no-repeat 0px -25px;
}
.location_wrap .location ul li .depth2 {
  display: none;
  z-index: 70;
  background-color: #f6f7f8;
  padding: 15px 0 0;
  position: absolute;
  left: 0;
  width: 230px;
  border: 1px solid #dfe3e6;
  border-bottom: none;
}
.location_wrap .location ul li .depth2 li {
  float: none;
  padding: 11px 25px;
  width: 180px;
  border-bottom: 1px solid #dfe3e6;
}
.location_wrap .location ul li .depth2 li:after {
  display: none;
}
.location_wrap .location.depth3 {
  width: 895px;
}
article.sub {
  /*margin-top: 405px;*/
  min-width: 1142px;
  width: 100%;
}
article.sub .title_section {
  width: 1142px;
  margin: 0 auto;
  position: relative;
  height: 130px;
  z-index: 9;
  border-bottom: 1px solid #dfe3e6;
  margin-bottom: 60px;
}
article.sub .title_section .cont_tit_sildeup {
  position: absolute;
  bottom: 25px;
  opacity: 0;
  width: 100%;
  color: #2e3d47;
  font-size: 41px;
  text-align: center;
  letter-spacing: -1px;
}
article.sub .cont_container .content.wd1142 {
  clear: both;
  width: 1142px!important;
  margin: 0 auto!important;
}
article.sub .cont_container .content .cont {
  width: 1008px;
  margin: 0 auto;
}
footer.sub {
  width: 100%;
  min-width: 1142px;
  height: 320px;
  position: relative;
  background-color: #444;
  margin-top: 70px;
  /* border-top:1px solid #dfe3e6; */
}
footer.sub .footer_wrap {
  width: 1142px;
  margin: 0 auto;
}
footer.sub .link {
  position: relative;
  height: 80px;
}
footer.sub .link .family_site {
  height: 30px;
  position: relative;
  top: 23px;
  cursor: pointer;
}
footer.sub .link .family_site .title {
  display: block;
  width: 200px;
  height: 22px;
  position: relative;
  z-index: 30;
  border: 1px solid #ccd2d7;
  background: #444 url('../images/spr.png') no-repeat 198px -41px;
  padding: 7px 15px 3px;
  color: #fff;
}
footer.sub .link .family_site ul {
  position: absolute;
  bottom: 0;
  width: 200px;
  display: none;
  background-color: #f5f5f5;
  border: 1px solid #ccd2d7;
  margin-bottom: 29px;
  margin-top: -1px;
  padding: 5px 15px;
  z-index: 10;
}
footer.sub .link .family_site ul li a {
  display: block;
  padding: 5px 0;
  color: #333;
}
footer.sub .info_link {
  position: absolute;
  left: 270px;
  top: 30px;
}
footer.sub .info_link a {
  display: inline-block;
  margin-right: 35px;
  color:#fff
}
footer.sub .top {
  position: absolute;
  right: 0;
  top: 24px;
  color: #fff;
  font-weight: 600!important;
  border: 1px solid #ccd2d7;
  border-radius: 2px;
  background: #444 url('../images/spr.png') no-repeat 55px -89px;
  padding: 6px 36px 8px 19px;
  display: block;
  cursor: pointer;
}
footer.sub .info {
  background: url('../images/top_logo.png') no-repeat right 47px;
}
footer.sub .info address {
  font-style: normal;
  color: #fff;
  font-size: 13px;
  padding-top: 37px;
  line-height: 30px;
}
footer.sub:after {
  content: "";
  display: block;
  clear: both;
  position: absolute;
  top: 80px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #dfe3e6;
}

/* 에디터 */

.ck-content *{color:inherit}
.ck-content img{max-width:100%}
.ck-content p{margin-top:0}
.ck-content .text-tiny {
  font-size: .7em
}

.ck-content .text-small {
  font-size: .85em
}

.ck-content .text-big {
  font-size: 1.4em
}

.ck-content .text-huge {
  font-size: 1.8em
}

.ck-content .table {
  margin: 1em auto;
  display: table
}

.ck-content .table table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  height: 100%;
  border: 1px double #b3b3b3
}

.ck-content .table table td, .ck-content .table table th {
  min-width: 2em;
  padding: .4em;
  border: 1px solid #bfbfbf
}

.ck-content .table table th {
  font-weight: 700;
  background: hsla(0, 0%, 0%, 5%)
}

.ck-content[dir=rtl] .table th {
  text-align: right
}

.ck-content[dir=ltr] .table th {
  text-align: left
}

footer.sub .info .mark_box{font-size: 14px;line-height: 30px;font-style: inherit;TEXT-ALIGN: -WEBKIT-RIGHT;bottom:0;right:0;}
footer.sub .info .mark_box img{display:inline-block;vertical-align:middle;}

.paginationGroup .group{display:none}

.paginationGroup .pagination{text-align:center;}
.paginationGroup .pagination a{overflow:hidden;margin:0 30px;display:inline-block;width:38px;height:38px;border-radius:50vw;background:url('../images/spr.png') no-repeat;font-size:0;text-indent:-9999px;}
.paginationGroup .pagination a.disable{opacity:.5;cursor:default;}
.paginationGroup .pagination a.btn_prev{background-position:-38px -296px}
.paginationGroup .pagination a.btn_next{background-position:-114px -296px}