@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

@font-face {

  font-family: 'noto sans';

  font-style: normal;

  font-weight: 400;

  src: url(../fonts/notokr-regular.eot);

  src: url(../fonts/notokr-regular.eot?#iefix) format('embedded-opentype'), url(../fonts/notokr-regular.woff) format('woff');

}

@font-face {

  font-family: 'noto sans bold';

  font-style: normal;

  font-weight: 500;

  src: url(../fonts/notokr-bold.eot);

  src: url(../fonts/notokr-bold.eot?#iefix) format('embedded-opentype'), url(../fonts/notokr-bold.woff) format('woff');

}

@font-face {

  font-family: 'LotteGroup';

  font-style: normal;

  font-weight: 400;

  src: url(../fonts/LotteGroup.eot);

  src: url(../fonts/LotteGroup.eot?#iefix) format('embedded-opentype'), url(../fonts/LotteGroup.ttf) format('truetype'), /* 2019-07-12 font異붽� */ url(../fonts/LotteGroup.woff) format('woff');

}

@font-face {

  font-family: 'LotteGroup';

  font-style: normal;

  font-weight: 500;

  src: url(../fonts/LotteGroup.eot);

  src: url(../fonts/LotteGroup.eot?#iefix) format('embedded-opentype'), url(../fonts/LotteGroup.woff) format('woff');

}

/* Reset */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, textarea, button, strong {

  margin: 0;

  padding: 0;

  font-weight: 600;

  font-family: "Roboto", sans-serif;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}

p{

	font-weight: 400;

}

fieldset, img {

  border: 0;

}

ul, li {

  list-style: none;

}

button {

  border: 0;

  cursor: pointer;

}

table {

  table-layout: fixed;

  border-collapse: collapse;

  border-spacing: 0;

  word-wrap: break-word;

}

button, input[type="text"], input[type="password"], input[type="tel"], input[type="email"], input[type="search"], input[type="button"], input[type="submit"], input[type="reset"], input[type="file"], input[type="search"], textarea {

  resize: none;

  -webkit-appearance: button;

}

select {

  background: none;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

}

a {

  text-decoration: none;

}

a:active, a:focus, a:hover {

  text-decoration: none;

}

hr, legend, caption, .blind {

  overflow: hidden;

  position: absolute;

  left: -9999px !important;

  top: -9999px !important;

}

caption {

  display: none;

}

em {

  font-style: normal;

}

img {

  vertical-align: top;

}

pre {

  white-space: pre-wrap;

  color: #000;

}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */

  color: #acb6be;

  font-weight: 400;

}

::-moz-placeholder { /* Firefox 19+ */

  color: #acb6be;

  font-weight: 400;

}

:-ms-input-placeholder { /* IE 10+ */

  color: #acb6be;

  font-weight: 400;

}

:-moz-placeholder { /* Firefox 18- */

  color: #acb6be;

  font-weight: 400;

}

.t100 {

  top: 100px !important;

}

.pb100 {

  padding-bottom: 100px !important;

}

html, body {

  width: 100%;

  height: 100%;

}

.wrap {

 position: relative;

  width: 100%;

  height: 100%;

  top: -110px;

}

.wrap.main {

  background-color: #000;

} /*2018-10-19 諛곌꼍而щ윭 異붽�*/

/* 2020-03-30//�섏젙(s) */

.main #section1 .contents {

  margin-top: -213px;

}

/* 2020-03-30//�섏젙(e) */

.header {

  position: inherit;

  left: 0;

  top: 0;

  text-align: center;

  width: 100%;

  height: 110px;

  padding: 0px 0 0 0;

  z-index: 30;

  box-sizing: border-box;

}

.header h1 a {

  overflow: hidden;

  display: inline-block;

 /* height: 78px;*/

  padding: 5px 20px 20px 20px;

}

.header h1 a img{

	width: 100px;

}

.header .btn_all {

  overflow: hidden;

  position: absolute;

  left: 3%;

  top: 30px;

  width: 78px;

  /*height: 28px;*/

  padding: 0px 0 20px 0;z-index: 40;

}

.header .sub_header {

  display: none;

}

.header .select_wrap {

  position: absolute;

  left: 50%;

  top: 55px;

  margin-left: 524px;

  width: 66px;

  border-bottom: 1px solid #fff;

}

.header .select_wrap:after {

  position: absolute;

  right: 0;

  top: 2px;

  display: block;

  content: "";

  width: 13px;

  height: 9px;

  background: url(../../../../w/images/language_change_arrow.png) no-repeat 0 0;

}

.header .select_wrap em {

  position: absolute;

  left: 2px;

  top: -4px;

  font-size: 16px;

  color: #fff;

}

.header.fixed {

  height: 80px;

  padding: 0 0 0 0;

  background: #fff;

}

.header.fixed .sub_header {

  display: block;

  width: 100%;

  height: 40px;

  background: #54585a;

}

.header.fixed h1 a {

  height: 70px;

  padding: 24px 20px 20px 10px;

  box-sizing: border-box;

}

.header.fixed h1 a img {

  margin-top: -190px;

}

.header.fixed .btn_all {

  top: 0;

  height: 8px;

  padding: 40px 0 20px 0;

}

.header.fixed .btn_all img {

  margin-top: -116px;

}

.header .sub_header ul {

  display: table;

  width: 1180px;

  height: 40px;

  margin: 0 auto;

  table-layout: fixed;

}

.header .sub_header ul li {

  display: table-cell;

  text-align: center;

  vertical-align: middle;

  border-left: 1px solid #939697;

}

.header .sub_header ul li:first-child {

  border-left: 0;

}

.header .sub_header ul li a {

  display: inline-block;

  width: 100%;

  height: 40px;

  line-height: 40px;

  font-size: 18px;

  color: #fff;

}

.header .language_box {

  text-align: left;

  position: absolute;

  left: 50%;

  top: 55px;

  margin-left: 25%;

}

.header .language_box a {

  display: inline-block;

  margin-left: 7px;

  font-size: 16px;

  color: #fff;

  font-weight: 400;

}

.header .language_box a:first-child {

  margin-left: 0;

}

.header .language_box a.on {

  color: #fff;

  font-weight: bold;

  border-bottom: 1px solid #fff;

}

/*.main .btn_top {

  display: block;

}*/

/*#section8.btn_top {

  display: block;

}*/

/*.header.fixed .language_box {

  display: none;

}*/

.section {

  overflow: hidden;

  position: relative;

  width: 100%;

  height: 100%;

}

.section .contents {

  position: absolute;

  left: 0;

  right: 0;

  width: 1180px;

  margin: 0 auto;

  top: 50%;

  text-align: center;

  z-index: 10;

  opacity: 1;

  filter: alpha(opacity=0);

  margin-top: -235px;

  box-sizing: border-box;

  z-index: 5;

}

.tit_section {

  margin: 0px 0 15px 0;

  font-size: 42px;

  color: #fff;

  line-height: 1em;text-transform: uppercase;

}

.tit_section strong {

  display: block;

  margin: 5px 0 0 0;

  font-size: 42px;

  color: #fff;

  font-weight: 500;text-transform: uppercase;

}

.txt_section {

  margin: 15px 0 0 0;

  font-size: 16px;

  color: #fff;

  font-weight: 400;

  line-height: 1.3em;

}

.tit_csv {

  display: block;

  margin: 55px 0 0 0;

  padding: 0 0 15px 0;

  font-size: 28px;

  color: #fff;

  background: url(../../../../w/images/main/bg_tit_csv.png) no-repeat 50% 100%;

}

.btn_more {

  display: inline-block;

  width: 140px;

  height: 45px;

  line-height: 45px;

  margin: 50px 0 0 0;

  font-size: 18px;

  color: #fff;

  border: 1px solid #fff;

  box-sizing: border-box;

}

.more_detail {

  position: absolute;

  left: 50%;

  width: 100%;

  top: 50%;

  width: 200px;

  margin: 245px 0 0 -100px;

  opacity: 0;

  filter: alpha(opacity=0);

}

.more_detail.initial {

  display: none;

}

.more_detail a {

 display: block;

  width: auto;

  height: auto;

  line-height: 19px;

 

  font-size: 18px;

  color: #fff;

  border: 1px solid #fff;

	padding: 15px;

  box-sizing: border-box;border-radius: 5px;

}

.more_detail a:hover{background: #db4440;border: 1px solid #db4440;}

.category_list {

  margin: 28px 0 0 0;

}

.category_list li {

  display: inline-block;

  vertical-align: top;

  min-width: 66px;

}

.category_list li a {

  display: block;

  padding: 65px 0 0 0;

  font-size: 14px;

  color: #fff;

  line-height: 1.3em;

  text-transform: capitalize;

}

.category_list h1{

	color: #fff;

  font-size: 56px;

  font-weight: bold;

}

.category_list li.home {

  display: none;

  position: absolute;

  left: 50%;

  top: 145px;

  margin-left: -100px;

}

.category_list li.home a {

  padding: 0;

  width: 200px;

  height: 45px;

  line-height: 45px;

  font-size: 18px;

  color: #fff;

  border: 1px solid #fff;

  box-sizing: border-box;

}

/* .category_list li.home a.active{display:none;} */

.category_list li.csv {

  width: 135px;

}

.category_list li.csv a {

  background: url(../../../../w/images/main/bg_csv.png) no-repeat 50% 0;

  padding-top: 125px;

  white-space: nowrap;

}

.category_list li.business {

  width: 135px;

  margin-left: 45px;

}

.category_list li.business a {

  background: url(../../../../w/images/main/bg_business.png) no-repeat 50% 0;

  padding-top: 125px;

  white-space: nowrap;

}

.category_list li.ir a {

  background: url(../../../../w/images/main/bg_ir.png) no-repeat 50% 0;

}

.category_list li.about {

  width: 135px;

  margin-left: 45px;

}

.category_list li.about a {

  background: url(../../../../w/images/main/bg_about.png) no-repeat 50% 0;

  padding-top: 125px;

  white-space: nowrap;

}

/*.category_list li.female a {

  background: url(../../../../w/images/main/bg_female.png) no-repeat 50% 0;

}*/

.category_list li.campaign a {

  background: url(../../../../w/images/main/bg_campaign.png) no-repeat 50% 0;

}

.category_list li.nation a {

  background: url(../../../../w/images/main/bg_nation.png) no-repeat 50% 0;

}

.category_list li.global a {

  background: url(../../../../w/images/main/bg_global.png) no-repeat 50% 0;

}

.category_list li.lotte_esg a {

  background: url(../../../../w/images/main/bg_lotteesg.png) no-repeat 50% 0;

}

.category_list li.report a {

  background: url(../../../../w/images/main/bg_report.png) no-repeat 50% 0;

}

.category_list li.rating a {

  background: url(../../../../w/images/main/bg_rating.png) no-repeat 50% 0;

}

.category_list li.news a {

  background: url(../../../../w/images/main/bg_news.png) no-repeat 50% 0;

}

/*.category_list li.female a {

  background: url(../../../../w/images/main/bg_female.png) no-repeat 50% 0;

}*/

.category_list li.campaign a {

  background: url(../../../../w/images/main/bg_campaign.png) no-repeat 50% 0;

}

.category_list li.nation a {

  background: url(../../../../w/images/main/bg_nation.png) no-repeat 50% 0;

}

.category_list li.global a {

  background: url(../../../../w/images/main/bg_global.png) no-repeat 50% 0;

}

.category_list li.food {}

.category_list li.food a {

  background: url(../img/Fuel&Gas.svg) no-repeat 50% 0;

  opacity: 1;

}

.category_list li.food a:hover{color: #db4440;}

.category_list li.food a.active {

  background: url(../img/Fuel&Gas.svg) no-repeat 50% 0;

  opacity: 1;

	color: #db4440;

}

.category_list li.distribution a {

  background: url(../img/Lubricants.svg) no-repeat 50% 0;

  opacity: 1;

}

.category_list li.distribution a:hover{color: #db4440;}

.category_list li.distribution a.active {

  background: url(../img/Lubricants.svg) no-repeat 50% 0;

  opacity: 1;color: #db4440;

}

.category_list li.chemi a {

  background: url(../img/RealEstateDevelopment.svg) no-repeat 50% 0;

  opacity: 1;

}

.category_list li.chemi a:hover{color: #db4440;}

.category_list li.chemi a.active {

  background: url(../img/RealEstateDevelopment.svg) no-repeat 50% 0;

  opacity: 1;color: #db4440;

}

.category_list li.tour a {

  background: url(../img/Construction.svg) no-repeat 50% 0;

  opacity: 1;

}

.category_list li.tour a:hover{color: #db4440;}

.category_list li.tour a.active {

  background: url(../img/Construction.svg) no-repeat 50% 0;

  opacity: 1;color: #db4440;

}



.category_list li.Ready-Mix a {

  background: url(../img/Ready-Mix.svg) no-repeat 50% 0;

  opacity: 1;

}

.category_list li.Ready-Mix a:hover{color: #db4440;}

.category_list li.Ready-Mix a.active {

  background: url(../img/Ready-Mix.svg) no-repeat 50% 0;

  opacity: 1;color: #db4440;

}

.category_list li.Transportation a {

  background: url(../img/Transportation.svg) no-repeat 50% 0;

  opacity: 1;

}

.category_list li.Transportation a:hover{color: #db4440;}

.category_list li.Transportation a.active {

  background: url(../img/Transportation.svg) no-repeat 50% 0;

  opacity: 1;color: #db4440;

}

.category_list li.Logistics a {

  background: url(../img/Logistics.svg) no-repeat 50% 0;

  opacity: 1;

}

.category_list li.Logistics a:hover{color: #db4440;}

.category_list li.Logistics a.active {

  background: url(../img/Logistics.svg) no-repeat 50% 0;

  opacity: 1;color: #db4440;

}



.category_list li.life a {

  background: url(../images/bg_life_on.png) no-repeat 50% 0;

}

.scroll {

  position: absolute;

  left: 50%;

  bottom: 60px;

  width: 46px;

  height: 35px;

  margin-left: -45px; /*background:url(../../../../w/images/main/scroll_down.png) no-repeat 0 0;*/ z-index: 5;

} /* 2018-03-12-2 */

.video_area {

  overflow: hidden;

  position: relative;

  width: 100%;

  height: 100%;

  z-index: 2;

} /*2018-10-19 諛곌꼍�대�吏���젣*/

/* 2019-11-21 �곸긽 �ъ씠利� �섏젙 */

.video_area video {

  position: absolute;

  left: 50%;

  top: 0;

  min-width: 100%;

  min-height: 100%;

  width: 100%;

  height: auto;

  transform: translateX(-50%);

  -webkit-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

}

/* 2019-11-21 �곸긽 �ъ씠利� �섏젙 */

/* 2020-03-27 //異붽�(s) */

.video_area > .bg_img {

  position: absolute;

  left: 50%;

  top: 0;

  min-width: 100%;

  min-height: 100%;

  width: 100%;

  height: auto;

  background-position: 50% 0;

  background-repeat: no-repeat;

  background-size: cover;

  : translateX(-50%);

  -webkit-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

}

/* 2020-03-27 //異붽�(e) */

.video_area:after {

  content: '';

  display: block;

  width: 100%;

  height: 100%;

  z-index: 1;

  position: absolute;

  left: 0;

  top: 0;

  background-color: rgba(0, 0, 0, .3);

}

.bg_section {

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  width: 100%;

  height: 100%;

}

.bg_section img {

  width: 100%;

  height: 100%;

}

#section1 {

  opacity: 1;

  filter: alpha(opacity=100);

  background: url(../img/221014224801186.jpg) no-repeat 50% 0;

  background-size: cover;

} /*2018-10-19 �대�吏�蹂�寃�*/

/* #section1 .tit_section {font-family: 'LotteGroup';}2019-07-12 font 異붽� */

#section2 .contents {

  margin-top: -213px;

}

#section2 .tit_section {

  font-size: 42px;text-transform: uppercase;

}

#section2 .category_list {

  margin: 93px 0 0 0;

}

#section2 .tit_section {

  margin: 0px 0 0 0;

  font-size: 42px;text-transform: uppercase;

  color: #fff;

}

#section2 .txt_section {

  margin: 15px  0 0 0;

}

#section2 .bg_section {

  background: url(../img/bg_section2.jpg) no-repeat 50% 0;background-size: cover;

  

}

#section1 .category_list {

  margin: 68px 0 0 0;

}

#section2 .category_list li {

  width: 180px;

}

#section3 .contents {

  margin-top: -200px;

}

#section3 .tit_section {

  font-size: 42px;text-transform: uppercase;

}

#section3 .slide_wrap {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  text-align: center;

  box-sizing: border-box;

}

#section3 .slide_wrap .bx-wrapper, #section3 .slide_wrap .bx-viewport {

  width: 100%;

  height: 100% !important;

}

#section3 .slide_wrap .bxslider, #section3 .slide_wrap .bxslider li{

  height: 100% !important;

}

/*.category_list li.food a.active {

  background: url(../img/Fuel&Gas.svg) no-repeat 50% 0;

  opacity: 1;

  color: #db4440;

}*/



#section3 .slide_wrap .s_business .bg_section{

  background: url(../img/bg_slider01.jpg) no-repeat 50% 0;

  background-size: cover;

}

#section3 .slide_wrap .s_food .bg_section{

  background: url(../img/bg_slider02.jpg) no-repeat 50% 0;

  background-size: cover;

}

#section3 .slide_wrap .s_distribution .bg_section {

  background: url(../img/bg_slider03.jpg) no-repeat 50% 0;

  background-size: cover;

}

#section3 .slide_wrap .s_chemi .bg_section {

  background: url(../img/bg_slider04.jpg) no-repeat 50% 0;

  background-size: cover;

}

#section3 .slide_wrap .s_tour .bg_section {

  background: url(../img/bg_slider05.jpg) no-repeat 50% 0;

  background-size: cover;

}

#section3 .slide_wrap .s_Ready .bg_section {

  background: url(../img/bg_slider06.jpg) no-repeat 50% 0;

  background-size: cover;

}

#section3 .slide_wrap .s_Transportation .bg_section {

  background: url(../img/bg_slider07.jpg) no-repeat 50% 0;

  background-size: cover;

}

#section3 .slide_wrap .s_Logistics .bg_section {

  background: url(../img/bg_slider08.jpg) no-repeat 50% 0;

  background-size: cover;

}

#section3 .category_list {

  position: absolute;

  left: 0;

  width: 100%;

  top: 50%;

  margin-top: 0px;

  opacity: 1;

  filter: alpha(opacity=0);

}

#section3 .category_list li.distribution {

  margin-left: 40px;

}

#section3 .category_list li.chemi {

  margin-left: 40px;

}

#section3 .category_list li.tour {

  margin-left: 40px;

}

#section3 .category_list li.Ready-Mix {

  margin-left: 40px;

}

#section3 .category_list li.Transportation {

  margin-left: 40px;

}

#section3 .category_list li.Logistics {

  margin-left: 40px;

}

#section3 .bx-controls-direction {

  display: none;

  position: absolute;

  left: 50%;

  top: 840px;

  width: 96px;

  height: 38px;

  margin-left: -48px;

  background: url(../img/bt_line.png) no-repeat 50% 0;

}

#section3 .bx-controls-direction .bx-prev {

  display: inline-block;

  position: absolute;

  left: 0;

  top: 5px;

  width: 17px;

  height: 28px;

  text-indent: -9999em;

  background: url(img/bt_left.png) no-repeat 0 0;

}

#section3 .bx-controls-direction .bx-next {

  display: inline-block;

  position: absolute;

  right: 0;

  top: 5px;

  width: 17px;

  height: 28px;

  text-indent: -9999em;

  background: url(../../../../w/images/main/bt_next.png) no-repeat 0 0;

}

#section4 .fp-tableCell {

  vertical-align: middle;

  padding: 0 0 0 0;

  box-sizing: border-box;

}

#section4 .txt_wrap {

  position: absolute;

  left: 50%;

  top: 50%;

  opacity: 1;

  filter: alpha(opacity=0);

  z-index: 5;

  margin-top: -200px;

  transform: translateX(-50%);

  -webkit-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

}

#section4 .tit_logo {}

#section4 .tit_section {

  margin: 0px 0 0 0;

  font-size: 42px;text-transform: uppercase;

}

#section4 .txt_section {

  margin: 15px 0 0 0;

}

#section4 .about_list {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  text-align: center;

  z-index: 2;

}

#section4 .about_list li {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  opacity: 0;

  filter: alpha(opacity=0);

}

#section4 .about_list li.default {

  opacity: 1;

  filter: alpha(opacity=100);

}

#section4 .about_list li.default .bg_section {

  background: url(../img/bg_visiond.jpg) no-repeat 50% 0;

  background-size: cover;

}

#section4 .about_list li.mission .bg_section {

  background: url(../../../../w/images/main/bg_mission.jpg) no-repeat 50% 0;

  background-size: cover;

}

#section4 .about_list li.vision .bg_section {

  background: url(../img/bg_visiond.jpg) no-repeat 50% 0;

  background-size: cover;

}

#section4 .about_list li.core .bg_section {

  background: url(../../../../w/images/main/bg_core.jpg) no-repeat 50% 0;

  background-size: cover;

}

#section4 .about_list li.corporate .bg_section {

  background: url(../../../../w/images/main/bg_corporate.jpg?date=20200508) no-repeat 50% 0;

  background-size: cover;

}

#section4 .about_list .txt_section {

  position: relative;

  top: 408px;

  margin: 0;

  z-index: 3;

}

#section4 .txt_section02 {

  position: relative;

  top: 215px;

  font-size: 18px;

  color: #fff;

  line-height: 1.6em;

}

#section4 .btn_more {

  position: relative;

  top: 230px;

  margin: 0;

}

#section5 .contents {

  margin-top: -213px;

}

#section5 .tit_section {

  font-size: 60px;text-transform: capitalize;

}

#section5 .category_list {

  margin: 93px 0 0 0;

}

#section5 .tit_section {

margin:0px 0 15px 0;

  font-size: 42px;

  color: #fff;

  line-height: 1em;text-transform: uppercase;

  

}

#section5 .txt_section {

  margin: 0px 0 50px 0;

}

.txt_sectionn {

  margin: 0px 0 50px 0;

}

#section5 .bg_section {

  background: url(../img/Green-Tree-Full-HD-Wallpaper.jpg) no-repeat 50% 0;

  background-size: cover;

}

#sectsection5ion1 .category_list {

  margin: 29px 0 0 0;

} /* 2018-05-09 */

#section5 .category_list li {

  margin: 0 0 0 92px;

  vertical-align: top;

}

#section5 .category_list li:first-child {

  margin-left: 0;

}

#section6 {

  padding: 0px 0 0 0;

  /*background: #54585a;*/

	background: url(../img/reg.jpg) no-repeat 50% 0;

  background-size: cover;

  z-index: 50;

  box-sizing: border-box;

}

#section5{

  padding: 0px 0 0 0;

  /*background: #54585a;*/

	background: url(../img/Green-Tree-Full-HD-Wallpaper.jpg) no-repeat 50% 0;

  background-size: cover;

  z-index: 50;

  box-sizing: border-box;

}

/*#section7 {

  padding: 0px 0 0 0;

 

	background: url(../img/new.jpg) no-repeat 50% 0;

  background-size: cover;

  z-index: 50;

  box-sizing: border-box;

}*/

#section6.view {

  opacity: 1;

  filter: alpha(opacity=100);

}

#section6 .fp-tableCell {

  /*vertical-align: bottom;*/

}

.btn_main {

  text-align: center;

}

#section2 .btn_main a {

  

  margin: 150px 0 0 0;

  

}

.btn_main a {

  display: inline-block;

  width: auto;

  height: auto;

  line-height: 19px;

  margin: 250px 0 0 0;

  font-size: 18px;

  color: #fff;

  border: 1px solid #fff;

	padding: 15px;

  box-sizing: border-box;border-radius: 5px;

}

.btn_main a:hover{

	border: 1px solid #db4440;

	background: #db4440;

	

}



#fp-nav {

  position: fixed;

  left: 3%;

  top: 285px;

  width: 220px;

  margin-left: 20px;

  z-index: 30;

}

#fp-nav li {

  position: relative;

  margin: 27px 0 0 0;

}

#fp-nav li:first-child {

  margin-top: 0;

}

#fp-nav li a {

  display: block;

}

#fp-nav li a span {

  display: inline-block;

  width: 15px;

  height: 15px;

  background: url(../images/main/img_nav.png) no-repeat 0 0;

}

#fp-nav li a.active span {

  background: none;

}

#fp-nav li a.active:after {

  display: block;

  content: "";

  width: 350px;

  height: 1px;

  position: absolute;

  left: -360px;

  top: 50%;

  background: url(../images/main/bg_nav_line.png) repeat-x 0 0;

}

#fp-nav li a + .fp-tooltip {

  display: none !important;

  position: absolute;

  left: 0;

  top: 0;

  font-size: 13px;

  color: #fff;

  cursor: pointer;text-transform: uppercase;

}

#fp-nav li a.active + .fp-tooltip {

  display: block !important;

}

#fp-nav li.last {

  display: none;

}

#fp-nav li a.on span {

  background: none;

}

#fp-nav li a.on:after {

  display: block;

  content: "";

  width: 350px;

  height: 1px;

  position: absolute;

  left: -360px;

  top: 50%;

  background: url(../images/main/bg_nav_line.png) repeat-x 0 0;

}

#fp-nav li a.on + .fp-tooltip {

  display: block;

}

#fp-nav li a.active.on span {

  background: none;

}

#fp-nav li a.active.on:after {

  display: block;

  content: "";

  width: 350px;

  height: 1px;

  position: absolute;

  left: -360px;

  top: 50%;

  background: url(../images/main/bg_nav_line.png) repeat-x 0 0;

}

#fp-nav li a.active.on + .fp-tooltip {

  display: block;

}

#fp-nav li a.over span {

  background: none;

}

#fp-nav li a.over + .fp-tooltip {

  display: block !important;

}

/* low */

.low .tit_section {

  margin-top: 25px;

}

.low .txt_section {

  margin-top: 20px;

}

.low #section1 .contents {

  margin-top: -198px;

}

.low #section1 .category_list {

  margin-top: 34px;

}

.low #section2 .contents {

  margin-top: -189px;

}

.low #section2 .category_list {

  margin-top: 45px;

}

.low #section3 .contents {

  margin-top: -170px;

}

.low .category_list li.home {

  top: 125px

}

.low .more_detail {

  margin-top: 235px

}

.low #section4 .txt_wrap {

  margin-top: -200px;

}

.low #section4 .fp-tableCell {

  padding-top: 120px;

}

.low #section4 .tit_section {

  margin-top: 20px;

  line-height: 1em;

}

.low #section4 .txt_section {

  margin-top: 20px;

}

.low #section4 .txt_section02 {

  top: 190px;

}

.low .txt_about {

  /*margin-top: 5px;*/

}

.low #section4 .btn_more {

  top: 200px;

}

.low #section5 {

  padding-top: 20px;

}

.low #section5 .fp-tableCell {

  /*vertical-align: bottom;*/

}

.low .view_lotte {

  padding-bottom: 30px;

}

.low .view_lotte li {

  overflow: hidden;

  height: 300px;

}

.low .view_lottee li {

  overflow: hidden;

  height: 250px;

}

.low .view_lotte li a {

  padding-top: 80px;

  height: 100%;

}

.low .scroll {

  bottom: 35px;

}

.low .tab_about a {

  position: absolute;

  left: 50%;

  top: 37px;

  overflow: hidden;

  width: 126px;

  height: 126px;

  border-radius: 63px;

  font-size: 20px;

  color: #fff;

  font-weight: 200;

  background: #54585a;

  z-index: 5;

}

.low .tab_about a.about01 {

  margin-left: -280px;

}

.low .tab_about a.about02 {

  margin-left: -63px;

}

.low .tab_about a.about02.on {

  top: 25px;

  width: 150px;

  height: 150px;

  margin-left: -75px;

  font-size: 24px;

  color: #fff;

  border-radius: 80px;

  background: #da291c;

}

.low .tab_about a.about03 {

  margin-left: 160px;

}

.business.low .section .contents {

  padding-left: 310px;

}

.fp-slide {

  float: left;

}

.fp-slide, .fp-slidesContainer {

  height: 100%;

  display: block;

}

.fp-slides {

  height: 100%;

  overflow: hidden;

  position: relative;

  -webkit-transition: all 0.3s ease-out;

  transition: all 0.3s ease-out;

  z-index: 1;

}

.fp-section.fp-table, .fp-slide.fp-table {

  display: table;

  table-layout: fixed;

  width: 100%;

}

.fp-tableCell {

  display: table-cell;

  vertical-align: middle;

  width: 100%;

  height: 100%;

  text-align: center;

}

.fp-slidesContainer {

  float: left;

  position: relative;

}

.fp-next {}

.fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell {

  /*height: auto !important;*/

}

.dim {

  display: none;

  position: fixed;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: 100;

  background: url(../../../../w/images/main/bg_menu.png) repeat 0 0;

}

.dim.on {

  display: block !important;

}

.dim2 {

  display: none;

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: 30;

  background: url(../images/main/bg_menu.png) repeat 0 0;

}

.dim2.on {

  display: block;

}

.gnb {

  position: fixed;

  left: -2000px;

  top: 0;

  display: table;

  width: 100%;

  height: 100%;

  background: #000 url(../img/m1m.jpg) no-repeat center top;

  table-layout: fixed;

  z-index: 110;

}

.gnb .gnb_closee {

  position: absolute;

  right: 60px;

  top: 50px;

  width: 28px;

  height: 28px;

  z-index: 115;

}

.gnb .inner {

  /*display: table-cell;

  vertical-align: middle;

  width: 100%;

  padding: 0 120px 0 100px;

  box-sizing: border-box;*/

}

.gnb .innner_wrapp {

	justify-content: space-between;display: flex;width: 100%;

	height: 85px;

    -webkit-transition: all 0.8s;

    -ms-transition: all 0.8s;

    transition: all 0.8s;

  /*position: relative;

  margin-top: 40px;

  padding-bottom: 30px;

  border-bottom: 1px solid rgba(255, 255, 255, 0.1);*/

}

.gnb .innner_wrap:first-child {

  margin-top: 0;

}

.gnb .innner_wrap.last {

  border-bottom: 0;

}

/* IR */

.gnb {

  display: block;

  overflow-y: auto;

}

.gnb .inner {

 /* display: inline-block;*/

  /*padding-top: 100px;

  padding-bottom: 50px;*/

	/*width: 100%;*/

}

.container-fluidd {

  width: 90%;

  margin: 0 auto;

}

.container-fluidd.popup-header {

  /*position: absolute;

  top: 0;*/

  height: 100vh;

 /* z-index: 3;

  max-width: 100%;*/

}

.gnb .tit_gnb {

  width: 215px;

}

.gnb .innner_wrap.ir {

  height: 140px;

}

.gnb .innner_wrap.ir ul {

 border-bottom: 1px solid rgba(255, 255, 255, 0.1);

}

.gnb .innner_wrap.ir ul li a {

  height: 64px;

}

.gnb .innner_wrap.ir ul:nth-child(3) {

  top: 106px;

}

.gnb .innner_wrap.ir ul:last-child {

  top: 5px;

 

}

.gnb .innner_wrap.ir.about {

  height: 131px;

}

.gnb .innner_wrap.ir.about ul:last-child {

  top: 98px;

}

.gnb .innner_wrap.ir.complance {

  height: 196px;

}

.gnb .innner_wrap.ir.complance ul:last-child {

  top: 98px;

}

.gnb .ir li a:hover:after {

  bottom: 0;

}

