@charset "utf-8";
.gnb > ul > li > a {
	font-size: 13px;
	font-family: sans-serif;
	font-weight: 600;
}

.gnb > ul > li > a img {
	vertical-align:middle;
	padding-right:3px;
	margin-top:-2px;
}

.mbox {
	border-top:1px solid #e1e1e1;	
}

.visual .btn_slide_next, .visual .btn_slide_prev {
	width:56px;
	padding-top:56px;	
}

.site-footer .wrap {
	padding-left:140px;
	background:url('../images/part/legacy/ft_logo.png') no-repeat 0 20px;
}

.f_right {
	max-width: 801px;
}

.btn01 {
	background-color:#4d5f81;	
}

.main_section ul > li > a {
	padding-left:3px;	
	padding-right:97px;
}

.main_section ul > li > a:before {
	background:none;	
}

.main_section ul > li .date {
	color:#b2b1b1;
	font-size:12px;	
}

.main_section.eq-1 h2 {background: url(../images/part/layout-desktop/main_section-eq-02.png) 4px 19px no-repeat;}

.main_section.eq-3 h2 {background:url(../images/part/layout-desktop/main_section-eq-4.png) 4px 19px no-repeat;}

.main_section.eq-3 p.section3-download a {display:block; width:268px; height:160px; background:url(../images/part/legacy/section3-download.png) no-repeat 0 0; margin-top:18px; text-indent:-9999px;}


.site-logo a{display: inline-block;width: 210px;}
/* .site-logo a:first-child{background-image: none;} */
.lnb>ul>li{padding: 0;}
.lnb .depth{left: 0;}

/* 회사소개 - 연혁 */
.companySub2_con {
  position: relative;
  padding: 0 0 0 430px;
}
.companySub2_con h4 {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 64px;
	font-weight: 300;
}
.companySub2_con h4 span {
	display: block;
	font-size: 20px;
	margin: 10px 0 0;
}
.companySub2_con h4:after {
	content: "";
	display: block;
	width: 6px;
	height: 230px;
	background: #333;
	margin: 38px 0 0 10px;
}
.companySub2_con ul li {
	position: relative;
  padding: 30px 30px 30px 140px;
  background: none;
  border-top: 1px solid #d6d6d6;
}
.companySub2-year {
	position: absolute;
	left: 0;
	font-size: 48px;
	line-height: 1;
}
.companySub2-list {
	display: table;
	width: 100%;
}
.companySub2-list .companySub2-list-month {
	display: table-cell;
	width: 84px;
}
.companySub2-list .companySub2-list-month span {
	display: inline-block;
	width: 30px;
	height: 30px;
	color: #fff;
	font-size: 14px;
	line-height: 30px;
	text-align: center;
	background: #333;
	border-radius: 50%;
}
.companySub2-list .companySub2-list-month span:nth-child(2n) {
	background: #999;
}
.companySub2-list .companySub2-list-txt {
	font-size: 14px;
	line-height: 30px;
}
.companySub2-list .companySub2-list-txt p {
	margin: 0 0 5px;
	letter-spacing: -0.04em;
}

.ChannelDiv h3 {
  margin: 0 0 25px;
  font-size: 20px;
}

.channel-list li {
  float: left;
  padding: 0 25px 15px 0;
}

.channel-list li:nth-child(4n) {
  padding: 0;
}

.channel-list li a {
  display: block;
  background: #fff;
  -moz-box-shadow: 0 0 15px #ccc;
  -webkit-box-shadow: 0 0 15px #ccc;
  box-shadow: 0 0 15px #ccc;
}

.channel-list li a .image-wrap {
	display:block;
	padding: 0px;
	border-bottom:1px solid #ebebeb
}
.channel-list li a .image {
	background: url(../images/components/board-gallery/no-image.png) no-repeat 50% 50%;
}
.channel-list li a .image,
.channel-list li a .image span {
	display:block;
	height:190px;
	background-size: cover;
}

.channel-list li a .image span {
	background:url(../images/components/board-gallery/cover.png) 50% 50% no-repeat;
	filter:alpha(Opacity=0);
	opacity:0;
	-webkit-transition:opacity .3s;
	transition:opacity .3s
}

.channel-list li a:hover .image span {
  opacity: 1;
}

.channel-list li .info_txt {
  padding: 20px;
}