.gnb .tit_gnb {

  display: inline-block;

  width: 100%;

}

.header.fixed .sub_header {

  height: auto;

}

.header .sub_header ul li a {

  display: inline-block;

  width: 100%;

  height: 40px;

  font-size: 18px;

  color: #fff;

}

.header .sub_header.v2 ul li a {

  height: auto;

  line-height: 24px;

}

.header .sub_header ul li a:after {

  display: inline-block;

  content: '';

  height: 100%;

  vertical-align: middle;

}

.section .cont_wrap {

  margin-top: 112px;

}

/* IR */

.tit_gnb + .tit_gnb {

  margin-top: 50px;

}

.gnb .tit_gnb a {

  display: inline-block;

  font-size: 24px;

  color: #db4440;

  font-weight: 600;text-transform: uppercase;

}

/*.gnb ul {

  position: absolute;

  left: 220px;

  top: 0;

  width: 850px;

}*/

.gnb li {

  display: inline-block;

  vertical-align: top;

  margin-left: 0px;

  text-align: left;position: relative;padding: 0px 10px; 

	

}

.gnb li:first-child {

  margin-left: 0;

}

.gnb li:nth-child(3n+1) {

 /* margin-left: 0;*/

}

.gnb li a {

  position: relative;

  display: block;

/*  height: 66px;*/

   

  color: #fff;

  font-weight: 400;

}

.gnb li .sub-menu

{

  position: absolute;

  width: 250px;

  background-color: rgba(0,0,0,0.5);

    visibility: hidden;

    opacity: 0;

    top: 155px;padding: 10px;

   

    border-radius: 7px;

    text-align: left;

}



.gnb li .sub-menu li a

{

  font-size: 14px;

  line-height: 1.4;

    color: #fff;

}

.gnb li .sub-menu li a {

  font-size: 14px;

  line-height: 1.4;

  color: #fff;

}

li.menu-item-has-children::after {

  content: "\f078";

  font-size: 9px;

  margin-left: 5px;

  margin-top: 0;

  vertical-align: middle;

  font-weight: 900;

  font-family: "Font Awesome 5 Free";

  position: absolute;

  right: -5px;

  color: #fff;

  top: 20px;

}



@media only screen and (min-width: 991px) {

	.gnb li .sub-menu li a {

    font-size: 14px;

    padding: 4px 20px 4px 20px;

    color: #fff;

  }

  

}

@media only screen and (min-width: 991px) {

  .gnb li .sub-menu li  {

    width: 100%;

    padding: 0;

  }

}

@media only screen and (min-width: 991px) {

	.link:hover::before {

  width: 100px;

  height: 100px;

  opacity: 0.8;

  transition: all 0.5s ease;

  left: calc(50% - 50px);

  top: -40px;

}

	.gnb li:hover .sub-menu {

  visibility: visible;

  top: 50px;

  opacity: 1;

}

	li.menu-item-has-children::after {

 

  top: 10px;

}

  .gnb li a{

    line-height: 26px;

  font-size: 24px;

  }

}

@media only screen and (min-width: 1600px) {

	.link:hover::before {

  width: 100px;

  height: 100px;

  opacity: 0.8;

  transition: all 0.5s ease;

  left: calc(50% - 50px);

  top: -10px;

}

	.gnb li:hover .sub-menu{

    visibility: visible;

    top: 70px;

    opacity: 1;

}

	.gnb li .sub-menu li a {

    font-size: 22px;

    padding: 8px 20px 8px 20px;

    color: #fff;

  }

	li.menu-item-has-children::after {

  content: "\f078";

  font-size: 9px;

  margin-left: 5px;

  margin-top: 0;

  vertical-align: middle;

  font-weight: 900;

  font-family: "Font Awesome 5 Free";

  position: absolute;

  right: -5px;

  color: #fff;

  top: 35px;

}

	.gnb li .sub-menu li a {

  font-size: 14px;

  line-height: 1.4;

  color: #fff;text-transform: uppercase;

}

  .gnb li a {

    line-height: 44px;

  font-size: 40px;padding: 18px 5px 40px;display: block;

  }

}



.gnb li a:hover {

  color: #fff;

}

/*.gnb li a:hover:after {

  display: block;

  content: "";

  position: absolute;

  left: 50%;

  bottom: 3px;

  width: 100%;

  height: 4px;

  background: #da291c;

  z-index: 1;

  transform: translateX(-50%);

  -webkit-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

}*/

.sub_menu {

  padding: 30px 0 0 0;

}

.sub_menu dt {

  display: inline-block;

  vertical-align: middle;

  width: 240px;

  margin: 0 0 30px 0;

  font-size: 28px;

  color: #222;

  font-weight: 500;

}

.sub_menu dd {

  display: inline-block;

  vertical-align: middle;

  margin: 0 0 30px 0;

}

.sub_menu dd ul {

  margin: 0 0 0 0;

}

.sub_menu dd ul li {

  display: inline-block;

  margin-left: 13px;

}

.sub_menu dd ul li a {

  display: inline-block;

  font-size: 18px;

  color: #222;

}

.select_wrap {}

.select_wrap select {

  display: inline-block;

  width: 100%;

  height: 100%;

  padding: 0 31px 0 10px;

  vertical-align: top;

  box-sizing: border-box;

  opacity: 0;

  filter: alpha(opacity=0);

  font-family: arial;

  background: #fff;

}

.select_wrap select option {

  width: 100%;

  font-size: 14px;

  color: #000;

}

.select_wrap .select_txt {

  position: absolute;

  left: 15px;

  top: 10px;

  font-size: 14px;

  color: #fff;

}

.txt_about {

  position: relative;

  top: 45%;

  height: 350px;

  z-index: 5;

  opacity: 1;

  filter: alpha(opacity=0);

  margin-top: 0px;

}

.tab_about {

  text-align: center;

}

.tab_about:after {

  display: block;

  content: "";

  position: absolute;

  left: 0;

  top: 100px;

  width: 100%;

  height: 1px;

  background: url(../../../../w/images/main/about_line.png) repeat-x 0 0;

  z-index: 1;

}

.tab_about a {

  text-align: center;

  display: table;

  position: absolute;

  left: 50%;

  top: 37px;

  overflow: hidden;

  width: 126px;

  height: 126px;

  border-radius: 63px;

  font-size: 20px;

  color: #fff;

  font-weight: 200;

  background: #54585a;

  z-index: 5;

}

.tab_about a.about01 {

  margin-left: -280px;

}

.tab_about a.about02 {

  margin-left: -63px;

}

.tab_about a.about02.on {

  top: 0;

  width: 200px;

  height: 200px;

  margin-left: -100px;

  font-size: 28px;

  color: #fff;

  border-radius: 100px;

  background: #da291c;

}

.tab_about a.about03 {

  margin-left: 160px;

}

.tab_about a span {

  display: table-cell;

  vertical-align: middle;

  text-align: center;

}

.default .tab_about a.about01 {

  margin-left: -325px;

}

.default .tab_about a.about02 {

  margin-left: -150px;

}

.default .tab_about a.about03 {

  margin-left: 25px;

}

.default .tab_about a.about04 {

  margin-left: 200px;

}

.view_lotte {

  width: 1180px;

  margin: 0 auto;

  padding: 0 0 0px 0;

}

.view_lotte:after {

  display: block;

  content: "";

  clear: both;

}

.view_lotte li {

  float: left;

  width: 380px;

  height: 420px;

  margin-left: 20px;

  text-align: left;

	

}

.view_lottee li {

  float: left;

  width: 380px;

  height: auto;

  margin-left: 20px;

  text-align: left;

	

}

.view_lotte li:first-child {

  margin-left: 0;

}

.view_lottee li a {

	color: #fff;

	height: auto !important;

 /* background: transparent !important;*/

  border: 5px solid rgba(255, 255, 255, 0.5);

  border-radius: 5px;padding: 15px !important;

}

.view_lottee li a:after {

  display: none !important;

  

}

.view_lotte li a {

  position: relative;

  top: 20px;

  display: block;

  width: 380px;

  height: 420px;

 padding: 250px 0 0 0px;

  box-sizing: border-box;

  opacity: 1;

  filter: alpha(opacity=0);

	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */

background: linear-gradient(to top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	-webkit-transition: all 0.2s;

  -ms-transition: all 0.2s;

  transition: all 0.2s;



}

.view_lotte li a:hover{

	background: #db4440;

	-webkit-transition: all 0.2s;

  -ms-transition: all 0.2s;

  transition: all 0.2s;

	

}

.fd{

	padding: 0px 0 0 40px !important;

}

/*.fd p{

	font-size: 24px!important;line-height: 26px !important;

}*/

.view_lotte li a:after {

  display: block;

  content: "";

  position: absolute;

  left: 40px;

  bottom: 40px;

  width: 51px;

  height: 35px;

  background: url(../img/bg_view_arrow.png) no-repeat 0 0;

}

.view_lotte li a strong {

  display: block;

  height: 60px;

  font-size: 42px;

  color: #fff;

  font-weight: 500;

}

.view_lotte li a p {

  font-size: 16px;

  color: #fff;

  line-height: 1.4em;

}

.view_lotte li.pr a {

  /*background: url(../img/bg_view01.jpg) no-repeat 0 0;*/

}

.view_lotte li.ir a {

 /* background: url(../img/bg_view02.jpg) no-repeat 0 0;*/

}

.view_lotte li.ethics a {

 /* background: url(../img/bg_view03.jpg) no-repeat 0 0;*/

}

.view_lotte li.ethics a strong {

  font-size: 38px;

  letter-spacing: -1px;

}

.footer {

  height: 160px;

  background: #000;

}

.footer .footer_contents {

  width: 1180px;

  margin: 0 auto;

}

.footer .footer_menu {

  position: relative;

  /*float: left;*/

  padding: 40px 0 ;

}

.footer .footer_menu .footer_logo {

  position: absolute;

  left: 0;

  top: 28px;

}

.footer .agree_list li {

  display: inline-block;

  margin: 0 0 0 17px;

  padding: 0 0 0 18px;

  background: url(../../../../w/images/main/bar_agree_list.gif) no-repeat 0 0;

}

.footer .agree_list li:first-child {

  margin: 0;

  padding: 0;

  background: none;

}

.footer .agree_list li:first-child a {

  color: #fff;

  font-weight: 800;

}

.footer .agree_list li a {

  display: inline-block;

  font-size: 14px;

  color: #fff;

}

.footer .sns_wrap {

  position: relative;

  float: right;

  height: 90px;

  padding: 40px 250px 30px 0;

  box-sizing: border-box;

}

.footer .sns_wrap a {

  display: inline-block;

  padding: 0 10px;

}

.footer .select_wrap {

  position: absolute;

  right: 0;

  top: 30px;

  width: 220px;

  height: 40px;

  background: #474b4d;

}

.footer .select_wrap:after {

  display: block;

  content: "";

  position: absolute;

  right: 15px;

  top: 16px;

  width: 13px;

  height: 9px;

  background: url(../../../../w/images/main/bg_select_wrap.png) no-repeat 0 0;

}

.footer .select_wrap em {

  position: absolute;

  left: 14px;

  top: 10px;

  display: inline-block;

  font-size: 15px;

  color: #fff;

  font-family: arial;

}

.footer .copy {

  clear: both;

  text-align: center;

  padding: 17px 0 0 0;

  border-top: 1px solid #474b4d;

  font-size: 13px;

  color: #ddd;

  font-family: arial;

}

.btn_top {

  position: fixed;

  left: 50%;

  bottom: 180px;

  margin-left: 610px;

  z-index: 10;

  opacity: 0;

  filter: alpha(opacity=0);

  transition: all 0.5s ease-out;

}

.btn_top.on {

  opacity: 1;

  filter: alpha(opacity=100);

}

.btn_top a {

  display: block;

}

/* about */

.page_about .visual {

  height: 660px;

  background: url(../img/visual_about.png) no-repeat 50% 0;

  background-size: cover;

}

.page_about .inbox {

  width: 1180px;

  margin: 0 auto;

}

.page_about .visual .inbox {

  text-align: center;

  padding-top: 210px;

}

.page_about .visual .inbox .p_tit {

  color: #fff;

  font-size: 100px;

  margin-top: 30px;

  font-weight: 500;

}

.page_about .visual .inbox .p_tx {

  color: #fff;

  font-size: 22px;

  line-height: 34px;

  margin-top: 20px;

  font-weight: 500;

}

.page_tab {

  overflow: hidden;

  display: table;

  table-layout: fixed;

  margin-top: -60px;

  width: 100%;

}

.page_tab li {

  display: table-cell;

  vertical-align: middle;

  height: 60px;

  border-left: 1px solid #dd857d;

  background-color: #da291c;

  opacity: .8;

}

.page_tab li:first-child {

  border-left: 0;

}

.page_tab li a {

  display: block;

  color: #fff;

  text-align: center;

  font-size: 18px;

}

.page_tab li.on {

  background-color: #fff;

  opacity: 1;

}

.page_tab li.on a {

  color: #da291c;

  border-left: 0;

  font-weight: 600;

}

.mission_p .section {

  padding: 90px 0;

  text-align: center;

}

.mission_p .section.sec02 {

  background-color: #f8f8f8;

  padding: 110px 0;

}

.mission_p .sec01 .tit_deco {

  position: relative;

  display: inline-block;

  font-size: 36px;

  font-weight: bold;

  color: #000;

  padding-bottom: 7px;

  border-bottom: 1px solid #f66;

}

.mission_p .sec01 .tit_deco:after {

  content: '';

  position: absolute;

  left: 50%;

  bottom: -1px;

  display: block;

  width: 18px;

  height: 9px;

  background: url(../../../../w/images/tit_deco.png) no-repeat 50% 0;

  margin-left: -8px;

}

.mission_p .sec01 .tx_ko {

  font-size: 48px;

  line-height: 66px;

  margin-top: 50px

}

.mission_p .sec01 .tx_ko strong {

  font-size: 48px;

  line-height: 66px;

  font-weight: 800;

}

.mission_p .sec01 .tx_en {

  margin-top: 65px !important;

  font-size: 40px;

  color: #444;

  line-height: 1.2em;

  font-weight: 400;

  margin-top: 5px;

}

.mission_p .sec02 .tit {

  font-size: 40px;

  color: #da291c;

}

.mission_p .sec02 .tx_ko {

  font-size: 18px;

  color: #222;

  line-height: 30px;

  margin-top: 10px;

  font-weight: 500;

}

.mission_p .sec02 .mission3 {

  overflow: hidden;

  padding-top: 68px;

  margin-top: 50px;

  border-top: 1px solid #e1e1e1;

}

.mission_p .sec02 .mission3 li {

  float: left;

  width: 393px;

  padding-top: 250px;

  text-align: center

}

.mission_p .sec02 .mission3 li.mission01 {

  width: 394px;

  background: url(../../../../w/images/mission3_01.png) no-repeat 50% 0

}

.mission_p .sec02 .mission3 li.mission02 {

  background: url(../../../../w/images/mission3_02.png) no-repeat 50% 0

}

.mission_p .sec02 .mission3 li.mission03 {

  background: url(../../../../w/images/mission3_03.png) no-repeat 50% 0

}

.mission_p .sec02 .mission3 li strong {

  display: block;

  font-size: 30px;

  font-weight: 800;

  color: #222;

}

.mission_p .sec02 .mission3 li span {

  display: block;

  font-size: 15px;

  font-weight: 500;

  color: #da291c;

}

.mission_p .sec02 .mission3 li p {

  font-size: 16px;

  color: #222;

  line-height: 24px;

  margin-top: 20px;

}

.value_p .section {

  padding: 90px 0 60px;

  text-align: center;

}

.value_p .section.sec02 {

  background-color: #f8f8f8;

  padding: 90px 0;

}

.tit_deco {

  position: relative;

  display: inline-block;

  font-size: 36px;

  font-weight: bold;

  color: #000;

  padding: 0 20px 7px;

  border-bottom: 1px solid #f66;

}

.tit_deco:after {

  content: '';

  position: absolute;

  left: 50%;

  bottom: -1px;

  display: block;

  width: 18px;

  height: 9px;

  background: url(../../../../w/images/tit_deco.png) no-repeat 50% 0;

  margin-left: -8px;

}

.value_p .sec02 .tx_ko {

  font-size: 26px;

  line-height: 44px;

  font-weight: 500;

  color: #000;

  margin: 30px 0 90px 0;

}

.value_p .sec02 .tx_img {}

.value_p .sec02 .def {

  border-top: 1px solid #bfbfbf;

  padding: 70px 0 0 0;

}

.value_p .sec02 .tt_jus {

  display: inline-block;

  font-size: 40px;

  font-weight: 800;

  color: #da291c;

}

.value_p .sec02 .tx_jus {

  font-size: 18px;

  font-weight: 500;

  line-height: 1.4em;

  color: #222;

  margin-top: 20px;

}

.value_p .sec02 .def_box {}

.value_p .sec02 .def .def_box .s_tit {

  position: relative;

  font-size: 40px;

  color: #da291c;

  font-weight: 800;

  padding-bottom: 20px;

}

.value_p .sec02 .def .def_box .s_tit:after {

  content: '';

  display: block;

  position: absolute;

  left: 50%;

  bottom: 0;

  width: 30px;

  height: 2px;

  background-color: #959595;

  margin-left: -15px;

}

.value_p .sec02 .def .def_tt {

  position: relative;

  font-size: 46px;

  padding-bottom: 10px;

  margin-bottom: 60px;

}

.value_p .sec02 .def .def_tt:after {

  content: '';

  display: block;

  position: absolute;

  left: 50%;

  bottom: 0;

  width: 60px;

  height: 2px;

  background-color: #da291c;

  margin-left: -30px;

}

.value_p .sec02 .def .def_box {

  margin-top: 50px;

}

.value_p .sec02 .def .def_box .def_list {

  overflow: hidden;

  margin: 25px 0 40px 0;

}

.value_p .sec02 .def .def_box .def_list li {

  float: left;

  width: 360px;

  padding-left: 50px;

  background: url(../../../../w/images/ico_garr.png) no-repeat 20px 50%;

}

.value_p .sec02 .def .def_box .def_list li:first-child {

  padding-left: 0;

  ;

  background-image: none;

}

.value_p .sec02 .def .def_box .def_list li dl {}

.value_p .sec02 .def .def_box .def_list li dl dt {

  display: block;

  height: 50px;

  line-height: 50px;

  background-color: #e9e9e9;

  border: 1px solid #e9e9e9;

  box-sizing: border-box;

  vertical-align: middle;

  font-size: 15px;

  font-weight: 500;

  color: #000;

}

.value_p .sec02 .def .def_box .def_list li dl dd {

  margin-top: 5px;

  display: table;

  width: 360px;

  height: 130px;

  background-color: #f8f8f8;

  border: 1px solid #e9e9e9;

  box-sizing: border-box;

}

.value_p .sec02 .def .def_box .def_list li dl dd p {

  display: table-cell;

  min-height: 140px;

  padding: 35px 0 40px 0;

  line-height: 24px;

  font-size: 16px;

  color: #000;

  box-sizing: border-box;

}

.def_list.type2 li dl dd p {

  height: 190px;

}

.vision_p .section {

  padding: 90px 0 0 0;

  text-align: center;height: auto !important;

}

.vision_p .section.sec02 {

  background-color: #f8f8f8;

  padding: 110px 0;

}

.vision_p .sec01 .tit_deco {

  position: relative;

  display: inline-block;

  font-size: 36px;

  font-weight: bold;

  color: #000;

  padding-bottom: 7px;

  border-bottom: 1px solid #f66;

}

.vision_p .sec01 .tit_deco:after {

  content: '';

  position: absolute;

  left: 50%;

  bottom: -1px;

  display: block;

  width: 18px;

  height: 9px;

  background: url(../../../../w/images/tit_deco.png) no-repeat 50% 0;

  margin-left: -8px;

}

.vision_p .tab_style {

  margin-top: 40px;

  padding-bottom: 60px;

}

.vision_p .tab_style:after {

  display: block;

  content: '';

  clear: both;

}

.vision_p .tab_style.col4.col3 li {

  width: 33.3%;

}

.vision_p .tab_style.col4 li {

  position: relative;

  width: 25%;

  float: left;

  text-align: center;

  background: url(../../../../w/images/blt_bar.gif) no-repeat 0 20px;

}

.vision_p .tab_style.col4 li:first-child {

  background-image: none;

}

.vision_p .tab_style.col4 li a {

  display: block;

}

.vision_p .tab_style.col4 li span {

  vertical-align: top;

  display: inline-block;

  color: #222;

  font-size: 21px;

  font-weight: 500;

  padding-top: 20px;

}

.vision_p .tab_style.col4 li.on span {

  position: relative;

  display: inline-block;

  color: #da291c;

}

.vision_p .tab_style.col4 li.on span:after {

  content: '';

  position: absolute;

  left: 50%;

  top: 0px;

  display: block;

  width: 114px;

  height: 4px;

  background: #da291c;

  margin-left: -57px;

}

.vision_p .tab_style.col4 li:hover span {

  position: relative;

  display: inline-block;

  color: #da291c;

  font-size: 21px;

  font-weight: 500;

  padding-top: 20px;

}

.vision_p .tab_style.col4 li:hover span:after {

  content: '';

  position: absolute;

  left: 50%;

  top: 0px;

  display: block;

  width: 114px;

  height: 4px;

  background: #da291c;

  margin-left: -57px;

}

.vision_p .tab_style li .tab_layer {

  display: none;

}

.vision_p .tab_style li:hover .tab_layer {

  display: block;

  position: absolute;

  left: 0;

  top: 80px;

  width: 100%;

  padding: 30px 0;

  border-top: 1px solid #d9d9d9;

  background: #f2f2f2;

  z-index: 10;

}

.vision_p .tab_style li:hover .tab_layer li {

  text-align: left;

  float: none;

  width: 100%;

  margin-top: 15px;

  padding-left: 30px;

  font-size: 15px;

  color: #555;

  box-sizing: border-box;

}

.vision_p .tab_style li:hover .tab_layer li:first-child {

  margin-top: 0px;

}

.vision_p .tab_group .tab_box {

  display: none;

  padding-top: 110px;

}

.vision_p .tab_group .tab_box .tb_tit {

  position: relative;

  font-size: 46px;

  padding-bottom: 20px;

  font-weight: normal;text-transform: uppercase;

}

.vision_p .tab_group .tab_box .tb_tit:after {

  content: '';

  display: block;

  position: absolute;

  left: 50%;

  bottom: 0;

  width: 60px;

  height: 2px;

  background-color: #da291c;

  margin-left: -30px;

}

.vision_p .tab_group .tab_box .tb_tit span {

  font-size: 32px;

  color: #222;

  font-weight: normal;

}

.vision_p .tab_group .tab_box01 {

  background: #f8f8f8 url(../../../../w/images/vision01_bg.png) no-repeat 50% 0;

  height: 848px;

  box-sizing: border-box;

}

.vision_p .tab_group .tab_box01 .tx_img {

  margin-top: 100px;

  margin-bottom: 60px;

}

.vision_p .tab_group .tab_box01 .v_tx {

  border-top: 1px solid #e1e1e1;

  padding-top: 60px;

}

.vision_p .tab_group .tab_box01 .v_tx h5 {

  font-size: 40px;

  color: #222;

  font-weight: 500;

}

.vision_p .tab_group .tab_box01 .v_tx p {

  font-size: 18px;

  line-height: 30px;

  color: #222;

  font-weight: 500;

  margin-top: 20px;

  letter-spacing: -1px

}

.v_guideline {

  margin-top: 60px;

}

.vision_p .v_guideline li .tx_box {

  padding: 35px;

  text-align: left;

  background-color: #fff;

  box-sizing: border-box;

}

.vision_p .v_guideline li.v_guideline01 {

  

  padding: 230px 0 0 0;

}

.vision_p .v_guideline li.v_guideline01 .tx_box {

  float: right;

}

.vision_p .v_guideline li.v_guideline02 {

  

  padding: 230px 0 0 0;

}

.vision_p .v_guideline li.v_guideline02 .tx_box {

  float: left;

  padding-right: 25px;

}

.vision_p .v_guideline li.v_guideline03 {

  background: url(../../../../w/images/vision0203.png) no-repeat 0 0;

  padding: 220px 220px 0 0;

}

.vision_p .v_guideline li.v_guideline03 .tx_box {

  float: right;

}

.vision_p .v_guideline li.v_guideline04 {

  background: url(../../../../w/images/vision0204.png) no-repeat 100% 0;

  padding: 250px 0 100px 80px;

}

.vision_p .v_guideline li.v_guideline04 .tx_box {

  float: left;

  padding-right: 80px;

}

.v_guideline li {

  overflow: hidden;

}

 .v_guideline li + li {

  margin-top: 60px;

}

.vision_p .v_guideline li .tx_box h5 {

  position: relative;

  font-size: 30px;

  color: #222;

  font-weight: 800;

  padding-bottom: 20px;

}

.vision_p .v_guideline li .tx_box h5:after {

  content: '';

  display: block;

  position: absolute;

  left: 0;

  bottom: 0;

  width: 30px;

  height: 1px;

  background-color: #999;

}

.vision_p .v_guideline li .tx_box p {

  margin-top: 20px;

  font-size: 16px;

  line-height: 22px;

  color: #606060;

}

.vision_p .v_guideline li .tx_box p strong {

  display: block;

  font-size: 20px;

  line-height: 24px;

  color: #222;

  font-weight: 800;

  padding-bottom: 5px;

}

.vision_p .tab_group .tab_box03 {

  background-color: #f8f8f8;

  padding-bottom: 100px;

}

.vision_p .tab_group .tab_box03 .tx_bg {

  background: url(../../../../w/images/busi_po_bg.png) no-repeat 50% 0;

  width: 100%;

  height: 330px;

  display: table;

  margin-top: 40px;

}

.vision_p .tab_group .tab_box03 .tx_bg div {

  display: table-cell;

  vertical-align: middle;

}

.vision_p .tab_group .tab_box03 .tx_bg div strong {

  font-size: 34px;

  color: #fff;

  font-weight: 500;

  padding-bottom: 20px;

  display: block;

}

.vision_p .tab_group .tab_box03 .tx_bg div p {

  font-size: 16px;

  color: #fff;

  font-weight: 500;

  line-height: 24px;

}

.vision_p .tab_group .tab_box03 .busi_po {

  overflow: hidden;

  margin: 63px 0 0 -48px;

  height: 470px;

}

.vision_p .tab_group .tab_box03 .busi_po li {

  float: left;

  margin-left: 34px;

  width: 273px;

  text-align: center;

  padding-top: 230px;

}

.vision_p .tab_group .tab_box03 .busi_po li.busi_po01 {

  background: url(../../../../w/images/busi_po01.png) no-repeat 50% 0

}

.vision_p .tab_group .tab_box03 .busi_po li.busi_po02 {

  background: url(../../../../w/images/busi_po02.png) no-repeat 50% 0

}

.vision_p .tab_group .tab_box03 .busi_po li.busi_po03 {

  background: url(../../../../w/images/busi_po03.png) no-repeat 50% 0

}

.vision_p .tab_group .tab_box03 .busi_po li.busi_po04 {

  background: url(../../../../w/images/busi_po04.png) no-repeat 50% 0

}

.vision_p .tab_group .tab_box03 .busi_po li h5 {

  font-size: 30px;

  color: #222;

  font-weight: 500;

  padding: 15px 0;

  border-bottom: 1px solid #e0dedb;

}

.vision_p .tab_group .tab_box03 .busi_po li p {

  font-size: 15px;

  line-height: 24px;

  font-weight: 500;

  color: #222;

  padding: 20px 0;

  letter-spacing: -1px

}

.vision_p .tab_group .tab_box04 {

  background-color: #f8f8f8;

  padding-bottom: 100px;

}

.vision_p .tab_group .tab_box04 .brand_val {

  position: relative;

  margin-top: 50px;

  font-size: 0;

  text-align: center;

}

.vision_p .tab_group .tab_box04 .brand_val > li {

  display: inline-block;

  width: 340px;

  padding-top: 245px;

  margin-left: 50px;

  vertical-align: top;

}

.vision_p .tab_group .tab_box04 .brand_val > li:first-child {

  margin-left: 0;

}

.vision_p .tab_group .tab_box04 .brand_val > li.brand_val01 {

  background: url(../../../../w/images/brand_val.png) no-repeat 50% 0

}

.vision_p .tab_group .tab_box04 .brand_val > li.brand_val02 {

  background: url(../../../../w/images/brand_val2.png) no-repeat 50% 0

}

.vision_p .tab_group .tab_box04 .brand_val > li.brand_val03 {

  background: url(../../../../w/images/brand_val3.png) no-repeat 50% 0

}

.vision_p .tab_group .tab_box04 .brand_val > li h5 {

  padding-bottom: 14px;

  font-size: 30px;

  font-weight: 500;

  color: #222;

  border-bottom: 1px solid #e0dedb;

}

.vision_p .tab_group .tab_box04 .brand_val > li ul {

  display: inline-block;

  margin-top: 23px;

  vertical-align: top;

}

.vision_p .tab_group .tab_box04 .brand_val > li ul li {

  margin-top: 10px;

  padding: 0 0 0 15px;

  font-size: 16px;

  text-align: left;

  line-height: 1.3em;

  font-weight: 500;

  color: #222;

  letter-spacing: -1px;

  background: url(../images/bg_bullet_list.gif) no-repeat 0 10px

}

.vision_p .tab_group .tab_box04 .brand_val > li ul li:first-child {

  margin-top: 0;

}

.vision_p .tab_group.culture .tab_box04 {

  background-color: #fff;

}

.vision_p .culture_txt {

  position: absolute;

  left: 50%;

  top: 310px;

  text-align: left;

  width: 600px;

  min-height: 210px;

  margin-left: -430px;

  padding: 40px;

  font-size: 17px;

  color: #606060;

  line-height: 1.5em;

  box-sizing: border-box;

  z-index: 1;

  background: #fff;

} /* 2019-08-14 �섏젙 */

.vision_p .culture_txt strong {

  position: relative;

  display: block;

  margin-bottom: 20px;

  padding: 0 0 20px 0;

  font-size: 31px;

  color: #222;

  line-height: 1.3em;

  font-weight: 600;

}

.vision_p .culture_txt strong:after {

  content: '';

  display: block;

  position: absolute;

  left: 0;

  bottom: 0;

  width: 30px;

  height: 1px;

  background-color: #959595;

}

.vision_p .tab_group.culture .tab_box01 {

  height: auto;

  background: none;

}

.vision_p .tab_group.culture .tab_box03 {

  background: none;

}

.vision_p .tab_group.culture .csv_slide {

  position: relative;

  margin: 80px 0 200px 0;

}

.culture .csv_slide .owl-nav {

  margin-left: 418px;

}

.culture .company .inbox:first-child {

  margin-bottom: 80px;

} /* 2020-04-22//異붽� */

.culture_frame {

  margin: 80px 0 0 0;

  background: #f8f8f8;padding-bottom: 150px;padding-top: 150px;

} /*2018-07-04*/

.frame_organization {

  text-align: left;

  width: 1180px;

  margin: 0 auto;

} /*2018-07-04*/

.tit_gray {

  position: relative;

  margin-bottom: 20px;

  

  font-size: 32px;

  color: #222;

  font-weight: 600;

  padding-bottom: 20px;

} /*2018-07-04*/

.tit_gray strong {

  font-size: 32px;

  color: #da291c;

}

.tit_gray:after {

  content: '';

  display: block;

  position: absolute;

  left: 0;

  bottom: 0;

  width: 30px;

  height: 1px;

  margin-left: 0;

  background-color: #959595;

}

.winner_view {

  overflow: hidden;

  width: 1180px;

  margin: 100px auto 0;

  padding-bottom: 80px;

}

.winner_view .tit_winner {

  text-align: left;

  float: left;

  width: 320px;

}

.winner_view .tit_winner p {

  position: relative;

  padding: 0 0 10px 0;

  font-size: 30px;

  color: #000;

  font-weight: 500;

}

.winner_view .tit_winner p:after {

  content: '';

  display: block;

  position: absolute;

  left: 0;

  bottom: 0;

  width: 30px;

  height: 2px;

  background-color: #da291c;

}

.winner_view .tit_winner span {

  display: block;

  margin: 20px 0 0 0;

  font-size: 22px;

  color: #626262;

}

.winner_view .winner_slide {

  float: right;

  width: 780px;

}

.winner_view .common_style .bx-controls {

  min-width: 220px;

}

.visual_list {

  width: 1180px;

  margin: 0px auto 0 auto;

}

.visual_list li {

  position: relative;

  padding: 250px 0 80px 600px;

}

.visual_listt li {

  position: relative;

  padding: 50px 0 80px 465px;

}

.frame_organization span{

	font-size: 16px;

	font-weight: 400;

	color: #606060;

  line-height: 1.4em;

}

.visual_list li .culture_visual {

  position: absolute;

  left: 0;

  top: 0;

}

.visual_list li:nth-child(2n) {

  padding: 340px 0 80px 20px;

}

.visual_list li:nth-child(2n) .culture_visual {

  left: 220px;

}

.visual_list li strong {

  position: relative;

  display: block;

  margin-bottom: 20px;

  padding: 0 0 20px 0;

  font-size: 30px;

  color: #222;

  line-height: 1.3em;

  font-weight: 600;

}

.visual_list li strong:after {

  content: '';

  display: block;

  position: absolute;

  left: 0;

  bottom: 0;

  width: 30px;

  height: 1px;

  background-color: #959595;

}

.visual_list li p {

  position: relative;

  text-align: left;

  width: 600px;

  min-height: 210px;

  padding: 40px 40px 40px 30px;

  font-size: 16px;

  color: #606060;

  line-height: 1.4em;

  box-sizing: border-box;

  z-index: 1;

  background: #fff;

	font-weight: 400;

  text-align: justify;

} /*2018-07-04 */

.visual_list.type2 li {

  padding: 290px 0 60px 600px;

}

.visual_list.type2 li:nth-child(2n) {

  padding: 330px 0 80px 0px;

}

.visual_list.type2 li:nth-child(2n) .culture_visual {

  left: 370px;

}

.visual_list.type2 li:nth-child(2n) p {

  padding-left: 150px;

}

.culture .visual_list.type2 li:nth-child(2n) p {

  width: 435px;

  padding-left: 90px;

}

.visual_list.type2 li strong {

  padding-bottom: 0;

  font-size: 24px;

  color: #222;

  font-weight: 300;

}

.visual_list.type2 li strong:after {

  display: none;

}

.visual_list.type2 li .line strong {

  position: relative;

  display: block;

  margin-bottom: 20px;

  padding: 0 0 20px 0;

  font-size: 31px;

  color: #222;

  line-height: 1.3em;

  font-weight: 600;

}

.visual_list.type2 li .line strong:after {

  display: block;

}

.visual_list.type2 li strong em {

  font-weight: 600;

}

.visual_list.type2 li p {

  padding: 45px 0 40px 40px;

}

.visual_list.type2 li p span {

  font-size: 24px;

  color: #da291c;

}

.visual_list.type3 li {

  margin-top: 60px;

  padding: 360px 0 0 510px

}

.visual_list.type3 li:first-child {

  margin-top: 0px;

}

.visual_list.type3 li:nth-child(2n) {

  padding: 360px 0 0 70px

}

.visual_list.type3 li p {

  font-size: 18px;

  color: #222;

  line-height: 1.6em;

}

.visual_list.type3 li p strong {

  font-size: 18px;

  color: #222;

  line-height: 1.6em;

}

.visual_list.type3.area_tab li:first-child {

  padding: 280px 0 0 450px;

}

.visual_list.type3.area_tab li:first-child p {

  width: 700px;

}

.visual_list.type3.area_tab li:nth-child(2n) {

  padding: 360px 50px 0 35px

}

.visual_list.type3.area_tab li:nth-child(2n) p {

  width: 570px;

  padding-right: 50px;

}

.country .visual_list.type3 li:first-child {

  padding: 380px 0 0 510px;

}

.country .visual_list.type3 li p {

  font-size: 15px;

}

.company .visual_list li {

  padding: 320px 0 40px 640px;

}

.company .visual_list li p {

  width: 540px;

  font-size: 18px;

  color: #222;

}

.company .visual_list li:nth-child(2n) {

  padding: 320px 0 40px 0px;

}

.company .visual_list li:nth-child(2n) .culture_visual {

  left: 240px;

}

.company .visual_list li:nth-child(2n) p {

  width: 620px;

  padding-left: 40px;

}

.company .visual_list.type2 li {

  padding: 460px 0 40px 480px;

}

.company .visual_list.type2 li p {

  width: 700px;

}

.company .visual_list.type2 li:nth-child(2n) {

  padding: 330px 0 40px 0px;

}

.company .visual_list.type2 li:nth-child(2n) .culture_visual {

  left: 320px;

}

.company .visual_list.type2 li:nth-child(2n) p {

  width: 590px;

  padding-left: 40px;

}

.visual_list02 {

  width: 1180px;

  margin: 0 auto 0 auto;

}

.visual_list02 li {

  position: relative;

  padding: 360px 0 50px 560px;

}

.visual_list02 li + li {

  margin-top: 60px;

}

.visual_list02 li .culture_visual {

  position: absolute;

  top: 0;

}

.visual_list02 li.left .culture_visual {

  left: 0;

}

.visual_list02 li strong {

  position: relative;

  display: block;

  margin-bottom: 20px;

  padding: 0 0 20px 0;

  font-size: 17px;

  color: #222;

  line-height: 1.7em;

  font-weight: 600;

}

.visual_list02 li strong:after {

  content: '';

  display: block;

  position: absolute;

  left: 0;

  bottom: 0;

  width: 30px;

  height: 1px;

  background-color: #959595;

}

.visual_list02 li p {

  position: relative;

  text-align: left;

  width: 650px;

  min-height: 210px;

  padding: 40px 0 40px 40px;

  font-size: 15px;

  color: #222;

  line-height: 1.7em;

  box-sizing: border-box;

  z-index: 1;

  background: #fff;

}

.visual_list02 li.right {

  padding: 180px 0 0 0;

}

.visual_list02 li.right .culture_visual {

  right: 0;

}

.visual_list02 li.right p {

  width: 590px;

}

.campaign .visual_list02.type2 li.right {

  padding: 290px 0 0 0;

}

.campaign .visual_list02.type2 li.right p {

  width: 720px;

}

.campaign .visual_list02.type2 li.left .culture_visual {

  left: 160px;

}

.campaign .visual_list02.type2 li.left {

  padding: 220px 0 0 610px;

}

.campaign .visual_list02.type3 li.left {

  padding: 300px 0 0 440px;

}

.campaign .visual_list02.type3 li.left p {

  width: 745px;

}

.section_point {

  background: #f8f8f8;

}

.section_point .tit_gray {

  margin-bottom: 25px;

}

.tit_gray + .sub_txt {

  margin-top: 0;

}

.section_point .visual_list p {

  width: 480px;

}

.part_list {}

.part_list + .tit_gray {

  padding-top: 60px;

  border-top: 1px solid #dadada;

}

.part_list:after {

  display: block;

  content: "";

  clear: both;

}

.part_list li {

  float: left;

  width: 210px;

  height: 280px;

  margin: 0 0 40px 32px;

  padding: 36px 0 0 0;

  background: url(../../../../w/images/bg_part_list.jpg) no-repeat 0 0;

  box-sizing: border-box;

}

.part_list li:first-child {

  margin-left: 0;

}

.part_list li p {

  position: relative;

  height: 125px;

  padding: 40px 0 10px 0;

  font-size: 15px;

  color: #222;

  line-height: 1.4em;

  background: url(../../../../w/images/bg_part_logo.png) no-repeat 50% 0;

  box-sizing: border-box;

}

.part_list li p:after {

  content: '';

  display: block;

  position: absolute;

  left: 50%;

  bottom: 0;

  width: 20px;

  height: 2px;

  margin-left: -10px;

  background-color: #da291c;

}

.part_list li p span {

  display: block;

  font-size: 18px;

  color: #da291c;

}

.part_list li strong {

  display: block;

  margin: 20px 0 0 0;

  font-size: 18px;

  color: #222;

  font-weight: 600;

  line-height: 1.2em;

}

/* 2019-08-13 �섏젙(s) */

.part_list.type2 {

  text-align: center;

  padding-bottom: 60px;

}

.part_list.type2 li {

  display: inline-block;

  float: none;

  overflow: hidden;

}

.part_list.type3 {

  text-align: center;

}

.part_list.type3 li {

  display: inline-block;

  float: none;

  overflow: hidden;

}

/* 2019-08-13 �섏젙(e) */

.vision_p .tab_group.culture .tab_box {

  padding-bottom: 0;

}

.culture_organization {

  text-align: center;

  width: 860px;

  margin: 0 auto;

  padding: 50px 0 100px 30px;

  box-sizing: border-box;

}

.culture_organization.type2 {

  width: 940px;

  padding-top: 100px;

}

.culture_organization img {}

.ceo_p .section {

  padding: 90px 0 100px 0;

  text-align: center;

}

.ceo_p .tab_style {

  width: 670px;

  margin: 40px auto 0;

  padding-bottom: 60px;

}

.ceo_p .tab_style:after {

  display: block;

  content: '';

  clear: both;

}

.ceo_p .tab_style li {

  position: relative;

  float: left;

  width: 335px;

  text-align: center;

  background: url(../../../../w/images/blt_bar.gif) no-repeat left 0 bottom 5px;

}

.ceo_p .tab_style li:first-child {

  background-image: none;

}

.ceo_p .tab_style li a {

  display: block;

}

.ceo_p .tab_style li span {

  display: inline-block;

  color: #222;

  font-size: 26px;

  font-weight: 500;

  padding-top: 20px;

}

.ceo_p .tab_style li.on span {

  position: relative;

  display: inline-block;

  color: #da291c;

}

.ceo_p .tab_style li.on span:after {

  content: '';

  position: absolute;

  left: 0;

  top: 0px;

  display: block;

  width: 100%;

  height: 4px;

  background: #da291c;

}

.ceo_p .tab_group .tab_box {

  display: none;

}

.ceo_area01, .ceo_area02 {

  position: relative;

}

.visual_ceo {

  position: absolute;

  left: 50%;

  top: 0;

  width: 1900px;

  height: 480px;

  margin-left: -950px;

}

.ceo_area01 .visual_ceo {

  background: url(../../../../w/images/bg_ceo01.jpg) no-repeat 50% 0;

  background-size: cover;

}

.ceo_area02 .visual_ceo {

  height: 600px;

  background: url(../../../../w/images/bg_ceo02.jpg?date=20200612) no-repeat 50% 0;

  background-size: cover;

}

.ceo_p .visual_list {

  margin: 0;

  padding: 100px 0 0 0;

}

.ceo_p .visual_list li {

  padding: 220px 0 0 360px;

}

.ceo_p .visual_list li p {

  width: 820px;

}

.sincerely {

  display: block;

  margin: 35px 0 0 0;

  line-height: 1.6em;

  font-size: 16px;

  color: #606060;

  font-weight: 600;

}

.sincerely em {

  display: block;

  margin: 0px 0 0 0;

  font-size: 16px;

  color: #606060;

  font-weight: 600;

}

.history_p .sec01 {

  text-align: center;

  padding: 90px 0 0 0;

}

.tit_history {

  margin: 50px 0 0 0;

  font-size: 46px;

  color: #da291c;

}

.txt_history {

  margin: 25px 0 0 0;

  font-size: 18px;

  color: #000;

  line-height: 1.4em;

}

.history_area {

  overflow-x: hidden;

  text-align: center;

  margin: 75px 0 0 0;

}

.year_txt {

  min-height: 420px;

  margin-bottom: 120px;

  background: url(../images/bg_history01.jpg) no-repeat 50% 0

}

.txt_box {

  width: 1080px;

  margin: 0 auto;

  padding: 40px 50px 0;

  opacity: 0;

  filter: alpha(opacity=0);

  box-sizing: border-box;

}

.tit_year {

  padding: 115px 0 20px 0;

  font-size: 26px;

  color: #222;

  background: url(../../../../w/images/bg_tit_year.gif) no-repeat 50% 100%

}

.tit_year strong {

  display: block;

  font-size: 84px;

  color: #222;

  line-height: 80px;

}

.txt_year {

  margin: 25px 0 0 0;

  font-size: 15px;

  color: #000;

  line-height: 1.6em;

}

.txt_year strong {

  display: block;

  margin: 0 0 160px 0;

  font-size: 26px;

  color: #da291c;

}

.txt_year em {

  font-size: 15px;

  color: #000;

  font-weight: 600;

}

.history_list {

  position: relative;

  width: 1000px;

  margin: 0 auto 80px;

  padding: 80px 0 0 0;

}

.history_list:after {

  display: block;

  content: "";

  position: absolute;

  left: 50%;

  top: -80px;

  width: 1px;

  height: 100%;

  margin-left: -1px;

  background: url(../../../../w/images/bg_history_list.png) repeat-y 50% 0

}

@media screen and (-webkit-min-device-pixel-ratio:0) {

  .history_list:after {

    margin-left: 0;

  }

}

.history_list li {

  padding-bottom: 60px;

  background: url(../../../../w/images/bg_history_list.png) repeat-y 50% 100%

}

.history_list li.left_con {

  position: relative;

  text-align: left;

}

.history_list li.left_con:after {

  display: block;

  content: "";

  clear: both;

}

.history_list li.left_con .img_history {

  overflow: hidden;

  width: 500px;

  float: left;

}

.history_list li.left_con img {

  padding-left: 500px;

  opacity: 0;

  filter: alpha(opacity=0);

}

.history_list li.right_con {

  position: relative;

}

.history_list li.right_con.y60 {

  padding-bottom: 125px;

}

.history_list li.right_con.y70 {

  padding-bottom: 180px;

}

.history_list li.right_con.y70 .spot_history p {

  width: 270px;

}

.history_list li.left_con.y70_2 {

  padding-bottom: 300px;

}

.history_list li.right_con.y70_3 {

  padding-bottom: 150px;

}

.history_list li.right_con .img_history {

  overflow: hidden;

  width: 500px;

  float: right;

}

.history_list li.right_con .img_history img {

  opacity: 0;

  filter: alpha(opacity=0);

  transform: translateX(-100%);

  -ms-transform: translateX(-100%);

  -webkit-transform: translateX(-100%);

}

.history_list li.right_con:after {

  display: block;

  content: "";

  clear: both;

}

.history_list li.right_con .spot_history {

  top: 390px;

}

#history02 .history_list li:first-child {

  padding-bottom: 110px;

}

#history02 .history_list li.right_con .spot_history {

  top: 325px;

}

.history_list li .spot_history {

  overflow: hidden;

  text-align: left;

  position: absolute;

  left: 50%;

  top: 260px;

}

.history_list li .spot_history p {

  min-width: 500px;

  padding-left: 30px;

  font-size: 16px;

  color: #222;

  line-height: 1.6em;

  opacity: 0;

  filter: alpha(opacity=0);

  box-sizing: border-box;

  transform: translateX(-100%);

  -ms-transform: translateX(-100%);

  -webkit-transform: translateX(-100%);

}

.history_list li .spot_history p + p {

  margin-top: 60px

}

.history_list li .spot_history span {

  display: block;

  margin-bottom: 10px;

  font-size: 38px;

  color: #da291c;

  line-height: 1em;

}

.history_list li.txt_cont .spot_history {

  position: static;

  margin-left: 50%;

}

.history_list li.txt_cont .spot_history p {

  width: 165px;

  margin-left: -165px;

}

#history02 .year_txt {

  background: url(../images/bg_history02.jpg) no-repeat 50% 0

}

#history03 .year_txt {

  background: url(../images/bg_history03.jpg) no-repeat 50% 0

}

#history04 .year_txt {

  background: url(../images/bg_history04.jpg) no-repeat 50% 0

}

#history04 .txt_cont p {

  width: 130px;

}

#history04 .history_list li.txt_cont .spot_history p {

  width: 130px;

  margin-left: -130px;

}

#history05 .year_txt {

  background: url(../images/bg_history05.jpg) no-repeat 50% 0

}

#history05 .y00_1 .spot_history p {

  width: 265px;

  margin-left: -265px;

}

#history05 .y00_2 .spot_history p {

  width: 325px;

  margin-left: -325px;

}

#history06 {

  margin-bottom: 100px;

}

#history06 .year_txt {

  background: url(../images/bg_history06.jpg) no-repeat 50% 0

}

#history06 .y10 .spot_history p {

  width: 356px;

  margin-left: -356px;

}

#history06 .y10_2 .spot_history p {

  width: 375px;

  margin-left: -375px;

}

.history_list li.left_con.y80 {

  padding-bottom: 260px;

}

.history_list li.right_con.y80_2 {

  padding-bottom: 275px;

}

.history_list li.right_con.y80_2 .spot_history {

  top: 325px;

}

.history_list li.right_con.y80_2 .spot_history p {

  width: 340px;

}

.history_list li.left_con.y90 {

  padding-bottom: 180px;

}

.history_list li.right_con.y90_2 {

  padding-bottom: 185px;

}

.history_list li.right_con.y90_2 .spot_history {

  top: 245px;

}

.history_list li.left_con.y90_3 {

  padding-bottom: 150px;

}

.history_list li.left_con.y00 {

  padding-bottom: 250px;

}

.history_list li.right_con.y00_1 {

  padding-bottom: 425px;

}

.history_list li.right_con.y00_1 .spot_history {

  top: 305px;

}

.history_list li.left_con.y00_2 .spot_history {

  top: 210px;

}

.history_list li.y10 {

  padding-bottom: 185px;

}

.history_list li.y10 .spot_history {

  top: 115px;

}

.history_list li.y10_1 {

  padding-bottom: 155px;

}

.history_list li.y10_1 .spot_history {

  top: 305px;

}

.history_list li.y10_2 {

  padding-bottom: 225px;

}

.history_list li.y10_3 {

  padding-bottom: 120px;

}

.history_list li.y10_3 .spot_history {

  top: 435px;

}

.history_list li.y10_3 .spot_history p {

  width: 200px;

  margin-left: -200px;

}

.history_area .year_txt .txt_year .sentence {

  display: block;

  margin: 10px 0 10px 0;

}

.indicator_wrap {

  display: none;

  position: fixed;

  left: 50%;

  top: 0;

  width: 50px;

  height: 100%;

  margin-left: -590px;

  padding: 200px 0;

  box-sizing: border-box;

}

.indicator {

  height: 100%;

  background: url(../../../../w/images/bg_indicator.png) repeat-y 3px 0;

}

.indicator a {

  position: relative;

  display: block;

  height: 16.66666%;

  padding: 0 0 0 15px;

  font-size: 14px;

  color: #666;

  box-sizing: border-box;

}

.indicator a:before {

  display: block;

  content: "";

  position: absolute;

  left: 3px;

  top: 50%;

  width: 8px;

  height: 8px;

  margin: -4px 0 0 -3px;

  background: url(../../../../w/images/ico_indicator.png) no-repeat 0 0;

  z-index: 5;

}

.indicator a.on {

  color: #da291c;

  font-weight: bold

}

.indicator a.on:after {

  display: block;

  content: "";

  position: absolute;

  left: 3px;

  top: 0;

  width: 2px;

  height: 100%;

  background: url(../../../../w/images/bg_indicator_on.png) repeat-y 0 0

}

.indicator a span {

  position: absolute;

  left: 15px;

  top: 50%;

  transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

}

.page_csv {}

/*2020-04-29*/

.page_csv .visual .visual_info {

  position: absolute;

  top: 140px;

  left: 0;

  width: 100%;

  text-align: center;

}

.page_csv .visual .ico_scroll {

  display: block;

  position: absolute;

  bottom: 60px;

  left: 50%;

  width: 46px;

  height: 35px;

  background: url(../../../../w/images/ico_arr.png) no-repeat 0 0;

  transform: translateX(-50%);

  -webkit-transform: translateX(-50%);

  -ms-transform: translateX(-50%)

}

.page_csv .visual_tit {}

.page_csv .visual_tit dl {}

.page_csv .visual_tit dt {

  font-size: 100px;

  color: #fff;

  line-height: 100px;

}

/*2020-04-29*/

.page_csv .visual_tit dd {

  position: relative;

  padding-bottom: 18px;

  font-size: 54px;

  color: #fff;

  line-height: 54px;

  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.7);

}

.page_csv .visual_tit dd:after {

  display: block;

  content: '';

  position: absolute;

  bottom: 0;

  left: 50%;

  width: 40px;

  height: 1px;

  background-color: #fff;

  transform: translateX(-50%);

  -webkit-transform: translateX(-50%);

  -ms-transform: translateX(-50%)

}

/*2020-04-29*/

.page_csv .visual_tit p {

  margin-top: 18px;

  font-size: 22px;

  color: #fff;

  line-height: 34px;

  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.7);

}

/*2020-04-29*/

.page_csv .visual_tab {

  margin-top: 25px;

}

.page_csv .visual_tab dl {}

.page_csv .visual_tab dt {

  position: relative;

  padding-bottom: 11px;

  font-size: 28px;

  color: #fff;

}

.page_csv .visual_tab dt:after {

  display: block;

  content: '';

  position: absolute;

  bottom: 0;

  left: 50%;

  width: 46px;

  height: 2px;

  background-color: #da291c;

  transform: translateX(-50%);

  -webkit-transform: translateX(-50%);

  -ms-transform: translateX(-50%)

}

/*2020-04-29*/

.page_csv .visual_tab dd {

  margin-top: 20px;

}

.page_csv .visual_tab ul {

  font-size: 0

}

.page_csv .visual_tab ul li {

  display: inline-block;

  margin-left: 60px;

  vertical-align: top;

}

.page_csv .visual_tab ul li:first-child {

  margin-left: 0;

}

.page_csv .visual_tab ul li a {}

.page_csv .visual_tab ul li span {

  display: block;

  overflow: hidden;

  height: 60px;

  margin: 0 auto;

  background: url(../../../../w/images/tab_visual_csv.png) no-repeat 0 0;

  text-indent: -999em

}

.page_csv .visual_tab ul li .ico_tab {

  width: 58px;

  background-position: 0 0;

}

.page_csv .visual_tab ul li .ico_tab2 {

  width: 46px;

  background-position: -70px 0;

}

.page_csv .visual_tab ul li .ico_tab3 {

  width: 46px;

  background-position: -140px 0;

}

.page_csv .visual_tab ul li .ico_tab4 {

  width: 51px;

  background-position: -210px 0;

}

.page_csv .visual_tab ul li .ico_tab5 {

  width: 72px;

  background-position: -280px 0;

}

.page_csv .visual_tab ul li p {

  margin-top: 20px;

  font-size: 22px;

  color: #fff;

}

/*2020-04-29*/

.page_csv .csv_content {

  padding: 20px 0 120px;

}

.page_csv .csv_slide {}

.page_csv .csv_slide .swiper-container {

  padding-bottom: 80px;

}

.page_csv .csv_slide .swiper-wrapper {}

.page_csv .csv_slide .swiper-slide {

  position: relative;

  width: 784px;

}

.page_csv .csv_slide .swiper-slide a {

  display: block;

}

.page_csv .csv_slide .swiper-slide img {

  display: block;

  width: 100%;

  height: 400px;

}

.csv_slide .owl-nav {

  position: absolute;

  left: 50%;

  bottom: 0;

  width: 94px;

  height: 38px;

  margin-left: 300px;

}

.csv_slide .owl-nav:after {

  display: block;

  content: "";

  position: absolute;

  top: 0;

  right: 46px;

  width: 1px;

  height: 38px;

  background-color: #adadad;

}

.csv_slide .owl-prev {

  position: absolute;

  left: 0;

  top: 5px;

  width: 16px;

  height: 28px;

  font-size: 0;

  text-indent: -9999px;

  background: url(../../../../w/images/btn_slide.png) no-repeat 0 0;

}

.csv_slide .owl-next {

  position: absolute;

  right: 0;

  top: 5px;

  width: 16px;

  height: 28px;

  font-size: 0;

  text-indent: -9999px;

  background: url(../../../../w/images/btn_slide.png) no-repeat -16px 0;

}

.page_csv .csv_slide .img_info {

  position: absolute;

  bottom: -90px;

  left: 50px;

  width: 380px;

  height: 220px;

  background: url(../../../../w/images/bg_navy.png) repeat 0 0;

  text-align: center;

  z-index: 2;

  display: table;

}

.page_csv .csv_slide .img_info:after {

  display: inline-block;

  content: '';

  height: 100%;

  vertical-align: middle;

}

.page_csv .csv_slide .img_info dl {

  display: table-cell;

  text-align: center;

  vertical-align: middle;

}

.page_csv .csv_slide .img_info dt {

  display: block;

}

.page_csv .csv_slide .img_info dt span {

  display: block;

  position: relative;

  padding: 10px 0 12px 0;

  font-size: 16px;

  color: #fff;

}

.page_csv .csv_slide .img_info dt span:after {

  display: block;

  content: '';

  position: absolute;

  bottom: 0;

  left: 50%;

  width: 40px;

  height: 1px;

  background-color: #da291c;

  margin-left: -20px;

}

.page_csv .csv_slide .img_info dt p {

  margin-top: 20px;

  font-size: 30px;

  color: #fff;

}

.page_csv .csv_slide .img_info dd {

  text-align: center;

  margin-top: 10px;

  font-size: 16px;

  color: #fff;

}

.page_csv .csv_slide .img_info .ico_plus {

  display: block;

  width: 100%;

  height: 40px;

  margin: 10px 0 0 0;

  background: url(../../../../w/images/btn_plus.png) no-repeat 50% 0;

}

/*2020-04-29*/

.page_csv .csv_guide {

  margin-top: 80px;

}

.page_csv .csv_division {

  width: 1180px;

  margin: 0 auto;

}

.page_csv .csv_division ul {

  overflow: hidden;

}

.page_csv .csv_division ul li {

  display: table;

  height: 100px;

  float: left;

  position: relative;

  width: 20%;

}

.page_csv .csv_division ul li:after {

  display: block;

  content: '';

  position: absolute;

  top: 50%;

  left: 0;

  width: 1px;

  height: 20px;

  background-color: #c0c0c0;

  margin-top: -10px;

}

.page_csv .csv_division ul li:first-child:after {

  display: none;

}

.page_csv .csv_division ul li a {

  display: table-cell;

  vertical-align: middle;

  position: relative;

  font-size: 22px;

  color: #222;

  text-align: center;

}

.page_csv .csv_division ul li.active a {

  color: #da291c;

}

.page_csv .csv_division ul li.active a:after {

  display: block;

  content: '';

  position: absolute;

  top: 0;

  left: 50%;

  width: 150px;

  height: 4px;

  background-color: #da291c;

  margin-left: -75px;

}

.csv_tab_info {

  overflow: hidden;

  width: 100%;

}

.csv_tab_info.global {

  background: url(../../../../w/images/img_csv_tab.jpg) no-repeat 50% 0;

  background-size: 100% auto;

}

.csv_tab_info.female {

  background: url(../../../../w/images/img_csv_tab2.jpg) no-repeat 50% 0;

  background-size: 100% auto;

}

.csv_tab_info.campaign {

  background: url(../../../../w/images/img_csv_tab3.jpg) no-repeat 50% 0;

  background-size: 100% auto;

}

.csv_tab_info.country {

  background: url(../../../../w/images/img_csv_tab4.jpg) no-repeat 50% 0;

  background-size: 100% auto;

}

.csv_tab_info.life {

  background: url(../../../../w/images/img_csv_tab5.jpg) no-repeat 50% 0;

  background-size: 100% auto;

}

@media all and (min-width:0\0) and (min-resolution:.001dpcm) {

  #section5 {

    padding-top: 10px;

  }

  .csv_tab_info.global {

    background: url(../../../../w/images/img_csv_tab.jpg) no-repeat 50% 0;

  }

  .csv_tab_info.female {

    background: url(../../../../w/images/img_csv_tab2.jpg) no-repeat 50% 0;

  }

  .csv_tab_info.campaign {

    background: url(../../../../w/images/img_csv_tab3.jpg) no-repeat 50% 0;

  }

  .csv_tab_info.country {

    background: url(../../../../w/images/img_csv_tab4.jpg) no-repeat 50% 0;

  }

}

.csv_tab_info .tit_tab {

  position: relative;

  height: 490px;

  text-align: center

}

.csv_tab_info .tit_tab:after {

  display: inline-block;

  content: '';

  height: 100%;

  vertical-align: middle;

}

.csv_tab_info .tit_tab dl {

  display: inline-block;

  text-align: center;

  vertical-align: middle;

}

.csv_tab_info .tit_tab dt {

  position: relative;

  padding-bottom: 15px;

  font-size: 56px;

  color: #fff;

}

.csv_tab_info .tit_tab dt .ico_mom {

  display: block;

  width: 114px;

  height: 102px;

  margin: 0 auto 20px;

  background: url(../../../../w/images/ico_mom.png) no-repeat 0 0;

}

.csv_tab_info .tit_tab dt:after {

  display: block;

  content: '';

  position: absolute;

  bottom: 0;

  left: 50%;

  width: 27px;

  height: 2px;

  background-color: #fff;

  transform: translateX(-50%);

  -webkit-transform: translateX(-50%)

}

.csv_tab_info .tit_tab dd {

  margin-top: 27px;

  font-size: 27px;

  color: #fff;

  line-height: 40px;

}

.csv_tab_info .tab_area {

  position: relative;

  width: 1180px;

  margin: 0 auto;

}

.csv_tab_info .btn_tab {

  position: absolute;

  left: 0;

  top: 2px;

  display: table;

  table-layout: fixed;

  width: 100%;

  z-index: 5;

  background: url(../../../../w/images/bg_btn_tab.gif) repeat-x 0 100%;

}

.csv_tab_info .btn_tab li {

  display: table-cell;

  position: relative;

  vertical-align: middle

}

.csv_tab_info .btn_tab li:after {

  display: block;

  content: '';

  position: absolute;

  top: 15px;

  bottom: 15px;

  left: 0;

  width: 1px;

  background: url(../../../../w/images/bg_white2.png) repeat 0 0;

}

.csv_tab_info .btn_tab li:first-child:after {

  display: none;

}

.csv_tab_info.country .btn_tab li + li + li {

  width: 370px;

}

.csv_tab_info.country .btn_tab li + li + li + li {

  width: auto;

}

.csv_tab_info .btn_tab li a {

  display: block;

  position: relative;

  height: 68px;

  ;

  text-align: center;

  line-height: 20px;

}

.csv_tab_info .btn_tab li a:after {

  display: block;

  content: '';

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 3px; /*background:url(../../../../w/images/bg_white2.png) repeat-x 0 0;*/

}

.csv_tab_info .btn_tab li.active a:after {

  background: url(../../../../w/images/bg_red.png) repeat-x 0 0;

}

.csv_tab_info .btn_tab li a span {

  display: inline-block;

  vertical-align: middle;

  font-size: 17px;

  color: #222;

  font-weight: 600;

}

.csv_tab_info .btn_tab li a em {

  display: inline-block;

  height: 100%;

  vertical-align: middle;

}