.channel-list li .info_txt strong {
  display: block;
  margin: 0 0 5px;
  overflow: hidden;
  font-size: 16px;
  line-height: 1.4em;
  color: #444;
  text-overflow: ellipsis;
  letter-spacing: -1px;
  white-space: nowrap;
  font-weight: 500;
}

.channel-list li .info_txt .library-type {
  display: block;
  color: #adadad;
  font-size: 12px;
}

.channel-list li .info_txt .library-type:after {
  content: "";
  display: block;
  width: 30px;
  height: 1px;
  background: #222;
  margin: 25px 0 0;
}

.ChannelDiv .bx-wrapper .bx-pager {
  position: absolute;
  right: 0;
  top: -45px;
  width: auto !important;
  bottom: auto;
  padding: 0;
}

/* 해외자원개발 */
.business_nav {
  display: block;
  border: 0px none;
  text-align: center;
  margin: 80px 0 90px !important;
}
.businessSub1_con .business_nav:first-child {
  margin: 80px 0 45px !important;
}
.business_nav li {
  flex: none;
  display: inline-block;
  width: 160px;
  margin: 0 2px !important;
}
.business_nav li a {
  border: 1px solid #d7d7d7;
  border-radius: 5px;
  font-size: 14px;
  padding: 13px 0;
}
.business_nav li.active a {
  border: 1px solid #333;
}
.business_map {
  padding: 0 0 50px;
}
.business_overseas h4 {
  font-size: 38px;
  padding: 0 0 15px !important;
}
.business_overseas p {
  font-size: 16px;
  margin: 0 0 70px;
}
.business_overseas {
  padding: 70px 0;
  margin: 0 -2000px;
}
.business_overseas ul li {
  width: 330px;
}
.business_overseas ul li span {
  font-size: 20px;
}
.business_overseas ul li span span {
  font-size: 14px;
  margin-bottom: 20px;
}
.business_overseas ul li strong {
  font-size: 60px;
  line-height: 1;
}
#wrap {
  /* overflow: hidden; */
  position: relative;
}
.business_ly {
  overflow: hidden;
  padding: 0 0 50px;
  border-bottom: 1px solid #d7d7d7;
  margin: 0 0 60px;
}
.business_ly .ly-main {
  float: left;
  width: 30%;
}
.business_ly .ly-sub {
  float: right;
  width: 70%;
}
.business_ly h4 {
  margin: 0 !important;
  font-size: 40px;
  line-height: 1.2em;
}
.business_ly h4:after {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  background: url('../images/part/legacy/business_arrow.png') no-repeat 0 0;
  margin: 20px 0 0;
}
.business_ly p {
  font-size: 14px;
  line-height: 1.8em;
}
.business_ly ul.business_imgs {
  overflow: hidden;
}
.business_ly ul.business_imgs li {
  float: left;
  width: 360px;
}
.business_ly ul.business_imgs li:last-child {
  margin: 0 0 0 30px !important;
}
.business_ly ul.business_imgs li span {
  font-size: 16px;
  margin: 15px 0 0;
}
.business_table.sp.tb {
  display: none;
}
.business_table.pc {
  display: table;
  border-top: 2px solid #555;
}
.business_table th {
  padding: 15px;
  font-size: 14px;
  text-align: center;
  width: auto;
}
.business_table tbody th {
  background: #fff;
}
.business_table td {
  padding: 15px;
  font-size: 14px;
  vertical-align: top;
}
.business_table.pc thead th:nth-of-type(1) {
  width: 85px;
}
.business_table.pc thead th:nth-of-type(3) {
  width: 295px;
}
.business_table td img {
  width: auto;
  margin: 15px 0 0;
}
/* .content_body {
  padding: 40px 0 100px;
} */