.csv_tab_info .tab_content_wrap {

  position: relative;

  min-height: 238px;

  margin: 0 -100px;

}

.csv_tab_info .tab_content {

  display: none;

  background: url(../../../../w/images/bg_tit_tabcont.png) no-repeat 50% 0;

}

.csv_tab_info .tab_content > img {

  display: block;

  width: 100%;

}

.csv_tab_info .tab_content.active {

  display: block;

}

.tit_tabcont {

  position: relative;

  text-align: center;

  padding: 150px 0 40px 0;

  font-size: 40px;

  color: #000;

  font-weight: 500;

}

.tit_tabcont:after {

  display: block;

  content: "";

  position: absolute;

  left: 50%;

  bottom: 0;

  width: 60px;

  height: 2px;

  margin-left: -30px;

  background: url(../../../../w/images/bg_tit_line.gif) no-repeat 50% 100%;

}

.tit_tabcont span {

  display: block;

  margin: 10px 0 0 0;

  font-size: 24px;

  color: #222;

  font-weight: normal;

}

.tit_tabcont.type2 {

  margin-top: 65px;

}

.explain_area {

  position: relative;

  margin: 50px 0 0 100px;

}

.bg_tab {}

.photo_list {}

.photo_list li p {

  position: absolute;

  padding: 40px 20px 40px 50px;

  font-size: 17px;

  color: #222;

  font-weight: 500;

  letter-spacing: .5px;

  line-height: 1.7em;

  background: #fff;

}

.photo_list li p span {

  display: block;

  margin: 12px 0 0 0;

  padding: 12px 0 0 0;

  font-size: 15px;

  color: #222;

  font-weight: 500;

  letter-spacing: -1px;

  background: url(../../../../w/images/bg_txt_sub.gif) no-repeat 0 0;

}

.photo_list li p span strong {

  font-weight: 800;

}

.photo_list .list01 p {

  left: 160px;

  top: 320px;

}

.photo_list .list01.global p {

  left: 520px;

  top: 335px;

  max-width: 590px;

}

.photo_list .list01.global2 {

  padding-bottom: 70px

}

.photo_list .list01.global2 p {

  left: 519px;

  top: 370px;

}

.photo_list .list02 p {

  left: 820px;

  top: 615px;

}

.photo_list .list02.v2 p {

  left: 820px;

  top: 615px;

  padding-right: 120px;

}

.photo_list .list02.global p {

  left: 40px;

  top: 1055px;

}

.photo_list .list03 p {

  left: 225px;

  bottom: 35px;

}

.photo_list.type2 {

  padding-bottom: 200px;

}

.photo_list.type2 .list01 p {

  left: 560px;

  top: 360px;

  font-weight: 800;

}

.photo_list.csv3 .list02 p {

  top: 458px;

}

.photo_list.csv3 .list02.type2 p {

  top: 558px;

}

.photo_list.csv3 .list03 p {

  bottom: 70px;

}

.photo_list.csv3.type2 {

  padding-bottom: 50px;

}

.photo_list.csv3.type2 .list01 p {

  left: 510px;

  font-weight: 800;

}

.photo_list.csv3.type2 .list01 p span {

  font-weight: 500;

}

.csv_tab_info.female .list03 p {

  bottom: 65px;

}

.csv_tab_info.female .list03.v2 p {

  bottom: 365px;

  left: 100px;

  max-width: 354px;

}

.csv_tab_info.female .list04 p {

  bottom: 92px;

  left: 660px;

  max-width: 300px;

}

.csv_tab_info.female .list03.initial p {

  bottom: 35px;

}

.explain_area + .tit_tabcont {

  padding-top: 0;

}

.photo_list.type3 {

  padding-bottom: 50px;

}

.photo_list.type3 .list01 p {

  left: 560px;

  top: 360px;

}

.photo_list.type3 .list01.v2 p {

  left: 160px;

  top: 320px;

}

.photo_list.type3 .list01.left p {

  left: 0px;

  top: 360px;

}

.photo_list.type3 .list01.left p {

  left: 0px;

  top: 360px;

}

.explain_area.csv4_1 {}

.explain_area.csv4_2 {

  height: 1177px;

}

.explain_area.csv4_3 {

  padding-bottom: 250px;

}

.explain_area.csv4_1 li.left {

  padding: 330px 0 0 560px;

}

.explain_area.csv4_1 li.right {

  padding: 380px 0 0 0;

}

.explain_area.csv4_1 li.right p {

  width: 620px;

}

.list04_1 p {

  left: 511px;

  top: 380px;

  padding: 40px 50px !important;

}

.box4_2_2 {

  position: absolute;

  right: 100px;

  top: 171px;

}

.box4_2_3 {

  position: absolute;

  left: 60px;

  top: 577px;

}

.list04_2_1 p {

  left: 160px;

  top: 320px;

  width: 400px;

  padding: 40px 50px;

}

.list04_2_1 p strong {

  display: block;

  margin-top: 8px;

  font-size: 24px;

  font-weight: 500;

}

.list04_2_2 p {

  left: 40px;

  top: 447px;

  padding: 40px 30px 40px 50px !important;

}

.list04_2_3 p {

  left: 164px;

  top: 320px;

  width: 500px;

}

.list04_3 p {

  left: 511px;

  top: 360px;

  padding: 40px 50px;

}

.photo_list li.list04_1 {

  padding-bottom: 120px;

}

.photo_list li.list04_1 p {

  font-weight: 800;

}

.photo_list li.list04_3 p {

  font-weight: 800;

}

.photo_list.type3 li.list01 p {

  font-weight: 800;

}

.photo_list.type3 li.list01 p, .photo_list.type3 li.v2 p {

  font-weight: 800;

  padding-right: 50px;

}

.photo_explain {}

.photo_explain li {

  position: relative;

}

.photo_explain li .img_explain {

  position: absolute;

  top: 0;

}

.photo_explain li p {

  position: relative;

  display: inline-block;

  padding: 50px 35px 50px 50px;

  font-size: 18px;

  color: #222;

  line-height: 1.5em;

  background: #fff;

  z-index: 1;

}

.photo_explain li p strong {

  position: relative;

  display: block;

  margin-bottom: 20px;

  padding: 0 0 20px 0;

  font-size: 18px;

  color: #222;

  font-weight: 600;

}

.photo_explain li p strong:after {

  content: '';

  display: block;

  position: absolute;

  left: 0;

  bottom: 0;

  width: 30px;

  height: 1px;

  background-color: #959595;

}

.photo_explain li.txt01 {

  padding: 385px 0 60px 290px;

}

.photo_explain li.txt01 .img_explain {

  left: 0;

  top: 0;

}

.photo_explain li.txt02 {

  position: absolute;

  left: 0;

  top: 760px;

  width: 540px;

  padding: 345px 0 0 10px;

}

.photo_explain li.txt02 .img_explain {

  left: 60px;

  top: 0;

}

.photo_explain li.txt03 {

  width: 540px;

  margin: 0 0 0 640px;

}

.photo_explain li.txt03 .menulist01 {

  position: relative;

  padding: 290px 0 0 80px;

}

.photo_explain li.txt03 .menulist01 .img_explain {

  left: 0;

}

.photo_explain li.txt03 .menulist01 p {

  width: 460px;

  padding: 50px 0 50px 40px;

  box-sizing: border-box;

}

.photo_explain li.txt03 .menulist02 {

  position: relative;

  margin: 60px 0 0 0;

  padding: 220px 0 0 122px;

}

.photo_explain li.txt03 .menulist02 .img_explain {

  right: 0;

}

.photo_explain li.txt03 .menulist02 p {

  width: 420px;

  padding: 50px 0 50px 40px;

  box-sizing: border-box;

}

.section.ci {

  text-align: center;

}

.ci .tit_deco {

  padding: 60px 20px 7px 20px;

}

.ci .txt_ci {

  padding: 30px 0 80px 0;

  font-size: 21px;

  color: #222;

}

.other_section {

  padding: 90px 0 0 0;

  background: #f8f8f8;

}

.tit_value {

  padding: 190px 0 15px 0;

  font-size: 46px;

  color: #222;

  font-weight: 500;

  background: url(../../../../w/images/bg_tit_logo.png) no-repeat 50% 0;

}

.txt_value {

  padding: 0 0 35px 0;

  font-size: 18px;

  color: #222;

  font-weight: 600;

  line-height: 1.4em;

  border-bottom: 1px solid #e0e0e0;

}

.txt_value span {

  font-size: 18px;

  color: #da291c;

  font-weight: 600;

}

.txt_value02 {

  padding: 40px 0 0 0;

  font-size: 16px;

  color: #222;

  line-height: 1.6em;

}

.txt_value02 span {

  font-size: 16px;

  color: #da291c;

  font-weight: 500;

}

.symbol_wrap {

  margin: 100px 0 0 0;

  padding-bottom: 100px;

}

.symbol_wrap .symbol_area {

  float: left;

  width: 540px;

  margin-bottom: 20px;

  padding: 50px 20px 0;

  background: #fff;

}

.symbol_wrap .logo_area {

  float: right;

  width: 540px;

  margin-bottom: 20px;

  padding: 50px 20px 0;

  background: #fff;

}

.symbol_wrap strong {

  display: block;

  font-size: 31px;

  color: #222;

  font-weight: 500;

}

.symbol_wrap p {

  padding: 15px 0 35px 0;

  font-size: 16px;

  color: #222;

  line-height: 1.6em;

  border-bottom: 1px solid #e1e1e1;

}

.rual_txt {

  width: 270px;

  font-size: 14px !important;

  color: #da291c !important;

  border-bottom: 0 !important;

}

.symbol_wrap .img_mark {

  padding: 40px 0 40px 0;

}

.symbol_wrap .img_mark + strong {

  padding: 60px 0 0 0;

}

.symbol_wrap .signature_area {

  clear: both;

  padding: 50px 20px 0;

  background: #fff;

}

.color_system {

  padding-bottom: 100px;

}

.btn_ci {

  padding: 30px 0 100px 0;

}

.btn_ci a {

  display: inline-block;

  text-align: center;

  width: 180px;

  height: 40px;

  line-height: 40px;

  font-size: 14px;

  color: #222;

  border: 1px solid #e8e8e8;

  box-sizing: border-box;

  background: #fff;

}

.btn_ci a:after {

  display: block;

  content: "";

  vertical-align: middle;

  display: inline-block;

  width: 13px;

  height: 10px;

  margin-left: 10px;

  background: url(../../../../w/images/ico_btn_download.png) no-repeat 0 0;

}

.rule_wrap {

  overflow: hidden;

  width: 725px;

  margin: 65px auto 100px;

}

.rule_wrap .space_rule {

  float: left;

}

.rule_wrap .size_rule {

  float: right;

}

.rule_wrap span {

  display: block;

  padding-bottom: 35px;

  font-size: 16px;

  color: #222;

}

.rule_background {

  width: 1140px;

  margin: 0 auto;

}

/* cs */

.page_cs .visual {

  height: 660px;

  background: url(../../../../w/images/visual_cs.png) no-repeat 50% 0;

  background-size: cover;

}

.container .inbox {

  width: 1180px;

  margin: 0 auto;

}

.container .visual .inbox {

  text-align: center;

  padding-top: 210px;

}

.container .visual .inbox .p_tit {

  color: #fff;

  font-size:54px;

  margin-top: 30px;

  font-weight: 500;text-transform: uppercase;

}

.container .visual .inbox .p_tx {

  color: #fff;

  font-size: 22px;

  line-height: 34px;

  margin-top: 20px;

  font-weight: 500;

}

.page_cs .section {}

.page_cs .section.sec01 .inbox {

  padding: 90px 0 100px;

  text-align: center;

}

.page_cs .section.sec02 .inbox {

  padding: 100px 0 70px;

  text-align: center;

  border-top: 1px solid #999;

}

.container .section .tit_line {

  position: relative;

  text-align: center;

  padding-bottom: 20px;

  font-size: 47px;

  font-weight: 500;

  color: #222;

  line-height: 1.3em;

}

.container .section .tit_line:after {

  content: '';

  display: block;

  position: absolute;

  left: 50%;

  bottom: 0;

  width: 60px;

  height: 2px;

  background-color: #da291c;

  margin-left: -30px;

}

.container .section .sec_tx {

  font-size: 18px;

  color: #222;

  line-height: 34px;

  padding: 20px 0 90px 0;

}

.page_cs .btn_cs {

  display: inline-block;

  width: 260px;

  line-height: 60px;

  color: #fff;

  background-color: #da291c;

  font-size: 24px;

  font-weight: 500;

}

.chap_box {

  text-align: left;

  background-color: #f8f8f8;

  padding: 0 50px;

}

.chap_box .chap_list {}

.chap_box [class^='ico_'] {

  display: inline-block;

  width: 40px;

  height: 40px;

  margin-left: 10px;

  background-size: 100% auto;

  vertical-align: middle;

}

.chap_box .ico_chap1 {

  background-image: url(../../../../w/images/privacy/ico_chap1.png)

}

.chap_box .ico_chap2 {

  background-image: url(../../../../w/images/privacy/ico_chap2.png)

}

.chap_box .ico_chap3 {

  background-image: url(../../../../w/images/privacy/ico_chap3.png)

}

.chap_box .ico_chap4 {

  background-image: url(../../../../w/images/privacy/ico_chap4.png)

}

.chap_box .ico_chap5 {

  background-image: url(../../../../w/images/privacy/ico_chap5.png)

}

.chap_box .ico_chap6 {

  background-image: url(../../../../w/images/privacy/ico_chap6.png)

}

.chap_box .ico_chap7 {

  background-image: url(../../../../w/images/privacy/ico_chap7.png)

}

.chap_box .ico_chap8 {

  background-image: url(../../../../w/images/privacy/ico_chap8.png)

}

.chap_box .ico_chap9 {

  background-image: url(../../../../w/images/privacy/ico_chap9.png)

}

.chap_box .ico_chap10 {

  background-image: url(../../../../w/images/privacy/ico_chap10.png)

}

.chap_box .ico_chap11 {

  background-image: url(../../../../w/images/privacy/ico_chap11.png)

}

.chap_box .ico_chap12 {

  background-image: url(../../../../w/images/privacy/ico_chap12.png)

}

.chap_box .ico_chap13 {

  background-image: url(../../../../w/images/privacy/ico_chap13.png)

}

.chap_box .ico_chap14 {

  background-image: url(../../../../w/images/privacy/ico_chap14.png)

}

.chap_box .chap_list li {

  padding: 40px 0;

  border-top: 1px solid #dfdfdf;

}

.chap_box .chap_list li:first-child {

  border-top: none;

}

.chap_box .chap_list .chap_tt {

  font-size: 20px;

  font-weight: 800;

  color: #222;

  line-height: 28px;

}

.chap_box .chap_list .chap_slist {

  margin-top: 5px;

}

.chap_box .chap_list .chap_slist li {

  font-size: 14px;

  font-weight: 500;

  color: #222;

  line-height: 28px;

  padding: 0;

  border-top: none;

}

.page_privacy .visual {

  height: 660px;

  background: url(../../../../w/images/visual_privacy.png) no-repeat 50% 0;

  background-size: cover;

}

.page_privacy .section.sec01 .inbox {

  padding: 90px 0 100px;

  text-align: center;

}

.page_privacy .section.sec01 .pspan {

  display: inline-block;

  padding: 15px 60px;

  font-size: 15px;

  color: #da291c;

  font-weight: 500;

  background-color: #f8f8f8;

  margin-bottom: 75px;

}

.page_privacy .section.sec01 .privacy_btn {

  overflow: hidden;

  margin-top: 30px;

}

.page_privacy .section.sec01 .privacy_btn li {

  width: 580px;

  float: left;

  margin-left: 20px;

  border: 1px solid #dcdcdc;

  box-sizing: border-box;

}

.page_privacy .section.sec01 .privacy_btn li:first-child {

  margin-left: 0;

}

.page_privacy .section.sec01 .privacy_btn li a {

  display: block;

  text-align: left;

  padding: 22px 30px;

  font-size: 18px;

  font-weight: 500;

  color: #222;

  background: url(../../../../w/images/ico_warr.png) no-repeat top 22px right 30px;

}

.page_privacy .img-privacy-box {

  margin-bottom: 30px;

}

.chap_box .chap_list .chap_tt {

  margin-bottom: 10px;

}

.chap_box .chap_list .chap_para {

  font-size: 16px;

  margin-top: 5px;

  line-height: 22px;

}

.chap_detail_box {

  padding-left: 24px;

}

.chap_box .chap_list .list_dot > li, .chap_box .chap_list li.list_dot {

  position: relative;

  padding-left: 16px;

}

.chap_box .chap_list .list_dot > li:before, .chap_box .chap_list li.list_dot:before {

  content: '';

  position: absolute;

  top: 10px;

  left: 0;

  height: 5px;

  width: 5px;

  border-radius: 50%;

  background-color: #4b4b4b;

}

.chap_box .chap_list div.list_dash, .chap_box .chap_list p.list_dash, .chap_box .chap_list ul.list_dash > li, .chap_box .chap_list li.list_dash {

  padding-left: 12px;

  text-indent: -12px;

}

.chap_box .chap_list .list_dot .tbl_wrap {

  margin-left: -16px;

}

.tbl_wrap {}

.tbl_wrap table {

  table-layout: fixed;

  width: 100%;

  border-collapse: collapse;

}

.tbl_wrap thead th {

  background-color: #ececec;

  text-align: center;

  border: 1px solid #ccc;

  padding: 10px 0

}

.tbl_wrap tbody td {

  background-color: #fff;

  text-align: center;

  border: 1px solid #ccc;

  height: 80px;

  padding: 10px;

}

/* ir */

.page_ir .tb_tit {

  position: relative;

  font-size: 38px;

  padding-bottom: 20px;

  font-weight: 500;

  letter-spacing: -2px;

  word-spacing: 7px;

}

.page_ir .tb_tit:after {

  content: '';

  display: block;

  position: absolute;

  left: 50%;

  bottom: 0;

  width: 60px;

  height: 2px;

  background-color: #da291c;

  margin-left: -30px;

}

.tab_list {

  margin: 40px 0 80px 0;

} /*2018-09-13*/

.tab_list li {

  vertical-align: top;

  display: inline-block;

  text-align: center;

  width: 190px;

  margin-bottom: 15px;

  background: url(../../../../w/images/bg_tab_list.gif) no-repeat 0 30px;

}

.tab_list li.no_bg {

  background: none;

}

.tab_list li a {

  position: relative;

  display: inline-block;

  padding: 25px 0 20px 0;

  font-size: 18px;

  color: #222;

}

.tab_list li.on a:after {

  display: inline-block;

  content: '';

  position: absolute;

  left: 50%;

  top: 0;

  width: 100%;

  padding: 0 10px;

  height: 4px;

  background: #da291c;

  transform: translateX(-50%);

  -webkit-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  box-sizing: border-box;

}

.tab_list li.on a {

  color: #da291c;

}

.tab_list.type2 {

  background: none;

}

.tab_list.type2 li a {

  font-size: 22px;

}

.tab_list.type2 li a .eng_txt {

  display: block;

  margin: 5px 0 0 0;

  font-size: 15px;

  color: #222;

}

.tab_list.type2 li.on a .eng_txt {

  color: #da291c;

}

.table_wrap {

  margin: 40px 0 80px 0;

}

.table_wrap table {

  width: 100%;

  border-bottom: 1px solid #767778;

}

.table_wrap table thead th {

  padding: 12px 0 11px 0;

  font-size: 15px;

  color: #222;

  font-weight: bold;

  border-left: 1px solid #dfdfdf;

  border-top: 1px solid #dfdfdf;

  background: #fafafa;

}

.table_wrap table thead .first th {

  border-top: 2px solid #54585a;

}

.table_wrap table thead .first th:first-child {

  border-left: 0;

}

.table_wrap table thead tr th:first-child {

  border-left: 0;

}

.table_wrap table tbody td {

  padding: 15px 0 15px 0;

  font-size: 16px;

  color: #222;

  line-height: 1.8em;

  border-top: 1px solid #dfdfdf;

  border-left: 1px solid #dfdfdf;

}

.table_wrap table tbody td:first-child {

  text-align: center;

  padding-right: 0 !important;

  border-left: 0;

}

.table_wrap table tbody td:first-child:last-child {

  border-left: 1px solid #dfdfdf;

}

.table_wrap table tbody td.left {

  text-align: left;

  padding-left: 30px !important;

}

.table_wrap table tbody td img {

  vertical-align: middle;

}

.table_wrap table tbody .first td {

  border-top: 1px solid #bcbcbc;

}

.table_wrap table tbody td[rowspan] {

  border-right: 1px solid #dfdfdf;

}

.table_wrap table tbody td[rowspan]:last-child {

  border-right: 0;

}

.table_wrap.center tbody td {

  text-align: center;

  padding-right: 0 !important;

}

.table_wrap table tbody td.title {

  padding: 0 0 0 70px;

  text-align: left;

}

.table_wrap table tbody td.title a {

  display: block;

  width: 600px;

  height: 25px;

  font-size: 16px;

  color: #222;

  line-height: 1.8em;

}

.ellipsis a {

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.table_wrap table tbody td.file {}

.table_wrap table tbody td.file a {

  display: inline-block;

  font-size: 16px;

  color: #222;

  line-height: 1.8em;

}

.table_wrap table tbody td.file .btn_download {

  padding: 0 0 0 26px;

  background: url(../../../../w/images/ico_download.png) no-repeat 0 50%;

}

.table_wrap table tbody td.file span {

  display: inline-block;

  padding: 0 0 0 55px;

  font-size: 16px;

  color: #222;

  line-height: 1.8em;

}

/*2019-04-08 異붽�*/

.table_wrap table .mark {

  font-size: 9px;

  vertical-align: top;

  margin-left: 3px;

}

.table_wrap .table_desc {

  text-align: right;

  margin-top: 10px;

  font-size: 14px;

}

.table_wrap .table_desc2 {

  text-align: left;

  margin-top: 10px;

  font-size: 14px;

}

/*//2019-04-08 異붽�*/

/*2019-05-27 ir-contact */

.ir-contact {

  margin: 120px 0 60px;

  font-size: 0;

  background: #da291c url("../../../../w/images/bg_ir_contact.jpg") right no-repeat;

}

.ir-contact > div {

  width: 50%;

  display: inline-block;

  vertical-align: middle;

}

.ir-contact .fig-cont {

  text-align: left;

  font-size: 14px;

  box-sizing: border-box;

  padding-left: 77px;

  color: #ffffff;

}

.ir-contact .fig-cont p {

  font-size: 38px;

  font-weight: bold;

  line-height: 1;

  margin-bottom: 22px;

}

.ir-contact .fig-cont .number {

  display: block;

  font-size: 24px;

  line-height: 1;

}

.ir-contact .fig-cont .number:before {

  content: '';

  background: url("/common/w/images/ic_contact.png") no-repeat;

  width: 24px;

  height: 24px;

  display: inline-block;

  padding-right: 13px;

  vertical-align: middle;

}

/* //2019-05-27 ir-contact */

.table_wrap.type2 table thead th {

  padding: 15px 0 15px 0;

  border-left: 0;

  border-right: 0;

}

.table_wrap.type2 table tbody td {

  border-left: 0;

  border-right: 0;

}

.before_txt {

  font-size: 16px;

  color: #888;

}

.page_ir td {

  text-align: right;

  padding-right: 30px !important;

}

.page_ir .point_line th, .page_ir .point_line td {

  font-weight: bold;

  background: #fef8f8;

}

.unit {

  text-align: right;

  margin: 20px 0 15px 0;

  font-size: 14px;

  color: #222;

}

.cont_table {

  display: none;

}

/* 2018-09-13 ir 異붽�(s) */

.tab_list.type3 {

  margin: 40px 0;

}

.cont_table .line {

  background: #e1e1e1;

  height: 1px;

  width: 100%;

}

.table_cont {

  width: 100%;

  float: left;

  text-align: left;

}

.table_cont + .table_cont {

  border-top: 1px solid #e1e1e1;

  margin-top: 10px;

}

.table_cont .table_item {

  padding: 40px 20px;

  width: 50%;

  box-sizing: border-box;

  float: left;

}

.table_cont .table_item p {

  display: block;

  min-height: 130px;

}

.table_cont .table_item h5 {

  font-weight: 800;

  color: #222;

  font-size: 32px;

  margin-bottom: 15px;

}

.table_cont .table_item ul li {

  display: inline-block;

  margin-right: 10px;

  width: 170px;

  height: 185px;

  background: #f7f7f7;

  position: relative;

  padding: 30px 20px;

  box-sizing: border-box;

}

.table_cont .table_item ul li a {

  width: 100%;

  height: 100%;

  display: block;

}

.table_cont .table_item ul li h6 {

  font-weight: 800;

  color: #da291c;

  font-size: 18px;

  float: left;

}

.table_cont .table_item ul li h6:after {

  content: '';

  background: url(../images/ic_ir-link.png) no-repeat;

  display: block;

  width: 34px;

  height: 34px;

  margin-top: 15px;

}

.table_cont .table_item ul li a:after {

  content: '';

  display: block;

  width: 50px;

  height: 50px;

  float: right;

  background: url("../images/ic_ir-site.png")no-repeat;

  position: absolute;

  right: 20px;

  bottom: 30px;

}

.table_cont .table_item ul li.item02 a:after {

  background-position: -50px 0;

  height: 56px;

}

.table_cont .table_item ul li.item03 a:after {

  background: url(../../../../w/images/ic_ir_rits.png) no-repeat 100% 100%;

  background-size: auto 100%;

}

.table_cont .table_item ul li.item04 a:after {

  background-position: -150px 0

}

.table_cont .table_item ul li.item05 a:after {

  background-position: left bottom;

  width: 53px;

  height: 43px;

}

.table_cont .table_item ul li.item06 a:after {

  background-position: -200px 0

}

.table_cont .table_item ul li.item07 a:after {

  background-position: -250px 0

}

.table_cont .table_item ul li.item08 a:after {

  background-position: -100px bottom;

  width: 60px;

  height: 49px;

}

.table_cont .table_item ul li.item09 a:after {

  background: url(../../../../w/images/ic_ir_rental.png) no-repeat 100% 100%;

  background-size: auto 100%;

}

.table_cont .table_item ul li.item10 a:after {

  background-position: -350px 0

}

/* 2018-09-13 ir 異붽�(e) */

/* pr */

.tb_tit {

  position: relative;

  text-align: center;

  font-size: 42px;

  padding-bottom: 20px;

  font-weight: 500;

}

.tb_tit:after {

  content: '';

  display: block;

  position: absolute;

  left: 50%;

  bottom: 0;

  width: 60px;

  height: 2px;

  background-color: #da291c;

  margin-left: -30px;

}

.sub_txt {

  text-align: center;

  margin: 30px 0 0px 0;

  font-size: 18px;

  color: #222;

  line-height: 1.4em;

}

.page_pr .no_list {

  margin-top: 0;

  border-top: 0;

}

.news_list {

  overflow: hidden;

  margin: 90px 0 40px 0px;

  padding-bottom: 40px;

  border-bottom: 1px solid #dfdfdf;

}

.news_list li {

  position: relative;

  float: left;

  width: 380px;

  margin: 0 0 20px 20px;

  padding-bottom: 30px;

  border: 1px solid #e8e8e8;

  box-sizing: border-box;

}

.news_list li:nth-child(3n+1) {

  margin-left: 0;

}

.news_list li a {

  display: block;

  height: 100%;

}

.news_list li a .thum_area {

  position: absolute;

  left: -1px;

  top: -1px;

  width: 380px;

  height: 250px;

  z-index: 1;

}

.news_list li a .thum_area:after {

  display: block;

  content: '';

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: 2;

  background: url(../../../../w/images/bg_thum_dim.png) repeat 0 0;

}

.news_list li a .thum_area .thum_img {

  display: block;

  width: 100%;

  height: 250px;

}

.news_list li a .thum_area .thum_img img {

  width: 100%;

  height: 100%;

}

.news_list li a .thum_area p {

  text-align: center;

  position: absolute;

  left: 0;

  top: 50%;

  width: 100%;

  font-size: 24px;

  color: #fff;

  padding: 0 20px;

  line-height: 1.3em;

  z-index: 3;

  transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

  box-sizing: border-box;

}

.news_list li a .news_txt {

  padding: 280px 35px 0 35px;

}

.news_list li a .news_txt strong {

  position: relative;

  display: inline-block;

  margin-bottom: 14px;

  padding: 0 0 17px 0;

  font-size: 16px;

  color: #da291c;

  font-weight: 800;

}

.news_list li a .news_txt strong:after {

  display: block;

  content: '';

  position: absolute;

  left: 50%;

  bottom: 0px;

  width: 30px;

  height: 1px;

  margin-left: -15px;

  background: #999;

}

.news_list li a .news_txt p {

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  display: -ms-box;

  -webkit-line-clamp: 2;

  -ms-line-clamp: 2;

  -webkit-box-orient: vertical;

  -ms-box-orient: vertical;

  word-wrap: break-word;

  line-height: 1.4em;

  height: 45px;

  font-size: 16px;

  color: #222;

}

.news_list li a .news_txt .new_date {

  display: inline-block;

  margin: 15px 0 0 0;

  font-size: 16px;

  color: #666;

}

.newsletter_p .news_list li a .thum_area:after {

  display: none;

}

.video_wrap .news_list {

  margin-bottom: 20px;

  padding-bottom: 10px;

  border-bottom: 0;

}

.video_wrap .news_list li {}

.btn_youtube {

  text-align: center;

  margin: 70px 0 150px 0;

}

.btn_youtube a {

  display: inline-block;

  width: 520px;

  height: 60px;

  line-height: 62px;

  font-size: 24px;

  color: #fff;

  background: #da291c;

}

.btn_youtube a:before {

  vertical-align: middle;

  display: inline-block;

  content: "";

  width: 37px;

  height: 25px;

  margin-right: 20px;

  background: url(../../../../w/images/bg_btn_youtube.png) no-repeat 0 0;

}

.more_view {

  text-align: center;

}

.more_view a {

  display: inline-block;

  width: 200px;

  height: 60px;

  line-height: 60px;

  font-size: 24px;

  color: #fff;

  background: #da291c;

}

.more_view a:after {

  vertical-align: middle;

  display: inline-block;

  content: "";

  width: 13px;

  height: 13px;

  margin-left: 10px;

  background: url(../../../../w/images/ico_plus.png) no-repeat 0 0;

}

.last_newsletter {

  display: block;

}

.last_newsletter img {

  width: 100%;

  height: 214px;

}

.tit_news_list {

  padding: 40px 0 0 0;

  font-size: 28px;

  color: #da291c;

}

.news_list .document_link {

  margin-top: 15px;

}

.newsletter_p .document_link {

  text-align: center;

}

.newsletter_p .document_link a {

  display: inline-block;

  width: 180px;

}

/* newsletter */

.newsletter_p {

  margin-bottom: 0;

  padding-bottom: 100px;

}

.newsletter_p .tb_tit {

  padding-top: 90px;

}

.newsletter_p .sub_txt {

  margin-bottom: 0;

  padding-bottom: 50px;

}

.newsletter .monthly_theme {

  position: relative;

  height: 705px;

  box-sizing: border-box;

}

.newsletter .visual_month {

  position: absolute;

  left: 50%;

  top: 4px;

  width: 1920px;

  height: 693px;

  margin-left: -960px;

}

.newsletter .visual_month img {

  width: 100%;

  height: 100%;

}

.newsletter .news_title {

  text-align: center;

  position: absolute;

  left: 50%;

  top: 0;

  width: 300px;

  height: 705px;

  padding: 0 25px;

  margin-left: -590px;

  background: url(../../../../w/images/bg_news_title.jpg) no-repeat 0 0;

  box-sizing: border-box;

}

.newsletter .tit_month {

  position: relative;

  padding: 75px 0 25px 0;

  font-size: 14px;

  color: #000;

  font-weight: 800;

}

.newsletter .tit_month strong {

  display: block;

  font-size: 120px;

  color: #da291c;

  line-height: 120px;

}

.newsletter .tit_month:after {

  display: block;

  content: "";

  position: absolute;

  left: 50%;

  bottom: 0px;

  width: 48px;

  height: 1px;

  margin-left: -24px;

  background: #e3675e;

}

.newsletter .tit_theme {

  margin: 80px 0 0 0;

  font-size: 15px;

  color: #222;

  line-height: 1.4em;

}

.newsletter .tit_theme strong {

  display: block;

  font-size: 18px;

  color: #222;

  font-weight: 800;

}

.newsletter .tit_theme p {

  overflow: hidden;

  height: 65px;

  margin: 15px 10px 0 10px;

}

.monthly_detail {

  position: absolute;

  left: 50%;

  bottom: 60px;

  margin-left: -530px;

}

.monthly_detail .select_wrap {

  position: relative;

  height: 40px;

  margin: 30px 0 0;

  border-top: 1px solid #cacaca;

  border-bottom: 1px solid #cacaca;

}

.monthly_detail .select_wrap em {

  position: absolute;

  left: 20px;

  top: 13px;

  font-size: 14px;

  color: #000;

}

.monthly_detail .select_wrap:after {

  display: block;

  content: "";

  position: absolute;

  right: 20px;

  top: 18px;

  width: 9px;

  height: 5px;

  background: url(../../../../w/images/bg_select_arrow.png) no-repeat 0 0;

}

.document_link {

  margin: 85px 0 30px 0;

}

.document_link a {

  position: relative;

  display: inline-block;

  text-align: left;

  width: 180px;

  height: 40px;

  line-height: 40px;

  margin-bottom: 3px;

  padding: 0 0 0 20px;

  font-size: 14px;

  color: #222;

  border: 1px solid #e8e8e8;

  box-sizing: border-box;

  background: #fff;

}

.document_link a:after {

  display: block;

  content: "";

  position: absolute;

  right: 20px;

  top: 14px;

  width: 5px;

  height: 9px;

  background: url(../../../../w/images/ico_document_link.png) no-repeat 0 0;

}

.news_title .select_wrap {

  position: relative;

  height: 40px;

  margin: 30px 60px 0;

  border-top: 1px solid #cacaca;

  border-bottom: 1px solid #cacaca;

}

.news_title .select_wrap em {

  position: absolute;

  left: 20px;

  top: 13px;

  font-size: 14px;

  color: #000;

}

.news_title .select_wrap:after {

  display: block;

  content: "";

  position: absolute;

  right: 20px;

  top: 18px;

  width: 9px;

  height: 5px;

  background: url(../../../../w/images/bg_select_arrow.png) no-repeat 0 0;

}

.focus_list {

  width: 1180px;

  margin: 100px auto 0;

}

.focus_list li {

  position: relative;

  padding: 0 0 120px 0;

}

.focus_list .focus_visual {

  padding: 50px 0 0 0;

  opacity: 0;

  filter: alpha(opacity=0);

}

.focus_list .focus_visual img {

  width: 940px;

  height: 440px;

}

.focus_list li .focus_txt {

  margin-top: 50px;

  opacity: 0;

  filter: alpha(opacity=0);

}

.focus_list li:first-child .focus_txt {

  position: absolute;

  right: 0;

  top: 130px;

  width: 460px;

  padding: 60px 5px 0 60px;

  background: #fff;

  box-sizing: border-box;

}

.focus_list li:first-child + li .focus_visual {

  text-align: right;

}

.focus_list li:first-child + li .focus_txt {

  position: absolute;

  left: 0;

  top: 130px;

  width: 460px;

  padding: 60px 40px 0 0;

  background: #fff;

  box-sizing: border-box;

}

.focus_list li:first-child + li + li .focus_txt {

  position: absolute;

  right: 0;

  top: 130px;

  width: 460px;

  padding: 60px 5px 0 60px;

  background: #fff;

  box-sizing: border-box;

}

.focus_list li:first-child + li + li + li .focus_visual {

  text-align: right;

}

.focus_list li:first-child + li + li + li .focus_txt {

  position: absolute;

  left: 0;

  top: 130px;

  width: 460px;

  padding: 60px 40px 0 0;

  background: #fff;

  box-sizing: border-box;

}

.focus_num {

  margin: 0 0 35px 0;

  font-size: 16px;

  color: #333;

}

.focus_num p {

  text-align: left;

  font-size: 16px;

  color: #333;

}

.focus_num p strong {

  display: inline-block;

  font-size: 18px;

  color: #da291c;

  font-weight: 700;

}

.focus_num p span {

  display: inline-block;

  margin-left: 10px;

  font-size: 16px;

  color: #ed1d24;

  font-weight: 700;

}

.focus_txt .tit_focus {

  overflow: hidden;

  display: block;

  max-height: 68px;

  font-size: 26px;

  color: #232937;

  font-weight: 700;

  line-height: 1.4em;

  text-overflow: ellipsis;

  display: -webkit-box;

  display: -ms-box;

  -webkit-line-clamp: 2;

  -ms-line-clamp: 2;

  -webkit-box-orient: vertical;

  -ms-box-orient: vertical;

  word-wrap: break-word;

}

.focus_txt .txt_focus {

  overflow: hidden;

  height: 120px;

  margin: 10px 0 0 0;

  font-size: 15px;

  color: #232937;

  line-height: 1.6em;

  text-overflow: ellipsis;

  display: -webkit-box;

  display: -ms-box;

  -webkit-line-clamp: 5;

  -ms-line-clamp: 5;

  -webkit-box-orient: vertical;

  -ms-box-orient: vertical;

  word-wrap: break-word;

}

.focus_txt .more_focus {

  text-align: left;

  display: block;

  margin: 25px 0 0 0;

  font-size: 15px;

  color: #232937;

  line-height: 1.4em;

}

.focus_slidewrap {

  position: relative;

  height: 670px;

  margin: 70px 0 120px 0;

}

.focus_slide {

  text-align: center;

  position: absolute;

  left: 50%;

  top: 0;

  width: 1920px;

  height: 600px;

  margin-left: -960px;

}

.focus_slide .visual_special img {

  width: 100%;

  height: 100%;

}

.focus_slide li {

  position: relative;

}

.focus_slide .focus_txt {

  position: absolute;

  left: 50%;

  top: 0;

  width: 540px;

  height: 640px;

  margin-left: -590px;

  padding: 80px 80px 0 60px;

  background: url(../../../../w/images/bg_focus_txt.png) repeat 0 0;

  box-sizing: border-box;

}

.focus_slide .focus_num {

  margin: 0 0 45px 0;

  font-size: 16px;

  color: #333;

}

.focus_slide .focus_txt .txt_focus {

  margin: 20px 0 0 0;

}

.focus_slide .focus_txt .more_focus {

  margin: 85px 0 0 0;

}

.focus_slide .bx-controls {

  position: relative;

  display: inline-block;

  text-align: center;

  height: 40px;

  margin: 30px 0 0 0;

  padding: 0 75px;

}

.focus_slide .bx-pager {

  display: inline-block;

  vertical-align: middle;

}

.focus_slide .bx-pager-item {

  display: inline-block;

  vertical-align: middle;

}

.focus_slide .bx-pager-item a {

  display: inline-block;

  width: 30px;

  height: 10px;

  font-size: 0;

  text-indent: -9999px;

  background: url(../../../../w/images/img_indicator.png) no-repeat 50% 0;

}

.focus_slide .bx-pager-item a.active {

  background-image: url(../../../../w/images/img_indicator_on.png);

}

.focus_slide .bx-controls-direction {

  display: inline-block;

}

.focus_slide .bx-controls-direction .bx-prev {

  vertical-align: top;

  display: inline-block;

  position: absolute;

  left: 0;

  top: 0;

  width: 40px;

  height: 40px;

  font-size: 0;

  text-indent: -9999px;

  background: url(../../../../w/images/btn_vedio_left.png) no-repeat 0 0;

}

.focus_slide .bx-controls-direction .bx-next {

  vertical-align: top;

  display: inline-block;

  position: absolute;

  right: 0;

  top: 0;

  width: 40px;

  height: 40px;

  font-size: 0;

  text-indent: -9999px;

  background: url(../../../../w/images/btn_video_right.png) no-repeat 0 0;

}

.newsletter_p .news_list {

  text-align: center;

  width: 1180px;

  margin: 0 auto;

  padding-bottom: 0px;

  border-bottom: 0;

}

.newsletter_p .last_newsletter {

  text-align: right;

  width: 1180px;

  margin: 0 auto;

}

.newsletter_p .select_wrap {

  position: relative;

  display: inline-block;

  min-width: 180px;

  height: 40px;

  margin: 0 0 30px;

  border-top: 1px solid #cacaca;

  border-bottom: 1px solid #cacaca;

  box-sizing: border-box;

}

.newsletter_p .select_wrap em {

  position: absolute;

  left: 25px;

  top: 13px;

  font-size: 14px;

  color: #222;

}

.newsletter_p .select_wrap:after {

  display: block;

  content: "";

  position: absolute;

  right: 20px;

  top: 18px;

  width: 9px;

  height: 5px;

  background: url(../../../../w/images/img_newsletter_select.png) no-repeat 0 0;

}

.newsletter_p .news_list li {

  margin-bottom: 40px;

}

.newsletter_p .news_list li .img_newsletter {

  display: block;

}

.newsletter_p .news_list li .img_newsletter img {

  width: 100%;

}

.newsletter_p .news_list li:first-child {

  margin-left: 0;

}

.newsletter_p .news_list li:nth-child(3n+1) {

  margin-left: 0;

}

.newsletter_p .news_list .ico_plus {

  display: inline-block;

  margin: 25px 0 0 0;

}

.newsletter_p .preview_area {

  width: 1180px;

  margin: 0 auto;

}

.video_wrap {

  margin: 100px 0 0 0;

}

.video_view {}

.video_view:after {

  display: block;

  content: "";

  clear: both;

}

.video_box {

  float: left;

  width: 860px;

}

.subtitles_area {

  position: relative;

  float: right;

  width: 300px;

  height: 484px;

  padding: 50px 30px 50px;

  background: #f7f7f7;

  box-sizing: border-box;

}

.tit_subtitle {

  text-align: left;

  margin-bottom: 20px;

  font-size: 24px;

  color: #000;

  line-height: 1.4em;

  height: 99px;

  overflow: hidden;

  text-overflow: ellipsis;

  word-wrap: normal;

  display: -webkit-box;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

  word-wrap: break-word;

}

.txt_subtitle {

  text-align: left;

  overflow-y: auto;

  height: 305px;

  padding: 30px 20px 30px 0;

  line-height: 1.6em;

  border-top: 1px solid #dedede;

  box-sizing: border-box;

}

.txt_subtitle strong {

  display: block;

  margin-bottom: 5px;

  font-size: 22px;

  color: #000;

  line-height: 1.4em;

}

.subtitles_area.type2 .txt_subtitle {

  padding-top: 0;

  border-top: 0;

}

.subtitles_area.type2 .tit_subtitle {

  height: auto;

}

.video_slide {

  margin: 60px 0 0 0;

}

.video_slide .bx-wrapper {

  max-width: 100% !important;

}

.video_slide .news_list {

  margin: 0;

}

.video_slide .news_list li {

  margin: 0 0 0 0;

}

.video_slide .news_list li a .thum_area:after {

  display: none;

}

.video_slide .news_list li a .thum_area .thum_img {

  height: 214px;

}

.video_slide .news_list li a .news_txt {

  padding-top: 243px;

}

.video_slide .bx-controls {

  position: relative;

  display: inline-block;

  text-align: center;

  height: 40px;

  margin: 40px 0 0 0;

  padding: 0 75px;

}

.video_slide .bx-pager {

  display: inline-block;

  vertical-align: middle;

}

.video_slide .bx-pager-item {

  display: inline-block;

  vertical-align: middle;

}

.video_slide .bx-pager-item a {

  display: inline-block;

  width: 30px;

  height: 10px;

  font-size: 0;

  text-indent: -9999px;

  background: url(../../../../w/images/img_indicator.png) no-repeat 50% 0;

}

.video_slide .bx-pager-item a.active {

  background-image: url(../../../../w/images/img_indicator_on.png);

}

.video_slide .bx-controls-direction {

  display: inline-block;

}

.video_slide .bx-controls-direction .bx-prev {

  vertical-align: top;

  display: inline-block;

  position: absolute;

  left: 0;

  top: 0;

  width: 40px;

  height: 40px;

  font-size: 0;

  text-indent: -9999px;

  background: url(../../../../w/images/btn_vedio_left.png) no-repeat 0 0;

}

.video_slide .bx-controls-direction .bx-next {

  vertical-align: top;

  display: inline-block;

  position: absolute;

  right: 0;

  top: 0;

  width: 40px;

  height: 40px;

  font-size: 0;

  text-indent: -9999px;

  background: url(../../../../w/images/btn_video_right.png) no-repeat 0 0;

}

.open_date {

  position: absolute;

  left: 30px;

  bottom: 50px;

  text-align: left;

  width: 240px;

  padding: 10px 0 0 0;

  font-size: 14px;

  color: #000;

  border-top: 1px solid #dedede;

}

.brochure_list {

  overflow: hidden;

  margin: 95px 0 0 0;

  font-size: 0;

  text-align: center;

}

.brochure_list li:first-child {

  margin-left: 0;

}

.brochure_list li {

  display: inline-block;

  width: 280px;

  margin-left: 20px;

  padding: 50px 40px;

  background: #e8e8e8;

  box-sizing: border-box;

}

.brochure_list li .brochure_area {

  position: relative;

  text-align: center;

  padding: 30px 29px 36px 29px;

  border: 1px solid #d1d1d1;

  border-bottom: 0;

  background: #f4f4f4 url(../../../../w/images/bg_brochure.png) repeat-x 0 100%;

}

.brochure_list li .brochure_area:after {

  display: block;

  content: "";

  position: absolute;

  left: 9px;

  bottom: -17px;

  width: 21px;

  height: 20px;

  background: url(../../../../w/images/bg_tie.png) no-repeat 0 0;

}

.brochure_list li .brochure_area .tit_language {

  display: block;

  margin-bottom: 15px;

  padding-bottom: 10px;

  font-size: 22px;

  color: #222;

  background: url(../../../../w/images/bg_tit_language.png) no-repeat 50% 100%;

}

.brochure_list li .brochure_area .img_brochure {

  height: 64px;

}

.brochure_list li .brochure_area .img_brochure img {

  width: auto;

  height: 100%;

}

.brochure_list li .down_brochure {

  margin: 15px 0 0 0;

}

.brochure_list li .down_brochure a {

  display: block;

  margin: 4px 0 0 0;

  padding: 12px 0 10px 0;

  font-size: 14px;

  color: #222;

  border: 1px solid #e8e8e8;

  background: #fff;

}

/* business */

#part1 {

  opacity: 1;

  filter: alpha(opacity=100);

  background: url(../../../../w/images/main/bg_section01.jpg) no-repeat 50% 0;

  background-size: cover;

}

#part2, #part3, #part4, #part5 {

  opacity: 0;

  filter: alpha(opacity=0);

}

#part1 .bg_section {

  background: url(../../../../w/images/business/bg_part01.jpg) no-repeat 50% 0;

  background-size: cover;

}

#part2 .bg_section {

  background: url(../../../../w/images/business/bg_part02.jpg) no-repeat 50% 0;

  background-size: cover;

}

#part3 .bg_section {

  background: url(../../../../w/images/business/bg_part03.jpg) no-repeat 50% 0;

  background-size: cover;

}

#part4 .bg_section {

  background: url(../../../../w/images/business/bg_part04.jpg) no-repeat 50% 0;

  background-size: cover;

}

.business .section .contents {

  text-align: left;

  margin-top: -215px;

  padding-left: 120px;

}

.tit_business {

  padding: 0 0 30px 0;

  font-size: 34px;

  color: #fff;font-weight: 500;

  background: url(../img/bg_tit_business.png) no-repeat 0 100%;text-transform: uppercase;

}

.txt_business {

  padding: 115px 0 0 0;

}

.p1 .txt_business {

  background: url(../img/Fuel&Gas.svg) no-repeat 0 45px;

}

.p2 .txt_business {

  background: url(../img/Lubricants.svg) no-repeat 0 45px;

}

.p3 .txt_business {

  background: url(../img/RealEstateDevelopment.svg) no-repeat 0 45px;

}

.p4 .txt_business {

  background: url(../img/Construction.svg) no-repeat 0 45px;

}

.p5 .txt_business {

  background: url(../img/Ready-Mix.svg) no-repeat 0 45px;

}

.p6 .txt_business {

  background: url(../img/Transportation.svg) no-repeat 0 45px;

}

.p7 .txt_business {

  background: url(../img/Logistics.png) no-repeat 0 45px;

}

#part2 .txt_business {

  background: url(../../../../w/images/business/ico_distribute.png) no-repeat 0 45px;

}

#part3 .txt_business {

  background: url(../../../../w/images/business/ico_chemistry.png) no-repeat 0 45px;

}

#part4 .txt_business {

  background: url(../../../../w/images/business/ico_trip.png) no-repeat 0 45px;

}

.txt_business p {

  width: 800px;

  font-size: 16px;

  color: #fff;

  line-height: 1.4em;text-align: justify;

}

.business_page #fp-nav {

  width: 150px;

}

.view_more {

  display: table;

  position: absolute;

  right: 0;

  top: 0;

  width: 240px;

  height: 100%;

  padding-left: 40px;padding-right: 40px;

  background: url(../img/bg_more_list.png) repeat 0 0;

  z-index: 90;

  box-sizing: border-box;

}

.view_more.off {

  z-index: 0;

}

.view_more a {

  display: table-cell;

  vertical-align: middle;

  height: 42px;

  line-height: 1.6em;

  font-size: 24px;text-transform: uppercase;

  color: #fff;

  /*background: url(../img/bg_more_view.png) no-repeat 38px 44%;*/

}

.list_view {

  overflow-x: hidden;

  overflow-y: auto;

  height: 100%;

  position: fixed;

  right: -500px;

  ;

  top: 0;

  width: 500px;

  background: url(../img/bg_more_list.png) repeat 0 0;

  z-index: 95;

}

.list_view li {

  position: relative;

  height: 142px;

  border-top: 1px solid #6b6f78;

  box-sizing: border-box;

}

.list_view li:first-child {

  border-top: 0;

}

.list_view li a {

  position: relative;

  display: block;

  height: 100%;

  padding: 60px 0 0 30px;

  box-sizing: border-box;

  font-size: 23px;

  color: #fff;

}

.list_view li a em {

  position: relative;

  display: block;

  font-size: 23px;

  color: #fff;

  z-index: 2;

}

.list_view li a:after {

  display: block;

  content: "";

  position: absolute;

  right: 30px;

  top: 52px;

  width: 40px;

  height: 40px;

  z-index: 2;

  background: url(../../../../w/images/business/bg_plus.png) no-repeat 0 50%;

}

.list_view li a:hover:after {

  background-image: url(../../../../w/images/business/bg_plus_on.png);

}

.list_view li a .hover_img {

  overflow: hidden;

  position: absolute;

  left: 0;

  top: 0;

  width: 500px;

  height: 141px;

  opacity: 0;

  filter: alpha(opacity=0);

  z-index: -1;

}

.list_view li a .hover_img img {

  width: 100%;

  height: 100%;

}

.business_p .visual_info {

  position: relative;

  text-align: center;

  height: 1080px;

  background: url(../../../../w/images/business/bg_business_detail.jpg) no-repeat 50% 0;

  background-repeat: no-repeat;

  background-position: 50% 0;

  background-size: cover;

}

.business_p .visual_tit .tit_category {

  display: block;

  padding: 110px 0 0 0;

  font-size: 26px;

  color: #fff;

  background: url(../../../../w/images/business/bg_tit_category.png) no-repeat 50% 0;

}

.business_p .visual_tit .tit_category.type_1 {

  background-image: url(../../../../w/images/business/bg_tit_category01.png);

}

.business_p .visual_tit .tit_category.type_2 {

  background-image: url(../../../../w/images/business/bg_tit_category02.png);

}

.business_p .visual_tit .tit_category.type_3 {

  background-image: url(../../../../w/images/business/bg_tit_category03.png);

}

.business_p .visual_tit .tit_category.type_4 {

  background-image: url(../../../../w/images/business/bg_tit_category04.png);

}

.business_p .visual_tit {

  padding: 215px 0 0 0;

}

.business_p .tit_union {

  position: relative;

  display: block;

  margin: 70px 0 0 0;

  padding: 0 0 30px 0;

  font-size: 80px;

  color: #fff;

}

.business_p .tit_union:after {

  content: '';

  display: block;

  position: absolute;

  left: 50%;

  bottom: 0;

  width: 50px;

  height: 2px;

  background-color: #da291c;

  margin-left: -25px;

}

.business_p .txt_union {

  margin: 40px 0 0 0;

  font-size: 18px;

  color: #fff;

  line-height: 1.4em;

}

.business_p .visual_tit a {

  display: inline-block;

  width: 216px;

  height: 45px;

  line-height: 45px;

  margin: 120px 0 0 5px;

  font-size: 18px;

  color: #fff;

  border: 1px solid #fff;

}

.business_p .visual_tit a:first-child {

  margin-left: 0;

}

.business_p .ico_scroll {

  display: block;

  position: absolute;

  bottom: 60px;

  left: 50%;

  width: 46px;

  height: 35px;

  background: url(../../../../w/images/ico_arr.png) no-repeat 0 0;

  transform: translateX(-50%);

  -webkit-transform: translateX(-50%);

  -ms-transform: translateX(-50%)

}

.business_p .tab_list {

  background: none;

}

.business_p .core_service .inbox {

  padding-top: 0;

}

.business_p .tab_list.col3 li {

  width: 33%;

}

.business_p .tab_list.col3 li + li {

  width: 34%;

}

.business_p .tab_list li:first-child {

  background: none;

}

.business_p .tab_list li a {

  font-size: 30px;

  color: #222;

}

.tab_wrap {

  display: table;

  width: 100%;

  table-layout: fixed;

}

.tab_wrap li {

  display: table-cell;

  text-align: center;

  vertical-align: middle;

  background: url(../../../../w/images/business/bg_tab_wrap.jpg) no-repeat 50% 0;

}

.tab_wrap li a {

  display: inline-block;

  padding: 30px 0;

  font-size: 30px;

  color: #222;

}

.tab_wrap li.on a {

  position: relative;

  display: inline-block;

  color: #da291c;

}

.tab_wrap li.on a:after {

  position: absolute;

  left: 0;

  top: 0;

  display: block;

  content: "";

  width: 100%;

  height: 4px;

  background: #da291c;

}

.sky_visual {

  overflow-x: hidden;

  position: relative;

  height: 520px;

  margin-bottom: 60px;

}

.sky_visual .visual_facilitie {

  position: absolute;

  left: 50%;

  top: 0;

  width: 1920px;

  height: 520px;

  margin-left: -960px;

}

.sky_visual .visual_facilitie img {

  width: 100%;

  height: 100%;

}

.sky_txt {

  text-align: center;

  position: absolute;

  left: 50%;

  top: 50px;

  width: 380px;

  height: 420px;

  margin-left: -590px;

  padding: 33px 0 0 0;

  background: #fff;

  box-sizing: border-box;

}

.sky_txt ul li {

  margin: 25px 0 0 0;

  font-size: 16px;

  color: #222;

}

.sky_txt ul li:first-child {

  margin-top: 0;

}

.sky_txt ul li strong {

  display: block;

  margin-bottom: 5px;

  font-size: 14px;

  color: #222;

  font-weight: 600;

}

.explain_list {

  width: 1180px;

  margin: 0 auto;

}

.explain_list li {

  position: relative;

  margin-bottom: 100px;

  padding-top: 120px;

}

.explain_list li .img_explain {

  position: absolute;

  left: 0;

  top: 0;

  width: 700px;

  height: 350px;

}

.explain_list li p {

  position: relative;

  width: 620px;

  min-height: 230px;

  margin-left: 560px;

  padding: 60px 0 0 60px;

  font-size: 15px;

  color: #232937;

  line-height: 1.6em;

  letter-spacing: 0;

  background: #fff;

  z-index: 1;

  box-sizing: border-box;

}

.explain_list li p strong {

  position: relative;

  display: block;

  margin-bottom: 20px;

  padding: 0 0 13px 0;

  font-size: 26px;

  color: #222;

  font-weight: 500;

  line-height: 1.4em;

}

.explain_list li p strong:after {

  display: block;

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 34px;

  height: 1px;

  background: #999;

}

.explain_list li:nth-child(2n) .img_explain {

  left: 440px;

}

.explain_list li:nth-child(2n) p {

  margin-left: 0;

  padding-right: 50px;

}

.core_service .tab_box {

  display: none;

}

.intro_affiliate {

  width: 1180px;

  margin: 0 auto;

}

.intro_area {

  position: relative;

}

.intro_area .img_affiliate {

  position: absolute;

  left: 0;

  top: 0;

  width: 940px;

  height: 440px;

}

.tit_affiliate {

  position: relative;

  text-align: center;

  margin-bottom: 60px;

  padding: 100px 0 25px 0;

  font-size: 46px;

  color: #222;

}

.tit_affiliate:after {

  content: '';

  display: block;

  position: absolute;

  left: 50%;

  bottom: 0;

  width: 60px;

  height: 2px;

  background-color: #da291c;

  margin-left: -30px;

}

/*.txt_affiliate{position:absolute;right:0;top:120px;width:460px;min-height:320px;padding:60px 0 0 60px;background:#fff;box-sizing:border-box;}*/

.txt_affiliate {

  position: relative;

  padding: 120px 0 0 0;

  z-index: 1;

}

.txt_affiliate strong {

  display: block;

  margin-bottom: 10px;

  font-size: 26px;

  color: #232937;

  font-weight: 700;

  line-height: 1.2em;

}

.txt_affiliate p {

  width: 460px;

  height: 320px;

  margin: 0 0 0 720px;

  padding: 40px 0 0 60px;

  font-size: 15px;

  color: #232937;

  line-height: 1.7em;

  background: #fff;

  box-sizing: border-box;

}

.txt_affiliate .next_sentence {

  width: 100%;

  height: auto;

  margin: 0 0 0 0;

  padding: 30px 0 0 0;

  font-size: 15px;

  color: #232937;

  line-height: 1.7em;

  box-sizing: border-box;

}

.affiliate_list {

  display: table;

  width: 100%;

  table-layout: fixed;

  margin: 100px 0 0 0;

}

.affiliate_list li {

  position: relative;

  display: table-cell;

  text-align: center;

  height: 200px;

  padding: 105px 0 0;

  font-size: 16px;

  color: #da291c;

  font-weight: 700;

  box-sizing: border-box;

}

.affiliate_list li:after {

  content: '';

  display: block;

  position: absolute;

  left: 0;

  bottom: 0;

  width: 1px;

  height: 200px;

  background: url(../../../../w/images/business/bg_affiliate_list.gif) no-repeat 0 0;

}

.affiliate_list li:first-child:after {

  display: none;

}

.affiliate_list li.affiliate01 {

  background: url(../../../../w/images/business/ico_affiliate01.png) no-repeat 50% 20px;

}

.affiliate_list li.affiliate02 {

  background: url(../../../../w/images/business/ico_affiliate02.png) no-repeat 50% 20px;

}

.affiliate_list li.affiliate03 {

  background: url(../../../../w/images/business/ico_affiliate03.png) no-repeat 50% 20px;

}

.affiliate_list li.affiliate04 {

  background: url(../../../../w/images/business/ico_affiliate04.png) no-repeat 50% 20px;

}

.affiliate_list li.affiliate05 {

  background: url(../../../../w/images/business/ico_affiliate05.png) no-repeat 50% 20px;

}

.affiliate_list li span {

  display: block;

  margin: 10px 0 0 0;

  font-size: 16px;

  color: #222;

  font-weight: 500;

  line-height: 1.4em;

  letter-spacing: -0.5px;

}

.core_service + .affiliate_wrap {

  margin-top: 20px;

  border-top: 0;

}

.intro_affiliate + .affiliate_wrap {

  margin-top: 100px;

}

.core_contents {

  position: relative;

  overflow: hidden;

  height: 520px;

}

.core_visual {

  position: absolute;

  left: 50%;

  top: 0;

  width: 1920px;

  height: 520px;

  margin-left: -960px;

}

.core_visual img {

  width: 100%;

  height: 100%;

}

.service_slide {

  position: absolute;

  left: 50%;

  top: 40px;

  width: 400px;

  height: 440px;

  margin-left: -590px;

  background: #fff;

  z-index: 1;

}

.service_slide .bx-viewport, .service_slide .bx-wrapper {

  overflow: hidden;

  width: 400px !important;

}

.service_slide li {

  overflow: hidden;

  text-align: center;

  width: 400px;

  padding: 50px 50px 0;

  height: 350px;

  font-size: 15px;

  color: #222;

  line-height: 1.6em;

  font-weight: 600;

  box-sizing: border-box;

}

.service_slide li strong {

  display: block;

  height: 75px;

  font-size: 28px;

  color: #da291c;

  font-weight: 600;

  line-height: 1.2em;

  box-sizing: border-box;

}

.service_slide li p {

  position: relative;

  overflow-x: hidden;

  overflow-y: auto;

  text-align: left;

  height: 190px;

  font-size: 15px;

  color: #222;

  line-height: 1.6em;

}

.service_slide li p {

  scrollbar-highlight-color: #FFFFFF;

  scrollbar-3dlight-color: #FFFFFF;

  scrollbar-face-color: #FFFFFF;

  scrollbar-shadow-color: #FFFFFF;

  scrollbar-darkshadow-color: white;

  scrollbar-track-color: #FFFFFF;

  scrollbar-arrow-color: #FFFFFF;

}

.service_slide li p:first-child {

  opacity: 1;

  filter: alpha(opacity=100);

}

.service_slide li p::-webkit-scrollbar {

  width: 1px;

  height: 1px;

  border: 1px solid #fff;

}

.service_slide li p::-webkit-scrollbar-button:start:decrement, .service_slide li p::-webkit-scrollbar-button:end:increment {

  display: block;

  height: 10px;

  background: #fff

}

.service_slide li p::-webkit-scrollbar-track {

  background: #fff;

  -webkit-border-radius: 0px;

  border-radius: 0px;

  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0)

}

.service_slide li p::-webkit-scrollbar-thumb {

  height: 0;

  width: 0;

  background: rgba(0, 0, 0, 0);

  -webkit-border-radius: 0px;

  border-radius: 0px;

  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0)

}

.service_slide li p span {

  display: block;

  padding-bottom: 20px;

  font-size: 15px;

  color: #222;

  line-height: 1.6em;

}

.service_slide li.flow:before {

  position: absolute;

  left: 0;

  bottom: 10px;

  display: block;

  content: "";

  width: 100%;

  height: 59px;

  background: url(../../../../w/images/business/bg_flow_gradient.png) no-repeat 50% 0;

  z-index: 5;

}

.service_slide li.flow:after {

  position: absolute;

  left: 50%;

  bottom: 0;

  display: block;

  content: "";

  width: 14px;

  height: 33px;

  margin-left: -7px;

  background: url(../../../../w/images/business/img_flow_scroll.png) no-repeat 0 0;

  z-index: 6;

  opacity: 1; /*transition:all .5s ease-out;*/

}