/* 문의하기 */
.contact_con p.explain {
  position: relative;
  margin: 0;
  text-align: left;
  font-size: 14px;
  padding: 25px 0 25px 58px;
  line-height: 1.8em;
  margin: 0 0 20px;
}
.contact_con p.explain:before {
  position: absolute;
  top: 24px;
  left: 24px;
  width: 26px;
  height: 26px;
}
.contact_con ul.contact_form li dl dt {
  width: 130px;
}
.contact_con ul.contact_form li dl dd {
  width: 1150px;
}
.contact_con ul.contact_form li dl dd input[type="text"], .contact_con ul.contact_form li dl dd input[type="tel"] {
  padding: 12px 10px;
}
.contact_con ul.contact_form li dl dd select {
  padding: 12px 10px;
  height: 45px;
}
.contact_con ul.contact_form li:nth-of-type(3) dl dd select {
  margin: 0;
}
.contact_con ul.contact_form li:nth-of-type(1) dl dd input[type="text"] {
  width: 450px;
}
.contact_con ul.contact_form li dl dd input[type="tel"] {
  width: 398px;
}
.contact_con ul.contact_form li:nth-of-type(3) dl dd input[type="text"] {
  width: 213px;
}
.contact_con ul.contact_form li dl dd textarea {
  padding: 12px 10px;
  height: 340px;
}
.contact_con .contact_btns input {
  display: inline-block;
  float: none;
  margin: 0 2px;
  width: 170px;
  font-size: 16px;
  padding: 19px 0;
}
.contact_con .contact_btns input:last-child {
  float: none;
}
/* 찾아오시는 길*/
.location_con h4 {
  font-size: 32px;
  margin: 50px 0 0;
}
.location_con p {
  font-size: 16px;
}
.location_table th {
  font-size: 14px;
  width: 100px;
  text-align: left;
}
.location_table tr:nth-of-type(1) th {
  padding: 23px 0;
}
.location_table td {
  font-size: 14px;
  padding: 20px 0;
}
.location_table tr:nth-of-type(1) td,
.location_table tr:nth-of-type(2) td {
  padding: 15px 0;
}
.location_table td span {
  width: 26px;
  height: 26px;
  line-height: 26px;
  font-size: 14px;
}
.location_table td strong {
  display: inline-block;
}
.files .btn-group {
  display: inline-block;
}
.board-default-view .header .datetime,
.board-gallery-view .datetime {
  width: 150px;
}
.board-gallery-view .header,
.board-default-view .header {
  padding: 30px 20px 26px 150px;
  height: auto;
}
.board-gallery-view .subject,
.board-default-view .subject {
  font-size: 16px;
}
.board-gallery-view .hit span strong,
.board-default-view .header .hit span strong {
  height: 85px;
  line-height: 85px;
  font-size: 12px;
}

.board-gallery-view .hit,
.board-default-view .header .hit {
  bottom: 0px;
  width: 70px;
}
.files {
  padding: 20px 20px 20px 20px;
}

.board-default-list a .last .datetime {
  width: 160px;
}

.board-default-list a {
  padding:0 78px 0 160px;
}

.board-default-list a .subject {
  padding: 33px 0;
}

.board-default-list a .first {
  padding: 32px 0;
}

.board-default-list a {
  background: url(../images/components/board-faq/list-off-1.png) 98% 50% no-repeat;
  background-size: 40px 11px;
}
.board-default-list>li:focus a,.board-default-list>li:hover a {
  background: url(../images/components/board-faq/list-on-1.png) 98% 50% no-repeat;
  background-size: 40px 11px;
}

.board-default-list .notice, .board-default-view .notice {
  width: 38px;
  height: 25px;
  background: url(../images/components/board-default/notice.png) no-repeat;
}
.location_map iframe {
  height: 520px;
}
.top-btn {
  bottom:100px;
  left: 89%;
  width: 60px;
  height: 60px;
}

@media screen and (min-width:1120px) and (max-width:1300px) {
  span.main-viewDetail-txt {
    height: 24px;
  }
  .movieArea {
    margin: auto;
    width: 100%;
    text-align: center;
    padding: 100px 90px 0 20px;
  }
}
@media screen and (min-width:1120px) and (max-width:1400px) {
  .mn_bg {
    max-width: 95%;
  }
  .mn_bg ul {
    width: 66%;
  }
  .ChannelBg {
    max-width: 95%;
  }
  .contactUsBg {
    max-width: 95%;
  }
  /* .content_body {
    padding: 40px 2.5% 100px;
  } */
  .ssfBg {
    max-width: 95%;
  }
  .site-footer-bg {
    max-width: 95%;
  }
  .business_ly ul.business_imgs li {
    width: 350px;
  }
  .companySub1_con h4 {
    font-size: 60px;
  }
  .companySub1_con p strong {
    font-size: 31px;
  }
}

@media screen and (min-width:1120px) and (max-width:1280px) {
  .companySub1_con {
    position: relative;
    overflow: hidden;
    padding-bottom: 45vw;
  }
  .companySub1_con figure {
    margin: 0;
    position: absolute;
    bottom: 10vw;
    width: 100%;
    left: 0;
  }
  .companySub1_con figure img {
    margin: 0 auto;
    width: 100%;
  }
}