.service_slide .bx-controls {

  position: absolute;

  left: 0;

  bottom: 30px;

  display: inline-block;

  text-align: center;

  width: 100%;

  height: 40px;

  padding: 0 85px;

  box-sizing: border-box;

}

.service_slide .bx-pager {

  display: inline-block;

  vertical-align: middle;

}

.service_slide .bx-pager-item {

  display: inline-block;

  vertical-align: middle;

}

.service_slide .bx-pager-item a {

  display: inline-block;

  width: 24px;

  height: 10px;

  font-size: 0;

  text-indent: -9999px;

  background: url(../../../../w/images/img_indicator.png) no-repeat 50% 0;

}

.service_slide .bx-pager-item a.active {

  background-image: url(../../../../w/images/img_indicator_on.png);

}

.service_slide .bx-controls-direction {

  display: inline-block;

}

.service_slide .bx-controls-direction .bx-prev {

  vertical-align: top;

  display: inline-block;

  position: absolute;

  left: 45px;

  top: 0;

  width: 40px;

  height: 40px;

  font-size: 0;

  text-indent: -9999px;

  background: url(../../../../w/images/btn_vedio_left.png) no-repeat 0 0;

}

.service_slide .bx-controls-direction .bx-next {

  vertical-align: top;

  display: inline-block;

  position: absolute;

  right: 45px;

  top: 0;

  width: 40px;

  height: 40px;

  font-size: 0;

  text-indent: -9999px;

  background: url(../../../../w/images/btn_video_right.png) no-repeat 0 0;

}

.network_area {

  width: 1180px;

  margin: 0 auto 120px;

}

.network_area .tit_affiliate {

  margin-bottom: 30px;

}

.txt_network {

  text-align: center;

  margin-bottom: 40px;

  font-size: 18px;

  color: #222;

}

.btn_network {

  text-align: center;

  width: 980px;

  height: 70px;

  margin: 0 auto 60px;

  text-align: center;

}

.btn_network a {

  display: inline-block;

  width: 320px;

  height: 100%;

  ;

  color: #fff;

  font-size: 18px;

  line-height: 4em;

  background: #db291d;

}

.btn_network a:after {

  display: inline-block;

  content: "";

  width: 19px;

  height: 19px;

  margin-left: 11px;

  margin-top: -6px;

  background: url(../../../../w/images/bg_btn_network.gif) no-repeat 0 0;

  vertical-align: middle;

}

.affiliate_wrap {

  padding: 50px 0 70px 0;

  border-top: 1px solid #dfdfdf;

}

.affiliate_view {

  width: 1020px;

  margin: 0 auto;

  text-align: center;

}

.affiliate_view li {

  display: table;

  table-layout: fixed;

  width: 100%;

}

.affiliate_view li a {

  display: table-cell;

  text-align: center;

  vertical-align: middle;

  height: 60px;

  padding: 0 15px;

  font-size: 17px;

  color: #da291c;

  line-height: 1.4em;

  border-left: 1px solid #dfdfdf;

  font-family: 'LotteGroup';

}

.affiliate_view li a:first-child {

  border-left: 0;

}

.affiliate_view .bx-controls {

  position: relative;

  display: inline-block;

  text-align: center;

  width: 290px;

  height: 40px;

  margin: 40px 0 0 0;

  box-sizing: border-box;

}

.affiliate_view .bx-pager {

  display: inline-block;

  vertical-align: middle;

}

.affiliate_view .bx-pager-item {

  display: inline-block;

  vertical-align: middle;

}

.affiliate_view .bx-pager-item a {

  display: inline-block;

  width: 30px;

  height: 10px;

  font-size: 0;

  text-indent: -9999px;

  background: url(../../../../w/images/img_indicator.png) no-repeat 50% 0;

}

.affiliate_view .bx-pager-item a.active {

  background-image: url(../../../../w/images/img_indicator_on.png);

}

.affiliate_view .bx-controls-direction {

  display: inline-block;

}

.affiliate_view .bx-controls-direction .bx-prev {

  vertical-align: top;

  display: inline-block;

  position: absolute;

  left: 0;

  top: 0;

  width: 40px;

  height: 40px;

  font-size: 0;

  text-indent: -9999px;

  background: url(../../../../w/images/btn_vedio_left.png) no-repeat 0 0;

}

.affiliate_view .bx-controls-direction .bx-next {

  vertical-align: top;

  display: inline-block;

  position: absolute;

  right: 0;

  top: 0;

  width: 40px;

  height: 40px;

  font-size: 0;

  text-indent: -9999px;

  background: url(../../../../w/images/btn_video_right.png) no-repeat 0 0;

}

/* Scroll Bar */

.list_view {

  scrollbar-highlight-color: #FFFFFF;

  scrollbar-3dlight-color: #f3f3f3;

  scrollbar-face-color: #fff;

  scrollbar-shadow-color: #f3f3f3;

  scrollbar-darkshadow-color: white;

  scrollbar-track-color: #eee;

  scrollbar-arrow-color: #eee;

}

.list_view::-webkit-scrollbar {

  -webkit-appearance: none;

}

.list_view::-webkit-scrollbar:vertical {

  width: 6px;

}

.list_view::-webkit-scrollbar:horizontal {

  height: 12px;

}

.list_view::-webkit-scrollbar-thumb {

  background-color: rgba(0, 0, 0, .3);

  border-radius: 10px;

}

.list_view::-webkit-scrollbar-track {

  border-radius: 10px;

  background-color: #fff;

}

/* paginate */

.paginate {

  text-align: center;

}

.paginate a {

  display: inline-block;

  width: 40px;

  height: 40px;

  text-align: center;

  color: #000;

  font-size: 16px;

  line-height: 2.7em;

}

.paginate a span {

  display: inline-block;

  padding: 0 2px;

  line-height: 1em;

}

.paginate a.active, .paginate a:hover {

  background: #da291c;

  color: #fff;

}

.paginate a.active span, .paginate a:hover span {

  border-bottom: 1px solid #fff;

}

.paginate a.prev {

  margin: 0 15px 0 -6px;

  text-indent: -9999px;

  border: 1px solid #dadada;

  border-left: 0;

  background: url(../../../../w/images/ico_paginate_prev.png) no-repeat 50%;

}

.paginate a.first {

  margin: 0 0 0 0;

  text-indent: -9999px;

  border: 1px solid #dadada;

  background: url(../../../../w/images/ico_paginate_prev2.png) no-repeat 50%;

}

.paginate a.next {

  margin: 0 -6px 0 15px;

  text-indent: -9999px;

  border: 1px solid #dadada;

  border-right: 0;

  background: url(../../../../w/images/ico_paginate_next.png) no-repeat 50%;

}

.paginate a.last {

  margin: 0 0 0 0;

  text-indent: -9999px;

  border: 1px solid #dadada;

  background: url(../../../../w/images/ico_paginate_next2.png) no-repeat 50%;

}

.no_list {

  margin: 60px 0 0 0;

  padding: 230px 0 270px 0;

  border-top: 2px solid #54585a;

  border-bottom: 1px solid #dfdfdf;

}

.no_list .txt {

  padding: 90px 0 0 0;

  background: url(../../../../w/images/ico_exclamation.png) no-repeat 50% 0;

  font-size: 16px;

  color: #222;

  font-weight: 500;

}

.no_list + .paginate {

  margin: 40px 0 0 0;

}

.agree_list02 {

  text-align: left;

  margin: 60px 0 80px 0;

}

.agree_list02 > li {

  margin: 10px 0 0 0;

  background: #f8f8f8;

}

.agree_list02 > li:first-child {

  margin-top: 0;

}

.agree_list02 > li > .tit_agree {

  position: relative;

  display: block;

  padding: 17px 70px 16px 50px;

  font-size: 24px;

  color: #022222;

  font-weight: 800;

  border-bottom: 1px solid #dfdfdf;

}

.agree_list02 > li > .tit_agree:after {

  overflow: hidden;

  display: block;

  content: '';

  position: absolute;

  right: 40px;

  top: 24px;

  width: 30px;

  height: 15px;

  background: url(../../../../w/images/arrow_agree.png) no-repeat 0 0;

}

.agree_list02 > li.on > .tit_agree:after {

  background-position: 0 -100px;

}

.agree_list02 .agree_cont {

  display: none;

  padding: 50px 50px 50px 50px;

}

.agree_list02 .agree_cont strong {

  display: block;

  margin-top: 20px;

  font-size: 18px;

  color: #222;

  font-weight: bold;

}

.agree_list02 .agree_cont .gap_line + strong {

  margin-top: 0;

}

.agree_list02 .agree_cont p {

  margin-top: 15px;

  font-size: 16px;

  color: #222;

  line-height: 1.4em;

}

.agree_list02 .agree_cont ul {

  margin-top: 15px;

}

.agree_list02 .agree_cont ul li {

  margin: 10px 0 0 15px;

  text-indent: -15px;

  font-size: 16px;

  color: #222;

  line-height: 1.4em;

}

.agree_list02 .agree_cont ul li:first-child {

  margin-top: 0;

}

.gap_line {

  margin-bottom: 50px;

  padding-bottom: 50px;

  border-bottom: 1px solid #dfdfdf;

}

/* 寃뚯떆�� */

.board_detail {

  border-top: 2px solid #54585a;

}

.tit_detail {

  position: relative;

  text-align: center;

  padding: 37px 0 35px 0;

  font-size: 18px;

  color: #666;

  border-bottom: 1px solid #dfdfdf;

}

.tit_detail strong {

  display: block;

  padding: 0 100px 15px;

  font-size: 30px;

  color: #222;

  font-weight: 800;

  line-height: 1.2em;

}

.tit_detail strong em {

  display: block;

  padding-bottom: 15px;

  font-size: 16px;

  color: #da291c;

}

.detail_contents {

  text-align: left;

  margin-bottom: 40px;

  padding-bottom: 40px;

  border-bottom: 1px solid #dfdfdf;

}

.btn_sns {

  position: absolute;

  top: 30px;

  right: 0;

  text-align: left;

}

.btn_sns a {

  display: inline-block;

}

.detail_contents p {

  font-size: 16px;

  color: #444;

  line-height: 1.4em;

  word-break: break-all;

  white-space: pre-wrap;

}

.detail_cont {

  padding: 40px 40px 0 40px;

  font-size: 16px;

  color: #444;

}

.detail_cont img {

  padding: 30px 0 30px 0;

  width: auto;

  max-width: 100%;

}

.attach_area {

  margin: 60px 0 0 0;

  padding: 20px 0 20px 40px;

  background: #f8f8f8;

}

.attach_area strong {

  position: relative;

  display: inline-block;

  padding-right: 45px;

  font-size: 16px;

  color: #222;

  font-weight: 800;

}

.attach_area strong:after {

  display: block;

  content: '';

  position: absolute;

  right: 10px;

  top: 0;

  width: 15px;

  height: 14px;

  background: url(../../../../w/images/bg_attach.png) no-repeat 0 0;

}

.attach_area a {

  display: inline-block;

  font-size: 16px;

  color: #222;

  text-decoration: underline;

}

.preview_area {

  display: table;

  width: 100%;

  margin-bottom: 80px;

  padding: 0 20px;

  box-sizing: border-box;

  table-layout: fixed;

}

.preview_area p {

  display: table-cell;

  vertical-align: middle;

  text-align: left;

}

.preview_area p a {

  display: inline-block;

  height: 100%;

  line-height: 30px;

  padding: 0px 0 0 45px;

  font-size: 16px;

  color: #444;

  font-weight: 500;

  background: url(../../../../w/images/btn_before_view.png) no-repeat 0 0;

  box-sizing: border-box;

}

.preview_area p a span {

  overflow: hidden;

  vertical-align: top;

  display: inline-block;

  width: 350px;

  height: 30px;

  margin: 0 0 0 20px;

  font-size: 16px;

  color: #444;

  font-weight: normal;

  white-space: nowrap;

  text-overflow: ellipsis;

  box-sizing: border-box;

}

.preview_area .next_view {

  text-align: right;

}

.preview_area .next_view a {

  text-align: right;

  padding-right: 45px;

  background: url(../../../../w/images/btn_next_view.png) no-repeat 100% 0;

}

.preview_area .next_view a span {

  display: inline-block;

  margin: 0 20px 0 0;

  padding-right: 20px;

  background: url(../../../../w/images/bg_preview_area.png) no-repeat 100% 0;

}

.preview_area .before_view a span {

  margin: 0 0 0 20px;

  padding-left: 20px;

  background: url(../../../../w/images/bg_preview_area.png) no-repeat 0 0;

}

.preview_area .all_view {

  position: relative;

  text-align: center;

  width: 740px;

  padding: 35px 0 0 0;

  background: url(../../../../w/images/bg_all_view_line.gif) no-repeat 0 50%;

}

.preview_area .all_view:after {

  display: block;

  content: '';

  position: absolute;

  right: 0;

  top: 0;

  width: 1px;

  height: 100%;

  background: url(../../../../w/images/bg_all_view_line.gif) no-repeat 0 50%;

}

.preview_area .all_view strong {

  display: block;

  margin-bottom: 20px;

  font-size: 28px;

  color: #222;

  font-weight: 800;

}

.preview_area .all_view a {

  position: relative;

  text-align: left;

  display: inline-block;

  width: 140px;

  height: 40px;

  line-height: 40px;

  padding-left: 20px;

  border: 1px solid #e8e8e8;

  font-size: 14px;

  color: #222;

  background: none;

  box-sizing: border-box;

}

.preview_area .all_view a:after {

  display: block;

  content: '';

  position: absolute;

  right: 20px;

  top: 15px;

  width: 5px;

  height: 9px;

  background: url(../../../../w/images/bg_all_view.png) no-repeat 0 0;

}

.btn_wrap {

  text-align: center;

}

.btn_wrap a {

  display: inline-block;

  width: 200px;

  height: 60px;

  line-height: 60px;

  font-size: 24px;

  color: #fff;

  background: #da291c;

}

.search_area {

  text-align: center;

  margin: 40px 0 0 0;

}

.search_area .select_wrap {

  display: inline-block;

  vertical-align: top;

  position: relative;

  width: 120px;

  height: 40px;

  margin-right: 5px;

  border: 1px solid #dadada;

  box-sizing: border-box;

}

.search_area .select_wrap:after {

  display: block;

  content: "";

  position: absolute;

  right: 14px;

  top: 16px;

  width: 13px;

  height: 7px;

  background: url(../../../../w/images/bg_search_area_arrow.png) no-repeat 0 0;

}

.search_area .select_wrap em {

  position: absolute;

  left: 14px;

  top: 10px;

  display: inline-block;

  font-size: 15px;

  color: #333;

  font-family: arial;

}

.search_area .select_wrap select {

  padding: 0 0 0 0;

}

.input_search {

  overflow: hidden;

  display: inline-block;

  width: 388px;

  height: 40px;

}

.input_search input {

  float: left;

  width: 288px;

  height: 40px;

  line-height: 40px;

  padding-left: 10px;

  border: 1px solid #dadada;

  border-right: 0;

  box-sizing: border-box;

}

.input_search a {

  display: inline-block;

  float: left;

  width: 100px;

  height: 40px;

  line-height: 40px;

  font-size: 15px;

  color: #fff;

  background: #da291c;

}

/* �먮윭�섏씠吏� */

.error {

  display: table;

  width: 100%;

  height: 100%;

  table-layout: fixed;

}

.error .error_cont {

  display: table-cell;

  text-align: center;

  vertical-align: middle;

}

.error .error_cont .tit_error {

  position: relative;

  padding: 280px 0 28px 0;

  font-size: 46px;

  background: url(../../../../w/images/bg_tit_error.png) no-repeat 50% 0;

}

.error .error_cont .tit_error:after {

  position: absolute;

  left: 50%;

  bottom: 0;

  display: block;

  content: "";

  width: 60px;

  height: 2px;

  margin-left: -30px;

  background: url(../../../../w/images/tit_error_line.png) no-repeat 0 0;

}

.error .error_cont .txt_error {

  margin: 30px 0 0 0;

  font-size: 18px;

  line-height: 1.6em;

}

.error .error_cont .btn_error {

  margin: 65px 0 0 0;

}

.error .error_cont .btn_error a {

  display: inline-block;

  width: 260px;

  height: 60px;

  line-height: 60px;

  font-size: 24px;

  color: #fff;

  background: #da291c;

}

.tit_faq {

  text-align: center;

  padding: 60px 0 30px 0;

  font-size: 26px;

  color: #222;

  font-weight: 500;

}

.tit_faq.line {

  padding-top: 100px;

  border-top: 1px solid #999;

}

.tbl01 table {

  width: 100%;

  border-top: 1px solid #dfdfdf;

}

.tbl01 thead th {

  padding: 12px 0 10px 0;

  font-size: 15px;

  color: #fff;

  border-left: 1px solid #dfdfdf;

  background: #da291c;

}

.tbl01 thead th:first-child {

  border-left: 0;

}

.tbl01 tbody td {

  text-align: center;

  padding: 16px 0 15px 0;

  font-size: 16px;

  color: #222;

  font-weight: 500;

  border: 1px solid #dfdfdf;

}

.tbl01 tbody td:first-child {

  border-right: 0;

}

.tbl01 tbody td.left {

  text-align: left;

  padding-left: 30px;

}

.link_direct {

  display: inline-block;

  width: 100px;

  height: 30px;

  line-height: 30px;

  font-size: 13px;

  color: #222;

  font-weight: 500;

  background: #ececec;

}

/* location */

.location {

  padding: 0 0 180px 0;

}

.location .tit_line {

  padding: 90px 0 0 0;

}

.road_link {

  width: 790px;

  margin: 50px auto 0;

  padding: 0 0 0 250px;

  height: 210px;

  background: url(../img/1.png) no-repeat 0 0;

  box-sizing: border-box;background-size: 25%;

}

.road_link .address_area {

  display: block;

  padding: 10px 0 0 0;

  font-size: 18px;

  color: #222;

}

.road_link .address_area strong {

  display: block;

  margin-bottom: 10px;

  font-size: 25px;

  color: #222;

  font-weight: 500;

}

.road_link .tel_num {

  display: block;

  height: 24px;

  line-height: 24px;

  margin-top: 15px;

  padding: 0 0 0 30px;

  font-size: 18px;

  color: #222;

  background: url(../../../../w/images/bg_telephone.png) no-repeat 0 0;

}

.find_road {

  margin: 50px 0 0 0;

}

.find_road a {

  position: relative;

  display: inline-block;

  width: 260px;

  height: 60px;

  line-height: 60px;

  margin-left: 5px;

  padding: 0 0 0 30px;

  font-size: 18px;

  color: #222;

  border: 1px solid #d1d1d1;

  box-sizing: border-box;

}

.find_road a:after {

  display: block;

  content: "";

  position: absolute;

  right: 20px;

  top: 24px;

  width: 6px;

  height: 12px;

  background: url(../../../../w/images/ico_btn_arrow.png) no-repeat 0 0;

}

.find_road a:first-child {

  margin-left: 0;

}

.find_road a .logo_road {

  display: inline-block;

  margin-right: 10px;

}

.find_road a .logo_road img {

  vertical-align: middle;

}

.view_map {

  margin: 70px 0 0 0

}

/* �쒕툕�곷떒 鍮꾩＜�� */

.page_csv .visual {

  position: relative;

  height: 640px;

  background: url(../../../../w/images/visual_csv2.jpg) no-repeat 50% 0;

  background-size: cover;

}

.page_pr .visual {

  height: 660px;

  background: url(../../../../w/images/visual_pr.png) no-repeat 50% 0;

  background-size: cover;

}

.page_ir .visual {

  height: 660px;

  background: url(../../../../w/images/visual_ir.png) no-repeat 50% 0;

  background-size: cover;

}

/* common style*/

.common_style .bx-controls {

  position: relative;

  display: inline-block;

  text-align: center;

  width: 290px;

  height: 40px;

  margin: 40px 0 0 0;

  box-sizing: border-box;

}

.common_style .bx-pager {

  display: inline-block;

  vertical-align: middle;

}

.common_style .bx-pager-item {

  display: inline-block;

  vertical-align: middle;

}

.common_style .bx-pager-item a {

  display: inline-block;

  width: 30px;

  height: 10px;

  font-size: 0;

  text-indent: -9999px;

  background: url(../../../../w/images/img_indicator.png) no-repeat 50% 0;

}

.common_style .bx-pager-item a.active {

  background-image: url(../../../../w/images/img_indicator_on.png);

}

.common_style .bx-controls-direction {

  display: inline-block;

}

.common_style .bx-controls-direction .bx-prev {

  vertical-align: top;

  display: inline-block;

  position: absolute;

  left: 0;

  top: 0;

  width: 40px;

  height: 40px;

  font-size: 0;

  text-indent: -9999px;

  background: url(../../../../w/images/btn_vedio_left.png) no-repeat 0 0;

}

.common_style .bx-controls-direction .bx-next {

  vertical-align: top;

  display: inline-block;

  position: absolute;

  right: 0;

  top: 0;

  width: 40px;

  height: 40px;

  font-size: 0;

  text-indent: -9999px;

  background: url(../../../../w/images/btn_video_right.png) no-repeat 0 0;

}

/* site map */

.page_sitemap .visual {

  height: 660px;

  background: url(../../../../w/images/visual_sitemap.jpg) no-repeat 50% 0;

  background-size: cover;

}

.sitemap .tb_tit {

  margin: 0 0 30px 0;

  padding: 100px 0 20px 0;

}

.sitemap .section.type2 {

  padding: 70px 0 100px 0;

  background: #f8f8f8;

}

.tit_sitemap {

  padding: 0 0 12px 0;

  font-size: 30px;

  color: #da291c;

  border-bottom: 1px solid #e8e8e8;

  font-weight: 600;

}

.depth_01 {

  overflow: hidden;

  margin: 0 0 55px -100px;

}

.depth_01 > li {

  float: left;

  margin-left: 100px;

  padding: 30px 0 0 0;

}

.depth_01 > li > a {

  display: inline-block;

  font-size: 18px;

  color: #222;

  font-weight: 500;

}

.depth_01 > li .depth_02 li a {

  display: inline-block;

  font-size: 14px;

  color: #222;

}

.depth_02 {

  margin: 25px 0 0 0;

}

.depth_02 li {

  margin-bottom: 15px;

}

.depth_02 li a {

  padding: 0 0 0 12px;

  background: url(../../../../w/images/bg_depth_02.png) no-repeat 0 7px;

}

.depth_02.type2 ul {

  overflow: hidden;

  width: 410px;

  margin-left: -80px;

}

.depth_02.type2 li {

  float: left;

  width: 125px;

  margin-left: 80px;

}

.depth_01.dense > li {

  float: none;

}

.depth_01.dense .depth_02 li {

  vertical-align: top;

  display: inline-block;

  width: 290px;

}

/* owl �щ씪�대뱶 */

.owl-carousel {

  width: 100%;

  -webkit-tap-highlight-color: transparent;

  /* position relative and z-index fix webkit rendering fonts issue */

  position: relative;

  z-index: 1;

}

.owl-carousel .owl-stage {

  position: relative;

  padding-bottom: 10px;

  -ms-touch-action: pan-Y;

  -moz-backface-visibility: hidden;

  /* fix firefox animation glitch */

}

.owl-carousel .owl-stage:after {

  content: ".";

  display: block;

  clear: both;

  visibility: hidden;

  line-height: 0;

  height: 0;

}

.owl-carousel .owl-stage-outer {

  position: relative;

  overflow: hidden;

  /* fix for flashing background */

  -webkit-transform: translate3d(0px, 0px, 0px);

}

.owl-carousel .owl-wrapper, .owl-carousel .owl-item {

  -webkit-backface-visibility: hidden;

  -moz-backface-visibility: hidden;

  -ms-backface-visibility: hidden;

  -webkit-transform: translate3d(0, 0, 0);

  -moz-transform: translate3d(0, 0, 0);

  -ms-transform: translate3d(0, 0, 0);

}

.owl-carousel .owl-item {

  position: relative;

  min-height: 1px;

  float: left;

  -webkit-backface-visibility: hidden;

  -webkit-tap-highlight-color: transparent;

  -webkit-touch-callout: none;

}

.owl-carousel .owl-item img {

  display: block;

  width: 100%;

}

.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {

  cursor: pointer;

  cursor: hand;

  -webkit-user-select: none;

  -khtml-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}

.owl-carousel.owl-refresh .owl-item {

  visibility: hidden;

}

.owl-carousel.owl-drag .owl-item {

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  position: relative

}

.owl-carousel.owl-grab {

  cursor: move;

  cursor: grab;

}

.owl-carousel.owl-rtl {

  direction: rtl;

}

.owl-carousel.owl-rtl .owl-item {

  float: right;

}

/* No Js */

.no-js .owl-carousel {

  display: block;

}

/*

 *  Owl Carousel - Animate Plugin

 */

.owl-carousel .animated {

  animation-duration: 1000ms;

  animation-fill-mode: both;

}

.owl-carousel .owl-animated-in {

  z-index: 0;

}

.owl-carousel .owl-animated-out {

  z-index: 1;

}

.owl-carousel .fadeOut {

  animation-name: fadeOut;

}

@keyframes fadeOut {

  0% {

    opacity: 1;

  }

  100% {

    opacity: 0;

  }

}

/*

 * 	Owl Carousel - Auto Height Plugin

 */

.owl-height {

  transition: height 500ms ease-in-out;

}

/*

 * 	Owl Carousel - Lazy Load Plugin

 */

.owl-carousel .owl-item .owl-lazy {

  opacity: 0;

  transition: opacity 400ms ease;

}

.owl-carousel .owl-item img.owl-lazy {

  transform-style: preserve-3d;

}

/*

 * 	Owl Carousel - Video Plugin

 */

.owl-carousel .owl-video-wrapper {

  position: relative;

  height: 100%;

  background: #000;

}

.owl-carousel .owl-video-play-icon {

  position: absolute;

  height: 80px;

  width: 80px;

  left: 50%;

  top: 50%;

  margin-left: -40px;

  margin-top: -40px;

  background: url("owl.video.play.png") no-repeat;

  cursor: pointer;

  z-index: 1;

  -webkit-backface-visibility: hidden;

  transition: transform 100ms ease;

}

.owl-carousel .owl-video-play-icon:hover {

  -ms-transform: scale(1.3, 1.3);

  transform: scale(1.3, 1.3);

}

.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {

  display: none;

}

.owl-carousel .owl-video-tn {

  opacity: 0;

  height: 100%;

  background-position: center center;

  background-repeat: no-repeat;

  background-size: contain;

  transition: opacity 400ms ease;

}

.owl-carousel .owl-video-frame {

  position: relative;

  z-index: 1;

  height: 100%;

  width: 100%;

}

.owl-theme .owl-nav {

  margin-top: 10px;

  text-align: center;

  -webkit-tap-highlight-color: transparent;display: none;

}

.owl-theme .owl-nav [class*='owl-'] {

  color: #FFF;

  font-size: 14px;

  margin: 5px;

  padding: 4px 7px;

  background: #D6D6D6;

  display: inline-block;

  cursor: pointer;

  border-radius: 3px;

}

.owl-theme .owl-nav [class*='owl-']:hover {

  background: #869791;

  color: #FFF;

  text-decoration: none;

}

.owl-theme .owl-nav .disabled {

  opacity: 0.5;

  cursor: default;

}

.owl-theme .owl-nav.disabled + .owl-dots {

  margin-top: 10px;

}

.owl-theme .owl-dots {

  text-align: center;

  -webkit-tap-highlight-color: transparent;

}

.owl-theme .owl-dots .owl-dot {

  display: inline-block;

  zoom: 1;

  *display: inline;

}

.owl-theme .owl-dots .owl-dot span {

  width: 10px;

  height: 10px;

  margin: 5px 7px;

  background: #D6D6D6;

  display: block;

  -webkit-backface-visibility: visible;

  transition: opacity 200ms ease;

  border-radius: 30px;

}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {

  background: #869791;

}

.owl-carousel .owl-item:after {

 /* content: '';

  display: block;

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 490px;

  background-color: rgba(255, 255, 255, .5);

  z-index: 10;*/

}

.owl-carousel .owl-item.center:after {

  display: none;

}

.culture .owl-item:after {

  height: 520px;

}

/* �쒕툝由� ���� */

.mob .video_area {

  display: none;

}

/* popup */

.notice {

  display: none;

  position: fixed;

  left: 50%;

  top: 50%;

  width: 1060px;

  height: 600px;

  margin: -300px 0 0 -530px;

  z-index: 200;

}

.btn_pop_close {

  position: absolute;

  right: 20px;

  top: 22px;

}

.head_area {

  height: 60px;

  padding: 0 20px 0 20px;

  background: #da291c;

}

.head_area .head_logo {

  display: inline-block;

  padding: 10px 0 0 0;

}

.pop_contents {

  overflow-y: scroll;

  height: 500px;

  margin-top: -1px;

}

.pop_inner {

  padding: 60px 30px 50px;

  background: #fff;

}

.pop_contents .tit_pop {

  position: relative;

  padding-bottom: 30px;

  font-size: 26px;

  color: #000;

}

.pop_contents .tit_pop:after {

  position: absolute;

  left: 0;

  bottom: 10px;

  display: block;

  content: "";

  width: 38px;

  height: 2px;

  background: #303030;

}

.pop_contents .txt_pop {

  margin: 30px 0 0 0;

  font-size: 15px;

  color: #000;

  line-height: 1.4em;

}

.charge_list {

  margin: 40px 0 0 0;

  padding-bottom: 40px;

}

.charge_list:after {

  display: block;

  content: "";

  clear: both;

}

.charge_list > li {

  height: 140px;

  padding: 30px 5px 0 10px;

  border: 1px solid #e9e9e9;

  box-sizing: border-box;

}

.charge_list dl dt {

  height: 50px;

  line-height: 50px;

  padding: 0 0 0 15px;

  font-size: 18px;

  color: #000;

  background: #e9e9e9;

}

.charge_list ul {}

.charge_list ul li {

  margin-bottom: 12px;

  font-size: 15px;

  color: #000;

}

.tit_pop02 {

  padding-bottom: 10px;

  font-size: 18px;

  color: #000;

}

.txt_list {}

.txt_list li {

  margin: 10px 0 0 0;

  padding: 0 0 0 15px;

  font-size: 14px;

  color: #222;

  background: url(../../../../w/images/main/bg_txt_list.png) no-repeat 0 50%;

}

.pop_bottom {

  margin-top: -1px;

  padding: 15px 0 15px 0;

  background: #eaeaea;

}

.pop_bottom p {

  text-align: center;

  font-size: 14px;

  color: #000;

  line-height: 1.5em;

}

.pop_bottom p span {

  display: block;

}

/* 2017-11-09 �앹뾽 異붽� */

.film {

  display: none;

  position: fixed;

  left: 50%;

  top: 50%;

  width: 1180px;

  height: 690px;

  margin: -345px 0 0 -590px;

  z-index: 200;

}

.pr_contents {

  padding: 30px 30px 0;

}

.pr_contents:after {

  display: block;

  content: "";

  clear: both;

}

.tit_film {

  text-align: center;

  margin: 0 30px;

  padding: 0 0 23px 0;

  font-size: 42px;

  color: #fff;

  border-bottom: 1px solid #fff;

}

.tit_film span {

  font-size: 42px;

  color: #da291c;

}

.film_area {

  float: left;

  width: 860px;

}

.film_txt {

  text-align: center;

  padding: 14px 0 0 0;

  font-size: 32px;

  color: #fff;

}

.film_txt strong {

  text-align: center;

  font-size: 32px;

  color: #fff;

  font-weight: 800;

}

.film .btn_pop_close2 {

  position: absolute;

  right: 30px;

  top: 10px;

}

.film_list {

  float: right;

  padding-left: 20px;

  background: url(../../../../w/images/film/bg_film_list.png) no-repeat 0 0;

}

.film_list li a {

  position: relative;

  display: block;

  padding: 0 0 25px 0;

}

.film_list li a span {

  display: block;

  text-align: center;

  padding: 15px 0 0 0;

  font-size: 18px;

  color: #fff;

}

.film_list li a span em {

  text-align: center;

  font-size: 18px;

  color: #fff;

  font-weight: 800;

}

.film_list li a.on:before, .film_list li a:hover:before {

  display: block;

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 214px;

  height: 120px;

  background: url(../../../../w/images/film/img_film_dim.png) no-repeat 0 0;

  z-index: 4;

}

.film_list li a.on:after, .film_list li a:hover:after {

  display: block;

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 214px;

  height: 120px;

  background: url(../../../../w/images/film/img_film_line.png) no-repeat 0 0;

  z-index: 5;

}

.dim3 {

  display: none;

  position: fixed;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: 100;

  background: url(../../../../w/images/film/bg_dim3.png) repeat 0 0;

}

/* 2018-03-27 ir 吏�諛곌뎄議� �섏젙 */

.directorate_txt {

  padding-bottom: 80px;

}

.directorate_txt p {

  font-size: 18px;

  line-height: 32px;

  color: #222;

}

.directorate_txt p:first-child {

  margin-top: 50px;

}

.directorate_txt p:last-child {

  margin-top: 30px;

}

.directorate_info {

  overflow: hidden;

}

.directorate_info h5 {

  margin-top: 50px;

  border-bottom: 1px solid #54585a;

  font-weight: 600;

  font-size: 20px;

  line-height: 40px;

  color: #222;

  text-align: left;

}

.directorate_info .cont {

  overflow: hidden;

  padding: 50px 0;

  border-top: 1px solid #bcbcbc;

}

.directorate_info h5 + .cont {

  border-top: 0;

}

.directorate_info .cont .pic {

  float: left;

  width: 140px;

  margin-right: 50px;

}

.directorate_info .cont .info {

  float: left;

  width: 670px;

  text-align: left;

}

.directorate_info .info li {

  position: relative;

  padding-left: 50px;

  margin-top: 10px;

  font-size: 16px;

  line-height: 32px;

  color: #222;

} /* 2020-06-11 */

.directorate_info .info li:first-child {

  margin-top: 0;

}

.directorate_info .pic + .info {

  width: 320px;

}

.directorate_info .info li .tit {

  display: inline-block;

  font-weight: 600;

  position: absolute;

  top: 0;

  left: 0;

}

.directorate_info .info.type02 {}

.directorate_info .info.type02 li {

  padding-left: 130px;

}

.directorate_info .area {

  overflow: hidden;

  float: right;

  padding-top: 35px;

  width: 560px;

  border-top: 1px solid #bcbcbc;

}

.directorate_info .area:nth-child(odd) {

  float: left;

}

.directorate_info .area:nth-child(1), .directorate_info .area:nth-child(2) {

  min-height: 335px;

  border-top: 0;

  margin-top: 0;

  padding: 0 0 20px;

}

.directorate_info .area .info li {

  padding-left: 130px;

}

.directorate_info .info.type02 li:nth-child(1) {

  min-height: 64px;

}

.directorate_info .area .info li:nth-child(3) {

  min-height: 64px;

}

.directorate_info .info.type02 li:nth-child(1), .directorate_info .info.type02 li.v2 {

  min-height: 64px;

} /* 2020-06-10 */

.directorate_info .area .info li:nth-child(3), .directorate_info .area .info li.v2 {

  min-height: 64px;

} /* 2020-06-10 */

.election_process {

  padding: 45px;

  text-align: center;

}

/* 180327 異붽� */

.table_style tbody td:first-child {

  text-align: left !important;

  padding-left: 10px;

}

.table_style tbody td.bold {

  font-weight: bold;

}

/* 而댄뵆�쇱씠�몄뒪 異붽� */

.compliance_wrap, .compliance_wrap *, .compliance_wrap :after {

  box-sizing: border-box;

}

.page_comple .visual {

  background-image: url(../images/compliance/visual_comple_01.png);

  height: 660px;

  background: url(../images/compliance/visual_comple_01.png) no-repeat 50% 0;

  background-size: cover;

}

.page_comple .tab_list.col3 {

  display: table;

  width: 100%;

  table-layout: fixed;

}

.page_comple .tab_list.col3 li {

  background-position: 0 34px;

}

.page_comple .tab_list.col3 li {

  display: table-cell;

  width: 33.3%;

}

.page_comple .cont_section + .cont_section {

  margin-top: 100px;

  padding-top: 100px;

  border-top: 1px solid #dadada;

}

.page_comple .cont_tit {

  margin-top: 60px;

  font-size: 26px;

  color: #222;

  font-weight: 800;

}

.page_comple .cont_txt {

  margin: 20px 0 90px 0;

  font-size: 20px;

  color: #222;

  line-height: 34px;

}

.page_comple .cont_section .tb_tit + .cont_txt {

  margin-top: 60px;

}

.page_comple .info_area {

  padding: 100px 160px 100px 160px;

  background: #f8f8f8;

  text-align: left;

}

.page_comple .info_area.v2 {

  padding-left: 50px;

  padding-right: 50px;

}

.page_comple .info_area strong {

  display: block;

  margin-bottom: 15px;

  font-size: 18px;

  font-weight: 800;

}

.page_comple .info_area .info_list + strong {

  margin-top: 54px;

  padding-top: 50px;

  border-top: 1px solid #dfdfdf;

}

.page_comple .info_area .info_list li {

  padding-left: 20px;

  font-size: 16px;

  color: #222;

  line-height: 32px;

}

.page_comple .info_area .info_list li > span:first-child {

  margin-left: -20px;

}

.page_comple .cont_tit + .info_area {

  margin-top: 40px;

}

.page_comple .list_style {

  position: relative;

  text-align: left;

}

.page_comple .list_style:after {

  display: block;

  content: '';

  position: absolute;

  top: 11px;

  left: 7px;

  z-index: 0;

  width: 1px;

  height: 576px;

  background: #dadada;

}

.page_comple .list_style li {

  position: relative;

  padding-left: 32px;

  font-size: 18px;

  line-height: 32px;

}

.page_comple .list_style li + li {

  margin-top: 60px;

}

.page_comple .list_style li:after {

  display: block;

  content: '';

  position: absolute;

  top: 10px;

  left: 0;

  z-index: 1;

  width: 15px;

  height: 15px;

  border: 4px solid #da291c;

  border-radius: 100%;

  background: #f8f8f8;

}

.page_comple .list_style li strong {

  display: block;

  margin-bottom: 10px;

  font-size: 20px;

  color: #222;

  line-height: 34px;

  font-weight: 800;

}

.page_comple list_style2 li {

  position: relative;

  padding-left: 17px;

  font-size: 18px;

  line-height: 34px;

  color: #222;

}

.page_comple .list_style2 li:before {

  display: inline-block;

  content: '';

  position: absolute;

  top: 16px;

  left: 0;

  width: 4px;

  height: 4px;

  background: #da291c;

}

.page_comple .agree_list02 .agree_cont strong.v2 {

  color: #da291c;

}

.page_comple .brochure_list.col3 {

  width: 880px;

  margin: 95px auto 0;

  text-align: center;

  font-size: 0;

}

.page_comple .brochure_list.col3 li {

  display: inline-block;

  margin: 0 0 40px 0;

  padding: 50px 40px 55px;

}

.page_comple .brochure_list.col3 li {

  margin-left: 20px;

}

.page_comple .brochure_list.col3 li:nth-child(3n+1) {

  margin-left: 0;

}

.page_comple .page_comple .img_box_compliance {

  margin: 40px auto 0;

}

.page_comple .about_list {

  margin-top: 60px;

}

.page_comple .about_list dl {

  font-size: 0;

  text-align: left;

}

.page_comple .about_list dl + dl {

  margin-top: 90px;

  padding-top: 100px;

  border-top: 1px solid #e1e1e1;

}

.page_comple .about_list dt {

  display: inline-block;

  width: 375px;

  margin: 0;

  vertical-align: top;

}

.page_comple .about_list dd {

  display: inline-block;

  width: 800px;

  margin: 0;

  vertical-align: top;

  font-size: 18px;

}

.page_comple .about_list .img_box_compliance {

  margin-top: 50px;

}

.page_comple .about_list.v2 dt {

  width: 300px

}

.page_comple .about_list.v2 dl + dl {

  border: 0;

  margin-top: 80px;

  padding: 0;

}

.page_comple .about_list.v2 dd {

  width: 860px;

}

.page_comple .compliance_wrap .tit_deco + .cont_table {

  margin-top: 40px;

}

.page_comple .about_list .member_card {

  width: 880px;

  text-align: left;

}

.page_comple .about_list .member_card + .member_card {

  margin-top: 75px;

}

.page_comple .about_list .member_card dl > dt {

  display: block;

  width: 100%;

  padding-bottom: 10px;

  border-bottom: 1px solid #54585a;

  font-size: 20px;

  color: #222;

  font-weight: 800;

}

.page_comple .about_list .member_card dl > dd {

  display: block;

  width: 100%;

  margin-top: 45px;

}

.page_comple .about_list .member_card dl > dd ul {

  font-size: 0;

}

.page_comple .about_list .member_card dl > dd li {

  display: inline-block;

  width: 50%;

  line-height: 42px;

  font-size: 16px;

  vertical-align: top;

}

.page_comple .about_list .member_card dl > dd li strong {

  width: 83px;

  padding-top: 9px;

  margin-right: 20px;

  font-weight: 800;

  line-height: 22px;

}

.page_comple .about_list .member_card dl > dd li strong {

  display: inline-block;

  width: 83px;

  vertical-align: top;

}

.page_comple .about_list .member_card dl > dd li span {

  display: inline-block;

  width: 330px;

  vertical-align: top;

}

.page_comple .about_list .member_card dl > dd + dd {

  padding-top: 45px;

  border-top: 1px solid #bcbcbc;

}

.page_comple .agree_list02 .agree_cont p:first-child {

  margin-top: 0;

}

.page_comple .btn_cs {

  display: inline-block;

  width: 440px;

  line-height: 60px;

  color: #fff;

  background-color: #da291c;

  font-size: 24px;

  font-weight: 500;

} /* 2020-04-27 */

.page_comple .btn_cs + .btn_cs {

  margin-left: 16px;

} /* 2020-04-27 */

.gnb .innner_wrap.v2 {

  padding-bottom: 0;

}

.gnb .innner_wrap.v2 ul {

  display: inline-block;

  position: relative;

  vertical-align: top;

  left: 0;

  top: 0;

}

.gnb .innner_wrap.v2 ul:after {

  display: block;

  content: '';

  position: absolute;

  top: 66px;

  left: 0;

  width: 100%;

  height: 1px;

  background: #e8e8e8;

}

.gnb .innner_wrap.v2 li:nth-child(3n+1) {

  margin-left: 0;

}

.gnb .innner_wrap.v2 li:nth-child(4) {

  padding-top: 40px;

}

.gnb .innner_wrap.v2 li a:hover:after {

  bottom: 0;

}

/* //2020-06-23 */

.tit_btn {

  position: relative;

  text-align: center;

  display: inline-block;

  border: 1px solid rgba(255, 255, 255, 0.4);

  color: #fff;

  font-size: 17px;

  margin-top: 39px;

  box-sizing: border-box;

  line-height: 35px;

  background: url(../../../../w/images/btn_arrow.png) 95% center no-repeat;

  padding: 0 40px 0 20px;

} /* 2020-06-23 �섏젙 */

/* 2022 - esg */

.brochure_list {

  overflow: hidden;

  margin: 95px 0 0 0;

  text-align: center;

  font-size: 0;

}

.brochure_list li:first-child {

  margin-left: 0;

}

.brochure_list li {

  display: inline-block;

  float: none;

  width: 280px;

  margin-left: 20px;

  padding: 50px 40px;

  background: #e8e8e8;

  box-sizing: border-box;

}

.table_wrap table tbody td.right {

  padding-right: 30px !important;

  text-align: right;

}

.esg_wrap, .esg_wrap *, .esg_wrap :after {

  box-sizing: border-box;

}

.esg_wrap .visual {

  background-image: url(../images/esg/visual_esg_01.png);

  height: 660px;

  background-size: cover;

}

.esg_wrap .tab_list.col2 li {

  width: 49%;

}

.esg_wrap .tb_tit {

  position: relative;

  font-size: 42px;

  padding-bottom: 20px;

  font-weight: 500;

  color: #072019;

}

.esg_wrap .tb_tit:after {

  content: '';

  display: block;

  position: absolute;

  left: 50%;

  bottom: 0;

  width: 60px;

  height: 2px;

  background-color: #da291c;

  margin-left: -30px;

}

.esg_wrap .title_type {

  font-size: 18px;

  color: #da291c;

}

.esg_wrap .title_type span {

  color: #222;

}

.esg_wrap .table_wrap table tbody th {

  border-top: 1px solid #dfdfdf;

  font-weight: 600;

}

.esg_wrap .table_wrap table .type2 {

  background: #fef8f8;

  font-weight: 600;

}

.esg_wrap .table_wrap table strong {

  font-weight: 600;

  color: #da291c;

}

.esg_wrap .no_list {

  margin-top: 0;

  border-top: 0;

}

.esg_declaration .img_box {

  margin-bottom: 60px;

}

.esg_declaration h4 {

  margin-bottom: 30px;

  font-size: 26px;

  font-weight: 600;

}

.esg_declaration p {

  font-size: 20px;

  line-height: 34px;

  color: #222;

}

.esg_declaration .box {

  margin-top: 80px;

  margin-bottom: 60px;

}

.esg_declaration .box p {

  font-weight: 600;

}

.esg_declaration .box ul {

  margin-top: 30px;

  padding: 80px 130px;

  border: 10px solid #e7e4e1;

  text-align: left;

}

.esg_declaration .box ul li {

  position: relative;

  margin-top: 68px;

  padding-left: 70px;

  font-size: 22px;

  line-height: 36px;

}

.esg_declaration .box ul li:first-child {

  margin-top: 0;

}

.esg_declaration .box ul li em {

  position: absolute;

  top: 0;

  left: 0;

  font-weight: 600;

  font-size: 34px;

  font-style: italic;

  color: #877669;

}

.declare_foot {

  margin-top: 80px;

  font-size: 20px;

}

.declare_foot strong {

  display: block;

  margin-top: 20px;

  font-size: 26px;

  font-weight: 600;

}

.esg_system .img_box {

  margin: 40px 0;

}

.esg_system ul {

  text-align: left;

  font-size: 14px;

  line-height: 28px;

}

.brochure_list.v2 li .down_brochure a:first-child {

  margin-bottom: 10px;

}

.brochure_list.report_type {

  text-align: left;

}

.brochure_list.report_type li {

  width: 580px;

  height: 435px;

  margin-left: 20px;

  margin-top: 20px;

  font-size: 0;

  vertical-align: top;

}

.brochure_list.report_type li:first-child, .brochure_list.report_type li:nth-child(2n+1) {

  margin-left: 0;

}

.brochure_list.report_type li:first-child, .brochure_list.report_type li:nth-child(2) {

  margin-top: 0;

}

.brochure_list.report_type li .img_area {

  display: inline-block;

  width: 220px;

  margin-right: 40px;

  padding-bottom: 23px;

  background: url(https://code.d2.co.kr/lotte/ko/w/images/bg_report_bottom.png) no-repeat 0 100%;

  vertical-align: middle;

}

.brochure_list.report_type li .img_area img {

  max-width: 100%;

  border: 1px solid #d1d1d1;

}

.brochure_list.report_type li .text_area {

  display: inline-block;

  width: 218px;

  vertical-align: middle;

  text-align: center;

}

.brochure_list.report_type li .down_brochure {

  margin-top: 20px;

}

.brochure_list.report_type li .down_brochure a {

  border-color: #d1d1d1

}

.brochure_list.report_type li .img_brochure img {

  width: 48px;

}

.brochure_list.report_type li .tit_language {

  display: block;

  margin-top: 30px;

  padding-bottom: 20px;

  font-size: 28px;

  color: #222;

  background: url(../images/bg_tit_language.png) no-repeat 50% 100%;

}

.brochure_list.report_type li .btn_prev_report {

  display: inline-block;

  position: relative;

  margin-top: 20px;

  padding-bottom: 4px;

  font-size: 14px;

  color: #54585a;

}

.brochure_list.report_type li .btn_prev_report:after {

  display: inline-block;

  position: relative;

  content: '';

  margin-left: 5px;

  vertical-align: middle;

  width: 16px;

  height: 16px;

  background: url(../../../../w/images/esg/ico_pop.png) no-repeat 0 0;

}

.brochure_list.report_type li .btn_prev_report:before {

  display: block;

  content: '';

  width: 100%;

  height: 1px;

  position: absolute;

  bottom: 0;

  left: 0;

  background: #54585a;

}

.tab_about_rights {

  margin-top: -72px;

}

.about_rights {

  margin: 120px 0 140px;

}

.about_rights.esg_declaration .box ul {

  padding: 80px 60px;

}

.about_rights.esg_declaration .box ul li {

  padding-left: 65px;

}

.about_rights.esg_declaration .box ul li em {

  font-size: 26px;

  font-style: normal;

}

.partners .agree_list02 {

  margin-top: 118px;

}

.partners .agree_list02 .agree_cont strong {

  margin-top: 20px;

}

.partners .agree_list02 .agree_cont .gap_line + strong {

  margin-top: 0;

}

.pop-layer {

  display: none;

  position: fixed;

  top: 0;

  left: 0;

  z-index: 150;

  width: 100%;

  height: 100%;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.pop-layer .dim {

  position: fixed;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background: #000;

  z-index: 31;

  opacity: 0.7;

  z-index: 1;

}

.pop-layer .pop-wrap {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  z-index: 2;

  width: 680px;

  background: #fff;

}

.pop-layer .pop-wrap .pop-content {

  display: none;

  overflow-y: auto;

  padding: 49px;

  max-height: 800px;

}

.pop-layer .pop-wrap .pop-content.active {

  display: block;

}

.pop-layer .pop-wrap .pop-inner {

  overflow-y: auto;

  max-height: 600px;

}

.pop-layer .pop-wrap .pop-content .pop-inner > img {

  max-width: 100%;

}

.pop-layer .pop-wrap .pop-footer {

  margin-top: 20px;

}

.pop-layer .pop-wrap .pop-footer a {

  display: block;

  width: 100%;

  height: 60px;

  line-height: 60px;

  background: #da291c;

  font-size: 24px;

  text-align: center;

  color: #fff;

}

.pop-layer .btn-close {

  display: block;

  position: absolute;

  top: -48px;

  right: 0;

  width: 28px;

  height: 28px;

  background: url(../../../../w/images/csv/btn_close.png) no-repeat 0 0;

}

.pop-layer.active {

  display: block;

}

.pop-layer.active .dim {

  display: block;

}

.pop-report .brochure_list {

  margin-top: 0;

}

.pop-report .brochure_list.report_type li {

  margin-left: 0;

  margin-top: 20px;

}

.pop-report .brochure_list.report_type li:first-child {

  margin-top: 0;

}

.pop-report .brochure_list.report_type li:nth-child(2) {

  margin-top: 20px;

}

.anti_corruption .chap_slist li {

  padding-left: 22px !important;

  text-indent: -22px;

}

.anti_corruption .chap_slist li.no_bullet {

  padding-left: 0 !important;

  text-indent: 0;

}

.iso-system .sec-box {

  text-align: center;

  line-height: 1.75;

}

.iso-system .sec-box .tit {

  font-size: 24px;

  font-weight: 700;

  letter-spacing: -0.03em;

  color: #222;

}

.iso-system .sec-box .txt {

  font-size: 20px;

  letter-spacing: -0.03em;

  color: #222;

}

.iso-system .sec-box + .sec-box {

  margin-top: 28px;

}

.iso-system .tit_deco {

  margin-bottom: 120px;

}

.iso-system .brd-box {

  border: 10px solid rgba(135, 118, 105, 0.2);

  text-align: center;

  padding: 80px;

  color: #222;

  margin-top: 68px;

}

.iso-system .brd-box .tit {

  font-size: 26px;

  font-weight: 700;

  line-height: 34px;

}

.iso-system .brd-box .sub-tit {

  letter-spacing: -0.03em;

  font-size: 22px;

  line-height: 36px;

  color: #222;

  margin-top: 24px;

}

.iso-system .brd-box .bullet-list {

  margin-top: 62px;

  text-align: left;

}

.iso-system .brd-box .bullet-list .item {

  display: flex;

  gap: 0 18px;

}

.iso-system .brd-box .bullet-list .item + .item {

  margin-top: 60px;

}

.iso-system .brd-box .bullet-list .bullet {

  color: #877669;

  font-size: 26px;

  font-weight: 700;

  flex: 0 0 auto;

}

.iso-system .brd-box .bullet-list .txt {

  font-size: 22px;

  color: #222;

  letter-spacing: -0.03em;

  line-height: 36px;

  flex: 1 1 1%;

  word-break: keep-all;

}

.iso-system .foot-txt {

  text-align: center;

  font-size: 20px;

  color: #222;

  letter-spacing: -0.03em;

  line-height: 34px;

  margin-top: 58px;

}

/* font-weight */

.fw-100 {

  font-weight: 100;

}

.fw-300 {

  font-weight: 300;

}

.fw-400 {

  font-weight: 400;

}

.fw-500 {

  font-weight: 500;

}

.fw-700 {

  font-weight: 700;

}

.fw-900 {

  font-weight: 900;

}

.titcu img{

	width: 100px;

}

.sphjk{

	font-size: 16px !important;

  text-transform: none !important;

}

.right-links {

  position: fixed;

  right: 0;

  bottom: 15%;

  z-index: 3

}

.right-links .list-inline li {

  display: block;

  padding: 1px 0

}

.right-links ul li a, .right-links ul li span {

  background: #e9d668;

  color: #ffffff;

  font-size: 12px;

  

  font-weight: 500;

  padding: 15px 0 7px;

  text-decoration: none;

  transition: 0.4s all ease;

  max-width: 60px;

  display: block;

  min-height: 40px;

  min-width: 60px;

  text-align: center;

  position: relative;

  z-index: 3;line-height: 24px;

}

.right-links ul li a.call:before, .right-links ul li span.call:before {

  background-image: url("../images/icon-call.svg");

  background-repeat: no-repeat;

  height: 14px;

  width: 14px;

  content: "";

  display: block;

  margin: auto

}

.right-links ul li a.call.desktop, .right-links ul li span.call.desktop {

  display: block

}

@media screen and (max-width: 768px) {

  .right-links ul li a.call.desktop, .right-links ul li span.call.desktop {

    display: none

  }

}

.right-links ul li a.call.mobile, .right-links ul li span.call.mobile {

  display: none

}

@media screen and (max-width: 768px) {

  .right-links ul li a.call.mobile, .right-links ul li span.call.mobile {

    display: block

  }

}

.right-links ul li a.enquire:before, .right-links ul li span.enquire:before {

  background-image: url("../images/icon-mail.svg");

  background-repeat: no-repeat;

  height: 14px;

  width: 14px;

  content: "";

  display: block;

  margin: auto

}

.right-links ul li a:hover, .right-links ul li span:hover {

  background: #000;

  transition: 0.4s all ease

}

.right-links ul li span.share-icon {

  background-image: url("../images/share-white.svg");

  font-size: 12px;

  background-size: 14px auto;

  background-repeat: no-repeat;

  background-position: center 12px;

  padding: 30px 0 0 0;

  cursor: pointer;

  position: relative;

  right: 0;

  -webkit-transition: all 0.4s ease-out;

  -moz-transition: all 0.4s ease-out;

  -ms-transition: all 0.4s ease-out;

  -o-transition: all 0.4s ease-out;

  transition: all 0.4s ease-out

}

.right-links ul li span.share-icon.active {

  right: 32px

}

a.spnimg {

	/*border-bottom: 4px solid #e9d668;*/

  /*width: 100px;

  display: inline-block;background: #fff;*/

	width: 1180px;

  display: inline-block;

}

.low a.spnimg {

	/*border-bottom: 4px solid #e9d668;*/

  /*width: 100px;

  display: inline-block;background: #fff;*/

	width: 800px;

  display: inline-block;

}

a.spnimg img{

	filter: grayscale(1);width: 80%;

}

a.spnimg img:hover{

	filter: grayscale(0);

}



a.spnimgg {

	border-bottom: 4px solid #e9d668;

  width: 150px;

  display: inline-block;

}

a.spnimgg img{

	filter: grayscale(1);

}

a.spnimgg img:hover{

	filter: grayscale(0);

}





.fixedRit {

	right: 22px;

}

.fixedRit {

	position: fixed;

	bottom: 0;

	transform: translate(0, -50%);

	z-index: 2;

	border-radius: 5px;

	overflow: hidden;

	right: 5px;

    background-color: rgba(0,0,0,0.7)

}

.fixedRit ul {

	margin: 0px;

    padding: 0;

}

/*.fixedRit ul .call {

	background: #fff;

	color: #121212;

}*/

.fixedRit ul a {

	padding: 10px;

	height: auto;

	width: auto;

}

.fixedRit ul a {

	display: flex;

	align-items: center;

	justify-content: center;

	text-align: center;

}

.fixedRit ul svg {

	width: 20px;

	margin-bottom: 7px;

	height: 20px;

}

.fixedRit ul svg {

	fill: #fff;

}

.fixedRit ul a svg {

	display: block;

	margin: auto;

}

.fixedRit ul a span {

	text-transform: uppercase;

	font-size: 10px;

	display: none;

}

.fixedRit ul a:hover

{

  color: #fff;

}

.fixedRit ul a {

	padding: 10px;

	height: 50px;

	width: 50px;

}

.fixedRit ul a {

	display: flex;

	align-items: center;

	justify-content: center;

	text-align: center;

}

/*.fixedRit ul .mail svg {

	width: 33px;

	height: 33px;

	margin-bottom: 7px;

}

.fixedRit ul .mail svg {

	fill: #fff;

}*/

.fixedRit ul a svg {

	display: block;

	margin: auto;

}

.fixedRit ul a span {

	text-transform: uppercase;

	font-size: 9px;

	display: block;

}

/*.fixedRit ul .whatsapp {

	background: #4e9525;

	color: #fff;

}*/

.fixedRit ul a {

	padding: 9px;

	height: auto;

	width: auto;

}

.fixedRit ul a {

	display: flex;

	align-items: center;

	justify-content: center;

	text-align: center;

    color: #fff;

}

/*.fixedRit ul .whatsapp svg {

	width: 34px;

	height: 34px;

}

.fixedRit ul .whatsapp svg {

	fill: #fff;

}*/

.fixedRit ul a svg {

	margin-bottom: 7px;

}

.fixedRit ul a svg {

	display: block;

	margin: auto;

}

.fixedRit ul a span {

	text-transform: uppercase;

	font-size: 9px;

	display: block;line-height: 22px;

}

/*@-moz-keyframes bounce {

  0%, 20%, 50%, 80%, 100% {

    -moz-transform: translateY(0);

    transform: translateY(0);

  }

  40% {

    -moz-transform: translateY(-30px);

    transform: translateY(-30px);

  }

  60% {

    -moz-transform: translateY(-15px);

    transform: translateY(-15px);

  }

}

@-webkit-keyframes bounce {

  0%, 20%, 50%, 80%, 100% {

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

  40% {

    -webkit-transform: translateY(-30px);

    transform: translateY(-30px);

  }

  60% {

    -webkit-transform: translateY(-15px);

    transform: translateY(-15px);

  }

}

@keyframes bounce {

  0%, 20%, 50%, 80%, 100% {

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

  40% {

    -moz-transform: translateY(-30px);

    -ms-transform: translateY(-30px);

    -webkit-transform: translateY(-30px);

    transform: translateY(-30px);

  }

  60% {

    -moz-transform: translateY(-15px);

    -ms-transform: translateY(-15px);

    -webkit-transform: translateY(-15px);

    transform: translateY(-15px);

  }

}*/



.arrow {

  position: fixed;

  

  

  

}



.bounce {

  -moz-animation: bounce 2s infinite;

  -webkit-animation: bounce 2s infinite;

  animation: bounce 2s infinite;

}



.fade {

  opacity:0;

  transition: 1s all ease-out;

}



.site-footer.style-2 .footer-top {

	

	background-size: cover;

	background-position: center;



}

#section7 {

  padding: 50px 0 0 0;

  /*background: #54585a;*/

	background: #000 url(../img/bg2.png) no-repeat 50% 0;

  background-size: cover;

  z-index: 50;

  box-sizing: border-box;

}

.site-footer.style-2 .footer-bottom {

	/*background-color: #152131;*/

	padding-top: 20px;

	padding-bottom: 20px;

    /*border-top: 1px solid;*/

}

.site-footer.style-2 .footer-bottom .copyright-text {

	color: #fff;

  font-size: 13px;

  font-weight: 500;

  line-height: 1.4;

  float: left;

  width: 100%;

  text-align: center;

  margin-top: 30px;

}

.site-footer.style-2 .footer-info {

	background: var(--primary);

	position: relative;

}

.site-footer.style-2 .footer-info .info-right {

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

	height: 100%;

	align-items: center;

	padding-right: 30px;

}



@media only screen and (max-width: 1200px) {

.site-footer.style-2 .footer-info .info-right {

	padding-bottom: 0px;

}

.site-footer.style-2 .footer-info .info-right .btn, .site-footer.style-2 .footer-info .info-right .wp-block-button__link {

	display: none;

}

}



@media only screen and (max-width: 991px) {
	.footer-bottom .container-fluid{
		padding-left: 0px!important;
  padding-right: 0px!important;
	}
	.jkkk{
		display: none;
	}
	.btn_main a {

  font-size: 14px;
  
}

.site-footer.style-2 .footer-info .info-right {

	padding-left: 30px;

}

	.header h1 a img {

  width: 60px;

}

	.header .btn_all {

 

  top: 15px;

  

}

	#fp-nav {

  display: none!important;

}

	 video {

    object-fit: cover;

  }

	.section .contents {

  

  width: 100%;

	}

	#section2 .category_list li {

  width: 160px;margin-bottom: 15px;

}

	.category_list h1 {

  

  font-size: 28px;

  

}

	#section2 .category_list {

  margin: 25px 0 0 0;

}

	#section2 .btn_main a {

  margin: 35px 0 0 0;

}

	.fixedRit ul a {

  padding: 3px;

  

}

	.fixedRit ul a span {

  

  font-size: 7px;

  

}

	.fixedRit ul svg {

  width: 15px;

  margin-bottom: 3px;

  height: 15px;

}

	.btnGoTop {

  

  right: 3px!important;



}

	#section2 .tit_section {

 

  font-size: 28px;

 

}

	.txt_section {

 padding: 0px 15px;

  font-size: 12px;



}

	#section3 .tit_section {

  font-size: 28px;

  

}

	#section3 .category_list li.distribution {

  margin-left: 0px;

}

	#section3 .category_list li.chemi {

  margin-left: 0px;

}

	#section3 .category_list li.Ready-Mix {

  margin-left: 0px;

}

	#section3 .category_list li.Transportation {

  margin-left: 0px;

}

	.category_list li.food a {

 



}

	.category_list li a {

   background-size: 20%!important;

  padding: 45px 0 0 0;

  

}

	#section3 .category_list li.tour {

  margin-left: 0px;

}

	.category_list li {

      margin-bottom: 15px;

  min-width: 45%;

}

	#section3 .category_list {

 

  top: 41%;

 

}

	#section3 .category_list li.Logistics {

  display: none!important;

}

	.btn_main a {



  margin: 350px 0 0 0;

 

}

	#section4 .txt_wrap {

  width: 100%;

}

	#section4 .tit_section {

 

  font-size: 28px;

  

}

	a.spnimg {

  

  width: 100%;

  

}

	#section5 .tit_section {

  

  font-size: 28px;

 

}

	.view_lotte {

		width: 100%;}

	.view_lottee li {

 height: auto!important;

   

    margin-top: 0!important;

  width: 30%!important;

    margin-left: 1px !important;

    margin-right: 1px !important;

 

}

	.view_lotte li a {

  

		width: 100%;}

	.fd p {

  font-size: 11px !important;

    line-height: 18px !important;

    height: 50px;

}

	.view_lottee li a {



  padding: 5px !important;

}

	.view_lottee li a img{

  height: 30px;

}

	.spsecmid {

  width: 100%!important;

  

}

	.spn50 {

 

  width: 100%!important;

  

}

	.tit_section {



  font-size: 28px;

 

}

	.spnhj {

 

  top: -5px!important;

  

  text-align: center!important;

  

}

	.site-footer.style-2 .footer-top .container-fluid {

  max-width: 100% !important;

    padding-left: 15px !important;

    padding-right: 15px !important;

		width: 91%!important;

}

	.site-footer.style-2 .footer-top {

  background-size: cover;

  background-position: center;width: 100%!important;

		

}

	.footer-logo{

		display: none!important;

	}

	.col-xl-4{

		width: 48%;

  

	}

	footer .footer-title {

  margin: 0px 0px 5px!important;

  

  font-size: 16px!important;

 

}

	.site-footer.style-2 .widget_services ul li {

  

  padding: 2px 0!important;



}

	.mobi{

		width: 100%;margin-top: 15px;

	}

/*	.view_lotte li {

  

  width: 100%;

 

}*/

	.gnb .innner_wrapp {

  align-items: start;

		display: flex;

  flex-direction: column;

  padding-left: 0;

  margin-bottom: 0;

  list-style: none;height: auto;

}

	.gnb li {

 margin: 15px 0;

    width: 155px;

    text-align: left;padding: 0px;

}

	.link {

  

  font-size: 16px!important;

  

  font-weight: 600!important;

  

}

.site-footer.style-2 .widget_services ul li {

  font-size: 12px!important;

  text-align: left;

}

	.footer-contact li {

  font-size: 12px!important;

  

}

	.site-footer.style-2 .footer-bottom {

  

  padding-top: 0px!important;

  

}

.view_lotte li {

  width: 100%;

  height: 320px;

  margin-left: 0px;margin-top: 30px;

  

}	
	.view_lotte li a::after {

  left: inherit;

}

	.view_lotte li a {

 padding: 100px;
    height: auto;



		
}
	.view_lotte li a {
  display: block !important;
  /*gap: 5px;*/
}

	.dz-social-icon li{

		margin: 0px!important;

	}

	.dz-social-icon ul li a img {

  width: 70%;

}

	  .gnb li:hover .sub-menu {

    visibility: visible;

    top: 0px;

    opacity: 1;left: 150px;

  }

	 .gnb li .sub-menu li{

    margin: 0px;

		 margin-bottom: 5px;

  }

	li.menu-item-has-children::after {



  right: 9px;



  top: 4px;

}

	.gnb .gnb_close {



  right: 0px;

  top: 0px;



}
	.gnb li .sub-menu li a {
  font-size: 12px!important;
  
}

}



@media only screen and (max-width: 575px) {

.site-footer.style-2 .footer-info .info-right {

	display: block;

}

}

.site-footer.style-2 .footer-info .dz-media {

	height: 100%;

}

.site-footer.style-2 .footer-info .dz-media img {

	height: 100%;

	object-fit: cover;

}

.site-footer.style-2 .footer-info .dz-media .popup-youtube {

	position: absolute;

	top: 50%;

	left: 50%;

	height: 50px;

	width: 50px;

	line-height: 50px;

	color: #fff;

	border-width: 3px;

	font-size: 18px;

	transform: translate(-50%, -50%);

}

.site-footer.style-2 .footer-info .service-info {

	display: flex;

}

.site-footer.style-2 .footer-info .service-info p {

	margin-bottom: 0;

	font-size: 20px;

	color: #fff;

	font-weight: 600;

}

.site-footer.style-2 .footer-info .service-info li {

	padding: 17px 20px;

	border-right: 2px solid rgba(255, 255, 255, 0.2);

}

.site-footer.style-2 .footer-info .service-info li:last-child {

	border-right: 0;

	padding-right: 0;

}

.site-footer.style-2 .footer-info .service-info li:first-child {

	padding-left: 0;

}



@media only screen and (max-width: 575px) {

.site-footer.style-2 .footer-info .service-info {

	display: block;

}

.site-footer.style-2 .footer-info .service-info li {

	border: 0;

	border-bottom: 2px solid rgba(255, 255, 255, 0.2);

	padding: 15px 0;

}

}

.site-footer.style-2 .footer-info .title {

	color: #fff;

	margin-bottom: 0;

}

.site-footer.style-2 p {

	font-size: 15px;

	color: #a4a3a3;

}

.site-footer.style-2 .widget_services ul li {

	font-size: 15px;

    padding: 5px 0;

}

.site-footer.style-2 .widget_services ul li a {

	color: #fff;

}

.site-footer.style-2 .widget_services ul li a:hover {

	color: #db4440;

}

.site-footer.style-2 .dzSubscribe {

	background: #2c2c2c;

	padding: 30px;

}

.site-footer.style-2 .dzSubscribe span {

	font-size: 11px;

}

.site-footer.style-2 .dzSubscribe .ft-row {

	position: relative;

}

.site-footer.style-2 .dzSubscribe .ft-row .form-control, .site-footer.style-2 .dzSubscribe .ft-row .wp-block-categories-dropdown select, .wp-block-categories-dropdown .site-footer.style-2 .dzSubscribe .ft-row select,  .site-footer.style-2 .dzSubscribe .ft-row .wp-block-archives-dropdown select, .wp-block-archives-dropdown .site-footer.style-2 .dzSubscribe .ft-row select {

	border-radius: 0;

	height: 50px;

	padding-right: 50px;

}

.site-footer.style-2 .dzSubscribe .ft-row .btn, .site-footer.style-2 .dzSubscribe .ft-row .wp-block-button__link {

	padding: 0;

	height: 50px;

	width: 50px;

	position: absolute;

	top: 0;

	right: 0;

	justify-content: center;

	color: var(--primary);

}

.site-footer.style-2 .dzSubscribe .ft-row .btn:hover, .site-footer.style-2 .dzSubscribe .ft-row .wp-block-button__link:hover {

	color: #fff;

	background: var(--primary);

}

.site-footer.style-2 .footer-top .container-fluid {

  max-width: 1180px;

}

.container-fluid, .container-sm, .container-md, .container-lg, .container-xl {

  padding-left: 30px;

  padding-right: 30px;

}

.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl {

  width: 100%;

  

  margin-right: auto;

  margin-left: auto;

}

.m-b40 {

  margin-bottom: 40px;

}

.align-items-center {

  align-items: center !important;

}

.justify-content-center {

  justify-content: center !important;

}

@media (min-width: 1200px) {

  .col-xl-4 {

    flex: 0 0 auto;

    width: 24.33333%;

  }

}





.row {

 --bs-gutter-x: 0px;

 --bs-gutter-y: 0;

	display: flex;

	flex-wrap: wrap;

 margin-top: calc(-1 * var(--bs-gutter-y));

 margin-right: calc(-.5 * var(--bs-gutter-x));

 margin-left: calc(-.5 * var(--bs-gutter-x));

}



footer .widget {

  margin-bottom: 0;

  width: 100%;

}

footer .footer-logo {

  margin-bottom: 0;

  text-align: left;

}

footer .footer-logo img {

  max-width: 150px;

}



footer .footer-title {

  margin: 0px 0px 20px;

  font-weight: 700;

  position: relative;

  color: #e9d668;

  line-height: 1.2;

  font-size: 20px;

	text-align: left;text-transform: uppercase;

}

.widget_services ul {

  list-style: none;

  padding-left: 0;

  margin-bottom: 0;

}

.site-footer.style-2 .widget_services ul li {

  font-size: 15px;

  padding: 5px 0;text-align: left;

}

.widget_services ul li {

  padding-bottom: 1.125rem;

  margin-bottom: 0.8125rem;

  position: relative;

  padding: 0.5rem 0rem 0.5rem 0rem;

  margin-bottom: 0;

  line-height: 1.25rem;

}

.site-footer.style-2 .widget_services ul li a {

  color: #fff;

}

footer .widget_services ul li a {

  color: #fff;

  display: block;

  -webkit-transition: all 0.8s;

  -ms-transition: all 0.8s;

  transition: all 0.8s;

}

.widget ul.footer-contact li {

  padding-left: 0px;

}

.widget ul.footer-contact li img{

	padding-right: 15px;

  width: 20px;

  float: left;

}

.footer-contact li {

  margin-bottom: 15px;

  position: relative;

  font-size: 15px;

	text-align: left;color: #fff;

}

.float-md-start {

    float: left !important;

  }

.dz-social-icon ul {

  display: flex;

}

.dz-social-icon ul li {

  display: inline-block;

  padding: 0 5px;

}

.dz-social-icon ul li a {

  display: block;

  width: 45px;

  height: 45px;

  background-color: transparent;

  color: #fff;

  text-align: center;

  line-height: 45px;

  font-size: 24px;

}

.site-footer .dz-social-icon img {

  width: 30px;

}



.container-fluid {

  max-width: 1180px;

}



.spptr img{

	width: 50%;

}

 .col-lg-12 {

    flex: 0 0 auto;

    width: 100%;

  }

.input-group {

  margin-bottom: 15px;

}

.input-group {

  position: relative;

  

  width: 100%;

}

.dz-form{

	/*width: 500px;*/

	/*margin: 0 auto;*/

	margin: 0px;

}

.entry-content form p {

  margin: 0;

}

.wpcf7-form-control-wrap {

  float: left;

  width: 100%;

}

.wpcf7-form-control-wrap {

  position: relative;

}

.form-control, .wp-block-categories-dropdown select, .wp-block-archives-dropdown select {

  height: 40px;

  border: none;

  padding: 5px 20px;

  font-size: 15px;

  font-weight: 400;

  color: #000;

  transition: all 0.3s ease-in-out;

  background: #fff;

  border-radius: 0px !important;

  width:92%;

  margin-bottom: 10px;font-family: "Roboto", sans-serif;

}

textarea.form-control {

  min-height: unset;

  height: auto;

}

.btn {

  padding: 15px 30px;

  display: inline-flex;

  font-size: 15px;

  font-weight: 500;

  border-radius: 0;

  position: relative;

  line-height: 1.5;

  align-items: center;

  -webkit-transition: all 0.2s;

  -ms-transition: all 0.2s;

  transition: all 0.2s;

	background: #db4440; color: #fff;font-family: "Roboto", sans-serif;}

/*.btn:hover{background: #000; }*/





/**

 * Owl Carousel v2.3.4

 * Copyright 2013-2018 David Deutsch

 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE

 */

/*

 *  Owl Carousel - Core

 */

.owl-carousel {

  display: none;

  width: 100%;

  -webkit-tap-highlight-color: transparent;

  /* position relative and z-index fix webkit rendering fonts issue */

  position: relative;

  z-index: 1; }

  .owl-carousel .owl-stage {

    position: relative;

    -ms-touch-action: pan-Y;

    touch-action: manipulation;

    -moz-backface-visibility: hidden;

    /* fix firefox animation glitch */ }

  .owl-carousel .owl-stage:after {

    content: ".";

    display: block;

    clear: both;

    visibility: hidden;

    line-height: 0;

    height: 0; }

  .owl-carousel .owl-stage-outer {

    position: relative;

    overflow: hidden;

    /* fix for flashing background */

    -webkit-transform: translate3d(0px, 0px, 0px); }

  .owl-carousel .owl-wrapper,

  .owl-carousel .owl-item {

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    -ms-backface-visibility: hidden;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0); }

  .owl-carousel .owl-item {

    position: relative;

    min-height: 1px;

    float: left;

    -webkit-backface-visibility: hidden;

    -webkit-tap-highlight-color: transparent;

    -webkit-touch-callout: none; }

  .owl-carousel .owl-item img {

    display: block;

    width: 100%; }

  .owl-carousel .owl-nav.disabled,

  .owl-carousel .owl-dots.disabled {

    /*display: none; */}

  .owl-carousel .owl-nav .owl-prev,

  .owl-carousel .owl-nav .owl-next,

  .owl-carousel .owl-dot {

    cursor: pointer;

    -webkit-user-select: none;

    -khtml-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none; }

  .owl-carousel .owl-nav button.owl-prev,

  .owl-carousel .owl-nav button.owl-next,

  .owl-carousel button.owl-dot {

    background: none;

    color: inherit;

    border: none;

    padding: 0 !important;

    font: inherit; }

  .owl-carousel.owl-loaded {

    display: block; }

  .owl-carousel.owl-loading {

    opacity: 0;

    display: block; }

  .owl-carousel.owl-hidden {

    opacity: 0; }

  .owl-carousel.owl-refresh .owl-item {

    visibility: hidden; }

  .owl-carousel.owl-drag .owl-item {

    -ms-touch-action: pan-y;

        touch-action: pan-y;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none; }

  .owl-carousel.owl-grab {

    cursor: move;

    cursor: grab; }

  .owl-carousel.owl-rtl {

    direction: rtl; }

  .owl-carousel.owl-rtl .owl-item {

    float: right; }



/* No Js */

.no-js .owl-carousel {

  display: block; }



/*

 *  Owl Carousel - Animate Plugin

 */

.owl-carousel .animated {

  animation-duration: 1000ms;

  animation-fill-mode: both; }



.owl-carousel .owl-animated-in {

  z-index: 0; }



.owl-carousel .owl-animated-out {

  z-index: 1; }



.owl-carousel .fadeOut {

  animation-name: fadeOut; }



@keyframes fadeOut {

  0% {

    opacity: 1; }

  100% {

    opacity: 0; } }



/*

 *  Owl Carousel - Auto Height Plugin

 */

.owl-height {

  transition: height 500ms ease-in-out; }



/*

 *  Owl Carousel - Lazy Load Plugin

 */

.owl-carousel .owl-item {

  /**

      This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong

      calculation of the height of the owl-item that breaks page layouts

     */ }

  .owl-carousel .owl-item .owl-lazy {

    opacity: 0;

    transition: opacity 400ms ease; }

  .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {

    max-height: 0; }

  .owl-carousel .owl-item img.owl-lazy {

    transform-style: preserve-3d; }



/*

 *  Owl Carousel - Video Plugin

 */

.owl-carousel .owl-video-wrapper {

  position: relative;

  height: 100%;

  background: #000; }



.owl-carousel .owl-video-play-icon {

  position: absolute;

  height: 80px;

  width: 80px;

  left: 50%;

  top: 50%;

  margin-left: -40px;

  margin-top: -40px;

  background: url("owl.video.play.png") no-repeat;

  cursor: pointer;

  z-index: 1;

  -webkit-backface-visibility: hidden;

  transition: transform 100ms ease; }



.owl-carousel .owl-video-play-icon:hover {

  -ms-transform: scale(1.3, 1.3);

      transform: scale(1.3, 1.3); }



.owl-carousel .owl-video-playing .owl-video-tn,

.owl-carousel .owl-video-playing .owl-video-play-icon {

  display: none; }



.owl-carousel .owl-video-tn {

  opacity: 0;

  height: 100%;

  background-position: center center;

  background-repeat: no-repeat;

  background-size: contain;

  transition: opacity 400ms ease; }



.owl-carousel .owl-video-frame {

  position: relative;

  z-index: 1;

  height: 100%;

  width: 100%; }

.spnhj{

	position: relative;

  right: 0;

  display: block;

  top: -45px;

  color: #fff;

  text-align: right;

  width: 100%;

  text-decoration: underline;

}

.spsecmid{

	width: 1180px;

	margin:0 auto;

}

.spn50{

	float: right;

	width: 40%;

	text-align: center;

}

  .justify-content-md-center {

    justify-content: center !important;

  }

.align-items-center {

  align-items: center !important;

}

.preloader{ 

	position:fixed; 

	left:0px; 

	top:0px; 

	width:100%; 

	height:100%; 

	z-index:999999; 

	background-color:rgba(0,0,0,0);

} 



.preloader .icon{ 

	position:fixed; 

	left:0px; 

	top:0px; 

	width:100%; 

	height:100%; 

	z-index:5; 

	background-color:rgba(0,0,0,0); 

	background-position:center center; 

	background-repeat:no-repeat; 

	background-image:url(../img/preloader.svg);

	-webkit-transition: all 200ms ease;

	-moz-transition: all 200ms ease;

	-ms-transition: all 200ms ease;

	-o-transition: all 200ms ease;

	transition: all 200ms ease;

} 



.page-loaded .preloader .icon{

	opacity:0; 

}



.preloader:before{

	content:'';

	position:absolute;

	left:0;

	top:0;

	width:51%;

	height:100%;

	background:#ffffff;

	z-index:0; 

	-webkit-transform:translateX(0%);

	-ms-transform:translateX(0%);

	transform:translateX(0%);

	-webkit-transition: all 800ms ease;

	-moz-transition: all 800ms ease;

	-ms-transition: all 800ms ease;

	-o-transition: all 800ms ease;

	transition: all 800ms ease;

}



.page-loaded .preloader:before{

	-webkit-transform:translateX(-101%);

	-ms-transform:translateX(-101%);

	transform:translateX(-101%);

}



.preloader:after{

	content:'';

	position:absolute;

	right:0;

	top:0;

	width:51%;

	height:100%;

	background:#ffffff;

	z-index:2; 

	-webkit-transform:translateX(0%);

	-ms-transform:translateX(0%);

	transform:translateX(0%);

	-webkit-transition: all 800ms ease;

	-moz-transition: all 800ms ease;

	-ms-transition: all 800ms ease;

	-o-transition: all 800ms ease;

	transition: all 800ms ease;

}



.page-loaded .preloader:after{

	-webkit-transform:translateX(101%);

	-ms-transform:translateX(101%);

	transform:translateX(101%);

}

.btnGoTop {

  position: fixed;

  right: 15px;

  bottom: 10px;

  width: 45px;

  z-index: 50;

  display: none;

}

.btnGoTop img {

  width: 100%;

}



.page {

  height: 100%;

  width: 100%;

  

  display: flex;

  align-items: center;

  justify-content: center;

  

  background-size: cover;

	-webkit-transition: all 0.2s;

  -ms-transition: all 0.2s;

  transition: all 0.2s;

}

.menu {

  position: fixed;

  left: 0;

  right: 0;

  top: 0;

}



.menu ul {

    display: flex;

    justify-content: space-between;

}



.image {

  position:fixed;

  top: 0;

  left: 0;

  width: 100%;



  height: 100vh;

  z-index: -1;

  opacity: 0;

  visibility: hidden;

  transition: all .3s ease-in-out;background: #000;

}

.image img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: top;

	animation: zoom-in 30s ease-in infinite;opacity: 0.7;

	

  overflow: hidden;

}

@keyframes zoom-in {

  0% {

    transform: scale(1, 1);

  }

  50% {

    transform: scale(1.2, 1.2);

  }

  100% {

    transform: scale(1, 1);

  }

}



.innner_wrap.active .link + .image {

  opacity: 1;

  visibility: visible;

}

.gnb.hover .link {

  opacity: .9;

}

.innner_wrap.active .link {

  opacity: 1;z-index: 999;

	position: relative;

}

.link{

	display: inline-block;

  font-size: 24px;

  color: #db4440;

  font-weight: 600;

  text-transform: uppercase;

}



.link::before {

  content: "";

  position: absolute;

  width: 0;

  height: 0;

  border-radius: 50%;

  left: 50%;

  top: 0;

  background: #da291c;

  opacity: 0;

  transition: all 0.5s ease;

  z-index: -1;

}

.gnb .row {

  width: 100%;

  height: 100%;

}

.align-items-center {

  align-items: center !important;

}

.popup-footer {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

}

.popup-footer .row {

  height: auto;

  padding-top: 30px;

  padding-bottom: 30px;

  border-top: 1px solid #eee;

}

.w-50 {

  width: 50% !important;

}

.popup-footer h3 {



  text-transform: uppercase;

}

.popup-footer h3 a {



	color: #fff;font-size: 24px;

}

@media (min-width: 768px) {

  .float-md-end {

    float: right !important;

  }

}

.dz-social-icon ul {

  display: flex;

}

.justify-content-center {

  justify-content: center !important;

}

.dz-social-icon ul li {

  display: inline-block;

  padding: 0 5px;

}

.dz-social-icon ul li a img{width: 100%;}

.dz-social-icon ul li a {

  display: block;

  width: 45px;

  height: 45px;

  background-color: transparent;

  color: #fff;

  text-align: center;

  line-height: 45px;

  font-size: 24px;

}

.spojksslogo{

	position: relative;

  z-index: 999;

  display: inline-block;

}

 ul.spnlists li{

	background: url("../img/list.png") no-repeat 0 7px;

  padding-left: 25px;

  line-height: 1.5;

  margin-bottom: 15px;

  font-size: 16px;

  font-weight: 400;text-align: justify;

	 

}

.pd{

	padding: 100px 100px 100px 100px;background: #FFF;

}

.sec50 img{width: 100%;}

.sd4s{

	font-size: 18px;

	

}

.txt_business h4{

	color: #fff;

  font-size: 18px;

  padding-bottom: 10px;

  text-transform: uppercase;

  padding-top: 10px;

}

.spn{

	width: 100%;

}

ul.spnlists  {

	width: 800px;

}

ul.spnlists li {

  background: url("../img/list.png") no-repeat 0 7px;

  padding-left: 25px;

  line-height: 1.5;

  margin-bottom: 5px;

  font-size: 14px;

  font-weight: 400;

  text-align: justify;color: #fff;

}

.mds{

	border: 1px solid #fff;padding: 10px;width: 76%;margin-top: 15px;border-radius: 15px;

}

.mds p a{

   color: #fff;

}

.mds p a:hover{

   color: #db4440;

}

.bblb{

	/*width: 90%;

  display: inline-flex;*/

  /*position: relative;

  margin: 1px;cursor: pointer;*/

}

.bblb img{

	width: 100%;

	

}

.bblb img:hover{

	opacity: 0.7;

	

}

.ply {

  position: absolute;

  z-index: 9;

  text-align: center;

  top: 38%;

  left: 40%;

}

.ghg{

	width: 500px;

  float: left;color: #fff;

}

.sphjw{

	width: 280px;

  float: left;margin-left: 20px;

}

.txt_business .dhjk {

  width: 800px;

  font-size: 16px;

  color: #fff;

  line-height: 1.4em;

  text-align: justify;

}

.dhjk img{

	width: 100%;

	margin-top: 35px;

}

.bblb span{

	width: 100%;

  bottom: -100px;

  color: #fff;

  position: absolute;

  font-size: 22px;

  font-weight: 300;

}

.demo-html-selector{

	display: none;

}

.demo-html-selector{

	width: 100%;

	float: left;

}

.spnjk{

	width: 800px;

	padding: 50px;

background: #fff;

}

.spnjk img{

	width: 100%;

	height: 450px;

}

.spnjk h2{

	margin-top: 20px;

	margin-bottom: 20px;

}

.spnjk p{

	

	margin-bottom: 20px;

}

.sphjkff{

	width: 800px;

}

.sponsors-section{

	position:relative;

	padding:70px 0px;

}



.sponsors-section .auto-container{

	max-width: 1300px;

}



.sponsors-section .image-layer{

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background-position: center center;

	background-repeat: no-repeat;

	background-size: cover;

}



.sponsors-section .image-layer:before{

	content: '';

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	opacity: 0.80;

	background: #d73441;

}



.sponsors-outer{

	position:relative;

	text-align:center;width: 800px;

}



.reviews-section .sponsors-outer .auto-container{

	max-width: 1440px;

}



.sponsors-outer .slide-item{

	display: block;

	text-align: center;

}



.sponsors-outer .image-box{

	position:relative;

	display: inline-block;

	margin: 5px;

}



.sponsors-outer .image-box img{

	max-width:100%;

	width:auto;

	display:inline-block;

	transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-webkit-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

	opacity:0.80;

}



.sponsors-outer .image-box img:hover{

	opacity:1;

}



.sponsors-outer .owl-dots,

.sponsors-outer .owl-nav{

	position:relative;

	

}

.dz-content {

 background-color: #db4440;

  padding: 10px 20px;

  margin-left: 30px;

  margin-top: -30px;

  margin-right: 50px;

  position: relative;

  z-index: 1;

}



.dz-content::before {

  content: "";

  position: absolute;

  height: 100%;

  width: 0px;

  left: 0;

  top: 0;

 background-color: #db4440;

  z-index: -1;

  transition-property: all;

  transition-duration: 0.5s;

  transition-timing-function: cubic-bezier(0.83, -0.1, 0.2, 1.01);

  transition-delay: 0s;

}

.dz-name {

  font-weight: 500;

  margin-bottom: 5px;

  font-size: 20px !important;

  line-height: 1.2em;

  text-align: left;

}

.dz-namee {

  font-weight: 500;

  margin-bottom: 5px;

  font-size: 16px !important;

  line-height: 1.2em;

  text-align: left;text-transform: capitalize!important;

}

.dz-team.style-2 .dz-content::after {

  content: "";

  height: 100%;

  width: 10px;

  left: -15px;

  top: 0px;

  position: absolute;

  background-color: #d8b658;

  -webkit-transition: all 0.8s;

  -ms-transition: all 0.8s;

  transition: all 0.8s;

  z-index: -1;

}

@media only screen and (max-width: 991px) {
	.dpnanmm{
		display: none;
	}

	.view_more {

 

  display: none;

}

	.business .section .contents {



  padding-left: 30px;

  padding-right: 30px;

}

	.txt_business p {

  width: 100%;

  font-size: 12px;

}

	.tit_business {

  padding: 0 0 15px 0;

  font-size: 24px;

 

}

	.ghg {

  width: 100%;

 

  font-size: 14px;

}

	.sphjw {

 

  display: none;

}

	#section3 .contents {

  margin-top: -250px;

}

	#section2 .contents {

  margin-top: -250px;

}

	#section5 .contents {

  margin-top: -250px;

}

	#section4 .contents {

  margin-top: -250px;

}

	#section6 .contents {

  margin-top: -250px;

}

	.mds {



  width: 94%;

 

}

	ul.spnlists li {

 

  font-size: 12px;



}

	.txt_business .dhjk {

  width: 100%;

 

}

	.site-footer.style-2 .footer-bottom .copyright-text {

  color: #fff;

  font-size: 8px;

  

}

	ul.spnlists {

  width: 100%;

}

	.sponsors-outer {



  width: 100%;

}

	.ply {

  

  top: 40%;

  left: 40%;

}

	.font-18 {

  font-size: 14px!important;

}

	footer .footer-logo {

  margin-bottom: 0;

  text-align: center!important;

}

	footer .footer-logo img {

  max-width: 150px!important;

}

	 .col-xl-3 {

    width: 48%!important;

  }

	 footer li a {

    padding: 0px 0px!important;

  }

	.popup-footer h3 a {

  color: #fff;

  font-size: 16px;

}

}

 .gnb li .sub-menu li a {

    font-size: 14px;

    line-height: 1.4;

    color: #fff;

    text-transform: uppercase;

  }
  .hide{ display:none; }
  .ahmadyar-fond-loho img {
    max-width: 160px;
    border-radius: 8px;
    margin-bottom: 10px;
}

.owl-nav-show .owl-nav {
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 26%;
  left: 0;
  right: 0;
  width: 96%;
  margin: auto;
}.owl-nav-show .owl-carousel .owl-nav .owl-prev,.owl-nav-show  .owl-carousel .owl-nav .owl-next {
 
    font-size: 0;
    color: #fff;
    font-weight: 00 
!important;
    width: 36px;
    height: 36px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50px;
    border-radius: 50%;
    -webkit-box-shadow: 0 .3rem .8rem rgba(0, 0, 0, .16);
    box-shadow: 0 .3rem .8rem rgba(0, 0, 0, .16);
 
}
.owl-nav-show  .owl-carousel .owl-nav .owl-next {
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="11.84" height="11.84" class="_9ef1e9f1 _6ca2ba90"><path d="M0 6.67v-1.5h8.97l-4.11-4.1L5.92 0l5.92 5.92-5.92 5.92-1.06-1.06 4.11-4.11z"></path></svg>');
}
.owl-nav-show .owl-carousel .owl-nav .owl-prev{
  transform: rotate(180deg);
  background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="11.84" height="11.84" class="_9ef1e9f1 _6ca2ba90"><path d="M0 6.67v-1.5h8.97l-4.11-4.1L5.92 0l5.92 5.92-5.92 5.92-1.06-1.06 4.11-4.11z"></path></svg>')
}.view_lotte.owl-nav-show .owl-nav { 
  top: 40%; 
}
.sponsors-outer.owl-nav-show .owl-nav { 
  top: 37%; 
}.view_lotte li a {
 
  display: flex;
  gap: 15px;
}.sponsors-outer.less-height .image-box {
  height: 149px;
  width: calc(100% - 6px);
  margin-right: 5px !important;
} .view_lotte.new-the-roew {
  width: 100%;max-width:919px;
  margin: 0 auto;
  padding: 0 0 0px 0;
  display: flex;
  justify-content: center;
}.view_lotte.new-the-roew li { 
  flex: 1;
  min-width: unset;
  width: auto;
}.view_lotte.new-the-roew li a {
  
  width: auto; 
}.view_lotte.new-the-roew li a.fd p {
  font-size: 19px;
  line-height: 26px ;
}

/*Mughees*/
.section .contents{
  max-width:100% !important;
}
#section4 .txt_wrap{
    transform: translateX(-50%) !important;
  }
@media(max-width: 1200px){
#section4 .txt_wrap{
    transform: translateX(-50%) !important;
  }
    footer .footer-top .col-xl-4 {
        width: 33% !important;
        margin-top: 20px !important;
    }
}
@media(max-width:1024px){
    #section4 .txt_wrap{
    transform: translateX(-50%) !important;
  }
    .txt_section{
        max-width:90% !important;
        margin:20px auto !important;
    }
    .txt_about{
      top:50% !important;
    }
    .category_list {
       margin: 28px 0 0 0 !important;
     }
    #section2 .category_list li {
     width: 180px;
    width: 40% ! IMPORTANT;
    margin: 20px 0;
    margin-top: 0;
    }
    a.spnimg{
        max-width: 100% !important;
    }
    #section2 .btn_main a {
    margin: 0 !important;
   }
    .spn50{
        padding: 0;
    max-width: 80%;
    margin: 0 40px;
        float:none !important;
    }
    .dz-form.dzForm > .row+div{
        padding: 5px 16px !important;
        padding-left: 0 !IMPORTANT;
    }
}
@media(max-width:600px){
  .main #section6 .form-control{
    width: 93% !important;
    padding: 5px 10px !important;
  }
  footer .footer-top .col-xl-4{
    width:100% !important;
    margin-top:20px !important;
  }
}