@charset "UTF-8"; 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  box-sizing: border-box;
}

article, aside, details, figcaption, figure,
footer, header, menu, nav, section {
  display: block;
  font-size: 1rem;
}

html {
  font-size: 15px;
}

body {
  line-height: 1;
  font-family: roboto, spoqa, sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #444;
  overflow-y: scroll;
  position: relative;
}

body.mobile-menu-on:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 9999;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

table th {
  text-align: center;
}

h1, h2, h3, h4, h5, h6 {
  color: #222;
}

a {
  text-decoration: none;
  color: #222;
}

p {
  line-height: 1.5;
}

li {
  line-height: 1.7;
}

input, textarea, select, button {
  font-size: 1rem;
  font-weight: 300;
}

input {
  box-sizing: border-box;
}

button, input {
  font-family: roboto, spoqa, sans-serif;
}

button {
  cursor: pointer;
}

select {
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  background-image: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'><path fill='#444' d='M7.406 7.828l4.594 4.594 4.594-4.594 1.406 1.406-6 6-6-6z'></path></svg>") !important;
  background-position: 100% 50% !important;
  background-repeat: no-repeat !important;
}

input {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

@font-face {
  font-family: "exo";
  font-weight: 300;
  src: url("/static/fts/exo/exo_Th.woff") format("woff");
}

@font-face {
  font-family: "exo";
  font-weight: 400;
  src: url("/static/fts/exo/exo_L.woff") format("woff");
}

@font-face {
  font-family: "exo";
  font-weight: 700;
  src: url("/static/fts/exo/exo_R.woff") format("woff");
}

@font-face {
  font-family: "roboto";
  font-weight: 300;
  src: url("/static/fts/roboto/roboto_Th.woff") format("woff");
}

@font-face {
  font-family: "roboto";
  font-weight: 400;
  src: url("/static/fts/roboto/roboto_L.woff") format("woff");
}

@font-face {
  font-family: "roboto";
  font-weight: 700;
}

@font-face {
  font-family: "spoqa";
  font-weight: 200;
}

@font-face {
  font-family: "spoqa";
  font-weight: 300;
}

@font-face {
  font-family: "spoqa";
  font-weight: 400;
}

@font-face {
  font-family: "spoqa";
  font-weight: 700;
  src: url("/static/fts/spoqa/spoqa_B.woff") format("woff");
}
@font-face {
  font-family: "nanumsq";
  font-weight: 300;
  src: url("/static/fts/nanumsq/ns_L.woff") format("woff");
}

@font-face {
  font-family: "nanumsq";
  font-weight: 400;
  src: url("/static/fts/nanumsq/ns_R.woff") format("woff");
}

@font-face {
  font-family: "nanumsq";
  font-weight: 700;
  src: url("/static/fts/nanumsq/ns_B.woff") format("woff");
}

::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-track {
  background-color: #efefef;
}

::-webkit-scrollbar-thumb {
  background-color: #d9d9d9;
}

::-webkit-scrollbar-button {
  background-color: transparent;
}

::-webkit-scrollbar-corner {
  background-color: transparent;
}

.ui-datepicker {
  display: none;
  width: 290px;
  padding: 2px;
  background: #323648;
}

.ui-datepicker .ui-datepicker-header {
  height: 46px;
  background: #323648;
  position: relative;
  line-height: 46px;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  width: 20px;
  height: 12px;
  background: url(../../ap/images/spr_ico_datepicker.png) no-repeat;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.ui-datepicker .ui-datepicker-prev {
  background-position: 0 0;
  left: 10px;
}

.ui-datepicker .ui-datepicker-next {
  background-position: -28px 0;
  right: 10px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 46px;
  text-align: center;
  color: #fff;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%;
}

.ui-datepicker table {
  width: 100%;
  font-size: 1rem;
  border-collapse: collapse;
  background: #fff;
}

.ui-datepicker thead {
  display: none;
}

.ui-datepicker th {
  text-align: center;
  border: 1px solid #a5a7aa;
}

.ui-datepicker th:first-child {
  border-left: 0;
}

.ui-datepicker th:last-child {
  border-right: 0;
}

.ui-datepicker tbody tr:first-child td {
  border-top: 0;
}

.ui-datepicker tbody tr:last-child td {
  border-bottom: 0;
}

.ui-datepicker td {
  text-align: center;
  border: 1px solid #a5a7aa;
}

.ui-datepicker td:first-child {
  border-left: 0;
}

.ui-datepicker td:last-child {
  border-right: 0;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}


.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

.ui-datepicker-other-month a {
  color: #9a9a9a !important;
}

.ui-datepicker-week-end:first-child a {
  color: #d43e41;
}

.ui-datepicker-week-end:last-child a {
  color: #1c93c5;
}

.ui-datepicker-today a {
  background: #3f4d94;
  color: #fff;
  font-weight: 700;
}

.ui-state-hover {
  background: #ddd;
}


.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;

  border-left-width: 1px;
}

.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: .5em;
  top: .3em;
}

.menu-mobile-ui {
  display: none;
}

.header.bg.fixed .select-list {
  display: none;
}

.skip-navigation-link {
  position: absolute;
  left: -99999%;
  text-decoration: none;
}

.skip-navigation-link:focus {
  display: block;
  left: 0;
  top: 0;
  z-index: 999999;
  width: 100%;
  height: 30px;
  line-height: 30px;
  background: #000;
  color: #fff;
  text-align: center;
  font-weight: bold;
}

.top-popup {
  width: 100%;
  background: #272936;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10001;
  transition: all .3s ease-out;
}

.top-popup-inner {
  height: 0;
  position: relative;
  overflow: hidden;
  transition: all .3s ease-out;
}

.top-popup-wrap {
  width: 1004px;
  height: 110px;
  margin: 32px auto 0;
  position: relative;
}

.top-popup-item {
  position: absolute;
  top: 0;
  left: 0;
}

.top-popup-article {
  display: block;
  float: left;
  margin-right: 24px;
}

.top-popup-article:last-child {
  margin-right: 0;
}

.top-popup-article > img {
  display: block;
}

.top-popup-control {
  width: 1004px;
  margin: 0 auto;
}

.top-popup-control-arrow {
  z-index: 100;
}

.top-popup-control-arrow > .arrow {
  width: 16px;
  height: 33px;
  padding: 0;
  border: none;
  background: url(../../ap/images/spr_ico_top_popup.png) no-repeat;
  position: absolute;
  top: 73px;
  left: 50%;
  text-indent: -99999em;
}

.top-popup-control-arrow > .arrow.prev {
  margin-left: -541px;
}

.top-popup-control-arrow > .arrow.prev.end {
  opacity: 0.2;
}

.top-popup-control-arrow > .arrow.next {
  background-position: -26px 0;
  margin-left: 525px;
}

.top-popup-control-arrow > .arrow.next.end {
  opacity: 0.2;
}

.top-popup-control-paging {
  margin-top: 20px;
  text-align: center;
}

.top-popup-control-paging-number {
  display: inline-block;
  margin-right: 10px;
  font-family: spoqa, sans-serif;
  color: #fff;
  vertical-align: middle;
}

.top-popup-control-paging-number > .current {
  font-weight: 700;
}

.top-popup-control-paging-number > .total {
  font-weight: 300;
}

.top-popup-control-paging .play-button {
  display: inline-block;
  width: 20px;
  height: 19px;
  padding: 0;
  border: none;
  border-radius: 0;
  background: url(../../ap/images/spr_ico_top_popup.png) no-repeat;
  text-indent: -99999em;
}

.top-popup-control-paging .play-button.play {
  background-position: 0 -88px;
  margin-right: 4px;
}

.top-popup-control-paging .play-button.pause {
  background-position: -24px -88px;
}

.top-popup-control-today {
  position: absolute;
  bottom: 20px;
  right: 135px;
}

.top-popup-control-today .today-checkbox {
  border: 1px solid #868aa0;
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
}

.top-popup-control-today .today-checkbox + .today-label {
  padding-left: 30px;
}

.top-popup-control-today .today-checkbox + .today-label:before {
  content: '';
  width: 18px;
  height: 17px;
  position: absolute;
  top: -3px;
  left: 0;
  border: 1px solid #868aa0;
  background: #272936;
}

.top-popup-control-today .today-checkbox:checked + .today-label:after {
  content: '\002714';
  position: absolute;
  top: 2px;
  left: 5px;
  line-height: 0.8;
  color: #faab44;
}

.top-popup-control-today .today-label {
  color: #c6c6c6;
  font-size: 0.9375rem;
  cursor: pointer;
}

.top-popup-toggle {
  height: 20px;
  font-size: 0.75rem;
  border: 0;
  background: #272936;
  color: #fff;
  position: absolute;
  bottom: -20px;
  right: 375px;
  transition: all .3s ease-out;
}

.top-popup-toggle > span {
  display: inline-block;
  width: 10px;
  height: 6px;
  margin-left: 3px;
  background: url(../../ap/images/spr_ico_popupzone_.png) no-repeat;
  text-indent: -99999em;
  position: relative;
  top: 6px;
}

.top-popup-toggle.down > span {
  background-position: -20px 0;
}

.top-popup.down .top-popup-toggle {
  bottom: 0 !important;
}

.top-open.top-popup .top-popup-inner {
  height: 200px;
}

.top-open.header {
  top: 200px;
}

.top-open.gnb {
  top: 260px;
}

.top-open.gnb.down {
  top: 200px;
}

.top-open.total-search {
  top: 301px;
}

.top-open.quick {
  top: 300px;
  transform: none;
}

.top-big-open.top-popup {
  top: -220px;
}

.top-big-open.header {
  top: -60px;
}

.top-big-open.gnb {
  top: -40px;
}

.top-big-open.quick {
  right: -73px;
}

.header {
  width: 100%;
  min-width: 1200px;
  height: 48px;
  box-sizing: border-box;
  background: #00223e;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  transition: top .3s ease-out;
  border-bottom:1px solid rgba(255, 255, 255, .3);
}

.select-link-jc{
	width: 100%;
    height: 100%;
    background: rgba(34, 168, 193, .95);
    padding: 0;
    color: #fff;
    outline: none;
    font-size: 14px;
    font-weight: 300;
    line-height: 0;
    text-align: left;
    text-indent: 10px;
    position: relative;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(255, 255, 255, .3);
}
.select-link-jc .ico{
	position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 30px;
    height: 30px;
    background: none;
    margin: auto;
    border: none;
}
.select-link-jc .ico.arrow_down:after {
	background-position:-440px -67px;
}
.f-active .ico.arrow_down:after {
	background-position:-458px -66px;
}
.f-select-list {
	opacity: 0;
	margin-top:30px;
	transition: .5s;
	 visibility: hidden;
}
.fh-header-btn:hover .f-select-list{
	opacity: 1;
	visibility: visible;
	margin-top:-7px;
}
.f-select-list-item {
	background:rgba(34, 168, 193, .95);
	font-size:14px;
	line-height: 34px;
	padding-left:10px;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	border-color: rgba(255, 255, 255, .3);
}
.f-select-list-item:hover {
	background:rgba(34, 168, 193, .8);
}
.f-select-list-link {
	color:#fff;
}
.f-up {
	display: block;
}
.header-site-item:first-child {
  margin-right: -1px;
}

.header-site-link {
  display: block;
  width: 175px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  font-size: 1rem;
  color: #fff;
  border: 1px solid #fff;
  position: relative;
}

.header-site-link.on {
  z-index: 10;
  color: #fff;
  border: 1px solid #fff;
  background-color: #22a8c1;
}

.header-util {
  position: absolute;
  top: 15px;
  right: 15px;
}

.header-util-cs {
  float: left;
  line-height: 32px;
  margin-right: 16px;
}

.header-util-cs-item {
  float: left;
  padding-right: 16px;
  position: relative;
  line-height: 28px;
}

.header-util-cs-item:last-child {
  padding-right: 0;
}

.header-util-cs-item:last-child:after {
  content: none;
}

.header-util-cs-item:after {
  content: "";
  display: block;
  width: 2px;
  height: 2px;
  background: #666;
  position: absolute;
  top: 50%;
  right: 6px;
  margin-top: -1px;
}

.header-util-cs-link {
  font-size: 0.8125rem;
  color: #fff;
}

.header-util-cs-link.strong {
  color: #222;
}

.header-util-lang {
  float: left;
  width: 120px;
  height: 32px;
  box-sizing: border-box;
}

.header-util-lang .select-list {
  width: 120px;
  box-sizing: border-box;
}

.header-logo {
  width: 190px;
  margin: 0 auto;
}

.header-logo img {
  width: 100%;
}

.header-logo * {
  display: block;
}

.header-search {
  position: absolute;
  top: 15px;
  right: 30px;
}

.header-search-item {
  float: left;
  margin-left: 18px;
}

.header-search-item.gnb-search {
  margin-left: 0;
  float: none;
  position: absolute;
  top: -10px;
  right: -15px;
  text-align: right;
  width: 68px;
  background: #466fb7;
  border-radius: 20px;
  overflow: hidden;
}

.header-search-item.gnb-search.on {
  width: 245px;
}

.header-search-item.gnb-search.on .header-search-close {
  display: block;
}

.header-search-btn {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

.header-search-btn.gnb-map {
  height: 27px;
  padding-left: 27px;
  font-size: 14px;
  text-indent: 0;
  color: #fff;
}

.header-search-btn.gnb-map:after {
  background-position: -445px -131px;
  width: 22px;
  height: 27px;
  right: auto;
}

.header-search-btn.gnb-search {
  font-size: 1rem;
  font-weight: 400;
  color: #fff;
  width: auto;
  min-width: 70px;
  height: 19px;
  padding: 4px 6px 6px 11px;
  background: #466fb7;
  text-indent: 0;
  border-radius: 20px;
  box-sizing: content-box;
}

.header-search-btn.gnb-search:after {
  content: "";
  display: block;
  width: auto;
  height: 25px;
  background: url(../../ap/images/ico_link_header_search.png) no-repeat -35px 0;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 2px;
}

.header-search-input {
  display: block;
  width: 134px;
  height: 25px;
  border: 0;
  position: absolute;
  top: 2px;
  right: 70px;
  background: transparent;
  color: #fff;
  font-weight: 400;
  font-size: 0.825rem;
  line-height: 14px;
}

.header-search-input::-webkit-input-placeholder {
  color: #fff;
}

.header-search-input::-moz-placeholder {
  color: #fff;
}

.header-search-input:-ms-input-placeholder {
  color: #fff;
}

.header-search-input:-moz-placeholder {
  color: #fff;
}

.header-search-close {
  display: none;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 10px;
  border: none;
  background: transparent;
  text-indent: -99999em;
}

.header-search-close:after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background: url(../../ap/images/ico_airplane_info_close.png) no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.header.down {
  top: 0;
}
 .fm-mobile {
 	width:40%;
	position: fixed;
	left:-100%;
	top:0;
	z-index: 99997;
	height: 100%;
	background-color: rgba(34, 168, 193, .95);
    transition: left .3s ease;
}
.fm-mobile.mobile-on {
	 left: 0 !important;
	 transition: left .3s ease-out;
}
.fm-mobile.mobile-off {
	 left:-100% !important;
	 transition: left .3s ease-out;
}
.fh-menu .subOn{
	height:auto !important;
}
.fh-menu>.subOn .fh-submenu{
	width:100%;
	opacity: 1;
    visibility: visible;
    margin: 0 0 0 10px;
}
.f-advice-btn {
    background: rgba(34, 168, 193, .95);
    line-height: 50px;
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #fff;
}
.fm-mobile .f-advice-btn{
	margin:0;
	text-align: left;
	font-size:16px;
	padding-left: 20px;
}
.fm-mobile .fh-menu {
	 width: 100%;
	 height: 100%;
	 padding: 20px;
	 overflow: auto;
	 padding-bottom: 210px;
}
.fm-mobile .fh-menu li {
	width: 100% !important;
	float: none;
	height: 48px;
	border-bottom: 1px solid #d9d9d9;
	overflow: hidden;
    text-align: left;
    text-indent: 10px;
}
.fm-mobile .fh-header-btn{
	position: absolute;
	top: auto;
    bottom: 0;
    width: 100%;
    left: 0;
    margin:0;
    height:46px;
}
.fm-mobile .select-link-jc, .fm-mobile .f-select-list-item{
	font-size:16px;
}
.selectOn .ico.arrow_down:after{
	background-position: -460px -67px;
}
.selectOn .f-select-list {
	opacity: 1 !important;
    visibility: visible !important;
    margin-top: -118px !important;
}
.gnb.on {
  height: 235px !important;
}

.gnb:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #ddd;
  position: absolute;
  top: 54px;
  left: 0;
  z-index: 0;
}

.gnb-depth1 {
  width: 907px;
  margin: 0 auto;
  position: relative;
}

.gnb-depth1-item {
  width: 151px;
  float: left;
  box-sizing: border-box;
  position: relative;
}

.gnb-depth1-item:first-child .gnb-depth2 {
  border-left: 1px solid #ddd;
}

.gnb-depth1-item:hover:after, .gnb-depth1-item.on:after {
  content: "";
  display: block;
  width: 100%;
  height: 6px;
  background: #22a8c1;
  position: absolute;
  top: 48px;
}

.gnb-depth1-item:hover:after:first-child, .gnb-depth1-item.on:after:first-child {
  left: 0;
}

.gnb-depth1-link {
  display: block;
  padding-left: 20px;
  font-family: nanumsq, sans-serif;
  font-size: 1.125rem;
  font-weight: 900;
  color: #fff;
}




.gnb-depth1-link:hover {
  color: #fff;
}

.gnb-depth2 {
  height: 300px;
  margin-top: 19px;
  padding: 14px 0 0 20px;
  border-right: 1px solid #ddd;
  box-sizing: border-box;
}

.gnb-depth2-item {
  margin-bottom: 3px;
}

.gnb-depth2-link {
  font-size: 1.125rem;
  color:#fff;
}

.gnb-depth2-link:hover {
  color: #22a8c1;
  font-weight: 400;
}

.gnb-mobile-btn {
  display: none;
  width: 19px;
  height: 14px;
  padding: 0;
  border: none;
  background: none;
  text-indent: -99999em;
  position: absolute;
  left: 10px;
}

.gnb-mobile-btn:before, .gnb-mobile-btn:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #222;
  position: absolute;
  top: 0;
  left: 0;
}

.gnb-mobile-btn:after {
  top: 6px;
}

.gnb-mobile-btn span {
  display: block;
  width: 13px;
  height: 2px;
  background: #222;
  text-indent: -99999em;
  position: absolute;
  bottom: 0;
  left: 0;
}

.gnb.down {
  top: 0;
  height: 50px;
}


.header.down .header-logo{
    position: absolute;
    top:74px;
    left:15px;
}

.header.down .header-logo img{
    display:none
}

.header.down .header-logo a{
    display: block;
    width: 60px;
    height: 22px;
  background: url(../../ap/images/logo_symbol.png) no-repeat;
    background-size:contain;
}

.gnb .scroll-amount {
  height: 2px;
  background: #ffae44;
  position: absolute;
  top: 0;
  left: 0;
}

.total-search {
  display: none;
  width: 100%;
  background: #fff;
  padding: 30px 0;
  border-bottom: 1px solid #ddd;
  position: fixed;
  top: 127px;
  left: 0;
  text-align: center;
  z-index: 99999;
}

.total-search-inner {
  display: inline-block;
}

.total-search-label {
  font-family: nanumsq, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
}

.total-search-input {
  width: 370px;
  height: 60px;
  margin: 0 20px;
  background: transparent;
  border: 0;
  border-bottom: 2px solid #222;
  font-size: 1.25rem;
}

.total-search-btn.ico {
  width: 22px;
  height: 27px;
  padding: 0;
  border: 0;
  background: 0;
}

.total-search-btn.ico:after {
  margin: 0;
  padding: 0;
  background-position: -34px -134px;
  width: 22px;
  height: 27px;
  top: 4px;
}

.total-search-close.ico {
  width: 25px;
  height: 25px;
  padding: 0;
  border: 0;
  background: 0;
  position: absolute;
  top: 50%;
  right: 24px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.total-search-close.ico:after {
  margin: 0;
  padding: 0;
  background-position: -143px -189px;
  width: 25px;
  height: 25px;
}

.total-search.show {
  display: block;
}

.total-search.down {
  top: 51px;
}

.fp-enabled body, html.fp-enabled {
  margin: 0;
  padding: 0;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
}

#superContainer {
  height: 100%;
  position: relative;
  -ms-touch-action: none;
  touch-action: none;
}

.fp-section {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.fp-slide {
  float: left;
}

.fp-slide, .fp-slidesContainer {
  height: 100%;
  display: block;
}

.fp-slides {
  z-index: 1;
  height: 100%;
  overflow: hidden;
  position: relative;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.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%;
}

.fp-slidesContainer {
  float: left;
  position: relative;
}

.fp-controlArrow {
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  position: absolute;
  z-index: 4;
  top: 50%;
  cursor: pointer;
  width: 0;
  height: 0;
  border-style: solid;
  margin-top: -38px;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.fp-controlArrow.fp-prev {
  left: 15px;
  width: 0;
  border-width: 38.5px 34px 38.5px 0;
  border-color: transparent #fff transparent transparent;
}

.fp-controlArrow.fp-next {
  right: 15px;
  border-width: 38.5px 0 38.5px 34px;
  border-color: transparent transparent transparent #fff;
}

.fp-scrollable {
  overflow: hidden;
  position: relative;
}

.fp-scroller {
  overflow: hidden;
}

.iScrollIndicator {
  border: 0 !important;
}

.fp-notransition {
  -webkit-transition: none !important;
  transition: none !important;
}

#fp-nav {
  position: fixed;
  z-index: 100;
  margin-top: -32px;
  top: 50%;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
}

#fp-nav.right {
  right: 17px;
}

#fp-nav.left {
  left: 17px;
}

.fp-slidesNav {
  position: absolute;
  z-index: 4;
  left: 50%;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.fp-slidesNav.bottom {
  bottom: 17px;
}

.fp-slidesNav.top {
  top: 17px;
}

#fp-nav ul, .fp-slidesNav ul {
  margin: 0;
  padding: 0;
}

#fp-nav ul li, .fp-slidesNav ul li {
  display: block;
  width: 14px;
  height: 13px;
  margin: 7px;
  position: relative;
}

.fp-slidesNav ul li {
  display: inline-block;
}

#fp-nav ul li a, .fp-slidesNav ul li a {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
}

#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span {
  height: 12px;
  width: 12px;
  margin: -6px 0 0 -6px;
  border-radius: 100%;
}

#fp-nav ul li a span, .fp-slidesNav ul li a span {
  border-radius: 50%;
  position: absolute;
  z-index: 1;
  height: 4px;
  width: 4px;
  border: 0;
  background: #333;
  left: 50%;
  top: 50%;
  margin: -2px 0 0 -2px;
  -webkit-transition: all .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
}

#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span {
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px;
}

#fp-nav ul li .fp-tooltip {
  position: absolute;
  top: -2px;
  color: #fff;
  font-size: 14px;
  font-family: arial,helvetica,sans-serif;
  white-space: nowrap;
  max-width: 220px;
  overflow: hidden;
  display: block;
  opacity: 0;
  width: 0;
  cursor: pointer;
}

#fp-nav ul li:hover .fp-tooltip, #fp-nav.fp-show-active a.active + .fp-tooltip {
  -webkit-transition: opacity .2s ease-in;
  transition: opacity .2s ease-in;
  width: auto;
  opacity: 1;
}

#fp-nav ul li .fp-tooltip.right {
  right: 20px;
}

#fp-nav ul li .fp-tooltip.left {
  left: 20px;
}

.fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell, .fp-auto-height.fp-section {
  height: auto !important;
}

.fp-responsive .fp-auto-height-responsive .fp-slide, .fp-responsive .fp-auto-height-responsive .fp-tableCell, .fp-responsive .fp-auto-height-responsive.fp-section {
  height: auto !important;
}

.section {
  height: 1000px;
  position: relative;
  background-repeat: no-repeat;
  background-position: center top;
}

.section.auto-height {
  height: auto;
}

.section.bg-fixed {
  background-attachment: fixed;
}

.main-inner {
  width: 1152px;
  margin: 0 auto;
}

.main-visual {
  position: relative;
  overflow: hidden;
}

.main-visual-wrap {
  height: 100%;
  position: relative;
  z-index: 90;
  overflow: hidden;
}

.main-visual-wrap:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../../ap/images/bg_dimmed_gradient.png) repeat-x 0 0;
  position: absolute;
  top: 0;
  left: 0;
}

.main-visual-item {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-position: center top;
}

.main-visual-item .visual-text-box {
  text-align: center;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.main-visual-item .visual-text:nth-child(1) {
  position: relative;
  left: -20px;
  font-family: nanumsq, sans-serif;
  font-weight: 300;
  margin-bottom: 10px;
  opacity: 0;
  letter-spacing: 8px;
}

.main-visual-item .visual-text:nth-child(2) {
  position: relative;
  right: -20px;
  font-family: nanumsq, sans-serif;
  opacity: 0;
  letter-spacing: 6px;
}

.main-visual-item .visual-text:nth-child(3) {
  position: relative;
  top: 0;
  opacity: 0;
  letter-spacing: 5px;
  margin-top: 20px;
}

.main-visual-item .visual-text.white {
  color: #fff;
}

.main-visual-item .visual-text.black {
  color: #000;
}

.main-visual-item .visual-text.blue {
  color: #42519e;
}

.main-visual-control-arrow {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 100;
}

.main-visual-control-arrow > .arrow {
  width: 47px;
  height: 47px;
  padding: 0;
  border: none;
  background: url(../images/banner_visual_arrow.png) no-repeat;
  position: absolute;
  top: calc(50% - 55px);
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  text-indent: -99999em;
}

.main-visual-control-arrow > .arrow.prev {
  left: 80px;
}

.main-visual-control-arrow > .arrow.next {
  background-position: -53px 0;
  right: 80px;
}

.main-visual-control-paging {
  position: absolute;
  bottom: 250px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  z-index: 100;
}

.main-visual-control-paging .play-button {
  display: block;
  width: 15px;
  height: 15px;
  padding: 0;
  border: none;
  border-radius: 0;
  float: left;
  background: url(../../ap/images/spr_ico_main_visual_play.png) no-repeat;
  text-indent: -99999em;
}

.main-visual-control-paging .play-button.play {
  background-position: -25px 0;
}

.main-visual-control-paging .paging-visual {
  float: left;
}

.main-visual-control-paging .paging-item {
  float: left;
  margin-right: 10px;
  width: 15px;
  height: 15px;
  border: 2px solid #fff;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}

.main-visual-control-paging .paging-link {
  display: block;
  width: 15px;
  height: 100%;
  text-indent: -99999em;
  position: absolute;
  left: -2px;
  bottom: 0;
}

.main-visual-control-paging .paging-link.on {
  background: #fff;
}

.main-visual-control-bar {
  width: 0;
  height: 3px;
  background: #ffae44;
  position: absolute;
  bottom: 207px;
  left: 0;
  z-index: 110;
}

.main-visual-news {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  text-align: center;
  z-index: 100;
  padding-top:48px;
}

.main-visual-news-inner {
  display: inline-block;
}

.main-visual-news-section {
  width: 384px;
  height: 150px;
  padding: 30px;
  float: left;
  text-align: left;
  position: relative;
}

.main-visual-news-section:before {
  content: "";
  display: block;
  clear: both;
  width: 1px;
  height: 200px;
  background: #fff;
  opacity: 0.1;
  position: absolute;
  top: 0;
  left: 0;
}

.main-visual-news-section.first {
  background: url(../images/bg_main_visual_news_ceo.png) 96px 12px no-repeat;
}

.main-visual-news-section.middle {
  background: url(../images/bg_main_visual_news_02.png) 43px -34px no-repeat;
}

.main-visual-news-section.last:after {
  content: "";
  display: block;
  clear: both;
  width: 1px;
  height: 200px;
  background: #fff;
  opacity: 0.1;
  position: absolute;
  top: 0;
  right: 0;
}

.main-visual-news-section .more-link-arrow {
  text-indent: -99999px;
  width: 28px;
  height: 9px;
  background: url(../images/spr_arrow.png) 0 0;
  position: absolute;
  bottom: 40px;
  left: 30px;
}

.main-visual-news-section .more-link-plus {
  text-indent: -9999px;
  height: 13px;
  width: 13px;
  background: url(../images/btn_more.png) no-repeat;
  position: absolute;
  top: 34px;
  right: 20px;
}

.main-visual-news-title {
  height: 22px;
  font-size: 1.5rem;
  font-weight: 300;
  color: #fff;
}

.main-visual-news-title.tab {
  padding-top: 6px;
  position: absolute;
  top: 30px;
  left: 30px;
  font-size: 1rem;
  cursor: pointer;
  color: #aaa;
}

.main-visual-news-title.tab:after {
  content: "";
  display: block;
  width: 1px;
  height: 13px;
  background: #666;
  position: absolute;
  right: -12px;
  bottom: 3px;
}

.main-visual-news-title.tab.on {
  padding-top: 0;
  font-size: 1.5rem;
  color: #fff;
}

.main-visual-news-title.tab.press.prev {
  left: 109px;
}

.main-visual-news-title.tab.press.next {
  left: 136px;
}

.main-visual-news-title.tab.press.on {
  left: 109px;
}

.main-visual-news-title.tab.recruit.next {
  left: 214px;
}

.main-visual-news-title.tab.recruit.on {
  left: 190px;
}

.main-visual-news-title.tab.recruit:after {
  content: none;
}

.main-visual-news-txt {
  font-size: 0.875rem;
  margin-top: 16px;
}

.main-visual-news-txt.tab {
  margin-top: 38px;
  display: none;
}

.main-visual-news-txt.tab.on {
  display: block;
}

.main-list-item {
  position: relative;
  color: #fff;
  margin-top: 4px;
}

.main-list-item a {
  display: block;
  width: 100%;
  position: relative;
  color: #fff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.main-section2 {
  background: url("../images/bg_main_section_01.jpg") no-repeat bottom center #d8dff5;
}

.main-section2-title {
  text-align: center;
  font-size: 3.75rem;
  font-weight: 400;
  color: #dd7714;
  font-family: 'roboto', sans-serif;
}

.main-section2-title-txt {
  text-align: center;
  font-size: 1.375rem;
  margin-top: 15px;
}

.main-section2-title-wrap {
  margin-bottom: 65px;
}

.main-section2-text {
  font-size: 0.875rem;
  margin-top: 12px;
  min-height: 60px;
}

.main-section2-text-wrap {
  margin-top: 48px;
}

.main-section2-text-box {
  width: 288px;
  height: 246px;
  border-left: 1px solid #c6c6d8;
  padding: 0 24px;
  float: left;
}

.main-section2-text-box:first-child {
  border-left: 0;
  padding-left: 0;
}

.main-section2-text-tit {
  font-size: 1.5rem;
  font-weight: 900;
}

.main-section2-text-list {
  font-size: 1rem;
  margin-top: 44px;
  font-weight: 700;
}

.main-section3 {
  height: 191px;
  background: #221417;
}

.main-banner-wrap {
  float: right;
  margin-top: 14px;
  position: relative;
}

.main-banner-img {
  width: 564px;
  height: 150px;
  position: relative;
}

.main-banner-img-inner {
  position: absolute;
  top: 0;
  left: 0;
}

.main-banner-img-inner p {
  position: absolute;
  top: 0;
  left: 0;
}

.main-banner-img-inner img {
  display: block;
}

.external-link {
  height: 86px;
  border-left: 1px solid #392c2f;
  float: left;
  position: relative;
  top: 55px;
  left: 0;
}

.external-link:first-child {
  border: 0;
}

.external-link-text {
  color: #fff;
  font-size: 1.125rem;
  display: block;
  padding: 60px 50px 0 0;
  margin-left: 20px;
}

.external-link-text.webjin {
  margin: 0 92px 0 0;
}

.external-link-text.webjin:before {
  content: "";
  display: block;
  background: url(../images/logo_more_beyond.png) no-repeat;
  width: 84px;
  height: 38px;
  position: absolute;
  top: 0;
  left: 0;
}

.external-link-text.webjin:after {
  content: "";
  display: inline-block;
  clear: both;
  background: url(../images/spr_arrow.png) 0 0;
  width: 28px;
  height: 9px;
  position: absolute;
  bottom: 17px;
  left: 45px;
}

.external-link-text.human {
  margin-right: 43px;
}

.external-link-text.human:before {
  content: "";
  display: block;
  background: url(../images/logo_human_resources_development.png) no-repeat;
  width: 47px;
  height: 42px;
  position: absolute;
  top: 0;
  left: 35px;
}

.external-link-text.human:after {
  content: "";
  display: inline-block;
  clear: both;
  background: url(../images/spr_arrow.png) 0 0;
  width: 28px;
  height: 9px;
  position: absolute;
  bottom: 17px;
  left: 114px;
}

.external-link-text.badminton:before {
  content: "";
  display: block;
  background: url(../images/logo_skymons.png) no-repeat;
  width: 129px;
  height: 42px;
  position: absolute;
  top: 0;
  left: 20px;
}

.external-link-text.badminton:after {
  content: "";
  display: inline-block;
  clear: both;
  background: url(../images/spr_arrow.png) 0 0;
  width: 28px;
  height: 9px;
  position: absolute;
  bottom: 17px;
  left: 116px;
}

.banner-btn {
  display: block;
  width: 39px;
  height: 39px;
  border: 0;
  float: left;
  text-indent: -99999px;
  opacity: 0.4;
}

.banner-btn.left {
  background: #333 url(../images/spr_arrow.png) -28px 11px no-repeat;
  margin-right: 3px;
}

.banner-btn.right {
  background: #333 url(../images/spr_arrow.png) -67px 11px no-repeat;
}

.banner-btn-wrap {
  position: absolute;
  bottom: 0;
  right: 0;
}

.top-popup-item:after, .top-popup-control-paging:after, .header-site:after, .header-util:after, .header-search:after, .gnb-depth1:after, .main-inner:after, .main-visual-control-paging:after, .main-visual-control-paging .paging-visual:after, .main-visual-news:after, .banner-btn-wrap:after, .location-bar-nav:after, .inner-section:after, .tab-nav-list:after, .board-view .view-head-info:after, .board-view .view-file:after, .board-view .reply-box .reply-head:after, .board-view .reply-box .reply-head-info:after, .board-view .view-list-item:after, .pagenation:after, .pagenation-list:after, .f:after, .multi-col:after, .textbox-wide:after, .step1-list:after, .step-circle-list:after, .layer .find-info-list:after, .address-layer .search-address-head:after, .address-layer .search-address-name:after, .address-layer .address-select-link:after, .search-flight-search:after, .search-box:after, .search-box.day .day-option:after, .iiac-numbering:after, .communication-channel:after, .site-map-list-depth1:after, .profile-box:after, .profile-box .list1:after, .organization-chart-wrap .organization-chart:after, .organization-chart-wrap .organization-chart-list:after, .active-history-list:after, .directions:after, .timesetting:after, .history-list:after, .scheduler-box .scheduler-group-inner:after, .textbox-step:after, .graph-line:after, .footer-inside:after, .footer .sns:after, .footer .incheon-select:after, .footer .incheon-etc:after, .en .search-box:after,
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.before-load {
  display: none;
}

.sub-top {
  height: 240px;
  text-align: center;
}

.sub-top-inner {
  display: table;
  width: 100%;
  height: 100%;
}

.sub-top-descbox {
  display: table-cell;
  font-family: nanumsq, sans-serif;
  color: #fff;
  font-size: 2.5rem;
  font-weight: 400;
  vertical-align: middle;
}

.sub-top-descbox-text {
  line-height: 1.2;
}

.sub-top-descbox-tit {
  font-size: 1.875rem;
  color: #ffae44;
}

.sub-top-descbox-tit:after {
  content: '';
  display: block;
  width: 40px;
  height: 1px;
  background: rgba(255, 255, 255, 0.6);
  margin: 25px auto;
}

.sub-top-descbox-sub {
  font-size: 2.875rem;
  font-family: nanumsq, sans-serif;
  color: #fff;
}

.fm-hzxx-bg {
  background: url(../images/bg_category_01.jpg) center no-repeat;
}
.fm-grengs-bg {
  background: url(../images/bg_category_03.jpg) no-repeat;
}
.sub-top.bg2 {
  background: url(../images/bg_category_02.jpg) no-repeat;
}

.sub-top.bg3 {
  background: url(../images/bg_category_03.jpg) center no-repeat;
}

.sub-top.bg4 {
  background: url(../images/bg_category_04.jpg) center no-repeat;
}

.sub-top.bg5 {
  background: url(../images/bg_category_05.jpg) center no-repeat;
}

.sub-top.bg6 {
  background: url(../images/bg_category_06.jpg) center no-repeat;
}

.location {
  position: relative;
}

.location-btn {
  position: absolute;
  top: 20px;
  right: 25px;
}

.location-btn button {
  width: 44px;
  height: 22px;
  border: none;
  background: #fff;
}

.location-btn button + button {
  border-left: 1px solid #f2f2f2;
}

.location-bar {
  position: absolute;
  top: 20px;
  left: 25px;
  z-index: 1000;
  color: white;
}

.location-bar-nav-item {
  padding-left: 20px;
  float: left;
  line-height: 1.7;
}

.location-bar-nav-item.ico {
  text-indent: 0;
}

.location-bar-nav-item.ico:after {
  top: 1px;
  left: auto;
  right: -10px;
}

.location-bar-nav-item .home.ico:after {
  top: -2px;
  left: auto;
  right: 0;
}

.location-bar-nav-item-link {
  color: #fff;
  font-size: 0.875rem;
}

.inner-section {
  width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
}
.title-page-a {
	color:white;
	font-size:3.6rem;
	text-align: left;
}
.title-page-add-a {
	color:white;
	font-size:26px;
	margin-top:20px;
	text-align: left;
}
#top-contents {
  padding-top: 48px;
}
.contents-visual {
	min-height: 300px;
	height: 300px;
	padding-top: 100px;
	position: relative;
	background-size: cover;
}
.contents {
    width: 100%;
    min-width: 1200px;
    margin-bottom: 40px;
}
.left-menu {
  width: 270px;
  float: left;
}

.left-menu-depth1 {
  border-bottom: 1px solid #d9d9d9;
}

.left-menu-depth1-item-link {
  padding: 18px 15px;
  font-size: 1.125rem;
  border-top: 1px solid #d1eaff;
  display: block;
  position: relative;
  background-color: #074a82;
  color:white;
  transition: all 0.3s ease;
}

.left-menu-depth1-item-link:hover {
	background-color: #307dbd;
}


.left-menu-depth1-item-link.open:after {
  content: "";
  color: #666;
  width: 13px;
  height: 12px;
  font-weight: 800;
  position: absolute;
  top: 15px;
  right: 15px;
  left: auto;
  bottom: auto;
  background: url(../images/spr_ico_left_menu.png) -32px -2px no-repeat;
}

/* .left-menu-depth1-item-link.close:after {
  content: "";
  color: #666;
  width: 13px;
  height: 12px;
  font-weight: 800;
  position: absolute;
  top: 18px;
  right: 15px;
  left: auto;
  bottom: auto;
  background: url(../images/spr_ico_left_menu.png) -9px -4px no-repeat;
} */

.left-menu-depth1-item-link.close + .left-menu-depth2 {
  display: none;
}

.left-menu-depth2 {
  border-top: 1px solid #d9d9d9;
}

.left-menu-depth2-item-link {
  padding: 10px 15px;
  display: block;
}

.left-menu-depth2-item-link.on {
  color: #fff;
  background: #42519e;
}

.sub-contents {

  float: right;
  width:75%;
}

.sub-contents-heading1 {
  margin-bottom: 40px;
  font-size: 2.175rem;
  font-family: nanumsq, sans-serif;
}

.f-content-tit{
  margin: 30px 0;
  font-size: 1.9rem;
  font-family: nanumsq, sans-serif;
}

.f-mt40{
	margin-top:40px;
}
.f-content-tit2{
  margin: 20px 0;
  font-size: 1.6rem;
  font-family: nanumsq, sans-serif;
}

.f-content-lists{
	clear:both;
	overflow: hidden;
	width: 100%;
}

.f-content-lists li{
	float:left;
	width:50%;
	padding:1% 2%;
	text-align: center;
}

.f-content-lists li img{
	width:100%;
}

.f-tab-tit{
	padding-bottom:12px;
}

.f-tab-tit li{
	display:inline-block;
	padding:4px 1.2rem;
	color:#000;
	border:1px solid #ddd;
	font-size:1rem;
	margin:6px;
	cursor: pointer;
}

.tab-tit-active{
	color:#fff !important;
	background:#00b4fa;
	border:0 !important;
}

.f-content-img{
	display:none;
}

.f-content-img img{
	width:100%;
}

.sub-contents-heading2 {
  margin-bottom: 30px;
  font-size: 1.5rem;
  font-family: nanumsq, sans-serif;
}

.article {
  position: relative;
  margin-bottom: 50px;
}

.article:last-child {
  margin-bottom: 0;
}

.btn-right {
  position: absolute;
  right: 0;
  bottom: 0;
  text-align: right;
}

.btn-right .left {
  text-align: left;
}

.tab-nav-list {
  width: 100%;
}

.tab-nav-list-item {
  float: left;
}

.tab-nav-list-item + .tab-nav-list-item a {
  border-left: 1px;
}

.tab-nav-list-link {
  padding: 20px 0;
  display: block;
  background: #fff;
  border: 1px solid #d9d9d9;
  font-weight: 300;
  color: #666;
  line-height: 1.5;
  text-align: center;
  cursor: pointer;
}

.tab-nav-list-link.on {
  color: #fff;
  background: #42519e;
  border: 1px solid #42519e;
  font-weight: 800;
  height: auto;
}

.tab-nav.sub {
  margin-top: 10px;
}

.tab-nav.sub .tab-nav-sub-default {
  display: none;
  width: 100%;
  height: 40px;
  padding: 0;
  color: #666;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 0;
  text-align: left;
  text-indent: 10px;
  position: relative;
  border: 1px solid #d9d9d9;
  background: #f7f7f7;
}

.tab-nav.sub .tab-nav-sub-default.on .ico:after {
  transform: rotate(180deg);
}

.tab-nav.sub .tab-nav-sub-default .ico {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 30px;
  height: 30px;
  background: none;
  margin: auto;
  border: none;
}

.tab-nav.sub .tab-nav-sub-default .ico:after {
  transition: all .4s;
}

.tab-nav.sub .tab-nav-list-item {
  border: 0;
}

.tab-nav.sub .tab-nav-list-item:last-child a {
  margin-right: 0;
}

.tab-nav.sub .tab-nav-list-link {
  margin-right: 10px;
  color: #999;
  border: 0;
  border-bottom: 2px solid #999;
}

.tab-nav.sub .tab-nav-list-link.on {
  color: #42519e;
  background: #fff;
  border-bottom: 2px solid #42519e;
}

.tab-nav.sub.long-word .tab-nav-list-link {
  height: 96px;
}

.tab-nav.long-word .tab-nav-list-link {
  height: 96px;
}

.ico {
  display: inline-block;
  position: relative;
  text-indent: -999em;
}

.ico:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  background: url(../images/spr_ico_global.png) no-repeat;
}

.ico.ig:after {
  background-position: -31px -28px;
  width: 20px;
  height: 20px;
}

.ico.fb:after {
  background-position: -69px -28px;
  width: 9px;
  height: 20px;
}

.ico.tt:after {
  background-position: -98px -29px;
  width: 21px;
  height: 19px;
}

.ico.yb:after {
  background-position: -133px -31px;
  width: 20px;
  height: 14px;
}

.ico.arrow_up:after {
  background-position: -35px -67px;
  width: 12px;
  height: 7px;
}

.ico.arrow_down:after {
  background-position: -67px -67px;
  width: 12px;
  height: 7px;
}

.ico.arrow-link-right:after {
  background-position: -351px -65px;
  width: 7px;
  height: 10px;
}

.ico.location-btn-minus:after {
  background-position: -192px -93px;
  width: 22px;
  height: 22px;
}

.ico.location-btn-plus:after {
  background-position: -238px -93px;
  width: 22px;
  height: 22px;
}

.ico.location-btn-print:after {
  background-position: -284px -93px;
  width: 22px;
  height: 22px;
}

.ico.location-bar-nav-item-link.home:after {
  background-position: -215px -27px;
  width: 22px;
  height: 22px;
}

.ico.location-bar-nav-item:after {
  background-position: -170px -58px;
  width: 22px;
  height: 22px;
}

.ico.arrow-normal-right:after {
  background-position: -101px -64px;
  width: 8px;
  height: 12px;
}

.ico.arrow-point-right:after {
  background-position: -129px -64px;
  width: 8px;
  height: 12px;
}

.ico.arrow-small-right:after {
  background-position: -158px -65px;
  width: 6px;
  height: 10px;
}

.ico.arrow-middle-right:after {
  background-position: -186px -65px;
  width: 6px;
  height: 10px;
}

.ico.arrow-down:after {
  background-position: -349px -99px;
  width: 19px;
  height: 11px;
}

.ico.arrow-up:after {
  background-position: -319px -99px;
  width: 19px;
  height: 11px;
}

.ico.first:after {
  background-position: -236px -60px;
  width: 20px;
  height: 19px;
}

.ico.prev:after {
  background-position: -268px -60px;
  width: 11px;
  height: 19px;
}

.ico.next:after {
  background-position: -296px -60px;
  width: 11px;
  height: 19px;
}

.ico.last:after {
  background-position: -319px -60px;
  width: 20px;
  height: 19px;
}

.ico.download:after {
  background-position: -68px -98px;
  width: 13px;
  height: 12px;
}

.ico.certification:after {
  left: 25px;
  right: auto;
  top: -4px;
  background-position: -40px -338px;
  width: 20px;
  height: 30px;
}

.select-link {
  position: relative;
}

.select-link-default {
  width: 100%;
  height: 100%;
  background: none;
  padding: 0;
  color: #666;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 0;
  text-align: left;
  text-indent: 10px;
  position: relative;
  border: 1px solid #d9d9d9;
}

.select-link-default.on {
  border-color: #666;
}

.select-link-default .ico {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 30px;
  height: 30px;
  background: none;
  margin: auto;
  border: none;
}

.select-link-default .ico:after {
  transition: all .4s;
}

.select-link-default .ico:before {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 1px;
  height: 18px;
  background: #d9d9d9;
}

.select-link-default.on .ico:after {
  transform: rotate(180deg);
}

.select-link .select-list {
  display: none;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  top: 31px;
  background: #fff;
  transition: height .4s;
  border: 1px solid #d9d9d9;
  z-index: 9999;
}

.select-link .select-list.on {
  display: block;
}

.select-link .select-list.on.up {
  border-color: #666;
  border-bottom-color: #d9d9d9;
}

.select-link .select-list.on.down {
  border-color: #666;
  border-top-color: #d9d9d9;
}

.select-link .select-list-item {
  line-height: 30px;
  text-indent: 10px;
}

.select-link .select-list-link {
  display: block;
  width: 100%;
  height: 100%;
  color: #666;
  font-size: 0.8125rem;
  font-weight: 400;
  text-decoration: none;
}

.select-link .select-list-link:hover {
  background: #4674c9;
  color: #fff;
}

mark {
  display: inline-block;
  color: #fff;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1;
  background: #323648;
  padding: 3px 6px;
  margin-bottom: 4px;
}

mark.color-r {
  background: #d43e41;
}

mark.color-b {
  background: #515fa5;
}

strong {
  font-weight: 900;
}

strong.color-b {
  color: #41519e;
}

strong.color-o {
  color: #ffae44;
}

strong.color-r {
  color: #d43e41;
}

em {
  font-style: normal;
}

em.color-b {
  color: #41519e;
}

em.color-o {
  color: #ffae44;
}

em.color-r {
  color: #d43e41;
}

em.text-georgia {
  font-style: italic;
  font-family: 'georgia', sans-serif;
}

.profile-box .list1-item {
  margin-top: 0;
}

.list1-item {
  margin-top: 4px;
  padding-left: 12px;
  position: relative;
  font-size: 1.125rem;
}

.list1-item:first-child {
  margin-top: 0;
}

.list1-item:before {
  content: "·";
  font-size: 1.625rem;
  position: absolute;
  top: -6px;
  left: 0;
}

.list2-item {
  padding-left: 12px;
  line-height: 26px;
  position: relative;
}

.list2-item:before {
  content: "-";
  font-weight: 300;
  position: absolute;
  top: 0;
  left: 0;
}

.list3-item {
  padding-left: 23px;
  position: relative;
}

.list3-item .number {
  position: absolute;
  top: 0;
  left: 0;
}

.list4:after {
  content: "";
  display: block;
  clear: both;
}

.list4-item {
  padding-left: 20px;
  position: relative;
  line-height: 1.7;
}

.list4-item:before {
  content: "";
  font-size: 0.75rem;
  font-weight: normal;
  color: #42519e;
  position: absolute;
  top: 3px;
  left: -1px;
}

.list4-item.headline {
  font-size: 1.125rem;
  color: #42519e;
  margin-bottom: 9px;
}

.list4-item.boxsizing {
  box-sizing: border-box;
}

.list5-item {
  padding-left: 28px;
  position: relative;
}

.list5-item .number {
  position: absolute;
  top: 2px;
  left: 0;
  background-color: #f2f2f2;
  border: 1px solid #d9d9d9;
  width: 23px;
  height: 23px;
  border-radius: 50%;
}

.list5-item .number-txt {
  position: absolute;
  font-size: 0.875rem;
  top: 0;
  left: 6px;
}

.list5-item .number-txt-last {
  position: absolute;
  font-size: 0.875rem;
  top: 0;
  left: 2px;
}

.list7-item {
  padding-left: 65px;
  position: relative;
  margin-top: 35px;
}

.list7-item:last-child {
  margin-bottom: 20px;
}

.list7-item:first-child {
  margin-top: 0;
}

.list7-item-number {
  position: absolute;
  top: -8px;
  left: 0;
  background: #333649;
  width: 56px;
  height: 56px;
  border-radius: 50%;
}

.list7-item-number-txt {
  position: absolute;
  top: 0;
  left: 12px;
  color: #fff;
  font-size: 1.125rem;
  line-height: 56px;
  text-align: center;
}

.text-over {
  max-width: 0;
  width: 83.4%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.table {
  width: 100%;
  font-size: 1rem;
}

.table caption {
  display: none;
}

.table.vt {
	border:0;
}

.table.vt.border-no {
  border-top: none;
}

.table.vt.border-no td:last-child {
  border-right: 1px solid #d9d9d9;
}

.table.vt.border-right td:last-child {
  border-right: 1px solid #d9d9d9;
}

.table.vt tr.on {
  background: #f3f4f8;
}

.table.vt tr.border-top th {
  border-top: 1px solid #d9d9d9;
}

.table.vt th {
  padding: 19px 0 16px;
  font-weight: 700;
  position: relative;
}

.table.vt th:after {
  content: "";
  display: block;
  width: 1px;
  height: 16px;
  background: #a5a7aa;
  position: absolute;
  top: 17px;
  right: 0;
}

.table.vt th:last-child:after {
  content: none;
}

.table.vt td {
  padding: 19px 20px 16px;
  line-height: 1.4;
  border-right: 1px solid #f2f4f7;
  border-top: 1px solid #d9d9d9;
  vertical-align: middle;
}

.table.vt td.center {
  text-align: center;
}

.table.vt td1.center {
  text-align: center;
}


.table.vt td.right {
  text-align: right;
}

.table.vt td1.right {
  text-align: right;
}

.table.vt td:last-child {
  border-right: 0;
}

.table.vt td.color-b {
  border-left: 4px solid #42519e;
}

.table.vt td.color-g {
  border-left: 4px solid #2c8279;
}

.table.vt td.color-o {
  border-left: 4px solid #dd7714;
}

.table.vt td .board-list-link {
  transition: all .2s;
}

.table.vt td .board-list-link:hover {
  color: #999;
}

.table.vt td .board-list-link.lock:after {
  content: "";
  display: inline-block;
  background: url(../images/spr_ico_crud.png) no-repeat -45px -52px;
  width: 13px;
  height: 17px;
  margin-left: 14px;
  vertical-align: -1px;
}

.table.vt td .board-list-link.good:before {
  content: "";
  display: inline-block;
  background: url(../images/spr_ico_crud.png) no-repeat -52px -89px;
  width: 24px;
  height: 24px;
  margin-right: 12px;
  vertical-align: -5px;
}

.table.vt td .board-list-link.bad:before {
  content: "";
  display: inline-block;
  background: url(../images/spr_ico_crud.png) no-repeat -16px -89px;
  width: 24px;
  height: 24px;
  margin-right: 12px;
  vertical-align: -5px;
}

.table.vt.board-list td {
  border-right: 0;
  padding: 20px 0;
}

.table.vt.board-list td.no-data-found {
  padding: 130px 20px;
}

.table.vt.padding-0 thead tr:nth-child(even) th {
  border-top: 1px solid #d9d9d9;
}

.table.vt.padding-0 th {
  vertical-align: middle;
  font-size: 0.875rem;
  display: table-cell;
}

.table.vt.padding-0 th:after {
  height: 26px;
}

.table.vt.padding-0 th:nth-child(2) {
  border-top: 1px solid #d9d9d9;
}

.table.vt.padding-0 td {
  padding: 23px 0;
}

.table.vt-dark {
  border-bottom: 1px solid #a5a7aa;
}

.table.vt-dark1 {
  border-bottom: 1px solid #a5a7aa;
}

.table.vt-dark.pd0 td {
  padding: 20px 0;
}

.table.vt-dark.border-top {
  border-top: 1px solid #a5a7aa;
}

.table.vt-dark tbody tr.orange {
  background: #ffddbc;
}

.table.vt-dark tbody tr.red {
  background: #ffa5a5;
}

.table.vt-dark tbody tr.blue {
  background: #beeaff;
}

.table.vt-dark tbody tr.yellow {
  background: #fff1af;
}

.table.vt-dark tbody tr.span td {
  border-right: 1px solid #f2f4f7;
}

.table.vt-dark tbody tr.span td:first-child {
  border-left: 0;
}

.table.vt-dark tbody tr:first-child td {
  border-top: 0;
}

.table.vt-dark tbody tr.total {
  background: #f3f4f8;
}

.table.vt-dark th {
  padding: 18px 0 16px;
  font-weight: 400;
  color: #fff;
  line-height: 1.4;
  background: #323648;
  border-right: 1px solid #474a5b;
  vertical-align: middle;
}

.table.vt-dark1 th {
  padding: 18px 0 16px;
  font-weight: 400;
  color: #fff;
  line-height: 1.4;
  background: #323648;
  border-right: 1px solid #474a5b;
  vertical-align: middle;
}

.table.vt-dark th:last-child {
  border-right: 0;
}

.table.vt-dark th.left {
  text-align: left;
  padding-left: 20px;
  border-bottom: 1px solid #474a5b;
}

.table.vt-dark th.half {
  padding: 12px;
}

.table.vt-dark th.sub {
  border-top: 1px solid #474a5b;
  border-right: 1px solid #474a5b;
}

.table.vt-dark th.sub.point {
  background: #2f4985;
}

.table.vt-dark th.sub:last-child {
  border-right: 0;
}

.table.vt-dark th.sub-half {
  padding: 6px 0 8px;
  border-top: 1px solid #212535;
  border-right: 1px solid #212535;
  background: #4d5164;
  font-size: 0.875rem;
}

.table.vt-dark th.sub-half:last-child {
  border-right: 0;
}

.table.vt-dark th.sub-half-title {
  background: #fff;
  color: #444;
  border-bottom: 1px solid #d9d9d9;
  border-right: 1px solid #f2f4f7;
}

.table.vt-dark th.sub-half-title:last-child {
  border-right: 0;
}

.table.vt-dark td {
  padding: 16px 20px;
  line-height: 1.4;
  border-right: 1px solid #f2f4f7;
  border-top: 1px solid #d9d9d9;
  vertical-align: middle;
  word-break: keep-all;
}

.table.vt-dark1 td {
  padding: 16px 20px;
  line-height: 1.4;
  border-right: 1px solid #f2f4f7;
  border-top: 1px solid #d9d9d9;
  vertical-align: middle;
  word-break: keep-all;
}
.table.vt-dark td a {
  font-size: 1rem;
}

.table.vt-dark td a.table {
  font-size: 0.875rem;
}

.table.vt-dark td.center {
  text-align: center;
}

.table.vt-dark1 td.center {
  text-align: center;
}
.table.vt-dark td.right {
  text-align: right;
}

.table.vt-dark1 td.right {
  text-align: right;
}

.table.vt-dark td.top {
  vertical-align: top;
}

.table.vt-dark td.point {
  background: #f3f4f8;
  border-right: 1px solid #e5e9f3;
}

.table.vt-dark td:last-child {
  border-right: 0;
}

.table.vt-dark td .schedule {
  background: #2f4985;
  border: 5px solid #2f4985;
  border-radius: 20px;
  font-size: 0;
  position: relative;
  top: -5px;
}

.table.vt-dark td .schedule.weekend {
  background: #2c8179;
  border: 5px solid #2c8179;
}

.table.vt-dark.even tbody tr:nth-child(even) {
  background: #f8f8f8;
}

.table.hr {
  border-top: 2px solid #444;
  border-bottom: 1px solid #a5a7aa;
}

.table.hr.border-top {
  border-top: 0;
}

.table.hr tr:first-child th, .table.hr tr:first-child td {
  border-top: 0;
}

.table.hr.no-min th {
  min-width: 0;
}

.table.hr th {
  border-top: 1px solid #d9d9d9;
  background: #f3f4f8;
  line-height: 1.4;
  font-weight: 700;
  vertical-align: middle;
  font-size: 0.825rem;
}

.table.hr th.left {
  text-align: left;
  padding-left: 20px;
}

.table.hr th:nth-child(2) {
  border-left: 1px solid #d9d9d9;
}

.table.hr th[rowspan] {
  border-right: 1px solid #d9d9d9;
}

.table.hr td {
  padding: 19px 20px 16px;
  border-top: 1px solid #d9d9d9;
  border-right: 1px solid #f2f4f7;
  line-height: 1.4;
  vertical-align: middle;
}

.table.hr td.center {
  text-align: center;
}

.table.hr td:last-child {
  border-right: 0;
}

.table.hr.board-view thead th {
  font-size: 1.125rem;
  padding: 20px 10px;
}

.table.hr.board-view tbody td {
  padding: 20px 10px;
}

.table.hr.board-view tbody td a {
  color: #444;
}

.table.hr.board-view-list {
  margin-top: 20px;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
}

.table th .important, .table td .important {
  display: inline-block;
  color: #666;
}

.table th .important:after, .table td .important:after {
  content: "*";
  position: relative;
  top: 4px;
  right: -10px;
  color: #d43e41;
}

.table.hr.writing td {
  padding: 10px 20px;
  height: 70px;
  line-height: 1;
}

.table.hr.writing td.agreement-offer {
  padding: 25px 20px;
}


.table.table-text th {
  font-size: 0.875rem;
}

.table.table-text td {
  font-size: 0.875rem;
}

.table .list1-item {
  font-size: 1rem;
}

.table-area {
  position: relative;
}

.table-area-btn {
  position: absolute;
  top: -40px;
  right: 0;
}

.board-view.vt {
  border-bottom: none;
}

.board-view .view-head-tit {
  padding: 20px;
  display: block;
  font-weight: 900;
  border-bottom: 1px solid #d9d9d9;
}

.board-view .view-head-tit.bg {
  background: #f3f4f8;
}

.board-view .view-head-date {
  display: inline;
  float: right;
}

.board-view .view-head-info {
	font-size: 1rem;
    line-height: 3;
}

.board-view .view-head-info .info-tit {
  float: left;
  margin-right: 10px;
}

.board-view .view-head-info .info-desc {
  float: left;
}

.board-view .view-head-info .info-desc:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 16px;
  margin: auto 20px;
  background: #d9d9d9;
  vertical-align: middle;
}

.board-view .view-head-info .info-desc:last-child:after {
  display: none;
}

.board-view .view-body {
  padding: 10px 10px 40px;
}

.board-view .view-body h2 {
  margin-bottom: 20px;
  line-height: 1.5;
}

.board-view .view-body div {
  margin-bottom: 20px;
  line-height: 1.5;
}

.board-view .view-body p {
  margin-bottom: 20px;
}

.board-view .view-body.reply {
  padding: 30px 30px;
  border-bottom: 1px solid #d9d9d9;
}

.board-view .view-file {
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  padding: 30px;
}

.board-view .view-file .file-group-text {
  float: left;
  min-width: 125px;
  color: #002222;
  line-height: 1.7;
}

.board-view .view-file .file-list {
  float: left;
}

.board-view .view-file .file-list-link {
  color: #666;
  font-size: 0.825rem;
}

.board-view .view-file .crud-ico {
  text-indent: 0;
}

.board-view .view-file .crud-ico:after {
  left: -22px;
  right: auto;
  bottom: 4px;
}

.board-view .view-file.point {
  background: #f2f4f7;
}

.board-view .view-file .file-border {
  padding-right: 20px;
  border-right: 1px solid #d9d9d9;
}

.board-view .reply-box {
  background: #f2f4f7;
  padding: 40px;
  border: 1px solid #d9d9d9;
  margin-top: 30px;
}

.board-view .reply-box .reply-head {
  margin-bottom: 30px;
}

.board-view .reply-box .reply-head-tit {
  float: left;
  padding-left: 20px;
  font-weight: 900;
  text-indent: 0;
  line-height: 1;
}

.board-view .reply-box .reply-head-tit:after {
  right: auto;
}

.board-view .reply-box .reply-head-info {
  float: right;
}

.board-view .reply-box .reply-head-info .info-tit {
  float: left;
  margin-right: 10px;
  color: #002222;
}

.board-view .reply-box .reply-head-info .info-desc {
  float: left;
  color: #444;
}

.board-view .reply-box .reply-head-info .info-desc:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 16px;
  margin: auto 20px;
  background: #d9d9d9;
  vertical-align: middle;
}

.board-view .reply-box .reply-head-info .info-desc:last-child:after {
  display: none;
}

.board-view .reply-box.mt0 {
  margin-top: 0;
  border-top: none;
}

.board-view .view-list {
  border-top: 1px solid #d9d9d9;
}

.board-view .view-list-item {
  border-bottom: 1px solid #d9d9d9;
}

.board-view .view-list-item-prev, .board-view .view-list-item-next {
  width: 135px;
  text-align: center;
  padding: 20px;
  font-size: 1rem;
  font-weight: 800;
  background: #f2f4f7;
  float: left;
  display: inline-block;
}

.board-view .view-list-item-title {
     overflow: hidden;
    padding-left: 20px;
    float: left;
    line-height: 54px;
    display: inline-block;
    width: 700px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.pagenation {
  display: table;
  margin: 0 auto;
}

.pagenation .ico {
    padding: 0px 20px;
    height: 34px;
    border: 1px solid #ddd;
    float: left;
    margin: 0 5px;
    color: #222;
    border-radius: 4px;
    text-indent: 0;
    display: inline-block;
    line-height: 34px;
}


.pagenation .ico.first:after {
  left: -1px;
  background: none;
}

.pagenation .ico.prev:after {
  left: -1px;
  background: none;
}


.pagenation .ico.next:after {
  right: -1px;
  background: none;
}

.pagenation .ico.last:after {
  right: -1px;
  background: none;
}

.pagenation .ico.default {
  pointer-events: none;
}

.pagenation .ico.default:after {
  opacity: .5;
}

.pagenation .ico:hover:after {
  opacity: .5;
}

.pagenation-list {
  float: left;
  margin: 0 20px;
}

.pagenation-list-item {
    float: left;
    width: 34px;
    height: 34px;
    margin: 0 5px;
    position: relative;
    border: 1px solid #ddd;
    border-radius: 4px;
}


.pagenation-list-item:hover {
  background: #42519e;
}

.pagenation-list-item:hover .pagenation-list-link {
  color: #fff;
}

.pagenation-list-item.on {
  background: #00223e;
}

.pagenation-list-item.on .pagenation-list-link {
  color: #fff;
}

.pagenation-list-link {
  display: block;
  width: 100%;
  height: 100%;
  line-height:34px;
  text-align: center;
}

.btn-type-normal {
  min-width: 150px;
  height: 40px;
  background: #fff;
  padding: 0 45px 0 20px;
  line-height: 40px;
  border: 1px solid #666;
  font-weight: 600;
  text-align: left;
}

.btn-type-normal.btn2 {
  background: #42519e;
  border: none;
  color: #fff;
}

.btn-type-normal.ico {
  text-indent: 0;
}

.btn-type-normal.ico:after {
  left: auto;
  right: 18px;
}

.btn-type-normal.ico.certification:after {
  left: 25px;
  right: auto;
}

.btn-type-normal.btn3 {
  background-color: #333649;
  color: #fff;
  border: none;
}

.btn-type-normal.btn4 {
  background-color: #666;
  color: #fff;
  border: none;
}

.btn-type-normal.btn5 {
  padding: 0 32px 0 11px;
  background-color: #333649;
  border-radius: 30px;
  width: 257px;
  font-size: 1.125rem;
  height: 60px;
  color: #fff;
  text-align: right;
  border: none;
}

.btn-type-normal.btn6 {
  min-width: 230px;
  line-height: 50px;
  padding: 10px 15px 10px 20px;
  background: #fff;
  border: 1px solid #d9d9d9;
  height: 50px;
}

.btn-type-normal.map {
  width: 280px;
  height: 50px;
  line-height: 50px;
  font-size: 1.125rem;
  padding: 0 35px 0 20px;
}

.btn-type-normal.map + .btn-type-normal {
  margin-left: 10px;
}

.btn-type-normal.ing {
  padding: 10px 15px;
  background: #d9d9d9;
  border: none;
  color: #666;
  font-size: 0.875rem;
  line-height: 1;
  margin-left: 5px;
}

.btn-type-normal.ing.on {
  background: #323648;
  color: #fff;
  font-weight: 800;
}

.btn-type-normal.table {
  height: 30px;
  line-height: 30px;
  margin-bottom: 10px;
}

.btn-type-normal.table:last-child {
  margin-bottom: 0;
}

.btn-type-small {
  min-width: 116px;
  height: 30px;
  background: #fff;
  padding: 0 32px 0 12px;
  line-height: 30px;
  border: 1px solid #d9d9d9;
  border-radius: 50px;
  font-size: 0.875rem;
  font-weight: 400;
  color: #222;
  display: inline-block;
}

.btn-type-small.large {
  height: auto;
  padding: 5px 32px 5px 12px;
}

.btn-type-small.point {
  background: #f2f2f2;
}

.btn-type-small.txt {
  padding: 0 10px;
  text-align: center;
}

.btn-type-small.under {
  background: none;
  color: #fff;
}

.btn-type-small.under:hover {
  border-color: rgba(255, 255, 255, 0.4);
  color: #ffae44;
}

.btn-type-small.under:hover:after {
  opacity: .4;
}

.btn-type-small.detail {
  padding: 0 58px 0 14px;
  min-width: 110px;
}

.btn-type-small.ico {
  text-indent: 0;
}

.btn-type-small.ico:after {
  left: auto;
  right: 14px;
}

.btn-type-small.ml30 {
  margin-left: 30px;
}

.table-btn {
  min-width: inherit;
}

button, a {
  cursor: pointer;
}

.f-left {
  float: left;
}

.f-right {
  float: right;
}

.d-none {
  display: none;
}

label.d-none {
  display: inline-block;
  visibility: hidden;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}

.guide-desc {
  display: block;
  color: #666;
  line-height: 1.6;
  font-size: 0.875rem;
}

.guide-desc.color {
  color: #d43e41;
}

.guide-desc.color-b {
  color: #41519e;
}

.guide-desc.mark {
  line-height: 24px;
  text-indent: -20px;
  padding-left: 20px;
}

.guide-desc.mark:before {
  content: "※";
  margin-right: 2px;
}

.guide-desc.mark-center {
  text-indent: 0;
  padding: 0 0;
  text-align: center;
}

.guide-desc.mark2 {
  text-indent: -20px;
  padding-left: 20px;
  font-size: 0.875rem;
}

.guide-desc.mark2:before {
  content: "*";
  position: relative;
  top: 2px;
  padding-right: 5px;
}

.multi-col.gutter .inner-col {
  padding: 0 12px 0 0;
}

.multi-col.gutter .inner-col.no-padding {
  padding: 0;
}

.multi-col.gutter .inner-col:last-child {
  padding: 0 0 0 12px;
}

.multi-col {
  position: relative;
  text-align: center;
}

.multi-col .inner-col {
  float: left;
  text-align: justify;
}

.multi-col .inner-col.btn-right {
  position: absolute;
  right: 0;
  bottom: 0;
  text-align: right;
}

.multi-col .inner-col.btn-right .left {
  text-align: left;
}

.multi-col .inner-col.right {
  text-align: right;
}

.multi-col .inner-col.center {
  text-align: center;
}

.multi-col.double .inner-col {
  width: 50%;
}

.multi-col.double .inner-col.w-auto {
  width: auto;
  padding-right: 24px;
}

.multi-col.double .inner-col.img-area {
  width: 26%;
}

.multi-col.double .inner-col.txt-area {
  width: 74%;
  padding-left: 20px;
}

.multi-col.double .inner-col.w85 {
  width: 85%;
}

.multi-col.double .inner-col.w80 {
  width: 80%;
}

.multi-col.double .inner-col.w70 {
  width: 70%;
  padding-right: 24px;
}

.multi-col.double .inner-col.w70.pr0 {
  padding-right: 0;
}

.multi-col.double .inner-col.w57 {
  width: 57%;
}

.multi-col.double .inner-col.w43 {
  width: 43%;
}

.multi-col.double .inner-col.w73 {
  width: 73%;
}

.multi-col.double .inner-col.w65 {
  width: 65%;
}

.multi-col.double .inner-col.w60 {
  width: 60%;
}

.multi-col.double .inner-col.w41 {
  width: 41%;
}

.multi-col.double .inner-col.w59 {
  width: 59%;
}

.multi-col.double .inner-col.w55 {
  width: 55%;
}

.multi-col.double .inner-col.w45 {
  width: 45%;
}

.multi-col.double .inner-col.w40 {
  width: 40%;
}

.multi-col.double .inner-col.w35 {
  width: 35%;
}

.multi-col.double .inner-col.w30 {
  width: 30%;
}

.multi-col.double .inner-col.w27 {
  width: 27%;
}

.multi-col.double .inner-col.w20 {
  width: 20%;
}

.multi-col.double .inner-col.w25 {
  width: 25%;
}

.multi-col.double .inner-col.w15 {
  width: 15%;
}

.multi-col.double .inner-col.wide {
  width: 100%;
}

.multi-col.double .inner-col.calc-w466-l {
  width: calc(100% - 466px);
  padding-left: 24px;
}

.multi-col.double .inner-col.calc-w466-r {
  width: calc(100% - 466px);
  padding-right: 24px;
}

.multi-col.double .inner-col.w466 {
  width: 466px;
  padding: 0;
}

.multi-col.double .inner-col.pr0 {
  padding: 0;
}

.multi-col.triple .inner-col {
  width: 33.33%;
}

.multi-col.four .inner-col {
  width: 25%;
}

.multi-col.five .inner-col {
  width: 20%;
}

.multi-col.unbalance .inner-col {
  margin-left: 18px;
}

.multi-col.unbalance .inner-col:first-child {
  margin-left: 0;
}

.multi-col.unbalance .inner-col.list-mg-inner {
  margin-left: 0;
}

.multi-col.balance.double .inner-col {
  width: 426px;
}

.multi-col.balance.triple .inner-col {
  width: calc(33% - 10px);
}

.multi-col.balance.four .inner-col {
  width: calc(25% - 15px);
}

.multi-col.balance.five {
  width: 867px;
  margin: auto;
}

.multi-col.balance.five .inner-col {
  width: 159px;
}

.multi-col.balance .inner-col {
  margin-left: 18px;
}

.multi-col.balance .inner-col:first-child {
  margin-left: 0;
}

.multi-col.balance .inner-col.advertising-width {
  width: 100%;
}

.multi-col.balance img {
  width: 100%;
  vertical-align: top;
}

.multi-col.balance img.advertising-img {
  width: auto;
  margin-left: 8px;
}

.multi-col.balance img.advertising-img:first-child {
  margin-left: 0;
}

.multi-col-inner {
  display: inline-block;
}

.multi-col.log-in {
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 20px;
}

.multi-col .img-caption {
  display: block;
  text-align: center;
  width: 100%;
  font-size: 1rem;
}

.multi-col .img-caption.inline {
  display: inline-block;
}

.multi-col .img-caption2 {
  display: block;
  width: 50%;
  font-size: 1rem;
}

.multi-col .img-caption2.left {
  left: 0;
  position: absolute;
  bottom: -26px;
}

.multi-col .img-caption2.right {
  right: 0;
  position: absolute;
  bottom: -26px;
}

.multi-col.list-mg {
  margin-left: -12px;
}

.user-text {
  width: 250px;
  height: 35px;
  padding: 3px;
  border: 1px solid #d9d9d9;
  box-sizing: border-box;
}

.user-text.wide {
  width: 100%;
}

.user-text.height {
  height: 90px;
}

.user-text.border-b {
  width: 225px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #222;
}

.user-text.dark {
  background-color: #f2f2f2;
  height: 160px;
}

.user-info {
  margin-right: 10px;
}

.user-input-text {
  width: 80%;
  height: 35px;
  border: 1px solid #d9d9d9;
  box-sizing: border-box;
  float: left;
}

.user-input-text.small {
  width: 60%;
}

.user-input-sub1 {
  width: 100%;
  margin-right: 70px;
}

.user-input-sub2 {
  float: left;
  margin-top: 9px;
  margin-right: 59px;
}

.user-input-sub3 {
  width: 100%;
  margin-right: 22px;
}

.user-input-address {
  margin-left: -1px;
  min-width: 120px;
  height: 35px;
  line-height: 35px;
  padding: 0 20px;
  background-color: #f2f2f2;
  border: 1px solid #d9d9d9;
  font-size: 0.875rem;
  font-weight: 900;
  text-align: center;
  display: inline-block;
}

.user-input-link {
  min-width: 117px;
  height: 35px;
  line-height: 35px;
  padding: 0 20px;
  background-color: #f2f2f2;
  border: 1px solid #d9d9d9;
  font-size: 0.875rem;
  font-weight: 900;
  text-align: center;
  display: inline-block;
}

.user-input-link.address {
  min-width: 120px;
}

.user-input-link.small {
  min-width: 84px;
  height: 26px;
  line-height: 26px;
  font-size: 0.8125rem;
  font-weight: 700;
  color: #666;
}

.user-input-link.min {
  min-width: 50px;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
  font-weight: 700;
}

.user-input-link.radius {
  border-radius: 20px;
}

.user-input-link.shortcut {
  min-width: 95px;
  height: 26px;
  font-weight: normal;
  line-height: 26px;
  font-size: 0.875rem;
  background-color: #fff;
  color: #222;
}


.object-list {
  min-width: 250px;
  height: 40px;
  padding-left: 15px;
  border: 1px solid #d9d9d9;
}

.crud-ico {
  display: inline-block;
  position: relative;
  text-indent: -999em;
}

.crud-ico:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  background: url(../images/spr_ico_crud.png) no-repeat;
}

.crud-ico.file-hwp:after {
  background-position: -19px -18px;
  width: 14px;
  height: 17px;
}

.crud-ico.file-txt:after {
  background-position: -44px -18px;
  width: 15px;
  height: 17px;
}

.crud-ico.file-img:after {
  background-position: -70px -18px;
  width: 13px;
  height: 17px;
}

.crud-ico.file-xlsx:after {
  background-position: -94px -18px;
  width: 14px;
  height: 17px;
}

.crud-ico.file-ppt:after {
  background-position: -119px -18px;
  width: 14px;
  height: 17px;
}

.crud-ico.file-pdf:after {
  background-position: -144px -18px;
  width: 14px;
  height: 17px;
}

.crud-ico.arrow-reply:after {
  background-position: -19px -56px;
  width: 12px;
  height: 13px;
}

.crud-ico.lock:after {
  background-position: -45px -52px;
  width: 13px;
  height: 17px;
}

.crud-ico.good:after {
  background-position: -52px -89px;
  width: 24px;
  height: 24px;
}

.crud-ico.bad:after {
  background-position: -16px -89px;
  width: 24px;
  height: 24px;
}


.text-box {
  display: block;
  width: 100%;
  border: 1px solid #d9d9d9;
  padding: 30px;
}

.text-box.padding25 {
  padding: 25px 0 25px 25px;
}

.text-box.full-step {
  padding: 30px 0;
}

.text-box.advertising {
  padding: 30px 20px;
  position: relative;
}

.text-box.advertising .advertising-down {
  position: absolute;
  right: 20px;
  bottom: 30px;
}

.text-box.list {
  padding-bottom: 0;
}

.text-box.list .sign-box {
  text-align: right;
  padding: 40px 20px 20px;
  line-height: 1.4;
}

.text-box.list .sign-box-name {
  display: block;
  margin-bottom: 10px;
}

.text-box.list .sign-box-img {
  display: inline-block;
}

.text-box-headline {
  font-weight: 700;
  font-family: nanumsq, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
}

.text-box-headline-col {
  margin-bottom: 10px;
}

.text-box.contact {
  position: relative;
}

.text-box.contact:before {
  width: 69px;
  height: 62px;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: auto;
  left: 60px;
  bottom: 0;
  margin: auto;
  background: url(../images/ico_contact_box.png) center no-repeat;
}

.text-box.contact:after {
  width: 1px;
  height: auto;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: auto;
  left: 200px;
  bottom: 0;
  margin: auto;
  border-left: 1px solid #d9d9d9;
}

.text-box.contact .text-box-headline {
  padding-left: 200px;
}

.text-box.contact .list1 {
  font-size: 1rem;
  text-align: left;
  padding-left: 200px;
}

.text-box.contact .multi-col {
  padding-left: 200px;
}

.text-box.contact .multi-col .inner-col .list1 {
  padding-left: 0;
}

.text-box.consulting {
  height: 320px;
  padding: 0;
  text-align: left;
}

.text-box.consulting .text-box-headline-col {
  padding: 30px 0;
  margin-bottom: 0;
  text-align: center;
  background: #f2f2f2;
  border-bottom: 1px solid #d9d9d9;
}

.text-box.consulting .list1 {
  padding: 20px;
}

.text-box.consulting .list1 .list1-item {
  font-size: 1rem;
}

.textbox {
  border: 1px solid #d9d9d9;
  box-sizing: border-box;
  position: relative;
  display: block;
}

.textbox-txt {
  min-height: 225px;
  width: 100%;
  padding: 20px;
  background: #fff;
  display: inline-block;
  position: relative;
}

.textbox-txt .list1.font14 .list1-item {
  font-size: 0.875rem;
}

.textbox-title {
  margin-bottom: 10px;
  font-weight: 800;
  font-size: 1.125rem;
}

.textbox.list1 {
  font-size: 0.875rem;
}

.textbox.list1-item {
  line-height: 1.2;
}

.textbox-btn {
  text-align: right;
}

.textbox-btn .user-input-link.shortcut {
  position: absolute;
  right: 20px;
  bottom: 20px;
}

.textbox-stepico {
  width: 100%;
  padding-top: 130px;
  display: block;
  background: #f2f2f2;
}

.textbox-stepico:before {
  content: '';
  display: block;
  position: absolute;
  top: 20px;
  right: 0;
  left: 0;
  bottom: auto;
  margin: auto;
  width: 94px;
  height: 94px;
  background: url(../images/spr_ico_textbox_step.png) no-repeat;
}

.textbox-stepico.step1:before {
  background-position: -32px -27px;
}

.textbox-stepico.step2:before {
  background-position: -152px -27px;
}

.textbox-stepico.step3:before {
  background-position: -276px -27px;
}

.textbox-stepico.step4:before {
  background-position: -403px -27px;
}

.textbox-stepico.step5:before {
  background-position: -533px -27px;
}

.textbox-ico {
  width: 100%;
  padding-top: 160px;
  display: block;
  background: #f2f2f2;
}

.textbox-ico:before {
  content: '';
  display: block;
  width: 118px;
  height: 120px;
  position: absolute;
  top: 20px;
  right: 0;
  left: 0;
  bottom: auto;
  margin: auto;
  background: url(../images/spr_ico_textbox.png) no-repeat;
}

.textbox-ico.type1:before {
  background-position: -13px -10px;
}

.textbox-ico.type2:before {
  background-position: -150px -10px;
}

.textbox-ico.type3:before {
  background-position: -151px -286px;
}

.textbox-ico.type4:before {
  background-position: -287px -285px;
}

.textbox-ico.type5:before {
  background-position: -425px -285px;
}

.textbox-ico.type6:before {
  background-position: -13px -423px;
}

.textbox-wide {
  width: 100%;
  display: table;
  border: 1px solid #d9d9d9;
  position: relative;
}

.textbox-wide-txt {
  width: auto;
  min-height: 190px;
  padding: 30px;
  background: #fff;
  margin-left: 250px;
}

.textbox-wide .list1 {
  font-size: 1rem;
}

.textbox-wide .list1-item {
  line-height: 1.2;
}

.textbox-wide-ico {
  width: 100%;
  min-height: 190px;
  background: #f2f2f2;
}

.textbox-wide-ico:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: auto;
  left: 60px;
  bottom: 0;
  margin: auto;
  background: url(../images/spr_ico_textbox.png) no-repeat;
}

.textbox-wide-ico.type1:before {
  background-position: -13px -10px;
  width: 118px;
  height: 120px;
}

.textbox-wide-ico.type2:before {
  background-position: -13px -147px;
  width: 118px;
  height: 120px;
}

.textbox-wide-ico.type3:before {
  background-position: -150px -147px;
  width: 118px;
  height: 120px;
}

.textbox-wide-ico.type4:before {
  background-position: -288px -147px;
  width: 118px;
  height: 120px;
}

.textbox-wide-ico.type5:before {
  background-position: -426px -147px;
  width: 118px;
  height: 120px;
}

.textbox-wide-ico.type6:before {
  background-position: -13px -285px;
  width: 118px;
  height: 120px;
}

.textbox-wide-ico.type7:before {
  background-position: -13px -561px;
  width: 118px;
  height: 120px;
}

.textbox-wide-ico.type8:before {
  background-position: -150px -561px;
  width: 118px;
  height: 120px;
}

.textbox-wide-ico.type9:before {
  background-position: -288px -561px;
  width: 118px;
  height: 120px;
}

.textbox-wide-ico.type10:before {
  background-position: -426px -561px;
  width: 118px;
  height: 120px;
}

.textbox-wide-ico.type11:before {
  background-position: -13px -701px;
  width: 118px;
  height: 120px;
}

.textbox.bg-pattern {
  background: url(../images/bg_textbox_pattern.png) bottom no-repeat;
}

.textbox.bg-pattern .textbox-txt {
  height: auto;
  padding: 30px 20px 30px 120px;
  background: bottom;
}

.textbox.bg-pattern .textbox-txt .textbox-title {
  margin-bottom: 20px;
}

.textbox.bg-pattern .textbox-txt:before {
  content: '';
  display: block;
  position: absolute;
  top: 30px;
  right: auto;
  left: 30px;
  bottom: auto;
  margin: auto;
  background: url(../images/spr_ico_textbox_protection.png) no-repeat;
}

.textbox.bg-pattern .textbox-txt.type1:before {
  background-position: -10px -10px;
  width: 45px;
  height: 82px;
}

.textbox.bg-pattern .textbox-txt.type2:before {
  background-position: -75px -24px;
  width: 51px;
  height: 61px;
}

.textbox.bg-pattern .textbox-txt.type3:before {
  background-position: -150px -29px;
  width: 65px;
  height: 48px;
}

.textbox.bg-pattern .textbox-txt.type4:before {
  background-position: -234px -26px;
  width: 56px;
  height: 60px;
}

.textbox.bg-pattern .textbox-txt.type5:before {
  background-position: -11px -116px;
  width: 68px;
  height: 52px;
}

.guidebox {
  display: table;
  width: 100%;
}

.guidebox-img {
  display: block;
  margin: 0 auto 20px;
}

.guidebox-col {
  display: table-cell;
}

.guidebox-col.col-1 {
  width: 70%;
  padding: 30px;
  border: 1px solid #d9d9d9;
  border-right: none;
}

.guidebox-col.col-2 {
  padding: 40px 0;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
}

.guidebox-col.col-2 {
  width: 30%;
  background: #333649;
  text-align: center;
  position: relative;
  vertical-align: middle;
}

.guidebox-col.col-3 {
  width: 20%;
  background: #333649;
  text-align: center;
  position: relative;
  vertical-align: middle;
}

.guidebox-col-row {
  width: 100%;
  height: 50%;
  position: absolute;
  top: 0;
  left: 0;
}

.guidebox-col-row.fix {
  position: relative;
  height: 135px;
}

.guidebox-col-row:last-child {
  border-top: 1px solid #484a5c;
  top: auto;
  bottom: 0;
}

.guidebox-col-row-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

.guidebox-tit {
  font-family: nanumsq, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.5;
}

.guidebox-list {
  margin-top: 10px;
}

.guidebox-list .list1-item {
  line-height: 1.2;
}

.guidebox-list .list1-item:last-child {
  margin-bottom: 0;
}

.guidebox-list .list1-item:before {
  font-size: 1.25rem;
  top: -4px;
}

.guidebox-desc {
  color: #fff;
  font-size: 1.375rem;
  font-weight: 600;
  margin: 35px 0 15px;
}

.guidebox-desc.col-3 {
  margin: 70px 0 15px;
}

.guidebox-desc.col-3:before {
  content: '';
  display: block;
  top: 20px;
  right: -7px;
  width: 49px;
  height: 52px;
  background: url(../images/ico_customer_report.png) top center no-repeat;
}

.guidebox-desc:before {
  content: '';
  display: block;
  position: absolute;
  top: 30px;
  right: 0;
  left: 0;
  bottom: 0;
  margin: 0 auto;
  background: url(../images/ico_customer_voice.png) top center no-repeat;
}

.guidebox-desc2 {
  font-size: 1.375rem;
}

.guidebox-btn {
  padding: 5px 30px 5px 30px;
  font-size: 0.875rem;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.2);
  position: relative;
}

.guidebox-btn.arrow-middle-right:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  margin: auto;
  background: url(../images/spr_ico_global.png) no-repeat -186px -65px;
  width: 6px;
  height: 10px;
}

.step1-list {
  width: 870px;
}

.step1-list-item {
  float: left;
  position: relative;
  width: calc(50% - 12px);
  margin-right: 18px;
}

.step1-list-item.wide {
  float: none;
  width: 100%;
  margin-right: 0;
}

.step1-list-item:nth-child(even) {
  margin-right: 0;
}

.step1-list-item .list-img {
  display: block;
  width: 100%;
}

.step1-list-item .list-article {
  background: #fff;
  padding: 30px 0 0;
  margin: 0 20px;
  text-align: center;
  position: relative;
  top: -40px;
}

.step1-list-item .list-article.left {
  text-align: left;
}

.step1-list-item .list-article .article-num {
  display: block;
  color: #333649;
  font-size: 1.125rem;
  font-weight: 900;
  text-transform: uppercase;
  margin-bottom: 24px;
}

.step1-list-item .list-article .article-desc {
  color: #666;
  line-height: 1.4;
}

.step1-list-item .list-article .article-desc strong {
  font-size: 1.125rem;
}

.step-circle-list {
  width: 870px;
}

.step-circle-list-item {
  float: left;
  padding: 0 30px 0 10px;
}

.step-circle-list-item.three {
  padding: 0 170px 0 10px;
}

.step-circle-list-item.three.ico:after {
  background-position: -219px -28px;
  width: 11px;
  height: 22px;
  right: 75px;
  left: auto;
}

.step-circle-list-item.four {
  padding: 0 30px 0 35px;
}

.step-circle-list-item.four.ico:after {
  background-position: -219px -28px;
  width: 11px;
  height: 22px;
  right: -10px;
  left: auto;
}

.step-circle-list-item .list-article {
  width: 139px;
  height: 139px;
  background: #f2f2f2;
  border-radius: 50%;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}

.step-circle-list-item .list-article .article-num {
  font-size: 0.875rem;
  font-weight: 900;
  color: #4674c9;
  text-transform: uppercase;
  font-family: spoqa, sans-serif;
}

.step-circle-list-item .list-article .article-txt {
  color: #444;
  font-size: 1rem;
}

.step-circle-list-item .list-article .article-txt-desc {
  font-size: 0.875rem;
}

.step-circle-list-item.ico {
  text-indent: 0;
}

.step-circle-list-item.ico:after {
  background-position: -219px -28px;
  width: 11px;
  height: 22px;
  right: 0;
  left: auto;
}

.step-circle-list-item:last-child {
  padding-right: 0;
}

.step-circle-list.no-ico {
  width: 100%;
}

.step-circle-list.no-ico.four .step-circle-list-item {
  padding: 0;
}

.step-circle-list.no-ico.four .step-circle-list-item + .step-circle-list-item {
  padding-left: 84px;
}

.step-circle-list.no-ico .step-circle-list-item {
  padding: 0;
}

.step-circle-list.no-ico .step-circle-list-item + .step-circle-list-item {
  padding-left: 6px;
}

.step-circle.recruit {
  position: relative;
}

.step-circle.recruit .step-circle-list-item {
  padding: 0 54px 0 0;
}

.step-circle.recruit .step-circle-list-item .list-article {
  background: #42519e;
  display: inline-block;
  padding-top: 20px;
}

.step-circle.recruit .step-circle-list-item .list-article .article-num {
  color: #fff;
}

.step-circle.recruit .step-circle-list-item .list-article .article-num.recruit-ico {
  position: relative;
}

.step-circle.recruit .step-circle-list-item .list-article .article-num.recruit-ico:after {
  content: '';
  display: block;
  position: absolute;
  top: 85px;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  background: url(../images/spr_ico_recruit_guide.png) no-repeat;
}

.step-circle.recruit .step-circle-list-item .list-article .article-num.recruit-ico.step1:after {
  background-position: -10px -12px;
  width: 29px;
  height: 40px;
}

.step-circle.recruit .step-circle-list-item .list-article .article-num.recruit-ico.step2:after {
  background-position: -58px -14px;
  width: 39px;
  height: 37px;
}

.step-circle.recruit .step-circle-list-item .list-article .article-num.recruit-ico.step3:after {
  background-position: -119px -12px;
  width: 45px;
  height: 38px;
}

.step-circle.recruit .step-circle-list-item .list-article .article-num.recruit-ico.step4:after {
  background-position: -185px -17px;
  width: 53px;
  height: 31px;
}

.step-circle.recruit .step-circle-list-item:last-child {
  padding: 25px 0 0 0;
}

.step-circle.recruit .step-circle-list-item:last-child .list-article {
  width: 98px;
  height: 98px;
  padding-top: 0;
  background: #fff;
  border: 10px solid #42519e;
  display: table-cell;
}

.step-circle.recruit .step-circle-list-item:last-child .list-article .article-txt {
  color: #323648;
  font-size: 1rem;
  font-weight: 800;
  position: relative;
}

.step-circle.recruit .step-circle-list-item:last-child .list-article .article-txt:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: auto;
  left: -34px;
  bottom: 0;
  margin: auto;
  background: #fff url(../images/spr_ico_recruit_guide.png) no-repeat;
}

.step-circle.recruit .step-circle-list-item:last-child .list-article .article-txt.pass:before {
  background-position: -7px -62px;
  top: 9px;
  width: 24px;
  height: 23px;
}

.step-circle.recruit .step-circle-list-item .list-detail-title {
  font-size: 1rem;
  font-weight: 800;
  text-align: center;
  border-bottom: 1px solid #9d9d9d;
  padding: 10px 0;
}

.step-circle.recruit:after {
  width: 99%;
  content: '';
  display: block;
  position: absolute;
  top: 23%;
  right: 0;
  left: 1px;
  bottom: auto;
  margin: auto;
  border-bottom: 9px solid #42519e;
  z-index: -1;
}

.step-circle.recruit.color .step-circle-list-item .list-article {
  background: #2c8179;
}

.step-circle.recruit.color .step-circle-list-item:last-child .list-article {
  background: #fff;
  border: 10px solid #2c8179;
}

.step-circle.recruit.color .step-circle-list-item:last-child .list-article .article-txt:before {
  top: 3px;
  left: -34px;
  bottom: auto;
}

.step-circle.recruit.color .step-circle-list-item:last-child .list-article .article-txt.pass:before {
  background-position: -35px -62px;
  width: 24px;
  height: 23px;
}

.step-circle.recruit.color:after {
  top: 24%;
  border-bottom: 9px solid #2c8179;
}

.layer {
  display: none;
  width: 550px;
  border: 4px solid #42519e;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  overflow-y: auto;
  z-index: 10;
}

.layer.info {
  width: 792px;
}

.layer.on {
  display: block;
}

.layer-wrap {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
}

.layer-wrap.on {
  display: block;
}

.layer-wrap:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  position: absolute;
  top: 0;
  left: 0;
}

.layer.size {
  width: 912px;
}

.layer.address-layer {
  width: 600px;
}

.layer.login-area {
  width: 600px;
}

.layer-area {
  padding: 20px;
}

.layer.login-area {
  width: 600px;
}

.layer.login-area .layer-sub {
  font-size: 1rem;
  font-weight: 900;
  text-align: center;
}

.layer-title {
  padding-bottom: 18px;
  margin-bottom: 20px;
  border-bottom: 2px solid #42519e;
  font-size: 1.5rem;
  font-family: 'nanumsq', sans-serif;
  color: #42519e;
}

.layer-title.title2 {
  padding: 0;
  border: 0;
}

.layer-title.login {
  font-size: 2.75rem;
  margin-top: 40px;
  text-align: center;
  font-family: 'nanumsq', sans-serif;
  color: #222;
  padding: 0;
  border: none;
}

.layer-sub {
  font-size: 1.125rem;
  font-weight: 900;
  text-align: center;
}

.layer-input-text.user-text {
  width: 345px;
  height: 50px;
}

.layer-close {
  display: block;
  width: 31px;
  height: 31px;
  background: url(../images/ico_layer_close.png) center no-repeat;
  text-indent: -99999em;
  position: absolute;
  top: 15px;
  right: 20px;
}

.layer-article {
  font-size: 1rem;
  margin-bottom: 20px;
}

.layer-article-title {
  margin-bottom: 20px;
  font-size: 1.125rem;
  font-weight: 900;
}

.layer-article-input {
  width: 100%;
  height: 50px;
  text-align: center;
  color: #666;
  background: #fcfbe8;
  border: 1px solid #d9d9d9;
  box-sizing: border-box;
}

.layer-article-box {
  width: 500px;
  height: 148px;
  padding: 20px 15px;
  border: 1px solid #e2e5e9;
  background: #f5f6f7;
  overflow-y: scroll;
}

.layer-article-box-sub {
  margin-bottom: 7px;
  font-size: 0.875rem;
}

.layer-article-box-txt {
  font-size: 0.875rem;
}

.layer-article .textarea {
  width: 100%;
  height: 100px;
  padding: 0 10px;
  line-height: 1.7;
  text-align: left;
  border: 1px solid #d9d9d9;
  box-sizing: border-box;
  color: #666;
  font-size: 0.875rem;
  font-family: roboto, spoqa, sans-serif;
}

.layer-article p {
  line-height: 1.5;
  color: #222;
}

.layer-article button {
  height: 50px;
  font-size: 1.5rem;
}

.layer .list1, .layer .list2, .layer .list3 {
  font-size: 0.875rem;
  letter-spacing: -0.02rem;
}

.layer .info-desc {
  font-size: 0.875rem;
}

.layer.construction {
  width: 600px;
}

.layer.social1 {
  width: 715px;
}

.layer.social2 {
  width: 840px;
}

.layer.air-result {
  width: 968px;
}

.layer-input-text.user-text {
  width: 345px;
  height: 50px;
}

.layer-btn {
  float: left;
}

.layer-btn-login {
  width: 190px;
  height: 110px;
  background: #42519e;
  border: none;
  color: #fff;
  font-size: 1.5rem;
}

.layer .find-info-list {
  margin: 10px 0;
}

.layer .find-info-item {
  float: left;
}

.layer .find-info-link {
  font-size: 1rem;
  color: #444;
}

.layer .find-info-link.id {
  margin-right: 5px;
}

.layer .find-info-link.pw {
  padding-left: 5px;
}

.layer .sign-in {
  padding-bottom: 20px;
}

.layer .sign-in-title {
  font-size: 1.125rem;
  color: #444;
}

.layer .sign-in-txt {
  font-size: 1rem;
  color: #444;
}

.layer .sign-in-btn {
  width: 99px;
  height: 40px;
  background-color: #fff;
  color: #666;
  border: 1px solid #a6a7ab;
  font-weight: 700;
  font-size: 1rem;
  margin-left: 10px;
  margin-top: 10px;
}

.layer .sign-in-col1 {
  float: left;
}

.layer .sign-in-col2 {
  float: left;
}

.address-layer.layer-article.address {
  margin-bottom: 0;
  padding-bottom: 30px;
  border-bottom: 1px solid #d9d9d9;
}

.address-layer .search-address-head {
  display: block;
  text-align: center;
  width: 100%;
}

.address-layer .search-address-head-title {
  display: none;
}

.address-layer .search-address-name {
  display: inline-block;
  margin: 15px auto;
}

.address-layer .search-address-name-label {
  float: left;
  margin-right: 31px;
  line-height: 58px;
  font-family: spoqa, sans-serif;
  font-weight: 900;
}

.address-layer .search-address-name-txt {
  width: 403px;
  height: 56px;
  padding: 0 15px;
  border: 1px solid #666666;
  border-right: 0;
  float: left;
}

.address-layer .search-address-name-btn {
  width: 62px;
  height: 58px;
  background: #323648;
  border: none;
  float: left;
}

.address-layer .search-address-name-btn:after {
  background-position: -74px -134px;
  width: 22px;
  height: 22px;
}

.address-layer .layer-article-input.search-address {
  width: 360px;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  text-align: left;
  border: 1px solid #d9d9d9;
  border-right: 0;
  float: left;
}

.address-layer .address-select-title {
  margin: 20px 0;
  font-weight: 700;
  color: #666;
}

.address-layer .address-select-title .number {
  color: #222;
}

.address-layer .address-select-box {
  width: 100%;
  height: 320px;
  border: 1px solid #e2e5e9;
  overflow-y: scroll;
}

.address-layer .address-select-link {
  width: 100%;
  font-size: 1rem;
  display: inline-block;
  border: 1px solid #fff;
}

.address-layer .address-select-link .address-code {
  float: left;
  padding: 10px;
}

.address-layer .address-select-link .zip-code {
  float: right;
  padding: 20px;
}

.address-layer .address-select-link:hover {
  border: 1px solid #444;
}

.search-flight {
  padding: 35px 0;
  border-top: 1px solid #a5a7aa;
  text-align: center;
}

.search-flight-search {
  display: inline-block;
  font-size: 1.875rem;
  color: #444;
}

.search-flight-search-txt {
  display: block;
  margin-right: 20px;
  float: left;
  position: relative;
  top: 15px;
}

.search-flight-search-option {
  display: block;
  height: 58px;
  width: 180px;
  padding: 0 15px;
  margin-right: 20px;
  float: left;
  font-size: 1.125rem;
  color: #666;
  border: 1px solid #d9d9d9;
}

.search-flight-search-btn {
  display: block;
  width: 130px;
  height: 58px;
  padding-left: 40px;
  float: left;
  line-height: 1;
  font-size: 1.625rem;
  color: #fff;
  background: #323648;
  border: none;
}

.search-flight-search-btn.ico {
  text-indent: 0;
}

.search-flight-search-btn.ico:after {
  right: 60px;
  top: 4px;
}

.ico.search-flight-search-btn:after {
  background-position: -74px -134px;
  width: 22px;
  height: 22px;
}

.enter {
  width: 100%;
  padding: 20px 0 30px;
  text-align: center;
  background: #f5f6f7;
  border-top: 1px solid #e2e5e9;
}

.enter-btn {
  width: 180px;
  height: 40px;
  font-size: 1.125rem;
  color: #fff;
  background: #323648;
  border: 0;
  border-radius: 30px;
}

.banner {
  height: 145px;
}

.banner.airport-tour {
  background: url(../images/bg_banner_airport_tour.jpg) no-repeat;
}

.banner.airport-course {
  background: url(../images/bg_banner_airport_course.jpg) no-repeat;
}

.banner.airport-exhibition {
  background: url(../images/bg_banner_visit_exhibition.jpg) no-repeat;
}

.banner.purpose {
  background: url(../images/bg_banner_purpose.jpg) no-repeat;
}

.banner.volunteer-introduce {
  background: url(../images/bg_banner_volunteer_introduce.jpg) no-repeat;
  height: 265px;
}

.banner.use-information {
  background: url(../images/bg_banner_use_information.jpg) no-repeat;
  height: 265px;
}

.banner.bg0 {
  height: 215px;
  background: url(../images/bg_banner_img0.jpg) no-repeat;
}

.banner.bg1 {
  height: 215px;
  background: url(../images/bg_banner_img1.jpg) no-repeat;
}

.banner.disclosure-information {
  height: 145px;
  background: url(../images/bg_banner_disclosure_information.jpg) no-repeat;
}

.banner.disclosure-information-02 {
  height: 145px;
  background: url(../images/bg_banner_disclosure_information_02.jpg) no-repeat;
}

.banner.integrity {
  height: 145px;
  background: url(../images/bg_banner_integrity.jpg) no-repeat;
}

.banner-txt {
  font-size: 1.125rem;
  text-align: center;
  color: #fff;
  padding-top: 25px;
}

.banner-txt:before {
  content: '';
  display: block;
  width: 40px;
  height: 1px;
  background: #fff;
  margin: 15px auto;
}

.banner-heading {
  padding-top: 46px;
  font-family: nanumsq, sans-serif;
  font-size: 2.125rem;
  line-height: 1.2;
  font-weight: 900;
  color: #fff;
  text-align: center;
}

.banner-heading + .banner-txt {
  padding-top: 10px;
}

.map.airport-exhibition02 {
  height: 468px;
  background: url(../images/map_visit_exhibition.jpg) no-repeat;
  text-indent: -9999em;
}

.search-box {
  width: 100%;
  padding: 20px;
  border: 1px solid #d9d9d9;
  text-align: center;
}

.search-box-year-contents {
  display: none;
}

.search-box-year-contents.on {
  display: block;
}

.search-box-title {
  font-weight: 800;
  float: left;
  padding-right: 20px;
  position: relative;
  top: 13px;
}

.search-box-title.pr15 {
  padding-right: 15px;
}

.search-box-title.pr5 {
  padding-right: 5px;
}

.search-box-input {
  display: inline-block;
}

.search-box-input-item {
  float: left;
  border-right: 1px solid #818181;
}

.search-box-input-select, .search-box-input-txt {
  height: 40px;
  padding-left: 10px;
  border: 1px solid #818181;
  border-right: 0;
  font-size: 0.9375rem;
  color: #444;
  box-sizing: border-box;
  float: left;
  outline: none;
}

.search-box-input-select {
  width: 140px;
}

.search-box-input-select.medium {
  width: 187px;
}

.search-box-input-select.large {
  width: 240px;
}

.search-box-input-select.small {
  width: 107px;
}

.search-box-input-select.year {
  width: 79px;
  border: 1px solid #818181;
}

.search-box-input-select.year2 {
  border: 1px solid #818181;
}

.search-box-input-select.month {
  width: 61px;
  border: 1px solid #818181;
}

.search-box-input-select.airline {
  width: 91px;
}

.search-box-input-select + .search-box-input-select {
  border-left: 1px solid #d9d9d9;
}

.search-box-input-select + .search-box-input-txt {
  border-left: 1px solid #d9d9d9;
}

.search-box-input-select.time {
  width: 80px;
}

.search-box-input-txt {
  width: 280px;
}

.search-box-input-txt.medium {
  width: 185px;
}

.search-box-input-txt.large {
  width: 240px;
}

.search-box-input-btn {
  padding: 10px 20px;
  border: 0;
  background: #323648;
}

.search-box-input.select {
  width: 320px;
}

.search-box-btn-area {
  float: left;
}

.search-box-btn-area.view-large {
  position: absolute;
  bottom: 26px;
}

.search-box-btn-area .search-box-btn {
  height: 40px;
  padding: 10px 20px;
  border: 0;
  background: #323648;
  color: #fff;
  font-weight: 800;
  float: left;
  border-radius: 0;
}

.search-box-btn-area .search-box-btn.ico:after {
  background-position: -74px -134px;
  width: 22px;
  height: 22px;
}

.search-box-btn-area .search-box-btn.big {
  width: 100px;
  height: 92px;
}

.search-box-btn-area .search-box-btn.big2 {
  width: 160px;
  height: 145px;
}

.search-box-btn-area .search-box-btn.view-large-btn {
  padding: 0 20px 0 45px;
  background: rgba(0, 0, 0, 0.5);
  text-indent: 0;
  font-weight: normal;
}

.search-box-btn-area .search-box-btn.view-large-btn.ico:after {
  background-position: -436px -134px;
  margin-left: 13px;
  width: 22px;
  height: 22px;
}

.search-box.day {
  padding: 20px 30px;
}

.search-box.day .day-option {
  height: 40px;
}

.search-box.day .day-option-link {
  min-width: 74px;
  padding: 10px;
  font-size: 1rem;
  border: 1px solid #a5a7aa;
  text-align: center;
  float: left;
}

.search-box.day .day-option-link + .day-option-link {
  border-left: none;
}

.search-box.day .day-option-link.on {
  font-weight: 800;
  color: #323648;
  border: 1px solid #323648;
}

.mail-link {
  color: #4674c9;
}

.p-dv {
  margin: 0 auto;
  background-color: white;
}

.p-dv-cont-map {
  background: url(../images/map_aircraft_noise_management.gif) no-repeat;
  height: 974px;
  position: relative;
}

.p-dv-cont-map .map {
  background-color: #fff;
  border: 1px solid #000;
  display: inline-block;
  position: absolute;
}

.p-dv-cont-map .map div {
  padding: 2px 5px;
  font-size: 0.6875rem;
  text-align: center;
}

.p-dv-cont-map .map .map-t {
  height: 14px;
  line-height: 1;
  border-bottom: 1px solid #000;
}

.p-dv-cont-map .map.m1 {
  left: 211px;
  top: 34px;
}

.p-dv-cont-map .map.m2 {
  left: 347px;
  top: 53px;
}

.p-dv-cont-map .map.m3 {
  left: 247px;
  top: 246px;
}

.p-dv-cont-map .map.m4 {
  top: 385px;
  left: 122px;
}

.p-dv-cont-map .map.m5 {
  top: 513px;
  left: 177px;
}

.p-dv-cont-map .map.m6 {
  top: 429px;
  left: 243px;
}

.p-dv-cont-map .map.m7 {
  top: 434px;
  left: 365px;
}

.p-dv-cont-map .map.m8 {
  left: 315px;
  top: 420px;
}

.p-dv-cont-map .map.m9 {
  top: 459px;
  left: 429px;
}

.p-dv-cont-map .map.m10 {
  top: 532px;
  left: 485px;
}

.p-dv-cont-map .map.m11 {
  top: 612px;
  left: 224px;
}

.p-dv-cont-map .map.m12 {
  top: 748px;
  left: 304px;
}

.p-dv-cont-map .map.m13 {
  top: 909px;
  left: 343px;
}

.p-dv-cont-map .map.m14 {
  top: 790px;
  left: 371px;
}

.p-dv-cont-map .map.m15 {
  left: 305px;
  top: 520px;
}

.p-dv-cont-map .map.m16 {
  left: 340px;
  top: 675px;
}

.co-history {
  font-family: spoqa, sans-serif;
}

.co-history-year {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1;
}

.co-history-year .now {
  margin-left: 70px;
}

.co-history-list {
  font-size: 1.125rem;
  font-weight: 700;
}

.co-history-list-item {
  line-height: 2;
}

.co-history-list-year {
  margin-right: 25px;
  display: inline-block;
  width: 158px;
  vertical-align: top;
}

.co-history-list-desc {
  display: inline-block;
  width: calc(100% - 187px);
  text-align: left;
}

.co-history.border {
  padding: 40px 0;
  border-top: 1px solid #b7c0ce;
}

.co-traces p {
  word-break: keep-all;
}

.co-traces p + p {
  margin-top: 30px;
}

.co-traces .multi-col {
  margin-top: 20px;
}

.co-traces .multi-col + p {
  margin-top: 20px;
}

.co-gallery {
  padding: 30px 0;
  border-top: 1px solid #444;
  border-bottom: 1px solid #d9d9d9;
}

.co-gallery-item {
  text-align: center;
}

.co-gallery-item-img {
  line-height: 0;
}

.co-gallery-item-title {
  margin-top: 15px;
  color: #444;
}

.co-gallery .multi-col.triple .inner-col {
  width: 32%;
  margin-left: 17px;
}

.co-gallery .multi-col.triple .inner-col:first-child {
  margin: 0;
}

.iiac-numbering {
  border: 1px solid #d9d9d9;
  border-bottom: none;
}

.iiac-numbering-item {
  width: 289px;
  height: 152px;
  padding: 35px 18px 20px 120px;
  border-bottom: 1px solid #d9d9d9;
  float: left;
  position: relative;
}

.iiac-numbering-item-title {
  margin-bottom: 10px;
  font-size: 1.75rem;
  font-weight: 900;
}

.iiac-numbering-item-txt {
  color: #666;
  line-height: 1.5;
  font-size: 1rem;
}

.iiac-numbering-item + .iiac-numbering-item {
  border-left: 1px solid #f3f4f8;
}

.iiac-numbering-item.img {
  padding: 0;
  overflow: hidden;
}

.iiac-numbering-item:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: auto;
  left: 30px;
  bottom: 0;
  margin: auto;
  background: url(../images/spr_ico_iiac_numbering.png) no-repeat;
}

.iiac-numbering-item.type1:before {
  background-position: -10px -10px;
  width: 78px;
  height: 78px;
}

.iiac-numbering-item.type2:before {
  background-position: -107px -10px;
  width: 78px;
  height: 78px;
}

.iiac-numbering-item.type3:before {
  background-position: -205px -10px;
  width: 78px;
  height: 78px;
}

.iiac-numbering-item.type4:before {
  background-position: -10px -99px;
  width: 78px;
  height: 78px;
}

.iiac-numbering-item.type5:before {
  background-position: -107px -99px;
  width: 78px;
  height: 78px;
}

.iiac-numbering-item.type6:before {
  background-position: -205px -99px;
  width: 78px;
  height: 78px;
}

.iiac-numbering-item.type7:before {
  background-position: -10px -187px;
  width: 78px;
  height: 78px;
}

.iiac-numbering-item.type8:before {
  background-position: -107px -187px;
  width: 78px;
  height: 78px;
}

.iiac-numbering-item.type9:before {
  background-position: -205px -187px;
  width: 78px;
  height: 78px;
}

.iiac-numbering-item.type10:before {
  background-position: -10px -275px;
  width: 78px;
  height: 78px;
}


.co-vision {
  margin-left: 110px;
}

.co-vision.guide-des {
  font-size: 0.875rem;
}


.cooperation-program {
  margin-top: 50px;
}

.cooperation-program-item {
  margin-bottom: 50px;
  padding-left: 445px;
  position: relative;
}

.cooperation-program-item-title {
  margin-bottom: 20px;
  font-size: 1.125rem;
  font-weight: 800;
  color: #42519e;
}

.cooperation-program-item-txt {
  line-height: 1.7;
}

.cooperation-program-item:last-child {
  margin-bottom: 0;
}

.cooperation-program-item:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: auto;
  left: 0;
  bottom: 0;
  margin: auto;
  background: url(../images/spr_ico_img_cooperation_program.png) no-repeat;
}

.cooperation-program-item.program1:before {
  background-position: -17px -20px;
  width: 415px;
  height: 100px;
}

.cooperation-program-item.program2:before {
  background-position: -16px -130px;
  width: 415px;
  height: 100px;
}

.cooperation-program-item.program3:before {
  background-position: -16px -240px;
  width: 415px;
  height: 100px;
}

.cooperation-program-item.program4:before {
  background-position: -16px -351px;
  width: 415px;
  height: 100px;
}

.cooperation-program-item.program5:before {
  background-position: -16px -461px;
  width: 415px;
  height: 100px;
}

.cooperation-program-item.program6:before {
  background-position: -16px -571px;
  width: 415px;
  height: 100px;
}

.cooperation-program-item.program7:before {
  background-position: -16px -681px;
  width: 415px;
  height: 100px;
}

.communication-channel {
  padding: 30px 50px;
}

.communication-channel-item {
  width: 190px;
  text-align: center;
  float: left;
}

.communication-channel-title {
  margin-top: 10px;
}

.ico-txt {
  position: relative;
}

.ico-txt-substance {
  height: 116px;
  padding: 20px 0  0 130px;
  margin-bottom: 30px;
  word-break: keep-all;
}

.ico-txt-substance:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: auto;
  left: 0;
  bottom: 0;
  margin: auto;
  background: url(../images/spr_ico_ethics_practice.png) no-repeat;
}

.ico-txt-substance.type1:before {
  background-position: -10px -10px;
  width: 116px;
  height: 116px;
}

.ico-txt-substance.type2:before {
  background-position: -10px -10px;
  width: 116px;
  height: 116px;
}

.ico-txt-substance.type3:before {
  background-position: -10px -10px;
  width: 116px;
  height: 116px;
}

.ico-txt-substance.type4:before {
  background-position: -10px -10px;
  width: 116px;
  height: 116px;
}

.ico-txt-substance.type5:before {
  background-position: -10px -10px;
  width: 116px;
  height: 116px;
}

.ico-txt-substance.type6:before {
  background-position: -10px -10px;
  width: 116px;
  height: 116px;
}

.ico-txt-substance.type7:before {
  background-position: -10px -10px;
  width: 116px;
  height: 116px;
}

.imgbox {
  width: 100%;
  vertical-align: top;
}

.vertical-middle {
  vertical-align: middle;
}

.site-map-heading {
  font-family: nanumsq, sans-serif;
  font-size: 24px;
  color: #222;
  padding-bottom: 20px;
}

.site-map-heading:before {
  content: '';
  margin: 5px auto;
  display: block;
  background: url(../images/spr_ico_site_map.png) no-repeat;
}

.site-map-heading.site-introduce:before {
  width: 40px;
  height: 40px;
  background-position: 3px 0;
}

.site-map-heading.site-cyber:before {
  width: 40px;
  height: 40px;
  background-position: -44px 3px;
}

.site-map-heading.site-customer:before {
  width: 40px;
  height: 40px;
  background-position: -91px 0;
}

.site-map-heading.site-business:before {
  width: 40px;
  height: 40px;
  background-position: -136px 0;
}

.site-map-heading.site-work:before {
  width: 40px;
  height: 40px;
  background-position: 1px -40px;
}

.site-map-heading.site-hire:before {
  width: 40px;
  height: 40px;
  background-position: -43px -40px;
}

.site-map-list-depth1-item {
  width: 265px;
  float: left;
  text-align: center;
  margin-right: 30px;
}

.site-map-list-depth1-item:last-child {
  margin-right: 0;
}

.site-map-list-depth2 {
  padding-top: 30px;
  border-top: 1px solid #d9d9d9;
}

.site-map-list-depth2-item {
  padding: 5px 8px;
}

.site-map-list-depth2-link {
  font-weight: 700;
  color: #222;
}

.site-map-list-depth2-link:hover {
  color: #41519e;
  font-weight: 900;
}

.font14 {
  font-size: 0.875rem;
}

.font16 {
  font-size: 1rem;
}

.font20 {
  font-size: 1.25rem;
}

.font24 {
  font-size: 1.5rem;
}

.font26 {
  font-size: 1.625rem;
}

.font48 {
  font-size: 3rem;
}

.mt5 {
  margin-top: 5px;
}

.mt15 {
  margin-top: 15px;
}

.mt10 {
  margin-top: 10px;
}

.mt15 {
  margin-top: 15px;
}

.mt20 {
  margin-top: 20px;
}

.mt25 {
  margin-top: 25px;
}

.mt30 {
  margin-top: 30px;
}

.mt35 {
  margin-top: 35px;
}

.mt40 {
  margin-top: 40px;
}

.mt45 {
  margin-top: 45px;
}

.mt50 {
  margin-top: 50px;
}

.mt55 {
  margin-top: 55px;
}

.mt60 {
  margin-top: 60px;
}

.mt80 {
  margin-top: 80px;
}

.mlm20 {
  margin-left: -20px;
}

.ml5 {
  margin-left: 5px;
}

.ml10 {
  margin-left: 10px;
}

.ml20 {
  margin-left: 20px;
}

.ml15 {
  margin-left: 15px;
}

.ml30 {
  margin-left: 30px;
}

.ml50 {
  margin-left: 50px;
}

.ml80 {
  margin-left: 80px;
}

.ml100 {
  margin-left: 100px;
}

.pl10 {
  padding-left: 10px;
}

.mr10 {
  margin-right: 10px;
}

.mr20 {
  margin-right: 20px;
}

.mr40 {
  margin-right: 40px;
}

.mr50 {
  margin-right: 50px;
}

.digr-environment-systema-location {
  height: 640px;
  text-indent: -999em;
  background: url(../images/digr_environment_system_location.png) no-repeat;
}


.digr-public-data-open-guidea {
  height: 493px;
  text-indent: -999em;
  background: url(../images/digr_public_data_open_guide.png) no-repeat;
}

.digr-open-public-data {
  height: 513px;
  text-indent: -999em;
  background: url(../images/digr_open_public_data.png) no-repeat;
}

.digr-procedures-disclosure {
  height: 538px;
  text-indent: -999em;
  background: url(../images/digr_procedures_disclosure.png) no-repeat;
  border: 1px solid #d9d9d9;
}


.digr-protection-compensation {
  height: 534px;
  text-indent: -999em;
  background: url(../images/digr_protection_compensation.png) no-repeat;
}

.digr-co-history {
  width: 655px;
  height: 523px;
  text-indent: -999em;
  background: url(../images/digr_co_history.png) no-repeat;
}


.digr-co-traces {
  height: 1002px;
  text-indent: -999em;
  background: url(../images/digr_co_traces.png) no-repeat;
}

.digr-co-vision {
  height: 626px;
  text-indent: -999em;
  background: url(../images/digr_co_vision.png) no-repeat -1px;
}


.digr-co-management {
  height: 612px;
  text-indent: -999em;
  background: url(../images/digr_management.png) no-repeat;
  border: 1px solid #d9d9d9;
}


.digr-co-interest {
  height: 508px;
  text-indent: -999em;
  background: url(../images/digr_interest.png) no-repeat;
  border: 1px solid #d9d9d9;
}

.digr-co-interest2 {
  height: 349px;
  text-indent: -999em;
  background: url(../images/digr_interest2.png) no-repeat;
  border: 1px solid #d9d9d9;
}


.digr-low-carbon-eco-friendly-strategy1 {
  height: 565px;
  text-indent: -999em;
  background: url(../images/digr_low_carbon_eco_friendly_strategy_01.png) no-repeat -2px;
}


.digr-low-carbon-eco-friendly-strategy2 {
  height: 494px;
  text-indent: -999em;
  background: url(../images/digr_low_carbon_eco_friendly_strategy_02.png) no-repeat;
  border: 1px solid #d9d9d9;
}


.digr-monitoring-system1 {
  height: 597px;
  text-indent: -999em;
  background: url(../images/digr_monitoring_system_01.png) no-repeat;
  border: 1px solid #d9d9d9;
}

.digr-monitoring-system2 {
  height: 597px;
  text-indent: -999em;
  background: url(../images/digr_monitoring_system_02.png) no-repeat;
  border: 1px solid #d9d9d9;
}

.digr-social-contribution-performance {
  height: 886px;
  text-indent: -999em;
  background: url(../images/digr_social_contribution_performance.png) no-repeat;
}

.grp-energy-management {
  width: 100%;
  height: 511px;
  background: url(../images/grp_energy_management_01.png) no-repeat;
  border: 1px solid #d9d9d9;
}


.digr-international-cooperation {
  height: 502px;
  text-indent: -999em;
  background: url(../images/digr_international_cooperation_01.png) no-repeat;
  border: 1px solid #d9d9d9;
}


.digr-international-freight-network1 {
  height: 502px;
  text-indent: -999em;
  background: url(../images/digr_international_freight_network_01.png) no-repeat;
  border: 1px solid #d9d9d9;
}

.grp-international-freight-network1 {
  height: 502px;
  text-indent: -999em;
  background: url(../images/grp_international_freight_network_01.png) no-repeat;
  border: 1px solid #d9d9d9;
}

.grp-international-freight-network2 {
  height: 502px;
  text-indent: -999em;
  background: url(../images/grp_international_freight_network_02.png) no-repeat;
  border: 1px solid #d9d9d9;
}

.digr-international-freight-network2 {
  height: 332px;
  text-indent: -999em;
  background: url(../images/digr_international_freight_network_02.png) no-repeat;
  border: 1px solid #d9d9d9;
}

.digr-construction-case01 {
  background: url(../images/digr_construction_case_01.png) no-repeat;
  height: 480px;
}

.digr-construction-case02 {
  background: url(../images/digr_construction_case_02.png) no-repeat;
  height: 480px;
}

.digr-construction-case03 {
  background: url(../images/digr_construction_case_03.png) no-repeat;
  height: 308px;
}

.digr-procedure-application {
  background: url(../images/digr_procedure_application.png) no-repeat;
  height: 286px;
}

.digr-notice-tender {
  background: url(../images/digr_notice_tender.png) no-repeat;
  height: 286px;
}

.digr-service-procedure01 {
  background: url(../images/digr_service_procedure_01.png) no-repeat;
  height: 306px;
}

.digr-service-procedure02 {
  background: url(../images/digr_service_procedure_02.png) no-repeat;
  height: 306px;
}

.grp-energy-management {
  width: 100%;
  height: 511px;
  background: url(../images/grp_energy_management_01.png) no-repeat;
}


.grp-construction-business1 {
  height: 490px;
  text-indent: -999em;
  background: url(../images/grp_construction_business_01.png) no-repeat;
  border: 1px solid #d9d9d9;
}

.grp-construction-business2 {
  height: 542px;
  text-indent: -999em;
  background: url(../images/grp_construction_business_02.png) no-repeat;
  border: 1px solid #d9d9d9;
}

.grp-management-performance03 {
  background: url(../images/grp_management_performance_03.png) no-repeat;
  height: 504px;
}

.grp-management-performance02 {
  background: url(../images/grp_management_performance_02.png) no-repeat;
  height: 504px;
}

.grp-management-performance01 {
  background: url(../images/grp_management_performance_01.png) no-repeat;
  height: 504px;
}

.profile-box-img {
  width: 110px;
  height: 110px;
  float: left;
}

.profile-box-desc {
  width: calc(100% - 140px);
  margin-left: 30px;
  float: left;
}

.profile-box-tit {
  display: block;
  margin-bottom: 10px;
  font-size: 1.125rem;
}

.profile-box dt.list1-item {
  width: 190px;
  float: left;
}

.profile-box dt.list1-item + dd {
  width: calc(100% - 190px);
  float: right;
}


.digr-strengthen-competitive1 {
  height: 640px;
  text-indent: -999em;
  background: url(../images/digr_strengthen_competitive_01.png) no-repeat;
}

.digr-strengthen-competitive2 {
  height: 915px;
  text-indent: -999em;
  background: url(../images/digr_strengthen_competitive_02.png) no-repeat;
}

.digr-communication-channel {
  height: 115px;
  text-indent: -999em;
  background: url(../images/digr_communication_channel_01.png) no-repeat;
}

.digr-concomitant-growth {
  height: 1810px;
  text-indent: -999em;
  background: url(../images/digr_concomitant_growth_01.png) no-repeat;
}

.digr-ethics-management-organization {
  height: 738px;
  text-indent: -999em;
  background: url(../images/digr_ethics_management_organization.png) no-repeat;
}

.digr-ethics-management-vision1 {
  height: 400px;
  text-indent: -999em;
  background: url(../images/digr_ethical_management_vision_01.png) no-repeat -1px;
}

.digr-ethics-management-vision2 {
  height: 595px;
  text-indent: -999em;
  background: url(../images/digr_ethical_management_vision_02.png) no-repeat;
}

.digr-personal-information {
  height: 623px;
  text-indent: -999em;
  background: url(../images/digr_personal_information.png) no-repeat;
}

.digr-social-contribution01 {
  height: 1011px;
  text-indent: -999em;
  background: url(../images/digr_social_contribution01.png) no-repeat -1px;
}

.digr-social-contribution02 {
  height: 776px;
  text-indent: -999em;
  background: url(../images/digr_social_contribution02.png) no-repeat;
}

.digr-social-contribution03 {
  height: 369px;
  text-indent: -999em;
  background: url(../images/digr_social_contribution03.png) no-repeat;
}

.digr-social-contribution04 {
  height: 502px;
  text-indent: -999em;
  background: url(../images/digr_social_contribution04.png) no-repeat;
}

.digr-social-contribution05 {
  height: 420px;
  text-indent: -999em;
  background: url(../images/digr_social_contribution05.png) no-repeat center;
}

.digr-vision-strategy1 {
  background: url(../images/digr_vision_strategy_01.png) no-repeat;
  height: 505px;
}

.digr-vision-strategy2 {
  background: url(../images/digr_vision_strategy_02.png) no-repeat;
  height: 393px;
}

.digr-energy-independence {
  height: 279px;
  padding: 0 20px;
  border: 1px solid #d9d9d9;
  text-indent: -999em;
  background: url(../images/digr_energy_independence_02.png) center no-repeat;
}

.digr-energy-independence03 {
  height: 654px;
  background: url(../images/map_energy_independence_03.png) center no-repeat;
}

.digr-service-assessment {
  height: 690px;
  border: 1px solid #d9d9d9;
  text-indent: -999em;
  background: url(../images/digr_service_assessment.png) center no-repeat;
}

.digr-recruit-guide {
  height: 609px;
  text-indent: -999em;
  background: url(../images/digr_recruit_guide.png) center no-repeat;
}

.digr-free-trade-zone {
  height: 450px;
  padding: 0 30px;
  border: 1px solid #d9d9d9;
  text-indent: -999em;
  background: url(../images/digr_free_trade_zone.png) center no-repeat;
}


.digr-acdm-report-01 {
  height: 612px;
  border: 1px solid #d9d9d9;
  text-indent: -999em;
  background: url(../images/digr_acdm_report_01.png) center no-repeat;
}

.digr-acdm-report-02 {
  height: 430px;
  text-indent: -999em;
  background: url(../images/digr_acdm_report_02.png) center no-repeat;
}

.digr-acdm-milestone {
  height: 539px;
  border: 1px solid #d9d9d9;
  text-indent: -999em;
  background: url(../images/digr_acdm_milestone.png) center no-repeat;
}

.digr-acdm-major-mailstone01 {
  height: 312px;
  border: 1px solid #d9d9d9;
  text-indent: -999em;
  background: url(../images/digr_acdm_major_mailstone_06.png) center no-repeat;
}

.digr-acdm-major-mailstone02 {
  height: 274px;
  border: 1px solid #d9d9d9;
  text-indent: -999em;
  background: url(../images/digr_acdm_major_mailstone_07.png) center no-repeat;
}

.digr-acdm-flow-chart {
  height: 650px;
  border: 1px solid #d9d9d9;
  text-indent: -999em;
  background: url(../images/digr_acdm_flow_chart.png) center no-repeat;
}

.digr-major-incentive {
  height: 875px;
  text-indent: -999em;
  background: url(../images/digr_major_incentive.png) no-repeat -1px;
  border: 1px solid #d9d9d9;
  }
  
.digr-major-incentive1 {
  height: 940px;
  text-indent: -999em;
  background: url(../images/digr_major_incentive_en.png) no-repeat -1px;
  border: 1px solid #d9d9d9;
  }
    
  
  
.ir-technique {
  display: block;
  text-indent: -99999em;
}

.grp-airport-capacity1 {
  width: 100%;
  height: 504px;
  background: url(../images/grp_airport_capacity_01.png) no-repeat;
  border: 1px solid #d9d9d9;
}

.grp-airport-capacity2 {
  width: 100%;
  height: 504px;
  background: url(../images/grp_airport_capacity_02.png) no-repeat;
  border: 1px solid #d9d9d9;
}

.grp-airport-capacity3 {
  width: 100%;
  height: 504px;
  background: url(../images/grp_airport_capacity_03.png) no-repeat;
  border: 1px solid #d9d9d9;
}


.organization-chart-wrap {
  width: 100%;
  overflow: hidden;
  padding-bottom: 30px;
  border-bottom: 1px solid #d9d9d9;
}

.organization-chart-wrap:before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  width: 1px;
  height: 2000px;
  background: #d9d9d9;
}

.organization-chart-wrap .organization-chart {
  text-align: center;
}

.organization-chart-wrap .organization-chart-grid {
  width: 100%;
  height: 160px;
  position: relative;
}

.organization-chart-wrap .organization-chart-box {
  position: absolute;
  width: 210px;
  background: #333649;
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
  padding: 17px;
}

.organization-chart-wrap .organization-chart-box.round {
  min-width: 190px;
  padding: 17px;
  line-height: 1.4;
  font-size: 1.125rem;
  border-radius: 50px;
}

.organization-chart-wrap .organization-chart-box.line:after {
  content: '';
  display: block;
  position: absolute;
  top: 50px;
  left: 50%;
  width: 1px;
  height: 44px;
  background: #d9d9d9;
}

.organization-chart-wrap .organization-chart-box:first-child {
  left: 0;
  right: 0;
  margin: auto;
}

.organization-chart-wrap .organization-chart-box:nth-child(2) {
  top: 66px;
  left: 0;
}

.organization-chart-wrap .organization-chart-box:last-child {
  top: 66px;
  right: 0;
}

.organization-chart-wrap .organization-chart-list {
  float: right;
}

.organization-chart-wrap .organization-chart-list-item {
  float: left;
  width: 205px;
  margin-left: 16px;
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
}

.organization-chart-wrap .organization-chart-list-item.line {
  position: relative;
}

.organization-chart-wrap .organization-chart-list-item.line:after {
  content: '';
  display: block;
  position: absolute;
  top: -22px;
  left: 50%;
  width: 220px;
  height: 22px;
  border: 1px solid #d9d9d9;
  border-bottom: 0;
}

.organization-chart-wrap .organization-chart-list-item.line1 {
  position: relative;
}

.organization-chart-wrap .organization-chart-list-item.line1:after {
  content: '';
  display: block;
  position: absolute;
  top: -22px;
  left: 50%;
  width: 230px;
  height: 1px;
  border-top: 1px solid #d9d9d9;
}

.organization-chart-wrap .organization-chart-list-item:first-child {
  margin-left: 0;
}

.organization-chart-wrap .organization-chart-list-item:nth-child(2) {
  margin-right: 4px;
}

.organization-chart-wrap .organization-chart-list-item:nth-child(3) {
  margin-left: 14px;
}

.organization-chart-wrap .organization-chart-tit {
  display: block;
  width: 100%;
  background: #2c8279;
  color: #fff;
  padding: 13px;
}

.organization-chart-wrap .organization-chart-subtit {
  display: block;
  width: 100%;
  border: 1px solid #d9d9d9;
  margin-top: 16px;
  padding: 13px;
  font-weight: 900;
  font-size: 1rem;
}

.organization-chart-wrap .organization-chart-team {
  padding: 18px;
  text-align: left;
  background: #f2f2f2;
}

.organization-chart-wrap .organization-chart-team .list1-item {
  font-size: 1rem;
  line-height: 1.3;
}

.organization-chart-wrap .organization-chart-team .list1-item:before {
  color: #222;
}

.organization-chart-wrap .organization-chart-team .organization-chart-team-link:hover {
  color: #999;
}

.organization-chart-wrap .organization-chart.type2 .organization-chart-box {
  background: #41519e;
}

.organization-chart-wrap .organization-chart.type2 .organization-chart-tit {
  background: #4674c9;
}

.organization-chart-wrap .organization-chart.type3 {
  background: white;
  position: relative;
  z-index: 10;
  padding-top: 22px;
}

.organization-chart-wrap .organization-chart.type3 .organization-chart-tit {
  background: #dd7713;
}

.organization-chart-wrap .organization-chart.type3 .organization-chart-list {
  float: left;
}
.active-history {
  background: url(../images/bg_social_contribution.png);
  border: 1px solid #d9d9d9;
  text-align: center;
  padding: 60px 0;
}

.active-history-list {
  display: inline-block;
}

.active-history-list-item {
  width: 124px;
  float: left;
  margin-left: 34px;
  text-align: center;
  font-size: 0.875rem;
  font-weight: 900;
}

.active-history-list-item:first-child {
  margin-left: 0;
}

.active-history-list-year {
  display: block;
  width: 124px;
  height: 124px;
  margin: 10px auto;
  border-radius: 50%;
  background: #323648;
  color: #fff;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 124px;
}

.active-history-list-year.bg {
  position: relative;
  overflow: hidden;
}

.active-history-list-year.bg em {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  text-decoration: none;
}

.active-history-list-year.bg:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.active-history-list-year.bg1 {
  background: url(../images/img_relief01.jpg) no-repeat;
}

.active-history-list-year.bg2 {
  background: url(../images/img_relief02.jpg) no-repeat;
}

.active-history-list-year.bg3 {
  background: url(../images/img_relief03.jpg) no-repeat;
}

.active-history-list-year.bg4 {
  background: url(../images/img_relief04.jpg) no-repeat;
}

.active-history-list-year.bg5 {
  background: url(../images/img_relief05.jpg) no-repeat;
}

.result-box {
  border: 1px solid #d9d9d9;
  padding: 20px;
  position: relative;
}

.result-box-desc {
  font-size: 1rem;
}

.result-box-btn {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto;
}

.auto-size {
  width: 100%;
}

.map-api {
  width: 100%;
  height: 400px;
  border: 1px solid #d9d9d9;
}

.map-api iframe {
  width: 100%;
  height: 400px;
}

.directions.float-no li {
  float: none;
}

.directions-item {
  float: left;
  margin-right: 30px;
  letter-spacing: -0.05rem;
}

.directions-item.ico {
  text-indent: 0;
  display: inline-block;
}

.directions-item.ico:after {
  background-position: -89px -63px;
  width: 22px;
  height: 22px;
  left: auto;
  right: -20px;
  top: 7px;
}

.directions-item.float-no {
  float: none;
  display: block;
}

.directions-item img {
  vertical-align: text-bottom;
}

.directions.center {
  display: inline-block;
}

.box-step-item {
  position: relative;
  display: block;
  margin-bottom: 70px;
}

.box-step-item:after {
  width: 132px;
  height: 27px;
  content: '';
  display: block;
  position: absolute;
  top: auto;
  right: 0;
  left: 0;
  bottom: -50px;
  margin: auto;
  background: url(../images/ico_text_box_arrow_bottom.png) no-repeat;
}

.box-step-item:last-child {
  margin-bottom: 0;
}

.box-step-item:last-child:after {
  background: none;
}

.box-step-item .text-box {
  text-align: center;
}

.textbox-step-item.ico {
  text-indent: 0;
  display: block;
}

.textbox-step-item.ico:after {
  width: 11px;
  height: 22px;
  content: '';
  display: block;
  position: absolute;
  top: auto;
  right: 0;
  left: 0;
  bottom: -26px;
  margin: auto;
  background-position: -218px -28px;
  transform: rotate(90deg);
}

.textbox-step-item .textbox-wide-ico {
  min-height: 170px;
}

.textbox-step-item .textbox-wide-ico .textbox-wide-txt {
  min-height: 170px;
}

.video-box {
  position: relative;
  height: 480px;
}

.video-box-frame {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}

.color-r {
  color: #d43e41;
}

.book-btn {
  width: 100%;
}

.newsletter .imgbox {
  border: 1px solid #d4d4d4;
}

.menu-mobile-item {
  display: none;
}

.sub-top-descbox-sub {
  color: #fff;
}

.article-inner {
  margin-bottom: 30px;
}

.board-page {
  font-size: 0.875rem;
  text-align: right;
  margin: 20px 0 10px;
}

.board-caption {
  font-size: 0.875rem;
  text-align: left;
  margin: 20px 0 10px;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-right .left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.applicant-name {
  width: 213px;
}

.applicant-count {
  width: 80px;
}

.applicant-phone {
  width: 70px;
}

.timesetting {
  display: inline-block;
}

.timesetting-etc {
  float: left;
}

.timesetting-time {
  float: left;
}

.timesetting-date {
  width: 140px;
  float: left;
}

.timesetting-date-text {
  margin-top: 15px;
  height: 35px;
  line-height: 35px;
}

.timesetting-date-day {
  width: 100px;
  height: 40px;
  border: 1px solid #d9d9d9;
  border-right: 0;
  font-size: 0.9375rem;
  padding-left: 10px;
  color: #666;
  box-sizing: border-box;
  float: left;
}

.timesetting-date-calendar {
  width: 40px;
  height: 40px;
  border: 1px solid #d9d9d9;
  border-left: 0;
  background: #fff;
  float: left;
}

.timesetting-date-calendar:after {
  background-position: -99px -96px;
  width: 17px;
  height: 16px;
}

.timesetting-date.long {
  width: 160px;
}

.timesetting-date.long .timesetting-date-day {
  width: 120px;
}

.timesetting-dash {
  float: left;
  line-height: 38px;
  margin: 0 10px;
}

.timesetting .object-list {
  min-width: 100px;
}

.timesetting .user-text {
  width: 177px;
  height: 40px;
  vertical-align: bottom;
}

.banner-txt.no-padding {
  padding: 0;
}

.banner-txt-tit {
  font-size: 2.25rem;
  text-align: center;
  color: #fff;
  font-family: 'nanumsq', sans-serif;
  padding-top: 45px;
}

.banner-txt-tit2 {
  font-size: 1.625rem;
  text-align: center;
  color: #fff;
  font-family: 'nanumsq', sans-serif;
  padding-top: 45px;
}

.banner-txt2 {
  font-size: 1.125rem;
  text-align: center;
  color: #fff;
}

.massage-wrap {
  width: 100%;
  height: 296px;
  background-color: #4775c9;
  padding: 60px 70px;
  position: relative;
}

.massage-txt-tit {
  font-size: 1.75rem;
  color: #fff;
  font-family: 'nanumsq', sans-serif;
}

.massage-txt {
  font-size: 1.125rem;
  color: #fff;
}

.massage-txt:before {
  content: '';
  display: block;
  width: 40px;
  height: 1px;
  background: #fff;
  margin: 22px 0;
}

.massage-img {
  position: absolute;
  top: 0;
  right: 0;
}

.massage-img2 {
  position: absolute;
  bottom: 65px;
  right: 400px;
}

.list5.border {
  border: 1px solid #d9d9d9;
  padding: 30px;
}

.view-head-info.event {
  padding: 0;
}

.list-article.small {
  width: 88px;
  height: 88px;
}

.board-view.border {
  border-top: 1px solid #444;
}

.view-head-tit.complain-table {
  font-weight: normal;
  text-align: center;
}

.object-list.wide {
  width: 560px;
}

.enter {
  width: 100%;
  padding: 30px 0 30px;
  text-align: center;
  background: #f5f6f7;
  border: 1px solid #e2e5e9;
}

.table.vt-dark td.center.border {
  border-bottom: 1px solid #a5a7aa;
}

.list2.layer-list2-item {
  color: #666;
}

.history-txt {
  font-size: 1.5rem;
  font-weight: 700;
}

.history-ceo {
  font-size: 3rem;
  font-weight: 700;
}

.history-list-head {
  width: 160px;
  float: left;
}

.history-list-body {
  float: left;
}

.multi-col.double.history {
  padding: 50px 0;
  border-bottom: 1px solid #b7c0ce;
}

.multi-col.double.history.last {
  border-bottom: 0;
}

.double-box.right {
  padding-left: 20px;
}

.double-box.ico {
  text-indent: 0;
  width: 100%;
}

.double-box.ico:after {
  background-position: -219px -28px;
  width: 11px;
  height: 22px;
  right: -18px;
  left: auto;
}

.double-box-top {
  font-size: 1rem;
  padding: 20px 50px;
  background-color: #4674c9;
  color: #fff;
  text-align: center;
}

.double-box-bottom {
  padding: 20px;
  background-color: #f2f2f2;
}

.double-box-bottom .list1-item {
  font-size: 1rem;
}

.btn-type-small.more {
  min-width: 90px;
  height: 25px;
  text-align: center;
  background: #fff;
  padding: 0 15px;
  line-height: 25px;
  border: 1px solid #d9d9d9;
  border-radius: 50px;
  font-size: 0.875rem;
  font-weight: 400;
  color: #222;
  display: inline-block;
}

.social-btn-list-item {
  border: 1px solid #d9e0ea;
  border-radius: 10px;
  margin-top: 10px;
  padding: 15px 20px;
}

.social-btn-list-link {
  font-size: 1.125rem;
  font-weight: 700;
  display: block;
}

.social-btn-list-link.plus {
  position: relative;
}

.social-btn-list-link.plus:after {
  content: "+";
  color: #b2b2b2;
  font-weight: 800;
  position: absolute;
  right: 0;
  left: auto;
}

.digr-environment-monitoring {
  height: 559px;
  background: url(../images/digr_environmental_monitoring.png) no-repeat;
  text-indent: -9999em;
}

.digr-noise-management {
  height: 340px;
  background: url(../images/digr_noise_management.png) no-repeat;
  text-indent: -9999em;
}

.digr-environment-system {
  height: 420px;
  background: url(../images/digr_environment_management_system01.jpg) no-repeat;
  text-indent: -9999em;
}

.digr-cp-vision01 {
  height: 382px;
  background: url(../images/digr_cp_vision01.png) no-repeat;
  text-indent: -9999em;
}

.digr-cp-vision02 {
  height: 383px;
  background: url(../images/digr_cp_vision02.png) no-repeat;
  text-indent: -9999em;
}

.digr-co-history1 {
  height: 525px;
  background: url(../images/digr_co_traces_01.jpg) no-repeat;
  text-indent: -9999em;
}

.digr-co-history2 {
  height: 525px;
  background: url(../images/digr_co_traces_02.jpg) no-repeat;
  text-indent: -9999em;
}

.digr-co-history3 {
  height: 652px;
  background: url(../images/digr_co_traces_03.jpg) no-repeat;
  text-indent: -9999em;
}

.scheduler-box-header {
  text-align: center;
}

.scheduler-box-controller {
  display: inline-block;
}

.scheduler-box-controller .scheduler-box-controller-prev,
.scheduler-box-controller .scheduler-box-controller-next {
  border: none;
  background: none;
}

.scheduler-box-controller-date {
  font-family: nanumsq, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 1px;
}

.scheduler-box .scheduler thead tr {
  border-top: 1px solid #595854;
  border-bottom: 1px solid #a6a7ab;
}

.scheduler-box .scheduler thead tr th {
  padding: 18px 0;
}

.scheduler-box .scheduler tbody tr {
  border-bottom: 1px solid #d9d9d9;
}

.scheduler-box .scheduler tbody tr td {
  height: 88px;
}

.scheduler-box .scheduler td, .scheduler-box .scheduler th {
  border-left: 1px solid #f3f4f8;
  padding: 14px 10px;
  color: #000;
}

.scheduler-box .scheduler td:first-child, .scheduler-box .scheduler th:first-child {
  border-left: 0;
}

.scheduler-box .scheduler td.sat, .scheduler-box .scheduler th.sat {
  color: #5c92ff;
}

.scheduler-box .scheduler td.sun, .scheduler-box .scheduler th.sun {
  color: #f67923;
}

.scheduler-box .scheduler td.gone, .scheduler-box .scheduler th.gone {
  color: #999;
}

.scheduler-box .scheduler-date {
  text-align: center;
  color: #999;
}

.scheduler-box .scheduler-group {
  text-align: center;
}

.scheduler-box .scheduler-group-inner {
  display: inline-block;
  margin-top: 14px;
}

.scheduler-box .scheduler-group-btn {
  display: block;
  width: 44px;
  max-height: 26px;
  line-height: 26px;
  color: #666;
  font-size: 0.875rem !important;
  text-align: center;
  float: left;
  border-radius: 0;
  border: 0;
  margin-left: 6px;
}

.scheduler-box .scheduler-group-btn:first-child {
  margin-left: 0;
}

.scheduler-box .scheduler-group-btn.chapter1 {
  background: #4674c9;
  color: #fff;
}

.scheduler-box .scheduler-group-btn.chapter2 {
  background: #2c8279;
  color: #fff;
}

.scheduler-box .scheduler-group-btn.close {
  border: 1px solid #d9d9d9;
  pointer-events: none;
}

.scheduler-box .scheduler-radio {
  display: none;
}

.scheduler-box .scheduler-radio + .scheduler-radio-label {
  display: block;
  width: 44px;
  height: 26px;
  line-height: 26px;
  color: #666;
  font-size: 0.875rem;
  text-align: center;
  float: left;
  cursor: pointer;
}

.scheduler-box .scheduler-radio + .scheduler-radio-label.chapter1 {
  background: #4674c9;
  color: #fff;
}

.scheduler-box .scheduler-radio + .scheduler-radio-label.chapter2 {
  background: #2c8279;
  color: #fff;
}

.scheduler-box .scheduler-radio:checked + .scheduler-radio-label {
  color: #fff;
}

.scheduler-box .scheduler-radio:disabled + .scheduler-radio-label {
  border: 1px solid #d9d9d9;
}

.scheduler-box-footer {
  margin-top: 20px;
}

.scheduler-box-footer-tit {
  font-size: 1.25rem;
  font-weight: 700;
}

.scheduler-box-footer .legend {
  padding: 20px 0;
}

.scheduler-box-footer .legend .scheduler-group {
  text-align: inherit;
}

.scheduler-box-footer .legend-mark {
  display: inline-block;
  margin-right: 20px;
  line-height: 1.8;
}

.scheduler-box-footer .legend-mark .scheduler-group-btn {
  margin-right: 10px;
}

.sticker {
  display: inline-block;
  width: 80px;
  padding: 0;
  line-height: 26px;
  color: #222;
  font-size: 0.75rem;
  text-align: center;
}

.sticker.blue {
  background: #beeaff;
}

.sticker.yellow {
  background: #fff1af;
}

.sticker.orange {
  background: #ffddbc;
}

.sticker.red {
  background: #ffa5a5;
}

.bell {
  display: inline-block;
  width: 60px;
  padding: 0;
  line-height: 16px;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 900;
  text-align: center;
}

.bell.blue {
  background: #3b62c6;
}

.bell.yellow {
  background: #d2a938;
}

.bell.orange {
  background: #f36f21;
}

.bell.red {
  background: #de1e24;
}

.form-layout {
  display: inline-block;
}

.textbox-step .textbox {
  width: 152px;
  margin-left: 27px;
  float: left;
}

.textbox-step .textbox:first-child {
  margin-left: 0;
}

.textbox-step .textbox .list1-item {
  font-size: 0.825rem;
}

.textbox-step .textbox .textbox-txt {
  min-height: 142px;
  padding: 10px;
}

.textbox-step .textbox:last-child:after {
  display: none;
}

.textbox-step .textbox:after {
  content: '';
  display: block;
  background: url(../images/spr_ico_global.png) no-repeat -220px -29px;
  width: 9px;
  height: 18px;
  position: absolute;
  right: -19px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.capcha {
  width: 150px;
  height: 50px;
  border: 1px solid #d9d9d9;
  font-size: 1rem !important;
  position: relative;
  text-indent: 24px;
  background: #fff;
}

.capcha:before {
  content: '';
  display: block;
  background: url(../../ap/images/spr_service_ico.png) no-repeat;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 24px;
  margin: auto;
}

.capcha.reflash:before {
  background-position: -29px -18px;
  width: 21px;
  height: 21px;
}

.capcha.sound:before {
  background-position: -68px -17px;
  width: 25px;
  height: 23px;
}

.input-align {
  clear: both;
  overflow: hidden;
}

.input-align .capcha {
  float: left;
}

.input-align .capcha:nth-child(3) {
  border-left: 0;
}

.input-align img {
  float: left;
}

.input-align .user-input-text {
  width: 550px !important;
}

.input-align .capcha + .user-input-text {
  border-top: 0 !important;
}

.list6 {
  position: relative;
}

.list6-item {
  min-height: 116px;
  padding: 0 0 0 134px;
  margin-bottom: 30px;
  position: relative;
}

.list6-item:after {
  content: '';
  display: block;
  background: url(../images/spr_ico_ethics_practice.png) no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.list6-item.type1:after {
  width: 100px;
  height: 100px;
  background-position: -17px -128px;
}

.list6-item.type2:after {
  width: 100px;
  height: 100px;
  background-position: -159px -128px;
}

.list6-item.type3:after {
  width: 100px;
  height: 100px;
  background-position: -291px -128px;
}

.list6-item.type4:after {
  width: 100px;
  height: 100px;
  background-position: -17px -254px;
}

.list6-item.type5:after {
  width: 100px;
  height: 100px;
  background-position: -160px -254px;
}

.list6-item.type6:after {
  width: 100px;
  height: 100px;
  background-position: -291px -254px;
}

.list6-item.type7:after {
  width: 100px;
  height: 100px;
  background-position: -17px -379px;
}

.list6-item.type8:after {
  width: 100px;
  height: 100px;
  background-position: -159px -379px;
}

.list6-item.type9:after {
  width: 100px;
  height: 100px;
  background-position: -291px -379px;
}

.list6-item.type10:after {
  width: 100px;
  height: 100px;
  background-position: -17px -505px;
}

.list6-item-heading {
  font-size: 1.125rem;
  color: #42519e;
  margin-bottom: 20px;
}

.list6-item-heading:before {
  content: "";
  font-size: 0.75rem;
  font-weight: normal;
  color: #42519e;
  vertical-align: middle;
  margin-right: 10px;
}

.list6-item.link:after {
  display: none;
}

.list6-item-onlink {
  display: block;
  line-height: 30px;
  padding: 0 10px;
  border: 1px solid #d9d9d9;
  cursor: pointer;
  position: absolute;
  bottom: 0;
  left: 34px;
}

.list6-item-onlink:before {
  content: '';
  display: block;
  background: url(../images/spr_ico_ethics_practice.png) no-repeat;
  position: absolute;
  top: -86px;
  left: 16px;
}

.list6-item-onlink.type1:before {
  width: 58px;
  height: 64px;
  background-position: -36px -35px;
}

.list6-item-onlink.type2:before {
  width: 51px;
  height: 51px;
  background-position: -181px -40px;
}

.list6-item-onlink.type3:before {
  width: 45px;
  height: 61px;
  background-position: -318px -36px;
}

.graph-box {
  border: 1px solid #d9d9d9;
  padding: 30px 130px 55px 120px;
}

.graph-line {
  height: 417px;
  border-bottom: 1px solid #323648;
  border-left: 1px solid #323648;
  background: url(../images/bg_result_01.png) repeat-x;
}

.graph-list {
  height: 417px;
  float: left;
  position: relative;
  width: 16.66%;
}

.graph-list-heading {
  position: absolute;
  bottom: -30px;
  left: 0;
  right: 0;
  text-align: center;
}

.graph-bar {
  display: inline-block;
  width: 44px;
  position: absolute;
  bottom: 1px;
  left: 0;
  right: 0;
  margin: auto;
  background: #323648;
}

.graph-bar.h10 {
  height: 10%;
}

.graph-bar.h20 {
  height: 20%;
}

.graph-bar.h30 {
  height: 30%;
}

.graph-bar.h40 {
  height: 40%;
}

.graph-bar.h50 {
  height: 50%;
}

.graph-bar.h55 {
  height: 55%;
}

.graph-bar.h60 {
  height: 60%;
}

.graph-bar.h65 {
  height: 65%;
}

.graph-bar.h70 {
  height: 70%;
}

.graph-bar.h75 {
  height: 75%;
}

.graph-bar.h80 {
  height: 80%;
}

.graph-bar.h90 {
  height: 90%;
}

.graph-data {
  margin: 30px -6px;
  color: white;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.graph-data.long {
  margin: 60px -6px;
}

.graph-probability {
  font-size: 0.8125rem;
  position: absolute;
  top: -30px;
  left: 0;
  right: 0;
  text-align: center;
}

.radio-type1 {
  text-align: center;
}

.radio-type1-radio {
  display: none;
}

.radio-type1-radio:checked + label {
  color: #222;
}

.radio-type1-radio:checked + label.ico:after {
  background-position: -82px -293px;
}

.radio-type1-label {
  height: 27px;
  padding: 0 20px 0 40px;
  font-size: 1rem;
  line-height: 1.7;
  color: #666;
  cursor: pointer;
}

.radio-type1-label.ico {
  text-indent: 0;
}

.radio-type1-label.ico:after {
  background-position: -35px -293px;
  width: 27px;
  height: 27px;
  top: 0;
  left: 0;
  right: auto;
  display: block;
}

.radio-type1-label + .radio-type1-radio {
  margin-left: 40px;
}

.radio-type1-label.font18 {
  font-size: 1rem;
}

.radio-type1.left {
  text-align: left;
}

.radio-type2 {
  text-align: left;
}

.radio-type2-radio {
  display: none;
}

.radio-type2-radio:checked + label {
  color: #222;
}

.radio-type2-radio:checked + label.ico:after {
  background-position: -177px -293px;
}

.radio-type2-label {
  height: 27px;
  padding: 0 20px 0 40px;
  font-size: 1rem;
  line-height: 1.7;
  color: #666;
  cursor: pointer;
}

.radio-type2-label.ico {
  text-indent: 0;
}

.radio-type2-label.ico:after {
  background-position: -130px -293px;
  width: 27px;
  height: 27px;
  top: 0px;
  left: 0;
  right: auto;
  display: block;
}

.radio-type2-label + .radio-type1-radio {
  margin-left: 40px;
}

.radio-type2 .radio-box {
  display: inline-block;
  width: 196px;
}

.checkbox {
  display: none;
}

.checkbox:checked + label {
  color: #222;
}

.checkbox:checked + label.ico:after {
  background-position: -272px -293px;
}

.checkbox-label {
  height: 27px;
  padding: 0 10px 0 40px;
  font-size: 1rem;
  line-height: 1.7;
  color: #666;
  cursor: pointer;
}

.checkbox-label.ico {
  text-indent: 0;
}

.checkbox-label.ico:after {
  background-position: -225px -293px;
  width: 27px;
  height: 27px;
  top: 0px;
  left: 0;
  right: auto;
  display: block;
}

.checkbox-type2 {
  text-align: center;
}

.checkbox-type2-radio {
  display: none;
}

.checkbox-type2-radio:checked + label {
  color: #222;
}

.checkbox-type2-radio:checked + label.ico:after {
  background-position: -82px -293px;
}

.checkbox-type2-label {
  height: 27px;
  padding: 0 20px 0 40px;
  line-height: 1.7;
  color: #666;
}

.checkbox-type2-label.ico {
  text-indent: 0;
}

.checkbox-type2-label.ico:after {
  background-position: -35px -293px;
  width: 27px;
  height: 27px;
  top: 0;
  left: 0;
  right: auto;
  display: block;
}

.checkbox-type2-label + .checkbox-type2-radio {
  margin-left: 40px;
}

.checkbox-type2-label.font18 {
  font-size: 1.125rem;
}

.checkbox-type2.left {
  text-align: left;
}

.loading {
  display: none !important;
  width: 100%;
  height: 100%;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  transition: all 1s ease-out;
  z-index: 99999;
}

.loading-inner {
  width: 77px;
  padding-top: 40px;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  text-indent: -99999em;
}

.loading-inner.opacity {
  opacity: 0;
}

.loading-inner:after {
  content: "";
  display: block;
  width: 150px;
  height: 56px;
  background: url(../../loading.gif) no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}

.loading.opacity {
  opacity: 0;
}

.loading.none {
  display: none;
}

.footer-graft + footer {
  margin-top: 0;
}

.footer * {
  box-sizing: border-box;
}

.footer li {
  line-height: 1;
}

.footer {
	background-color: #00223e;
	padding: 30px 0 24px;
	border-top: 1px solid #dcdfe4;
}

.footer-align.left {
  float: left;
}

.footer .fnb-list {
  font-size: 0;
}

.footer .fnb-list-item {
  margin-left: 10px;
  display: inline-block;
}

.footer .fnb-list-item:before {
  content: '';
  display: inline-block;
  width: 1px;
  height: 11px;
  background: #ccc;
  margin-right: 10px;
}

.footer .fnb-list-item:first-child {
  margin-left: 0;
}

.footer .fnb-list-item:first-child:before {
  display: none;
}

.footer .fnb-list-link {
  color: #fff;
  font-size: 0.875rem;
  font-weight: 600;
  text-decoration: none;
}

.footer .fnb-list-link:hover {
  opacity: .5;
}

.footer-call {
  margin: 28px 0 20px 0;
  font-size: 1.125rem;
  font-weight: 600;
  color: #fff;
}

.footer-call-num {
  color: #fff;
  font-weight: 900;
}

.footer-contact {
  margin-bottom: 12px;
  font-size: 0;
}

.footer-contact-item {
  display: inline-block;
  color: #fff;
  font-size: 0.875rem;
  margin-right: 10px;
}

.footer-contact-item:before {
  content: '';
  display: inline-block;
  width: 1px;
  height: 11px;
  background: #ccc;
  margin-right: 10px;
}

.footer-contact-item:first-child {
  margin-left: 0px;
}

.footer-contact-item:first-child:before {
  display: none;
}

.footer-copyright {
  color: #fff;
  font-size: 0.75rem;
  letter-spacing: .3px;
  font-style: oblique;
}

.footer-align.right {
  float: right;
  margin-top: -16px;
}

.footer .sns-list {
  float: right;
  margin-right: -11px;
  font-size: 0;
}

.footer .sns-list-item {
  display: inline-block;
  margin-right: 10px;
}

.footer .sns-list-item.size {
  width: 25px;
}

.footer .sns-list-link {
  width: 22px;
  height: 22px;
}

.footer .sns-list-link:hover {
  opacity: .5;
}

.footer .relsite {
  width: 202px;
  height: 32px;
  margin: 20px 0 12px 0;
  background-color: #fff;
}

.footer .relsite .select-list {
  top: -391px;
  width: 202px;
  max-height: 392px;
}

.footer .incheon-select {
  width: 100%;
}

.footer .incheon-etc .web-mark {
  display: inline-block;
  margin-right: 20px;
}

.footer .incheon-etc .google-play-mark {
  display: inline-block;
  height: 30px;
  position: relative;
  bottom: 8px;
  right: -14px;
}

.footer .incheon-etc .google-play-mark img {
  height: 100%;
}

.footer .incheon-etc .footer-shortcut {
  float: right;
  margin-top: 2px;
}

.footer .incheon-etc .footer-shortcut-link {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3rem;
  text-decoration: none;
}

.footer .incheon-etc .footer-shortcut-link:hover {
  opacity: .5;
}

.footer .incheon-etc .footer-shortcut-link .link-tit {
  display: inline-block;
  width: 96px;
}

.wb:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  background: url(../../ap/images/ico_weibo.png) no-repeat;
  width: 25px;
  height: 20px;
}

.en {
  font-size: 14px;
}

.en .table.hr th.left {
  padding-left: 10px;
}

.en .table th .important:after, .en .table td .important:after {
  right: -5px;
}

.en .double-box-bottom {
  text-align: left;
}

.en .btn-type-normal.table {
  height: auto;
  line-height: 1.4;
  padding: 10px 40px 10px 15px;
}

.en .long-word .tab-nav-list-link {
  height: auto;
}

.ch .long-word .tab-nav-list-link {
  height: auto;
}


.ja .long-word .tab-nav-list-link {
  height: auto;
}


.en .tab-nav-list-link {
  font-size: 0.825rem;
}

.ch .tab-nav-list-link {
  font-size: 0.825rem;
}

.ja .tab-nav-list-link {
  font-size: 0.825rem;
}

.en section.maxlabel .search-box-title {
  font-size: 0.825rem;
}

.en .main-visual-news-title {
  height: auto;
}

.en.main {
  font-size: 15px;
}

.en footer .select-link .select-list-item {
  text-indent: 0;
}

.en footer .select-link .select-list-link {
  font-size: 0.75rem;
  line-height: 1.4;
  padding-left: 12px;
  margin-bottom: 10px;
}

.en .header-search-input {
  width: 118px;
  right: 0;
  left: 30px;
}

.en .header-search-item.gnb-search.on {
  width: 270px !important;
}

.en .header-search-item.gnb-search {
  width: 75px;
}

.en .header-search-btn.gnb-search {
  padding: 4px 0 6px 8px;
}

.en .profile-box-desc {
  font-size: 0.825rem;
}

.en .profile-box dt.list1-item {
  font-size: 0.825rem;
}

.en .header-search-btn.gnb-search {
  min-width: 85px;
  font-size: 0.825rem;
  line-height: 21px;
}

.en .gnb-depth1-item {
  width: 190px;
}

.en .gnb-depth1 {
  width: 951px;
}

.en .main-section2 {
  height: 753px;
  background-size: cover;
}

.en .main-section2-text-box {
  height: 385px;
}

.en .main-section2-text {
  min-height: 126px;
}

.en .main-section2-text-list {
  margin-top: 25px;
}

.en .external-link-text.webjin {
  margin: 0;
}

.en .external-link-text.webjin:after {
  left: auto;
  margin-left: 10px;
}

.en .external-link-text.human {
  margin-right: 0;
}

.en .external-link-text.human:after {
  left: auto;
  margin-left: 10px;
}

.en .external-link-text.badminton:after {
  left: auto;
  margin-left: 10px;
}

.en .text-box.consulting {
  height: 350px;
}

.en .result-box-btn {
  position: relative;
  right: 0;
}

.en .user-input-link.min {
  display: block;
}

.en .left-menu-depth1-item-link {
  padding: 10px 30px 10px 15px;
}

.en .sub-contents-heading2 {
  text-align: left;
  line-height: 1.3;
}

.en .step-circle-list-item .list-article .article-num {
  font-size: 0.75rem;
}

.en .step-circle-list-item .list-article .article-txt {
  font-size: 0.75rem;
}

.en .step-circle-list-item .list-article .article-txt .guide-desc {
  font-size: 0.75rem;
}

.en .multi-col .double .inner-col.txt-area {
  padding: 0 20px;
}

.en .guidebox-btn {
  word-break: keep-all;
  display: inline-block;
  max-width: 220px;
  line-height: 1.3;
}

.en .search-box {
  width: 100%;
  padding: 20px;
  border: 1px solid #d9d9d9;
  text-align: center;
}

.en .search-box-title {
  font-weight: 800;
  float: left;
  padding-right: 5px;
  position: relative;
  top: 13px;
}

.en .search-box-title.pr15 {
  padding-right: 15px;
}

.en .search-box-title.pr5 {
  padding-right: 5px;
}

.ch .btn-type-normal.table {
  height: auto;
  line-height: 1.4;
  padding: 10px 40px 10px 15px;
}

.ch * {
  font-family: "微软雅黑", "黑体", roboto, spoqa, sans-serif !important;
}

.ch .gnb-depth1-item {
  width: 150px;
}

.ch .gnb-depth1 {
  width: 951px;
}

.ch .main-section2-text-box {
  height: 286px;
}

.ch .main-section2-text {
  min-height: 63px;
}

.ch .external-link-text.webjin {
  margin: 0 43px 0 0;
}

.ch .external-link-text.webjin:after {
  left: auto;
  margin-left: 10px;
}

.ch .external-link-text.human:after {
  left: auto;
  margin-left: 10px;
}

.ch .external-link-text.badminton:after {
  left: auto;
  margin-left: 10px;
}

.ch .table.vt-dark td {
  word-break: break-all;
}

.ja .btn-type-normal.table {
  height: auto;
  line-height: 1.4;
  padding: 10px 40px 10px 15px;
}

.ja * {
  font-family: "Noto Sans JP", roboto, spoqa, sans-serif !important;
}

.ja .gnb-depth1-item {
  width: 190px;
}

.ja .gnb-depth1 {
  width: 951px;
}

.ja .main-section2-text-box {
  height: 300px;
}

.ja .main-section2-text {
  min-height: 84px;
}

.ja .external-link-text.webjin {
  margin: 0 43px 0 0;
}

.ja .external-link-text.webjin:after {
  left: auto;
  margin-left: 10px;
}

.ja .external-link-text.human:after {
  left: auto;
  margin-left: 10px;
}

.ja .external-link-text.badminton:after {
  left: auto;
  margin-left: 10px;
}

.ja .list7-item-number-txt {
  font-size: 0.875rem;
}

.ja .table.vt-dark td {
  word-break: break-all;
}

.en .digr-environment-systema-location {
  background: url(../images/digr_environment_system_location_en.png) no-repeat;
  background-size: contain !important;
}

.en .digr-public-data-open-guidea {
  background: url(../images/digr_public_data_open_guide_en.png) no-repeat;
}

.en .digr-open-public-data {
  background: url(../images/digr_open_public_data_en.png) no-repeat;
}

.en .digr-procedures-disclosure {
  background: url(../images/digr_procedures_disclosure_en.png) no-repeat;
}

.en .digr-protection-compensation {
  background: url(../images/digr_protection_compensation_en.png) no-repeat;
}

.en .digr-co-history {
  background: url(../images/digr_co_history_en.png) no-repeat;
}

.en .digr-co-traces {
  background: url(../images/digr_co_traces_en.png) no-repeat;
}

.en .digr-co-vision {
  height: 649px;
  background: url(../images/digr_co_vision_en.png) no-repeat -1px;
}

.en .digr-co-management {
  background: url(../images/digr_management_en.png) no-repeat;
  border: none;
}

.en .digr-co-interest {
  background: url(../images/digr_interest_en.png) no-repeat;
}

.en .digr-co-interest2 {
  background: url(../images/digr_interest2_en.png) no-repeat;
}

.en .digr-low-carbon-eco-friendly-strategy1 {
  background: url(../images/digr_low_carbon_eco_friendly_strategy_01_en.png) no-repeat;
}

.en .digr-low-carbon-eco-friendly-strategy2 {
  background: url(../images/digr_low_carbon_eco_friendly_strategy_02_en.png) no-repeat;
}

.en .digr-monitoring-system1 {
  background: url(../images/digr_monitoring_system_01_en.png) no-repeat;
}

.en .digr-monitoring-system2 {
  background: url(../images/digr_monitoring_system_02_en.png) no-repeat;
}

.en .digr-social-contribution-performance {
  background: url(../images/digr_social_contribution_performance_en.png) no-repeat;
}

.en .grp-energy-management {
  background: url(../images/grp_energy_management_01_en.png) no-repeat;
}

.en .digr-international-cooperation {
  background: url(../images/digr_international_cooperation_01_en.png) no-repeat;
}

.en .digr-international-freight-network1 {
  background: url(../images/digr_international_freight_network_01_en.png) no-repeat;
}

.en .grp-international-freight-network1 {
  background: url(../images/grp_international_freight_network_01_en.png) no-repeat;
}

.en .grp-international-freight-network2 {
  background: url(../images/grp_international_freight_network_02_en.png) no-repeat;
}

.en .digr-international-freight-network2 {
  background: url(../images/digr_international_freight_network_02_en.png) no-repeat;
}

.en .digr-construction-case01 {
  background: url(../images/digr_construction_case_01_en.png) no-repeat;
}

.en .digr-construction-case02 {
  background: url(../images/digr_construction_case_02_en.png) no-repeat;
}

.en .digr-construction-case03 {
  background: url(../images/digr_construction_case_03_en.png) no-repeat;
}

.en .digr-procedure-application {
  background: url(../images/digr_procedure_application_en.png) no-repeat;
}

.en .digr-notice-tender {
  background: url(../images/digr_notice_tender_en.png) no-repeat;
}

.en .digr-service-procedure01 {
  background: url(../images/digr_service_procedure_01_en.png) no-repeat;
}

.en .digr-service-procedure02 {
  background: url(../images/digr_service_procedure_02_en.png) no-repeat;
}

.en .grp-energy-management {
  background: url(../images/grp_energy_management_01_en.png) no-repeat;
}

.en .grp-construction-business1 {
  background: url(../images/grp_construction_business_01_en.png) no-repeat;
}

.en .grp-construction-business2 {
  background: url(../images/grp_construction_business_02_en.png) no-repeat;
}

.en .grp-management-performance03 {
  background: url(../images/grp_management_performance_03_en.png) no-repeat;
}

.en .grp-management-performance02 {
  background: url(../images/grp_management_performance_02_en.png) no-repeat;
}

.en .grp-management-performance01 {
  background: url(../images/grp_management_performance_01_en.png) no-repeat;
}

.en .grp-airport-capacity1 {
  background: url(../images/grp_airport_capacity_01_en.png) no-repeat;
}

.en .grp-airport-capacity2 {
  background: url(../images/grp_airport_capacity_02_en.png) no-repeat;
}

.en .grp-airport-capacity3 {
  background: url(../images/grp_airport_capacity_03_en.png) no-repeat;
}

.en .digr-acdm-report-01 {
  background: url(../images/digr_acdm_report_01_en.png) center no-repeat;
}

.en .digr-acdm-report-02 {
  background: url(../images/digr_acdm_report_02_en.png) center no-repeat;
}

.en .digr-acdm-milestone {
  background: url(../images/digr_acdm_milestone_en.png) center no-repeat;
}

.en .digr-acdm-major-mailstone01 {
  background: url(../images/digr_acdm_major_mailstone_06_en.png) center no-repeat;
}

.en .digr-acdm-major-mailstone02 {
  background: url(../images/digr_acdm_major_mailstone_07_en.png) center no-repeat;
}

.en .digr-acdm-flow-chart {
  background: url(../images/digr_acdm_flow_chart_en.png) center no-repeat;
}

.en .digr-strengthen-competitive1 {
  background: url(../images/digr_strengthen_competitive_01_en.png) no-repeat;
}

.en .digr-strengthen-competitive2 {
  background: url(../images/digr_strengthen_competitive_02_en.png) no-repeat;
}

.en .digr-communication-channel {
  background: url(../images/digr_communication_channel_01_en.png) no-repeat;
}

.en .digr-concomitant-growth {
  background: url(../images/digr_concomitant_growth_01_en.png) no-repeat;
}

.en .digr-ethics-management-organization {
  height: 768px;
  background: url(../images/digr_ethics_management_organization_en.png) no-repeat;
}

.en .digr-ethics-management-vision1 {
  background: url(../images/digr_ethical_management_vision_01_en.png) no-repeat;
}

.en .digr-ethics-management-vision2 {
  background: url(../images/digr_ethical_management_vision_02_en.png) no-repeat;
}

.en .digr-personal-information {
  background: url(../images/digr_personal_information_en.png) no-repeat;
}

.en .digr-social-contribution01 {
  background: url(../images/digr_social_contribution01_en.png) no-repeat;
}

.en .digr-social-contribution02 {
  background: url(../images/digr_social_contribution02_en.png) no-repeat;
}

.en .digr-social-contribution03 {
  background: url(../images/digr_social_contribution03_en.png) no-repeat;
}

.en .digr-social-contribution04 {
  background: url(../images/digr_social_contribution04_en.png) no-repeat;
}

.en .digr-social-contribution05 {
  background: url(../images/digr_social_contribution05_en.png) no-repeat center;
}

.en .digr-vision-strategy1 {
  background: url(../images/digr_vision_strategy_01_en.png) no-repeat;
}

.en .digr-vision-strategy2 {
  background: url(../images/digr_vision_strategy_02_en.png) no-repeat;
}

.en .digr-energy-independence {
  background: url(../images/digr_energy_independence_02_en.png) center no-repeat;
}

.en .digr-energy-independence03 {
  background: url(../images/map_energy_independence_03_en.png) center no-repeat;
}

.en .digr-service-assessment {
  background: url(../images/digr_service_assessment_en.png) center no-repeat;
}

.en .digr-recruit-guide {
  background: url(../images/digr_recruit_guide_en.png) center no-repeat;
}

.en .digr-free-trade-zone {
  background: url(../images/digr_free_trade_zone_en.png) center no-repeat;
}

.en .digr-environment-monitoring {
  background: url(../images/digr_environmental_monitoring_en.png) no-repeat;
}

.en .digr-noise-management {
  background: url(../images/digr_noise_management_en.png) no-repeat;
}

.en .digr-environment-system {
  background: url(../images/digr_environment_management_system01_en.jpg) no-repeat;
}

.en .digr-cp-vision01 {
  background: url(../images/digr_cp_vision01_en.png) no-repeat;
}

.en .digr-cp-vision02 {
  background: url(../images/digr_cp_vision02_en.png) no-repeat;
}

.en .digr-co-history1 {
  background: url(../images/digr_co_traces_01_en.jpg) no-repeat;
}

.en .digr-co-history2 {
  background: url(../images/digr_co_traces_02_en.jpg) no-repeat;
}

.en .digr-co-history3 {
  background: url(../images/digr_co_traces_03_en.jpg) no-repeat;
}



.ch .digr-environment-systema-location {
  background: url(../images/digr_environment_system_location_ch.png) no-repeat;
}

.ch .digr-public-data-open-guidea {
  background: url(../images/digr_public_data_open_guide_ch.png) no-repeat;
}

.ch .digr-open-public-data {
  background: url(../images/digr_open_public_data_ch.png) no-repeat;
  height: 581px;
}

.ch .digr-procedures-disclosure {
  background: url(../images/digr_procedures_disclosure_ch.png) no-repeat;
}

.ch .digr-protection-compensation {
  background: url(../images/digr_protection_compensation_ch.png) no-repeat;
}

.ch .digr-co-history {
  background: url(../images/digr_co_history_ch.png) no-repeat;
}

.ch .digr-co-traces {
  background: url(../images/digr_co_traces_ch.png) no-repeat;
}

.ch .digr-co-vision {
  height: 649px;
  background: url(../images/digr_co_vision_ch.png) no-repeat;
}

.ch .digr-co-management {
  background: url(../images/digr_management_ch.png) no-repeat;
}

.ch .digr-co-interest {
  background: url(../images/digr_interest_ch.png) no-repeat;
}

.ch .digr-co-interest2 {
  background: url(../images/digr_interest2_ch.png) no-repeat;
}

.ch .digr-low-carbon-eco-friendly-strategy1 {
  background: url(../images/digr_low_carbon_eco_friendly_strategy_01_ch.png) no-repeat;
}

.ch .digr-low-carbon-eco-friendly-strategy2 {
  background: url(../images/digr_low_carbon_eco_friendly_strategy_02_ch.png) no-repeat;
}

.ch .digr-monitoring-system1 {
  background: url(../images/digr_monitoring_system_01_ch.png) no-repeat;
}

.ch .digr-monitoring-system2 {
  background: url(../images/digr_monitoring_system_02_ch.png) no-repeat;
}

.ch .digr-social-contribution-performance {
  background: url(../images/digr_social_contribution_performance_ch.png) no-repeat;
}

.ch .grp-energy-management {
  background: url(../images/grp_energy_management_01_ch.png) no-repeat;
}

.ch .digr-international-cooperation {
  background: url(../images/digr_international_cooperation_01_ch.png) no-repeat;
}

.ch .digr-international-freight-network1 {
  background: url(../images/digr_international_freight_network_01_ch.png) no-repeat;
}

.ch .grp-international-freight-network1 {
  background: url(../images/grp_international_freight_network_01_ch.png) no-repeat;
}

.ch .grp-international-freight-network2 {
  background: url(../images/grp_international_freight_network_02_ch.png) no-repeat;
}

.ch .digr-international-freight-network2 {
  background: url(../images/digr_international_freight_network_02_ch.png) no-repeat;
}

.ch .digr-construction-case01 {
  background: url(../images/digr_construction_case_01_ch.png) no-repeat;
}

.ch .digr-construction-case02 {
  background: url(../images/digr_construction_case_02_ch.png) no-repeat;
}

.ch .digr-construction-case03 {
  background: url(../images/digr_construction_case_03_ch.png) no-repeat;
}

.ch .digr-procedure-application {
  background: url(../images/digr_procedure_application_ch.png) no-repeat;
}

.ch .digr-notice-tender {
  background: url(../images/digr_notice_tender_ch.png) no-repeat;
}

.ch .digr-service-procedure01 {
  background: url(../images/digr_service_procedure_01_ch.png) no-repeat;
}

.ch .digr-service-procedure02 {
  background: url(../images/digr_service_procedure_02_ch.png) no-repeat;
}

.ch .grp-energy-management {
  background: url(../images/grp_energy_management_01_ch.png) no-repeat;
}

.ch .grp-construction-business1 {
  background: url(../images/grp_construction_business_01_ch.png) no-repeat;
}

.ch .grp-construction-business2 {
  background: url(../images/grp_construction_business_02_ch.png) no-repeat;
}

.ch .grp-management-performance03 {
  background: url(../images/grp_management_performance_03_ch.png) no-repeat;
}

.ch .grp-management-performance02 {
  background: url(../images/grp_management_performance_02_ch.png) no-repeat;
}

.ch .grp-management-performance01 {
  background: url(../images/grp_management_performance_01_ch.png) no-repeat;
}

.ch .grp-airport-capacity1 {
  background: url(../images/grp_airport_capacity_01_ch.png) no-repeat;
}

.ch .grp-airport-capacity2 {
  background: url(../images/grp_airport_capacity_02_ch.png) no-repeat;
}

.ch .grp-airport-capacity3 {
  background: url(../images/grp_airport_capacity_03_ch.png) no-repeat;
}

.ch .digr-acdm-report-01 {
  background: url(../images/digr_acdm_report_01_ch.png) center no-repeat;
}

.ch .digr-acdm-report-02 {
  background: url(../images/digr_acdm_report_02_ch.png) center no-repeat;
}

.ch .digr-acdm-milestone {
  background: url(../images/digr_acdm_milestone_ch.png) center no-repeat;
}

.ch .digr-acdm-major-mailstone01 {
  background: url(../images/digr_acdm_major_mailstone_06_ch.png) center no-repeat;
}

.ch .digr-acdm-major-mailstone02 {
  background: url(../images/digr_acdm_major_mailstone_07_ch.png) center no-repeat;
}

.ch .digr-acdm-flow-chart {
  background: url(../images/digr_acdm_flow_chart_ch.png) center no-repeat;
}

.ch .digr-strengthen-competitive1 {
  background: url(../images/digr_strengthen_competitive_01_ch.png) no-repeat;
}

.ch .digr-strengthen-competitive2 {
  background: url(../images/digr_strengthen_competitive_02_ch.png) no-repeat;
}

.ch .digr-communication-channel {
  background: url(../images/digr_communication_channel_01_ch.png) no-repeat;
}

.ch .digr-concomitant-growth {
  background: url(../images/digr_concomitant_growth_01_ch.png) no-repeat;
}

.ch .digr-ethics-management-organization {
  background: url(../images/digr_ethics_management_organization_ch.png) no-repeat;
}

.ch .digr-ethics-management-vision1 {
  background: url(../images/digr_ethical_management_vision_01_ch.png) no-repeat;
}

.ch .digr-ethics-management-vision2 {
  background: url(../images/digr_ethical_management_vision_02_ch.png) no-repeat;
}

.ch .digr-personal-information {
  background: url(../images/digr_personal_information_ch.png) no-repeat;
}

.ch .digr-social-contribution01 {
  background: url(../images/digr_social_contribution01_ch.png) no-repeat;
}

.ch .digr-social-contribution02 {
  background: url(../images/digr_social_contribution02_ch.png) no-repeat;
}

.ch .digr-social-contribution03 {
  background: url(../images/digr_social_contribution03_ch.png) no-repeat;
}

.ch .digr-social-contribution04 {
  background: url(../images/digr_social_contribution04_ch.png) no-repeat;
}

.ch .digr-social-contribution05 {
  background: url(../images/digr_social_contribution05_ch.png) no-repeat center;
}

.ch .digr-vision-strategy1 {
  background: url(../images/digr_vision_strategy_01_ch.png) no-repeat;
}

.ch .digr-vision-strategy2 {
  background: url(../images/digr_vision_strategy_02_ch.png) no-repeat;
}

.ch .digr-energy-independence {
  background: url(../images/digr_energy_independence_02_ch.png) center no-repeat;
}

.ch .digr-energy-independence03 {
  background: url(../images/map_energy_independence_03_ch.png) center no-repeat;
}

.ch .digr-service-assessment {
  background: url(../images/digr_service_assessment_ch.png) center no-repeat;
}

.ch .digr-recruit-guide {
  background: url(../images/digr_recruit_guide_ch.png) center no-repeat;
}

.ch .digr-free-trade-zone {
  background: url(../images/digr_free_trade_zone_ch.png) center no-repeat;
}

.ch .digr-environment-monitoring {
  background: url(../images/digr_environmental_monitoring_ch.png) no-repeat;
}

.ch .digr-noise-management {
  background: url(../images/digr_noise_management_ch.png) no-repeat;
}

.ch .digr-environment-system {
  background: url(../images/digr_environment_management_system01_ch.jpg) no-repeat;
}

.ch .digr-cp-vision01 {
  background: url(../images/digr_cp_vision01_ch.png) no-repeat;
}

.ch .digr-cp-vision02 {
  background: url(../images/digr_cp_vision02_ch.png) no-repeat;
}

.ch .digr-co-history1 {
  background: url(../images/digr_co_traces_01_ch.jpg) no-repeat;
}

.ch .digr-co-history2 {
  background: url(../images/digr_co_traces_02_ch.jpg) no-repeat;
}

.ch .digr-co-history3 {
  background: url(../images/digr_co_traces_03_ch.jpg) no-repeat;
}

.ja .digr-environment-systema-location {
  background: url(../images/digr_environment_system_location_ja.png) no-repeat;
}

.ja .digr-public-data-open-guidea {
  background: url(../images/digr_public_data_open_guide_ja.png) no-repeat;
}

.ja .digr-open-public-data {
  background: url(../images/digr_open_public_data_ja.png) no-repeat;
}

.ja .digr-procedures-disclosure {
  background: url(../images/digr_procedures_disclosure_ja.png) no-repeat;
}

.ja .digr-protection-compensation {
  background: url(../images/digr_protection_compensation_ja.png) no-repeat;
}

.ja .digr-co-history {
  background: url(../images/digr_co_history_ja.png) no-repeat;
}

.ja .digr-co-traces {
  background: url(../images/digr_co_traces_ja.png) no-repeat;
}

.ja .digr-co-vision {
  height: 649px;
  background: url(../images/digr_co_vision_ja.png) no-repeat;
}

.ja .digr-co-management {
  background: url(../images/digr_management_ja.png) no-repeat;
}

.ja .digr-co-interest {
  background: url(../images/digr_interest_ja.png) no-repeat;
}

.ja .digr-co-interest2 {
  background: url(../images/digr_interest2_ja.png) no-repeat;
}

.ja .digr-low-carbon-eco-friendly-strategy1 {
  background: url(../images/digr_low_carbon_eco_friendly_strategy_01_ja.png) no-repeat;
}

.ja .digr-low-carbon-eco-friendly-strategy2 {
  background: url(../images/digr_low_carbon_eco_friendly_strategy_02_ja.png) no-repeat;
}

.ja .digr-monitoring-system1 {
  background: url(../images/digr_monitoring_system_01_ja.png) no-repeat;
}

.ja .digr-monitoring-system2 {
  background: url(../images/digr_monitoring_system_02_ja.png) no-repeat;
}

.ja .digr-social-contribution-performance {
  background: url(../images/digr_social_contribution_performance_ja.png) no-repeat;
}

.ja .grp-energy-management {
  background: url(../images/grp_energy_management_01_ja.png) no-repeat;
}

.ja .digr-international-cooperation {
  background: url(../images/digr_international_cooperation_01_ja.png) no-repeat;
}

.ja .digr-international-freight-network1 {
  background: url(../images/digr_international_freight_network_01_ja.png) no-repeat;
}

.ja .grp-international-freight-network1 {
  background: url(../images/grp_international_freight_network_01_ja.png) no-repeat;
}

.ja .grp-international-freight-network2 {
  background: url(../images/grp_international_freight_network_02_ja.png) no-repeat;
}

.ja .digr-international-freight-network2 {
  background: url(../images/digr_international_freight_network_02_ja.png) no-repeat;
}

.ja .digr-construction-case01 {
  background: url(../images/digr_construction_case_01_ja.png) no-repeat;
}

.ja .digr-construction-case02 {
  background: url(../images/digr_construction_case_02_ja.png) no-repeat;
}

.ja .digr-construction-case03 {
  background: url(../images/digr_construction_case_03_ja.png) no-repeat;
}

.ja .digr-procedure-application {
  background: url(../images/digr_procedure_application_ja.png) no-repeat;
}

.ja .digr-notice-tender {
  background: url(../images/digr_notice_tender_ja.png) no-repeat;
}

.ja .digr-service-procedure01 {
  background: url(../images/digr_service_procedure_01_ja.png) no-repeat;
}

.ja .digr-service-procedure02 {
  background: url(../images/digr_service_procedure_02_ja.png) no-repeat;
}

.ja .grp-energy-management {
  background: url(../images/grp_energy_management_01_ja.png) no-repeat;
}


.ja .grp-construction-business1 {
  background: url(../images/grp_construction_business_01_ja.png) no-repeat;
}

.ja .grp-construction-business2 {
  background: url(../images/grp_construction_business_02_ja.png) no-repeat;
}

.ja .grp-management-performance03 {
  background: url(../images/grp_management_performance_03_ja.png) no-repeat;
}

.ja .grp-management-performance02 {
  background: url(../images/grp_management_performance_02_ja.png) no-repeat;
}

.ja .grp-management-performance01 {
  background: url(../images/grp_management_performance_01_ja.png) no-repeat;
}

.ja .grp-airport-capacity1 {
  background: url(../images/grp_airport_capacity_01_ja.png) no-repeat;
}

.ja .grp-airport-capacity2 {
  background: url(../images/grp_airport_capacity_02_ja.png) no-repeat;
}

.ja .grp-airport-capacity3 {
  background: url(../images/grp_airport_capacity_03_ja.png) no-repeat;
}

.ja .digr-acdm-report-01 {
  background: url(../images/digr_acdm_report_01_ja.jpg) center no-repeat;
}

.ja .digr-acdm-report-02 {
  background: url(../images/digr_acdm_report_02_ja.png) center no-repeat;
}

.ja .digr-acdm-milestone {
  background: url(../images/digr_acdm_milestone_ja.png) center no-repeat;
}

.ja .digr-acdm-major-mailstone01 {
  background: url(../images/digr_acdm_major_mailstone_06_ja.png) center no-repeat;
}

.ja .digr-acdm-major-mailstone02 {
  background: url(../images/digr_acdm_major_mailstone_07_ja.png) center no-repeat;
}

.ja .digr-acdm-flow-chart {
  background: url(../images/digr_acdm_flow_chart_ja.png) center no-repeat;
}

.ja .digr-strengthen-competitive1 {
  background: url(../images/digr_strengthen_competitive_01_ja.png) no-repeat;
}

.ja .digr-strengthen-competitive2 {
  background: url(../images/digr_strengthen_competitive_02_ja.png) no-repeat;
}

.ja .digr-communication-channel {
  background: url(../images/digr_communication_channel_01_ja.png) no-repeat;
}

.ja .digr-concomitant-growth {
  background: url(../images/digr_concomitant_growth_01_ja.png) no-repeat;
}

.ja .digr-ethics-management-organization {
  background: url(../images/digr_ethics_management_organization_ja.png) no-repeat;
}

.ja .digr-ethics-management-vision1 {
  background: url(../images/digr_ethical_management_vision_01_ja.png) no-repeat;
}

.ja .digr-ethics-management-vision2 {
  background: url(../images/digr_ethical_management_vision_02_ja.png) no-repeat;
}

.ja .digr-personal-information {
  background: url(../images/digr_personal_information_ja.png) no-repeat;
}

.ja .digr-social-contribution01 {
  background: url(../images/digr_social_contribution01_ja.png) no-repeat;
}

.ja .digr-social-contribution02 {
  background: url(../images/digr_social_contribution02_ja.png) no-repeat;
}

.ja .digr-social-contribution03 {
  background: url(../images/digr_social_contribution03_ja.png) no-repeat;
}

.ja .digr-social-contribution04 {
  background: url(../images/digr_social_contribution04_ja.png) no-repeat;
}

.ja .digr-social-contribution05 {
  background: url(../images/digr_social_contribution05_ja.png) no-repeat center;
}

.ja .digr-vision-strategy1 {
  background: url(../images/digr_vision_strategy_01_ja.png) no-repeat;
}

.ja .digr-vision-strategy2 {
  background: url(../images/digr_vision_strategy_02_ja.png) no-repeat;
}

.ja .digr-energy-independence {
  background: url(../images/digr_energy_independence_02_ja.png) center no-repeat;
}

.ja .digr-energy-independence03 {
  background: url(../images/map_energy_independence_03_ja.png) center no-repeat;
}

.ja .digr-service-assessment {
  background: url(../images/digr_service_assessment_ja.png) center no-repeat;
}

.ja .digr-recruit-guide {
  background: url(../images/digr_recruit_guide_ja.png) center no-repeat;
}

.ja .digr-free-trade-zone {
  background: url(../images/digr_free_trade_zone_ja.png) center no-repeat;
}

.ja .digr-environment-monitoring {
  background: url(../images/digr_environmental_monitoring_ja.png) no-repeat;
}

.ja .digr-noise-management {
  background: url(../images/digr_noise_management_ja.png) no-repeat;
}

.ja .digr-environment-system {
  background: url(../images/digr_environment_management_system01_ja.jpg) no-repeat;
}

.ja .digr-cp-vision01 {
  background: url(../images/digr_cp_vision01_ja.png) no-repeat;
}

.ja .digr-cp-vision02 {
  background: url(../images/digr_cp_vision02_ja.png) no-repeat;
}

.ja .digr-co-history1 {
  background: url(../images/digr_co_traces_01_ja.jpg) no-repeat;
}

.ja .digr-co-history2 {
  background: url(../images/digr_co_traces_02_ja.jpg) no-repeat;
}

.ja .digr-co-history3 {
  background: url(../images/digr_co_traces_03_ja.jpg) no-repeat;
}




@media screen and (max-width: 1200px) {
  .top-popup * {
    transition: none;
  }
  .top-open.top-popup .top-popup-inner {
    height: 128px;
  }
  .top-open.top-popup {
    transition: none;
  }
  .top-open.top-popup .top-popup-inner {
    height: auto;
    padding: 10px 0 12px;
    transition: none !important;
  }
  .top-open.header {
    top: 0;
  }
  .top-open.gnb {
    top: 0px;
  }
  .top-open.total-search {
    top: auto;
  }
  .top-open.quick {
    top: auto;
  }
  .top-popup.top-open {
    top: 60px;
  }
  .top-popup-toggle {
    right: 0;
    z-index: 8889;
  }
  .top-popup-article a {
    display: block;
    width: 100%;
    height: 100%;
  }
  .top-popup-article img {
    width: 100%;
  }
  .top-popup {
    padding: 0 20px;
    transition: none;
  }
  .top-popup-wrap {
    width: 100%;
    height: auto;
    margin: 0;
    position: static;
  }
  .top-popup-item {
    width: 100%;
    position: static;
  }
  .top-popup-article {
    width: 100%;
    margin: 0 0 10px 0;
  }
  .top-popup-article > img {
    width: 100%;
  }
  .top-popup-control {
    width: 100%;
  }
  .top-popup-control-paging {
    margin-top: 10px;
    text-align: left;
  }
  .top-popup-control-today {
    bottom: 12px;
    right: 0;
  }
  .top-popup-control-today-label {
    font-size: 0.825rem;
  }
  .menu-mobile-item {
    position: relative;
  }
  .menu-mobile-item.on:after {
    transform: rotate(-280deg);
  }
  .menu-mobile-item:after {
    content: '';
    display: block;
    width: 13px;
    height: 12px;
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    margin: auto;
    background: url(../images/spr_ico_left_menu.png) -32px -2px no-repeat;
    transform: rotate(180deg);
  }
  .menu-mobile-item .menu-mobile-ui {
    display: block;
    width: 100%;
    background: #fafafa;
    color: #222 !important;
    border: 1px solid #d9d9d9 !important;
    display: block;
    font-weight: 400;
    font-size: 0.825rem;
    padding: 10px;
    text-align: left;
  }
  .open-ui {
    display: block !important;
  }
  .scrollfix {
    height: 100%;
    position: fixed;
    overflow: hidden;
    width: 100%;
  }
  .gnb-depth2-link {
    display: block;
    width: 100%;
    height: 100%;
  }
  .gnb-depth1-item:hover:after, .gnb-depth1-item.on:after {
    display: none;
  }
  .gnb-depth1-item.on .gnb-depth1-link {
    border-bottom: 2px solid #42519e;
  }
  .header {
    min-width: inherit;
  }
  .header:after {
    content: '';
    display: block;
    width: 100%;
    height: 50px;
    background: #243c4f;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 8888;
  }
  .header.down .header-logo img{
      display:block;
  }

  .header.down .header-logo a{
    background:none;
    width:100%;
  }

  .header.down .header-logo {
      width: 170px;
      position: relative;
      top:0;
      left: -4px;
  }
  .header-logo {
    width: 170px;
    position: relative;
    left: -4px;
    z-index: 8889;
  }
  .header-logo img {
    width: 100%;
  }
  .header-logo-link {
    height: 23px;
    background-size: cover;
  }
  .header-site {
    top: auto;
    bottom: 0;
    width: 100%;
    left: 0;
    padding: 0px 10px;
    background: #243c4f;
  }
  .header-site-item {
    width:100%;
  }
  .header-site-link {
    width: 100%;
  }
  .header-site-link.on {
    color: #fff;
    border-color: #fff;
  }
  .header-util {
    display: none;
  }
  .header-util-cs {
    float: none;
    width: 100%;
    height: 100px;
    padding: 60px 0 0 20px;
    background: url(../../ap/images/bg_airline_city.jpg) no-repeat;
  }
  .header-util-cs-item:after {
    background: #fff;
  }
  .header-util-cs-link {
    color: #fff;
  }
  .header-util-cs-link.strong {
    color: #fff;
  }
  .header-util-lang {
    width: auto;
    height: auto;
    float: none;
    position: absolute !important;
    bottom: 70px !important;
  }
  .header-util-lang.select-link .select-link-default {
    display: none;
  }
  .header-util-lang.select-link .select-list {
    display: block;
    overflow: visible;
    border: 0;
    padding-left: 20px;
    position: relative;
    top: 0;
    width: auto;
  }
  .header-util-lang.select-link .select-list:after {
    content: "";
    display: block;
    clear: both;
  }
  .header-util-lang.select-link .select-list-item {
    line-height: inherit;
    text-indent: 0;
    float: left;
    padding-right: 10px;
    margin-right: 10px;
    position: relative;
  }
  .header-util-lang.select-link .select-list-item:last-child {
    padding-right: 0;
    margin-right: 0;
  }
  .header-util-lang.select-link .select-list-item:last-child:after {
    display: none;
  }
  .header-util-lang.select-link .select-list-item:after {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background: #999;
    position: absolute;
    top: 0;
    right: 0;
  }
  .header-util-lang.select-link .select-list-link {
    font-size: 0.875rem;
  }
  .header-search {
    position: absolute;
    top: 20px !important;
    left: 20px !important;
    right: auto !important;
    padding-right: 0 !important;
  }
  .header-search:after {
    content: "";
    display: block;
    clear: both;
  }
  .header-search-item {
    float: left;
    margin-left: 0;
  }
  .header-search-item.gnb-search {
    z-index: 10;
  }
  .header-search-item.gnb-search.on {
    width: 80%;
  }
  .header-search-btn {
    background: none;
    border: none;
    cursor: pointer;
    color: #222;
  }
  .header-search-btn.gnb-map {
    color: #fff;
    width: auto;
    height: 19px;
    padding: 4px 10px 6px 32px;
    background: #439096;
    text-indent: 0;
    border-radius: 20px;
    box-sizing: content-box;
  }
  .header-search-btn.gnb-map:after {
    content: "";
    display: block;
    width: 25px;
    height: 25px;
    margin: 0;
    background: url(../../ap/images/ico_link_header_search.png) no-repeat;
    position: absolute;
    top: 2px;
    left: 2px;
  }
  .header-search-btn.gnb-search {
    position: relative;
    z-index: 10;
  }
  .header-search-btn.gnb-search:after {
    content: "";
    display: block;
    width: 25px;
    height: 25px;
    margin: 0;
    background: url(../../ap/images/ico_link_header_search.png) no-repeat -35px 0;
    position: absolute;
    top: 2px;
    left: 2px;
  }
  .header-search-input {
    display: block;
    width: 60%;
    height: 25px;
    border: 0;
    position: absolute;
    top: 2px;
    right: 70px;
    background: transparent;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
  }
  .header-search-input::-webkit-input-placeholder {
    color: #fff;
  }
  .header-search-input::-moz-placeholder {
    color: #fff;
  }
  .header-search-input:-ms-input-placeholder {
    color: #fff;
  }
  .header-search-input:-moz-placeholder {
    color: #fff;
  }
  .header-search-input.mobile-none {
    display: none !important;
  }
  .header-search-close {
    left: 10px;
    z-index: 0;
  }
  .header-search-close.mobile-none {
    display: none !important;
  }
  .header.down {
    top: 0 !important;
  }
  .gnb {
    width: 90%;
    padding: 0;
    height: 100%;
    top: 0;
    left: -100%;
    z-index: 99997;
    transition: none;
  }
  .gnb.none {
    display: none;
  }
  .gnb.mobile-on {
    left: 0;
    transition: left .3s ease-out;
  }
  .gnb.mobile-off {
    left: -100%;
    transition: left .3s ease-out;
  }
  .gnb-depth1 {
    width: 100%;
    height: 100%;
    padding: 20px;
    overflow: auto;
    padding-bottom: 210px;
  }
  .gnb-depth1-item {
    width: 100% !important;
    float: none;
    height: 45px;
    border-bottom: 1px solid #d9d9d9;
    overflow: hidden;
  }
  .gnb-depth1-item:hover:after, .gnb-depth1-item.on:after {
    top: 43px;
  }
  .gnb-depth1-item.on {
    height: auto;
  }
  .gnb-depth1-link {
    font-size: 1.125rem;
    line-height: 45px;
    padding-left: 0;
    position: relative;
  }
  .gnb-depth1-link:after {
    content: '';
    display: block;
    width: 10px;
    height: 6px;
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    margin: auto;
    background: url(../../ap/images/spr_ico_global.png) no-repeat -416px -102px;
  }
  .gnb-depth2 {
    height: auto;
    border: 0 !important;
    margin-top: 0;
    padding: 20px 0 10px 10px;
  }
  .gnb-depth2-item {
    margin-bottom: 6px;
  }
  .fm-header{
	display: none;
}
  .gnb-mobile-btn {
    display: block;
    width: 19px;
    height: 14px;
    padding: 0;
    border: none;
    background: none;
    text-indent: -99999em;
    position: absolute;
    top: 22px;
    left: 25px;
    z-index: 8889;
  }
  .gnb-mobile-btn:before, .gnb-mobile-btn:after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
  }
  .gnb-mobile-btn:after {
    top: 6px;
  }
  .gnb-mobile-btn span {
    display: block;
    width: 13px;
    height: 2px;
    background: #fff;
    text-indent: -99999em;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .gnb-mobile-btn-close {
    width: 22px;
    height: 22px;
    border: 0;
    background: url(../../ap/images/ico_airplane_info_close.png) no-repeat;
    position: absolute;
    top: 10px;
    right: 10px;
    text-indent: -99999em;
  }
  .gnb:after {
    display: none;
  }
  .gnb.bg .header-search-item.gnb-search {
    position: relative;
    top: auto;
    left: 0;
    float: left;
  }
  .quick {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    top: auto;
    bottom: 15px;
    right: 15px;
    transform: none;
    z-index: 99998;
  }
  .quick-menu-list {
    background: none;
    border-radius: 0;
  }
  .quick-menu-list.quick-on .quick-menu-list-item {
    width: auto;
    opacity: 1;
    transition: all .2s ease-out;
  }
  .quick-menu-list.quick-on .quick-menu-list-item:nth-child(1) {
    bottom: 310px;
  }
  .quick-menu-list.quick-on .quick-menu-list-item:nth-child(2) {
    bottom: 250px;
  }
  .quick-menu-list.quick-on .quick-menu-list-item:nth-child(3) {
    bottom: 190px;
  }
  .quick-menu-list.quick-on .quick-menu-list-item:nth-child(4) {
    bottom: 130px;
  }
  .quick-menu-list.quick-on .quick-menu-list-item:nth-child(5) {
    bottom: 70px;
  }
  .quick-menu-list.quick-off .quick-menu-list-item {
    transition: all .2s ease-out;
  }
  .quick-menu-list-item {
    width: 50px;
    padding: 0;
    text-align: center;
    position: absolute;
    white-space: nowrap;
    right: 5px;
    bottom: 0;
    opacity: 0;
  }
  .quick-menu-list-item.top {
    display: none;
  }
  .quick-menu-list-link {
    height: 50px;
    padding: 7px 60px 0 0;
    position: relative;
    color: #fff;
  }
  .quick-menu-list-link.my-terminal:before {
    height: 21px;
  }
  .quick-menu-list-link.view-airport:before {
    height: 16px;
    right: 5px;
  }
  .quick-menu-list-link.move-terminal:before {
    height: 18px;
    right: 13px;
  }
  .quick-menu-list-link.online-reserve:before {
    height: 26px;
    right: 12px;
  }
  .quick-menu-list-link.travel-info {
    padding-top: 14px;
  }
  .quick-menu-list-link.travel-info:before {
    height: 24px;
    right: 13px;
  }
  .quick-menu-list-link:before {
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    z-index: 1;
  }
  .quick-menu-list-link:after {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    background: #272936;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2), 0 2px 10px rgba(0, 0, 0, 0.3);
  }
  .quick-toggle {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    background: #439096;
    position: relative;
    right: 0;
    text-indent: -99999em;
    z-index: 10;
    opacity: 0;
    border-radius: 50%;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2), 0 2px 10px rgba(0, 0, 0, 0.3);
  }
  .quick-toggle.on {
    opacity: 1;
    transition: opacity .3s ease-out;
  }
  .quick-toggle.close {
    transform: rotate(45deg);
  }
  .quick-toggle:before {
    content: "";
    display: block;
    width: 1px;
    height: 20px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
  }
  .quick-toggle:after {
    content: "";
    display: block;
    width: 20px;
    height: 1px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
  }
  .quick.none {
    display: none;
  }
}

@media screen and (max-width: 1080px) {
  .multi-col .inner-col.empty{
     display:none;
  }
  .left-menu-depth2-item {
    display: none;
  }
}

@media screen and (max-width: 1200px) {
  .main-visual-news {
    width: 100%;
  }
  .main-visual-news-section {
    width: 33.33%;
  }
  .main-visual-news-inner {
    width: 95%;
  }
}

@media screen and (max-width: 1080px) {
  .section {
    height: auto !important;
  }
  .external-link {
    height: auto;
    width: 33.33%;
    border-left: 1px solid #392c2f;
    float: left;
    position: relative;
    top: 0;
    left: 0;
  }
  .external-link:first-child {
    border: 0;
  }
  .external-link-text {
    color: #fff;
    font-size: 0.825rem;
    display: block;
    text-align: center;
    padding: 30px 0 0 0;
    margin-left: 0;
  }
  .external-link-text.webjin {
    margin: 0;
  }
	
	.ch .external-link-text.webjin{
		margin: 0;
	}
  .external-link-text.webjin:before {
    content: "";
    display: block;
    background: url(../images/logo_more_beyond.png) no-repeat;
    width: 46px;
    height: 20px;
    background-size: cover;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
  }
  .external-link-text.webjin:after {
    display: none;
  }
  .external-link-text.human {
    margin-right: 0px;
  }
  .external-link-text.human:before {
    content: "";
    display: block;
    background: url(../images/logo_human_resources_development.png) no-repeat;
    width: 24px;
    height: 21px;
    background-size: cover;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
  }
  .external-link-text.human:after {
    display: none;
  }
  .external-link-text.badminton:before {
    content: "";
    display: block;
    background: url(../images/logo_skymons.png) no-repeat;
    width: 64px;
    height: 21px;
    background-size: cover;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
  }
  .external-link-text.badminton:after {
    display: none;
  }
  .main-inner {
    width: 100%;
  }
  .main-visual {
    position: relative;
    overflow: hidden;
  }
  .main-visual-wrap {
    height: 100%;
    position: relative;
    z-index: 90;
    overflow: hidden;
  }
  .main-visual-wrap:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(../../ap/images/bg_dimmed_gradient.png) repeat-x 0 0;
    position: absolute;
    top: 0;
    left: 0;
  }
  .main-visual-item {
    background-size: cover;
  }
  .main-visual-item .visual-text-box {
    position: static;
    transform: none;
    padding-top: 100px;
  }
  .main-visual-item .visual-text:nth-child(1) {
    font-size: 3rem !important;
    letter-spacing: 0;
  }
  .main-visual-item .visual-text:nth-child(2) {
    font-size: 2.5rem !important;
    line-height: 1.4;
    padding: 0 15px;
    margin-bottom: 0;
    letter-spacing: 0;
  }
  .main-visual-item .visual-text:nth-child(3) {
    font-size: 1rem !important;
    letter-spacing: 0;
    line-height: 1.4;
    padding: 0 15px;
    margin-top: 0;
  }
  .main-visual-item .visual-text:nth-child(3):after {
    display: none;
  }
  .main-visual-item:nth-child(1) {
    background-image: url(../images/bg_mobile_main_visual_01.jpg) !important;
  }
  .main-visual-item:nth-child(2) {
    background-image: url(../images/bg_mobile_main_visual_02.jpg) !important;
  }
  .main-visual-item:nth-child(3) {
    background-image: url(../images/bg_mobile_main_visual_03.jpg) !important;
  }
  .main-visual-control {
    display: none;
  }
  .main-visual-control-arrow {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 100;
  }
  .main-visual-control-arrow > .arrow {
    background-size: 79px 75px;
    width: 37px;
    height: 37px;
    position: absolute;
    top: calc(50% - 55px);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    text-indent: -99999em;
  }
  .main-visual-control-arrow > .arrow.prev {
    left: 15px;
    top: 0;
  }
  .main-visual-control-arrow > .arrow.next {
    background-position: -42px 0;
    right: 15px;
    top: 0;
  }
  .main-visual-control-paging {
    display: none;
    bottom: 170px;
  }
  .main-visual-control-paging .paging-item {
    margin-right: 5px;
  }
  .main-visual-control-bar {
    width: 0;
    height: 3px;
    background: #ffae44;
    position: absolute;
    bottom: 207px;
    left: 0;
    z-index: 110;
  }
  .main-visual-news {
	padding:48px 0 0 0;
    width: 100%;
    height: auto;
    padding: 15px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: none;
    color: #fff;
    text-align: center;
    z-index: 100;
  }
  .main-visual-news-inner {
    width: 100%;
  }
  .main-visual-news .main-list {
    float: left;
  }
  .main-visual-news-section {
    width: 100%;
    height: auto;
    padding: 15px;
    float: left;
    text-align: left;
    position: relative;
    margin-bottom: 15px;
    background: #23368c;
  }
  .main-visual-news-section:last-child {
    margin-bottom: 0;
  }
  .main-visual-news-section:last-child .main-visual-news-title {
    display: none;
  }
  .main-visual-news-section:before {
    content: "";
    display: block;
    clear: both;
    width: 1px;
    height: 200px;
    background: #fff;
    opacity: 0.1;
    position: absolute;
    top: 0;
    left: 0;
  }
  .main-visual-news-section.first {
    background: url(../images/bg_main_visual_news_ceo.png) #23368c right top no-repeat;
  }
  .main-visual-news-section.middle {
    background: url(../images/bg_main_visual_news_02.png) #23368c right center no-repeat;
  }
  .main-visual-news-section.last:after {
    content: "";
    display: block;
    clear: both;
    width: 1px;
    height: 200px;
    background: #fff;
    opacity: 0.1;
    position: absolute;
    top: 0;
    right: 0;
  }
  .main-visual-news-section .more-link-arrow {
    text-indent: -99999px;
    width: 100%;
    height: 100%;
    background: none;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .main-visual-news-section .more-link-plus {
    top: 0;
    right: 20px;
    bottom: 0;
    margin: auto;
  }
  .main-visual-news-title {
    height: 22px;
    font-size: 1.25rem;
    font-weight: 300;
    color: #fff;
  }
  .main-visual-news-title.tab {
    padding-top: 6px;
    position: absolute;
    top: 30px;
    left: 30px;
    font-size: 1rem;
    cursor: pointer;
    color: #666;
  }
  .main-visual-news-title.tab:after {
    display: none;
  }
  .main-visual-news-title.tab.on {
    font-size: 0.825rem;
    font-weight: 900;
  }
  .main-visual-news-title.tab.press.prev {
    left: 109px;
  }
  .main-visual-news-title.tab.press.next {
    left: 136px;
    display: none;
  }
  .main-visual-news-title.tab.press.on {
    left: 109px;
  }
  .main-visual-news-title.tab.recruit.next {
    left: 214px;
    display: none;
  }
  .main-visual-news-title.tab.recruit.on {
    left: 190px;
  }
  .main-visual-news-title.tab.recruit:after {
    content: none;
  }
  .main-visual-news-txt {
    font-size: 0.875rem;
    margin-top: 0;
  }
  .main-visual-news-txt.tab {
    margin-top: 0;
    display: none;
  }
  .main-visual-news-txt.tab.on {
    display: block;
  }
  .main-list-item {
    display: none;
  }
  .main-list-item:first-child {
    display: block;
  }
  .main-list-item a {
    color: #fff;
  }
  .main-section2 {
    height: auto;
    background: url(../images/bg_main_section_mobile.png) no-repeat;
    background-size: cover;
  }
  .main-section2 .fp-tableCell {
    height: auto !important;
  }
  .main-section2-title {
    font-size: 2.5rem;
  }
  .main-section2-title-txt {
    font-size: 0.825rem;
    margin-top: 15px;
  }
  .main-section2-title-wrap {
    padding-top: 30px;
    margin-bottom: 30px;
  }
  .main-section2-text {
    font-size: 0.875rem;
    margin-top: 10px;
    min-height: 60px;
    background: #fff;
    padding: 10px 15px 0;
    border: 1px solid #d9d9d9;
    border-bottom: 0;
  }
  .main-section2-text-wrap {
    margin-top: 30px;
  }
  .main-section2-text-box {
    width: 100%;
    height: auto;
    border-left: 0;
    padding: 0 15px;
    float: left;
  }
  .main-section2-text-box:first-child {
    border-left: 0;
    padding-left: 15px;
  }
  .main-section2-text-box:last-child {
    padding-bottom: 15px;
  }
  .main-section2-text-tit {
    font-size: 1.25rem;
    font-weight: 900;
    padding: 15px 0;
    position: relative;
    border-bottom: 1px solid #c6c6d8;
  }
  .main-section2-text-tit:after {
    content: '';
    display: block;
    background: url(../images/spr_ico_global.png) no-repeat -159px -49px;
    background-size: 250px 200px;
    width: 10px;
    height: 6px;
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .main-section2-text-list {
    background: #fff;
    font-size: 0.825rem;
    padding: 10px 15px;
    margin-top: 0;
    font-weight: 400;
    border: 1px solid #d9d9d9;
    border-top: 0;
  }
  .main-section3 {
    height: auto;
    padding: 15px;
  }
  .main-banner-wrap {
    margin-top: 10px;
    position: relative;
    float: none;
  }
  .main-banner-img {
    width: 100%;
    position: static;
    height: 77px;
  }
  .main-banner-img-inner {
    position: absolute;
    width: 290px;
    left: 0;
    right: 0;
    margin: auto;
  }
  .main-banner-img-inner img {
    width: 100%;
  }
  .main-section2-text-tit.on:after {
    background: url(../images/spr_ico_global.png) no-repeat -174px -49px;
    background-size: 250px 200px;
    width: 10px;
    height: 6px;
  }
  .main-section2-text-tit.on + .main-section2-text {
    display: none;
  }
  .main-section2-text-tit.on + .main-section2-text + .main-section2-text-list {
    display: none;
  }
  .external-wrap {
    clear: both;
    overflow: hidden;
  }
  .banner-btn-wrap {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: auto;
    left: 0;
    width: 290px;
  }
  .banner-btn-wrap .banner-btn.right {
    position: absolute;
    right: 0;
    top: -60px;
  }
  .banner-btn-wrap .banner-btn.left {
    position: absolute;
    left: 0;
    top: -60px;
  }
}

@media screen and (max-width: 1080px) {
  .search-box.day .multi-col .inner-col {
    margin-top: 0;
  }
  section.empl .search-box .search-box-input-item {
    width: 50%;
    border-bottom: 0;
  }
  section.empl .search-box .search-box-input-item.a-btn {
    width: 100% !important;
  }
  section.empl .search-box .search-box-input-item .search-box-input-txt {
    border-bottom: 0;
    width: 100%;
  }
  section.empl .search-box .search-box-input-item:last-child {
    width: 100%;
    border-left: 1px solid #818181;
  }
  section.empl .search-box .search-box-input-item:last-child .search-box-input-select {
    border-left: 0;
  }
  section.empl .search-box .search-box-title {
    display: none;
  }
  section.empl .search-box .search-box-input-select {
    width: 100% !important;
  }
  section.empl .search-box .search-box-input-select.medium {
    width: 33.33% !important;
    border-right: 1px solid #818181;
  }
  section.empl .search-box .search-box-input-select.medium:last-child {
    border-right: 0;
  }
  section.empl .search-box .search-box-btn-area {
    width: 100% !important;
  }
  section.empl .board-list th {
    font-size: 0.5rem !important;
  }
  section.empl .board-list td {
    padding: 0 !important;
    font-size: 0.5rem !important;
    white-space: normal;
  }
  section.empl .board-list td .user-input-link {
    font-size: 0.75rem !important;
    height: auto !important;
    padding: 5px !important;
    line-height: inherit !important;
    border-radius: 5px !important;
  }
  section.empl .board-list td .user-input-link.min {
    min-width: 50% !important;
    height: 20px !important;
    line-height: 20px !important;
    font-size: 0.75rem !important;
  }
  section.empl .board-list td .list1-item {
    padding-left: 2px;
    font-size: 0.5rem !important;
  }
  section.empl .board-list td .list1-item:before {
    display: none;
  }
  .halfsearch .search-box-input-item {
    width: calc(50% - 20px);
  }
  section.statistics .search-box .search-box-title {
    display: none;
  }
  section.statistics .search-box .search-box-input-select {
    width: 25%;
    float: left;
  }
  #top-contents {
    padding-top: 30px;
  }
  .tab-nav-list {
    width: 100%;
    margin-top: 6px;
  }
  .tab-nav-list-item {
    display: none;
    width: 100% !important;
    height: auto;
    float: left;
  }
  .tab-nav-list-item + .tab-nav-list-item a {
    border-left: 1px solid #d9d9d9;
    padding: 10px;
    font-weight: 400;
    border-top: 0;
  }
  .tab-nav-list-item + .tab-nav-list-item a br {
    display: none;
  }
  .tab-nav-list-link {
    height: 100% !important;
    font-size: 0.825rem;
    line-height: 1.3;
    padding: 10px;
    font-weight: 400;
    position: relative;
  }
  .tab-nav-list-link.on {
    background: #466fb7;
    color: #fff !important;
    border-bottom: 1px solid #d9d9d9;
  }
  .tab-nav-list-link.on br {
    display: none;
  }
  .tab-nav-list-link.on:after {
    content: '';
    display: none;
    width: 13px;
    height: 12px;
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    margin: auto;
    background: url(../images/spr_ico_left_menu.png) no-repeat -9px -4px;
    transform: rotate(180deg);
  }
  .tab-nav-list-link.m-on {
    display: block;
  }
  .tab-nav.sub {
    margin-top: 0;
  }
  .tab-nav.sub .tab-nav-list-item {
    width: 100% !important;
  }
  .tab-nav.sub .tab-nav-list-link {
    margin-right: 0;
    border: 1px solid #d9d9d9;
    border-top: 0;
    color: #222;
  }
  .tab-nav.sub .tab-nav-list-link.on {
    background: #466fb7;
    color: #fff !important;
  }
  .book-btn {
    float: left;
    width: 48%;
    margin-right: 5px;
  }
  td .btn-type-small {
    height: 30px;
    line-height: 30px;
    min-width: inherit;
    padding: 0 40px;
  }
  td .btn-type-normal {
    height: auto !important;
    line-height: inherit !important;
    padding: 5px 10px;
    min-width: inherit;
  }
  td .btn-type-normal:after {
    display: none;
  }
  .btn-type-normal {
    font-weight: 700;
  }
  .btn-type-normal strong {
    font-weight: 400;
  }
  .text-center .btn-type-normal:first-child {
    margin-bottom: 10px;
  }
  .vt-dark td img {
    width: 150px;
    height: 150px;
  }
  .vt-dark td img.img100 {
    width: 100%;
    height: 100%;
  }
  .vt-dark td img.img-auto {
    width: auto;
    height: auto;
  }
  .text-box .inner-col img {
    width: 100%;
  }
  .text-box img {
    width: auto;
  }
  img {
    width: 100%;
  }
  .article {
    margin-bottom: 30px;
  }
  .article.p-dv {
    border: 1px solid #d9d9d9;
    padding: 30px;
  }
  .article.p-dv:after {
    content: '';
    text-align: center;
    display: block;
    width: 100%;
    line-height: 1.4;
  }
  .article.p-dv .guide-desc, .article.p-dv .p-dv-cont {
    display: none;
  }
  .btn-type-normal {
    min-width: 100%;
    text-align: center;
    padding: 0 15px;
  }
  .btn-type-normal.btn5 {
    width: 100%;
    height: 40px;
  }
  .btn-type-normal.btn6 {
    min-width: 100%;
    line-height: 40px;
    height: 40px;
  }
  .btn-type-normal.map {
    width: 100%;
    height: 40px;
    line-height: 40px;
    margin-bottom: 10px;
  }
  .btn-type-normal.map img {
    width: 50px;
  }
  .btn-type-normal.map + .btn-type-normal {
    margin-left: 0;
  }
  .btn-type-normal.ing {
    font-size: 0.875rem;
    margin-left: 0;
  }
  .btn-type-normal.table {
    height: 40px;
    line-height: 40px;
  }
  .btn-type-small {
    min-width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 1rem;
    text-align: center;
    padding: 0 15px;
  }
  .btn-type-small.detail {
    padding: 0 15px;
    min-width: 100%;
  }
  .btn-type-small.ico {
    text-indent: 0;
  }
  .btn-type-small.ml30 {
    margin-left: 0;
  }
  .table-area {
    position: relative;
  }
  .table-area-btn {
    position: static;
    margin-top: 10px;
  }
  .user-info {
    margin-right: 10px;
  }
  .user-input-text {
    width: 100%;
    height: 40px;
    line-height: 40px;
    float: none;
  }
  .user-input-text.small {
    width: 100%;
  }
  .user-input-address {
    margin-left: 0;
    min-width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 1rem;
  }
  .user-input-link {
    min-width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 1rem;
  }
  .user-input-link.address {
    min-width: 100%;
  }
  .user-input-link.small {
    min-width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 0.825rem;
  }
  .user-input-link.min {
    min-width: 100%;
    height: 50px;
    line-height: 50px;
  }
  .user-input-link.shortcut {
    min-width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 1rem;
  }
  .mt5 {
    margin-top: 5px;
  }
  .mt10 {
    margin-top: 15px;
  }
  .mt15 {
    margin-top: 15px;
  }
  .mt20 {
    margin-top: 15px;
  }
  .mt25 {
    margin-top: 15px;
  }
  .mt30 {
    margin-top: 15px;
  }
  .mt35 {
    margin-top: 15px;
  }
  .mt40 {
    margin-top: 15px;
  }
  .mt45 {
    margin-top: 15px;
  }
  .mt50 {
    margin-top: 15px;
  }
  .mt55 {
    margin-top: 15px;
  }
  .mt60 {
    margin-top: 15px;
  }
  .mt80 {
    margin-top: 15px;
  }
  .pl10 {
    padding-left: 0;
  }
  .ml5 {
    margin-left: 0;
  }
  .ml10 {
    margin-left: 0;
  }
  .ml20 {
    margin-left: 0;
  }
  .ml15 {
    margin-left: 0;
  }
  .ml30 {
    margin-left: 0;
  }
  .ml50 {
    margin-left: 0;
  }
  .ml80 {
    margin-left: 0;
  }
  .ml100 {
    margin-left: 0;
  }
  article, aside, details, figcaption, figure,
  footer, header, menu, nav, section {
    font-size: 1rem !important;
  }
  .multi-col {
    position: static;
  }
  .multi-col .inner-col {
    width: 100% !important;
    float: none;
    margin-top: 20px;
  }
  .multi-col .inner-col.btn-right {
    position: static;
  }
  .multi-col.double .inner-col.w-auto {
    padding-right: 0;
  }
  .multi-col.double .inner-col.img-area {
    text-align: center;
  }
  .multi-col.double .inner-col.txt-area {
    padding-left: 0;
  }
  .multi-col.double .inner-col.w70 {
    padding-right: 0;
  }
  .multi-col.double .inner-col.w70.pr0 {
    padding-right: 0;
  }
  .multi-col.double .inner-col.calc-w466-l {
    padding-left: 0;
  }
  .multi-col.double .inner-col.calc-w466-r {
    padding-right: 0;
  }
  .multi-col.double .inner-col.w466 {
    padding: 0;
  }
  .multi-col.double .inner-col.pr0 {
    padding: 0;
  }
  .multi-col.unbalance .inner-col {
    margin-left: 0;
  }
  .multi-col.unbalance .inner-col:first-child {
    margin-left: 0;
  }
  .multi-col.unbalance .inner-col.list-mg-inner {
    margin-left: 0;
  }
  .multi-col.balance.double .inner-col {
    width: 100%;
    margin-left: 0;
  }
  .multi-col.balance.triple .inner-col {
    width: calc(33% - 10px);
  }
  .multi-col.balance.four .inner-col {
    width: calc(25% - 15px);
  }
  .multi-col.balance.five {
    width: 100%;
    margin: auto;
  }
  .multi-col.balance.five .inner-col {
    width: 100%;
  }
  .multi-col.balance .inner-col {
    margin-left: 0;
  }
  .multi-col.balance .inner-col:first-child {
    margin-left: 0;
  }
  .multi-col.balance .inner-col.advertising-width {
    width: 100%;
  }
  .multi-col.balance img {
    width: 100%;
    vertical-align: top;
  }
  .multi-col.balance img.advertising-img {
    width: 50%;
    margin-left: 0;
  }
  .multi-col.balance img.advertising-img:first-child {
    margin-left: 0;
  }
  .multi-col-inner {
    display: block;
  }
  .multi-col-inner img {
    width: 100%;
  }
  .multi-col.log-in {
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 20px;
  }
  .multi-col .img-caption {
    margin-top: 10px;
    font-size: 0.825rem;
  }
  .multi-col .img-caption.inline {
    display: inline-block;
  }
  .multi-col .img-caption2 {
    display: block;
    width: 50%;
    font-size: 1rem;
  }
  .multi-col .img-caption2.left {
    left: 0;
    position: absolute;
    bottom: -26px;
  }
  .multi-col .img-caption2.right {
    right: 0;
    position: absolute;
    bottom: -26px;
  }
  .multi-col.list-mg {
    margin-left: -12px;
  }
  .multi-col.gutter .inner-col {
    padding: 0;
  }
  .multi-col.gutter .inner-col.no-padding {
    padding: 0;
  }
  .multi-col.gutter .inner-col:last-child {
    padding: 0;
  }
  .location {
    display: none;
  }
  .sub-top {
    margin: 30px 0;
    height: auto;
    padding: 15px 0;
    background-size: cover !important;
  }
  .sub-top-descbox {
    font-size: 1.5rem;
  }
  .sub-top-descbox-text {
    line-height: 1.2;
  }
  .sub-top-descbox-tit {
    font-size: 1.125rem;
  }
  .sub-top-descbox-tit:after {
    margin: 10px auto;
  }
  .sub-top-descbox-sub {
    font-size: 1.125rem;
  }
  .inner-section {
    width: 100%;
    padding: 0 15px;
  }
  .left-menu {
    width: 100%;
    float: none;
    margin-bottom: 0;
  }
  .left-menu-depth1 {
    border-bottom: 1px solid #d9d9d9;
  }
  .left-menu-depth1-item-link {
    padding: 0 0 10px;
    font-size: 1rem;
    text-align: center;
    border: 0;
  }
  .left-menu-depth1-item-link.on {
    border: 0;
    background: none;
    pointer-events: none;
  }
  .left-menu-depth1-item-link.on + .left-menu-depth2 {
    display: block !important;
  }
  .left-menu-depth1-item-link.open:after {
    display: none;
  }
  .left-menu-depth1-item-link.close:after {
    display: none;
  }
  .left-menu-depth1-item-link.close + .left-menu-depth2 {
    display: none;
  }
  .left-menu-depth2 {
    border: 0;
  }
  .left-menu-depth2-item-link {
    font-size: 0.825rem;
    font-weight: 400;
    padding: 10px;
    color: #222 !important;
    border: 1px solid #d9d9d9 !important;
    border-bottom: 0 !important;
    line-height: 1.4;
    text-align: center;
  }
  .left-menu-depth2-item-link.m-on {
    display: block;
  }
  .left-menu-depth2-item-link.on {
    background: #466fb7;
    color: #fff !important;
    display: block;
    position: relative;
    border-bottom: 0 !important;
  }
  .left-menu-depth2-item-link.on:after {
    content: '';
    display: none;
    width: 13px;
    height: 12px;
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    margin: auto;
    background: url(../images/spr_ico_left_menu.png) no-repeat -9px -4px;
    transform: rotate(180deg);
  }
  .sub-contents {
    width: 100%;
    float: none;
  }
  .sub-contents-heading1 {
    margin-bottom: 10px;
    font-size: 1.25rem;
    text-align: center;
  }
  

  
  .sub-contents-heading2 {
    margin-bottom: 10px;
    font-size: 1.125rem;
    font-weight: 900;
    line-height: 1.4;
  }
  .list1-item {
    font-size: 1rem;
  }
  .list4-item.headline {
    font-size: 1rem;
  }
  .list7-item {
    padding-left: 45px;
    position: relative;
    margin-top: 35px;
  }
  .list7-item:last-child {
    margin-bottom: 20px;
  }
  .list7-item:first-child {
    margin-top: 0;
  }
  .list7-item-number {
    position: absolute;
    top: 0;
    left: 0;
    background: #333649;
    width: 34px;
    height: 34px;
    border-radius: 50%;
  }
  .list7-item-number-txt {
    position: absolute;
    top: 0;
    left: 4px;
    color: #fff;
    font-size: 0.825rem;
    line-height: 34px;
    text-align: center;
  }
  .table.vt.pd0 td, .table.vt-dark.pd0 td {
    padding: 10px 0 !important;
    word-wrap: break-word !important;
  }
  .table {
    table-layout: fixed;
  }
  .table td, .table th, .table strong {
    font-size: 0.75rem !important;
    word-break: inherit !important;
    word-wrap: break-word !important;
  }
  .table .download {
    text-indent: -999em;
    width: 30px;
    min-width: 30px;
    height: 30px;
    margin: auto;
  }
  .table .download:after {
    display: block !important;
    background: url(../images/spr_ico_global.png) no-repeat -68px -98px;
    width: 13px;
    height: 12px;
    right: auto;
  }
  .table .arrow-small-right {
    text-indent: -999em;
    width: 30px;
    min-width: 30px;
    height: 30px;
    margin: auto;
  }
  .table .arrow-small-right:after {
    display: block !important;
    background: url(../images/spr_ico_global.png) no-repeat -383px -99px;
    width: 14px;
    height: 12px;
    right: auto;
  }
  .table.table-block {
    display: table !important;
    white-space: normal !important;
    text-align: center !important;
  }
  .table.vt.table-responsive {
    text-align: center;
  }
  .table.vt.table-responsive colgroup {
    display: none;
  }
  .table.vt.table-responsive tbody td img {
    display: none !important;
  }
  .table.vt.table-responsive tbody td br {
    display: none;
  }
  .table.vt.table-responsive caption {
    background-image: none;
  }
  .table.vt.table-responsive thead {
    display: none;
  }
  .table.vt.table-responsive tbody td {
    padding: 0.6rem;
    display: inline-table;
    width: 50%;
    float: left;
  }
  .table.vt.table-responsive tbody td .schedule {
    width: 6px !important;
    height: 6px !important;
    border-radius: 6px !important;
    top: -10px !important;
    left: 25% !important;
  }
  .table.vt.table-responsive tbody tr td:first-child {
    background: #323648;
    display: block;
    width: 100%;
    color: #fff;
  }
  .table.vt.table-responsive tbody td:last-child {
    width: 50%;
    font-size: 0.875rem;
    height: 30px;
  }
  .table.vt.table-responsive tbody td:before {
    content: attr(data-th);
    font-weight: bold;
    display: inline-block;
  }
  .table.vt.table-responsive tbody td[data-title]:before {
    content: attr(data-title);
    position: relative;
    top: 0;
    left: -20px;
    width: 50%;
    font-size: 0.75rem;
    color: rgba(94, 93, 82, 0.75);
  }
  .table.vt.board-list {
    overflow: visible;
    display: table;
  }
  .table.vt.board-list td {
    padding: 8px 0;
  }
  .table.vt.board-list td span {
    font-size: 0.75rem;
  }
  .table.vt.board-list td .board-list-link {
    font-size: 0.825rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 94%;
    display: block;
  }
  .table.vt.board-list td .board-list-link img {
    width: 8px !important;
    margin-left: 10px;
  }
  .table.vt.board-list td .user-input-link {
    font-size: 0.75rem !important;
    height: auto !important;
    padding: 5px !important;
    line-height: inherit !important;
    border-radius: 5px !important;
  }
  .table.vt.board-list td .user-input-link.min {
    min-width: 50% !important;
    font-size: 0.75rem !important;
    padding: 4px !important;
  }
  .table.vt.board-list th {
    font-size: 0.75rem;
    text-align: left;
  }
  .table.vt.board-list.first th:first-child {
    display: none;
  }
  .table.vt.board-list.first td:first-child {
    display: none;
  }
  .table.vt.board-list.first colgroup col:first-child {
    width: 80% !important;
  }
  .table.vt.board-list.first colgroup col:nth-child(2) {
    width: 20% !important;
  }
  .table.vt.board-list.first colgroup col:nth-child(3), .table.vt.board-list.first colgroup col:nth-child(4), .table.vt.board-list.first colgroup col:nth-child(5), .table.vt.board-list.first colgroup col:nth-child(6) {
    display: none;
  }
  .table.vt.board-list.nth3 th:nth-child(3) {
    display: none;
  }
  .table.vt.board-list.nth3 td:nth-child(3) {
    display: none;
  }
  .table.vt.board-list.nth4 th:nth-child(4) {
    display: none;
  }
  .table.vt.board-list.nth4 td:nth-child(4) {
    display: none;
  }
  .table.vt.board-list.nth5 th:nth-child(5) {
    display: none;
  }
  .table.vt.board-list.nth5 td:nth-child(5) {
    display: none;
  }
  .table.vt.board-list.last th:last-child {
    display: none;
  }
  .table.vt.board-list.last td:last-child {
    display: none;
  }
  .table.vt.board-list.type3 colgroup col:first-child {
    width: 60% !important;
  }
  .table.vt.board-list.type3 colgroup col:nth-child(2), .table.vt.board-list.type3 colgroup col:nth-child(3) {
    width: 20% !important;
    display: block !important;
  }
  .table.vt.board-list.type3 colgroup col:nth-child(4), .table.vt.board-list.type3 colgroup col:nth-child(5), .table.vt.board-list.type3 colgroup col:nth-child(6) {
    display: none;
  }
  .table.vt.board-list.type3-2 colgroup col:first-child {
    width: 20% !important;
  }
  .table.vt.board-list.type3-2 colgroup col:nth-child(2) {
    width: 60% !important;
  }
  .table.vt.board-list.type3-2 colgroup col:nth-child(3) {
    width: 20% !important;
    display: block !important;
  }
  .table.vt.board-list.type3-2 colgroup col:nth-child(4), .table.vt.board-list.type3-2 colgroup col:nth-child(5), .table.vt.board-list.type3-2 colgroup col:nth-child(6) {
    display: none;
  }
  .table.vt.board-list.type4 colgroup col:first-child {
    width: 20% !important;
  }
  .table.vt.board-list.type4 colgroup col:nth-child(2) {
    width: 20% !important;
  }
  .table.vt.board-list.type4 colgroup col:nth-child(3) {
    width: 20% !important;
    display: block !important;
  }
  .table.vt.board-list.type4 colgroup col:nth-child(4) {
    width: 20% !important;
    display: block !important;
  }
  .table.vt.board-list.type4 colgroup col:nth-child(5), .table.vt.board-list.type4 colgroup col:nth-child(6) {
    display: none;
  }
  .table.vt, .table.vt-dark {
    width: 100%;
    table-layout: fixed;
  }
  .table.vt .list1-item:before, .table.vt-dark .list1-item:before {
    display: none;
  }
  .table.vt.pd0 td, .table.vt-dark.pd0 td {
    padding: 10px;
  }
  .table.vt.pd0 td a, .table.vt-dark.pd0 td a {
    font-size: 0.75rem;
  }
  .table.vt.img-none td img, .table.vt-dark.img-none td img {
    display: none !important;
  }
  .table.vt th, .table.vt-dark th {
    padding: 5px;
  }
  .table.vt th.sub, .table.vt-dark th.sub {
    padding: 5px;
  }
  .table.vt td, .table.vt-dark td {
    padding: 5px;
  }
  .table.vt.board-list, .table.vt-dark.board-list {
    font-size: 0.75rem;
  }
  .table.vt.board-list th, .table.vt-dark.board-list th {
    padding: 10px 2px;
  }
  .table.vt.board-list th:after, .table.vt-dark.board-list th:after {
    display: none;
  }
  .table.vt.board-list td, .table.vt-dark.board-list td {
    font-size: 0.75rem;
    padding: 10px 2px;
  }
  .table.vt.board-list td .list1-item, .table.vt-dark.board-list td .list1-item {
    font-size: 0.75rem;
  }
  .table.vt.board-list td.no-data-found, .table.vt-dark.board-list td.no-data-found {
    text-align: center;
    padding: 40px 20px;
  }
  .table.vt.board-list td .btn-type-small, .table.vt-dark.board-list td .btn-type-small {
    border-radius: 5px;
    font-size: 0.6875rem;
    padding: 0 5px;
    margin: 5px 0;
  }
  .table.vt.board-list td .btn-type-small:after, .table.vt-dark.board-list td .btn-type-small:after {
    display: none;
  }
  .table.vt.contact-list, .table.vt-dark.contact-list {
    width: 100%;
  }
  .table.vt.contact-list th:nth-child(1), .table.vt.contact-list th:nth-child(3), .table.vt.contact-list th:nth-child(4), .table.vt.contact-list th:nth-child(5), .table.vt-dark.contact-list th:nth-child(1), .table.vt-dark.contact-list th:nth-child(3), .table.vt-dark.contact-list th:nth-child(4), .table.vt-dark.contact-list th:nth-child(5) {
    display: none;
  }
  .table.vt.contact-list th:nth-child(2), .table.vt.contact-list th:nth-child(6), .table.vt-dark.contact-list th:nth-child(2), .table.vt-dark.contact-list th:nth-child(6) {
    display: table-cell;
  }
  .table.vt.contact-list td, .table.vt-dark.contact-list td {
    padding: 10px 0;
  }
  .table.vt.contact-list td:nth-child(1), .table.vt.contact-list td:nth-child(3), .table.vt.contact-list td:nth-child(4), .table.vt.contact-list td:nth-child(5), .table.vt-dark.contact-list td:nth-child(1), .table.vt-dark.contact-list td:nth-child(3), .table.vt-dark.contact-list td:nth-child(4), .table.vt-dark.contact-list td:nth-child(5) {
    display: none;
  }
  .table.vt.contact-list td:nth-child(2), .table.vt.contact-list td:nth-child(6), .table.vt-dark.contact-list td:nth-child(2), .table.vt-dark.contact-list td:nth-child(6) {
    display: table-cell;
  }
  .table.hr .radio-box {
    margin-top: 10px;
  }
  .table.hr .radio-box:first-child {
    margin-top: 0;
  }
  .table.hr br {
    display: none;
  }
  .table.hr th {
    min-width: inherit;
    line-height: 1.4;
    letter-spacing: -1px;
    font-weight: 900;
    padding: 0 4px;
  }
  .table.hr th.left {
    padding-left: 4px;
  }
  .table.hr td {
    padding: 4px;
  }
  .table.hr td select {
    width: 100%;
    margin-bottom: 10px;
  }
  .table.hr td .inner-col {
    display: block;
  }
  .table.hr td .timesetting-date.long .timesetting-date-day {
    margin-bottom: 10px;
    width: calc( 100% - 40px);
  }
  .table.hr td .timesetting-date-day {
    margin-bottom: 10px;
  }
  .table.hr td .timesetting-date-option {
    width: 100%;
    border: 1px solid #d9d9d9;
    margin-bottom: 10px;
  }
  .table.hr td .user-text {
    width: 90%;
    margin-bottom: 10px;
  }
  .table.hr td .checkbox + label {
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
  }
  .table.hr td .radio-type2-label {
    font-size: 0.825rem;
    line-height: 27px;
  }
  .table.hr td .user-input + .list1 {
    font-size: 0.825rem;
    text-align: left;
  }
  .table.hr.writing {
    border-top: 1px solid #d9d9d9;
    display: block;
  }
  .table.hr.writing thead,
  .table.hr.writing tbody,
  .table.hr.writing tr,
  .table.hr.writing th,
  .table.hr.writing td {
    display: block;
  }
  .table.hr.writing tr:after {
    content: '';
    display: block;
    clear: both;
  }
  .table.hr.writing th {
    position: relative;
    float: left;
    width: 100%;
    border-right: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    padding: 10px;
  }
  .table.hr.writing td {
    position: relative;
    border: 1px solid #d9d9d9;
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: -1px;
    padding: 20px 10px;
    height: auto;
    line-height: 1;
  }
  .table.hr.writing td.agreement-offer {
    padding: 25px 20px;
  }
  .text-box {
    padding: 15px;
  }
  .text-box p {
    font-size: 0.825rem;
  }
  .text-box.padding25 {
    padding: 0;
    border: 0;
  }
  .text-box.full-step {
    padding: 15px 15px;
  }
  .text-box.advertising {
    padding: 15px;
    text-align: center;
  }
  .text-box.advertising img {
    width: 100%;
    margin-bottom: 10px;
  }
  .text-box.advertising .advertising-down {
    position: static;
  }
  .text-box.advertising .advertising-down:after {
    display: none;
  }
  .text-box.list .sign-box {
    padding: 15px;
  }
  .text-box.list .sign-box-name {
    font-size: 0.825rem;
  }
  .text-box-headline {
    font-size: 0.825rem;
    line-height: 1.5;
  }
  .text-box.contact {
    position: relative;
  }
  .text-box.contact:before {
    display: none;
  }
  .text-box.contact:after {
    display: none;
  }
  .text-box.contact .text-box-headline {
    padding-left: 0;
  }
  .text-box.contact .list1 {
    padding-left: 0;
  }
  .text-box.contact .multi-col {
    padding-left: 0;
  }
  .text-box.consulting {
    height: auto;
    padding: 0;
    text-align: left;
  }
  .text-box.consulting .text-box-headline-col {
    padding: 15px 0;
    margin-bottom: 0;
    text-align: center;
    background: #f2f2f2;
    border-bottom: 1px solid #d9d9d9;
  }
  .text-box.consulting .list1 {
    padding: 15px;
  }
  .text-box.consulting .list1 .list1-item {
    font-size: 1rem;
  }
  .textbox-txt {
    min-height: inherit;
    width: 100%;
    padding: 15px;
  }
  .textbox-title {
    margin-bottom: 10px;
    font-weight: 800;
    font-size: 1rem;
  }
  .textbox.list1 {
    font-size: 0.875rem;
  }
  .textbox.list1-item {
    line-height: 1.2;
  }
  .textbox-btn {
    text-align: right;
  }
  .textbox-btn .user-input-link.shortcut {
    position: static;
    margin-top: 10px;
  }
  .textbox-stepico {
    width: 100%;
    padding-top: 130px;
    display: block;
    background: #f2f2f2;
  }
  .textbox-stepico:before {
    content: '';
    display: block;
    position: absolute;
    top: 20px;
    right: 0;
    left: 0;
    bottom: auto;
    margin: auto;
    width: 94px;
    height: 94px;
    background: url(../images/spr_ico_textbox_step.png) no-repeat;
  }
  .textbox-stepico.step1:before {
    background-position: -32px -27px;
  }
  .textbox-stepico.step2:before {
    background-position: -152px -27px;
  }
  .textbox-stepico.step3:before {
    background-position: -276px -27px;
  }
  .textbox-stepico.step4:before {
    background-position: -403px -27px;
  }
  .textbox-stepico.step5:before {
    background-position: -533px -27px;
  }
  .textbox-ico {
    padding-top: 100px;
  }
  .textbox-ico:before {
    background-size: 278px 446px;
    width: 59px;
    height: 59px;
  }
  .textbox-ico.type1:before {
    background-position: -6px -6px;
  }
  .textbox-ico.type2:before {
    background-position: -150px -10px;
  }
  .textbox-ico.type3:before {
    background-position: -75px -143px;
  }
  .textbox-ico.type4:before {
    background-position: -143px -143px;
  }
  .textbox-ico.type5:before {
    background-position: -212px -143px;
  }
  .textbox-ico.type6:before {
    background-position: -6px -212px;
  }
  .textbox-wide {
    width: 100%;
    display: block;
  }
  .textbox-wide-txt {
    width: 100%;
    min-height: inherit;
    padding: 15px;
    margin-left: 0;
  }
  .textbox-wide-ico {
    width: 100%;
    min-height: inherit;
  }
  .textbox-wide-ico:before {
    display: none;
  }
  .textbox.bg-pattern {
    background: url(../images/bg_textbox_pattern.png) bottom no-repeat;
  }
  .textbox.bg-pattern .textbox-txt {
    height: auto;
    padding: 15px;
  }
  .textbox.bg-pattern .textbox-txt .textbox-title {
    margin-bottom: 10px;
  }
  .textbox.bg-pattern .textbox-txt:before {
    display: none;
  }
  .video-box {
    height: 200px;
  }
  .guidebox {
    display: block;
  }
  .guidebox-img {
    width: 100px;
  }
  .guidebox-col {
    display: block;
  }
  .guidebox-col.col-1 {
    width: 100%;
    padding: 15px;
    border-right: 1px solid #d9d9d9;
  }
  .guidebox-col.col-2 {
    padding: 40px 0;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
  }
  .guidebox-col.col-2 {
    width: 100%;
    background: #333649;
    text-align: center;
    position: relative;
    vertical-align: middle;
  }
  .guidebox-col.col-3 {
    width: 100%;
  }
  .guidebox-col-row {
    width: 100%;
    height: 50%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .guidebox-col-row.fix {
    position: relative;
    height: 135px;
  }
  .guidebox-col-row:last-child {
    border-top: 1px solid #484a5c;
    top: auto;
    bottom: 0;
  }
  .guidebox-col-row-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
  }
  .guidebox-tit {
    font-family: nanumsq, sans-serif;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.5;
  }
  .guidebox-list {
    margin-top: 10px;
  }
  .guidebox-list .list1-item {
    line-height: 1.2;
  }
  .guidebox-list .list1-item:last-child {
    margin-bottom: 0;
  }
  .guidebox-list .list1-item:before {
    font-size: 1.25rem;
    top: -4px;
  }
  .guidebox-desc {
    color: #fff;
    font-size: 1rem;
    font-weight: 400;
    margin: 35px 0 15px;
  }
  .guidebox-desc.col-3 {
    margin: 0;
    height: 80px;
  }
  .guidebox-desc.col-3 .guidebox-btn {
    top: 36px;
  }
  .guidebox-desc.col-3:before {
    display: none;
  }
  .guidebox-desc:before {
    content: '';
    display: block;
    position: absolute;
    top: 30px;
    right: 0;
    left: 0;
    bottom: 0;
    margin: 0 auto;
    background: url(../images/ico_customer_voice.png) top center no-repeat;
  }
  .guidebox-desc2 {
    font-size: 1rem;
  }
  .guidebox-btn {
    padding: 5px 30px 5px 30px;
    font-size: 0.875rem;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.2);
    position: relative;
  }
  .guidebox-btn.arrow-middle-right:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    margin: auto;
    background: url(../images/spr_ico_global.png) no-repeat -186px -65px;
    width: 6px;
    height: 10px;
  }
  .co-history .multi-col.ceo .w30 {
    width: 50% !important;
    float: left;
  }
  .co-history .multi-col.ceo .w70 {
    width: 40% !important;
    float: left;
    margin: 0 0 0 20px;
  }
  .co-history .multi-col.ceo .w70 .history {
    text-align: left;
  }
  .co-history-year {
    display: block;
    font-size: 1.125rem;
    margin-bottom: 20px;
  }
  .co-history-year br {
    display: none;
  }
  .co-history-year .now {
    margin-left: 0;
  }
  .co-history-list {
    font-size: 1rem;
    text-align: left;
  }
  .co-history-list-item {
    font-weight: 400;
  }
  .co-history-list-year {
    display: inline;
    padding-right: 8px;
    letter-spacing: normal;
    font-size: 0.825rem;
    margin-right: 0;
    width: 100%;
    font-weight: 700;
    vertical-align: text-bottom;
  }
  .co-history-list-desc {
    width: 100%;
  }
  .co-history.border {
    padding: 15px 0;
  }
  .co-vision {
    margin-left: 0;
  }
  .active-history {
    padding: 15px 0;
  }
  .active-history-list-item {
    width: calc(50% - 10px);
    margin-left: 0;
    float: left;
  }
  .active-history-list-item:nth-child(even) {
    margin-left: 10px;
  }
  .active-history-list-item:nth-child(odd) {
    margin-right: 10px;
  }
  .active-history-list-year {
    width: 100px;
    height: 100px;
    margin: 10px auto;
    font-size: 1rem;
    line-height: 100px;
  }
  .result-box {
    border: 1px solid #d9d9d9;
    padding: 15px;
    position: relative;
  }
  .result-box-btn {
    width: 80%;
    position: static;
    height: 30px;
    line-height: 30px;
    margin-top: 10px;
    font-size: 0.825rem;
  }
  .result-box-btn:after {
    display: none;
  }
  .textbox-step-item.ico:after {
    bottom: -17px;
  }
  .textbox-step-item .textbox-wide-ico {
    min-height: inherit;
  }
  .textbox-step-item .textbox-wide-ico .textbox-wide-txt {
    min-height: inherit;
  }
  .cooperation-program {
    margin-top: 50px;
  }
  .cooperation-program-item {
    margin-bottom: 20px;
    padding-left: 0;
    position: relative;
  }
  .cooperation-program-item-title {
    margin-bottom: 10px;
    font-size: 1rem;
    font-weight: 800;
    color: #42519e;
  }
  .cooperation-program-item-txt {
    line-height: 1.7;
  }
  .cooperation-program-item-txt br {
    display: none;
  }
  .cooperation-program-item:last-child {
    margin-bottom: 0;
  }
  .cooperation-program-item:before {
    display: none;
  }
  .iiac-numbering-item {
    width: 100%;
    height: auto;
    padding: 35px 18px 20px 120px;
    border-bottom: 1px solid #d9d9d9;
    float: none;
  }
  .iiac-numbering-item-title {
    margin-bottom: 6px;
    font-size: 1.25rem;
  }
  .iiac-numbering-item.img {
    display: none;
  }
  .iiac-numbering-item.type1:before {
    background-position: -10px -10px;
    width: 78px;
    height: 78px;
  }
  .iiac-numbering-item.type2:before {
    background-position: -107px -10px;
    width: 78px;
    height: 78px;
  }
  .iiac-numbering-item.type3:before {
    background-position: -205px -10px;
    width: 78px;
    height: 78px;
  }
  .iiac-numbering-item.type4:before {
    background-position: -10px -99px;
    width: 78px;
    height: 78px;
  }
  .iiac-numbering-item.type5:before {
    background-position: -107px -99px;
    width: 78px;
    height: 78px;
  }
  .iiac-numbering-item.type6:before {
    background-position: -205px -99px;
    width: 78px;
    height: 78px;
  }
  .iiac-numbering-item.type7:before {
    background-position: -10px -187px;
    width: 78px;
    height: 78px;
  }
  .iiac-numbering-item.type8:before {
    background-position: -107px -187px;
    width: 78px;
    height: 78px;
  }
  .iiac-numbering-item.type9:before {
    background-position: -205px -187px;
    width: 78px;
    height: 78px;
  }
  .iiac-numbering-item.type10:before {
    background-position: -10px -275px;
    width: 78px;
    height: 78px;
  }
  .co-gallery {
    padding: 20px 0;
  }
  .co-gallery-item-title {
    margin-top: 10px;
  }
  .co-gallery .multi-col.triple .inner-col {
    width: 100%;
    margin-left: 0;
  }
  .step1-list {
    overflow: hidden;
    width: 100%;
  }
  .step1-list-item {
    float: none;
    width: 100%;
    margin-right: 0;
  }
  .step1-list-item .list-img {
    display: block;
    width: 100%;
  }
  .step1-list-item .list-article {
    padding: 10px 0;
    margin: 0 14px;
    top: 0;
    font-size: 1rem;
  }
  .step1-list-item .list-article .article-num {
    font-size: 0.825rem;
    font-weight: 900;
    margin-bottom: 4px;
  }
  .step1-list-item .list-article .article-desc {
    font-size: 1rem;
    line-height: 1.4;
  }
  .step1-list-item .list-article .article-desc strong {
    font-size: 1rem;
  }
  .step1-list-item.wide img {
    width: 200%;
  }
  .step1-list-item.wide .list-article {
    font-size: 1rem;
  }
  .step-circle-list {
    width: 100%;
  }
  .step-circle-list-item {
    padding: 0;
    margin-right: 12px;
    margin-bottom: 12px;
  }
  .step-circle-list-item:nth-child(2n) {
    margin-right: 0;
  }
  .step-circle-list-item.three {
    padding: 0;
  }
  .step-circle-list-item.three.ico:after {
    display: none;
  }
  .step-circle-list-item.four {
    padding: 0;
  }
  .step-circle-list-item.four.ico:after {
    display: none;
  }
  .step-circle-list-item .list-article {
    width: 120px;
    height: 120px;
    background: #f2f2f2;
    border-radius: 50%;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
  }
  .step-circle-list-item .list-article .article-txt {
    font-size: 0.825rem !important;
  }
  .step-circle-list-item.ico {
    text-indent: 0;
  }
  .step-circle-list-item.ico:after {
    display: none;
  }
  .step-circle-list.no-ico {
    width: 100%;
  }
  .step-circle-list.no-ico.four .step-circle-list-item {
    padding: 0;
  }
  .step-circle-list.no-ico.four .step-circle-list-item + .step-circle-list-item {
    padding-left: 0;
  }
  .step-circle-list.no-ico .step-circle-list-item {
    padding: 0;
  }
  .step-circle-list.no-ico .step-circle-list-item + .step-circle-list-item {
    padding-left: 6px;
  }
  .step-circle.recruit {
    position: relative;
  }
  .step-circle.recruit .step-circle-list-item {
    padding: 0;
  }
  .step-circle.recruit .step-circle-list-item .list-article .article-num {
    color: #fff;
  }
  .step-circle.recruit .step-circle-list-item:last-child {
    padding: 25px 0 0 0;
  }
  .step-circle.recruit .step-circle-list-item:last-child .list-article {
    width: 139px;
    height: 139px;
    margin: auto;
  }
  .step-circle.recruit .step-circle-list-item:last-child .list-article .article-txt:before {
    display: none;
  }
  .step-circle.recruit .step-circle-list-item .list-detail-title {
    font-size: 1rem;
    font-weight: 800;
    text-align: center;
    border-bottom: 1px solid #9d9d9d;
    padding: 10px 0;
  }
  .step-circle.recruit:after {
    display: none;
  }
  .step-circle.recruit.color .step-circle-list-item .list-article {
    background: #2c8179;
  }
  .step-circle.recruit.color .step-circle-list-item:last-child .list-article {
    background: #fff;
    border: 10px solid #2c8179;
  }
  .step-circle.recruit.color .step-circle-list-item:last-child .list-article .article-txt:before {
    top: 3px;
    left: -34px;
    bottom: auto;
  }
  .step-circle.recruit.color .step-circle-list-item:last-child .list-article .article-txt.pass:before {
    background-position: -35px -62px;
    width: 24px;
    height: 23px;
  }
  .step-circle.recruit.color:after {
    top: 24%;
    border-bottom: 9px solid #2c8179;
  }
  .banner {
    height: auto !important;
    background-size: cover !important;
  }
  .banner-txt {
    font-size: 1rem;
    padding: 15px;
  }
  .banner-txt:before {
    content: '';
    display: block;
    width: 40px;
    height: 1px;
    background: #fff;
    margin: 0 auto 15px auto;
  }
  .banner-txt br {
    display: none;
  }
  .banner-heading {
    padding: 30px 30px 15px;
    font-size: 1.125rem;
  }
  .banner-heading br {
    display: none;
  }
  .banner-heading + .banner-txt {
    padding-top: 10px;
  }
  select, input[type="text"] {
    height: 40px !important;
    line-height: 40px !important;
    font-size: 0.825rem !important;
    font-weight: 400 !important;
  }
  section.maxlabel .search-box {
    border: 0;
    width: 100%;
    padding: 0;
  }
  section.maxlabel .search-box-input .f-left {
    float: none;
  }
  section.maxlabel .search-box .form-layout, section.maxlabel .search-box .multi-col {
    display: block;
  }
  section.maxlabel .search-box .form-layout .timesetting, section.maxlabel .search-box .multi-col .timesetting {
    display: inline-block;
    width: 100%;
  }
  section.maxlabel .search-box .form-layout .timesetting .search-box-title:first-child, section.maxlabel .search-box .multi-col .timesetting .search-box-title:first-child {
    width: 20%;
    display: block !important;
  }
  section.maxlabel .search-box .form-layout .timesetting .search-box-title, section.maxlabel .search-box .multi-col .timesetting .search-box-title {
    display: none;
  }
  section.maxlabel .search-box .form-layout .timesetting .search-box-input-select, section.maxlabel .search-box .multi-col .timesetting .search-box-input-select {
    width: 20%;
    float: left;
    font-size: 0.825rem !important;
    border-bottom: 1px solid #818181;
  }
  section.maxlabel .search-box .form-layout .search-box-title, section.maxlabel .search-box .multi-col .search-box-title {
    width: 20%;
    float: left;
    text-align: left;
    border: none;
  }
  section.maxlabel .search-box .form-layout .search-box-input-select, section.maxlabel .search-box .multi-col .search-box-input-select {
    width: 30%;
    border-bottom: 0;
  }
  section.maxlabel .search-box .form-layout .mt10, section.maxlabel .search-box .multi-col .mt10 {
    margin: 0;
  }
  section.maxlabel .search-box .form-layout .search-box-input-item .search-box-input-txt, section.maxlabel .search-box .multi-col .search-box-input-item .search-box-input-txt {
    width: 100%;
  }
  section.maxlabel .search-box .form-layout .search-box-input-item .search-box-input-select, section.maxlabel .search-box .multi-col .search-box-input-item .search-box-input-select {
    width: 100%;
  }
  section.maxlabel .search-box .form-layout .search-box-input-item .search-box-input-select.medium, section.maxlabel .search-box .multi-col .search-box-input-item .search-box-input-select.medium {
    width: 100%;
  }
  section.maxlabel .search-box .form-layout .search-box-btn-area, section.maxlabel .search-box .multi-col .search-box-btn-area {
    width: 100% !important;
  }
  section.maxlabel .search-box .form-layout {
    width: 100%;
  }
  section.maxlabel .search-box-year-contents {
    display: none;
  }
  section.maxlabel .search-box-year-contents.on {
    display: block;
  }
  section.maxlabel .search-box-title {
    font-size: 0.825rem;
    display: block;
    height: 30px;
    line-height: 30px;
    float: none;
    padding-right: 0;
    text-align: center;
    border: 1px solid #a5a7aa;
    position: static;
    border-bottom: 0;
  }
  section.maxlabel .search-box-title.pr15 {
    padding-right: 0;
  }
  section.maxlabel .search-box-input {
    display: block;
  }
  section.maxlabel .search-box-input-item {
    width: 80%;
  }
  section.maxlabel .search-box-input-select, section.maxlabel .search-box-input-txt {
    width: 100%;
    float: none;
  }
  section.maxlabel .search-box-input-select {
    width: 100%;
  }
  section.maxlabel .search-box-input-select.medium {

    width: 100%;
  }
  section.maxlabel .search-box-input-select.large {
    width: 100%;
  }
  section.maxlabel .search-box-input-select.small {
    width: 100%;
  }
  section.maxlabel .search-box-input-select.year {
    width: 100%;
  }
  section.maxlabel .search-box-input-select.month {
    width: 100%;
  }
  section.maxlabel .search-box-input-select.airline {
    width: 100%;
  }
  section.maxlabel .search-box-input-select + .search-box-input-select {
    width: 100%;
  }
  section.maxlabel .search-box-input-select + .search-box-input-txt {
    width: 100%;
  }
  section.maxlabel .search-box-input-select.time {
    width: 100%;
  }
  section.maxlabel .search-box-input-txt {
    width: 100%;
  }
  section.maxlabel .search-box-input-txt.medium {
    width: 100%;
  }
  section.maxlabel .search-box-input-txt.large {
    width: 100%;
  }
  section.maxlabel .search-box-input-btn {
    width: 100%;
    padding: 0;
    border: 0;
    background: #323648;
  }
  section.maxlabel .search-box-input.select {
    width: 100%;
  }
  section.maxlabel .search-box-btn-area {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  section.maxlabel .search-box-btn-area.a-btn {
    width: 100% !important;
    height: auto;
  }
  section.maxlabel .search-box-btn-area.a-btn a {
    margin-top: 10px;
    padding: 0;
  }
  section.maxlabel .search-box-btn-area.view-large {
    position: absolute;
    bottom: 26px;
  }
  section.maxlabel .search-box-btn-area .search-box-btn {
    width: 100% !important;
    height: 40px !important;
  }
  section.maxlabel .search-box-btn-area .search-box-btn.big {
    width: 100%;
    height: 40px;
  }
  section.maxlabel .search-box-btn-area .search-box-btn.view-large-btn {
    padding: 0 20px;
  }
  section.maxlabel .search-box.day {
    padding: 0;
  }
  section.maxlabel .search-box.day .day-option {
    height: 40px;
  }
  section.maxlabel .search-box.day .day-option-link {
    min-width: 50%;
    padding: 10px;
    border: 1px solid #a5a7aa;
    text-align: center;
  }
  section.maxlabel .search-box.day .day-option-link + .day-option-link {
    border-left: 1px solid #a5a7aa;
  }
  section.maxlabel .search-box.day .day-option-link.on {
    font-weight: 800;
    color: #323648;
    border: 1px solid #323648;
  }
  .search-box-input-txt.max-width {
    width: 100% !important;
  }
  .search-box {
    border: 0;
    width: 100%;
    padding: 0;
  }
  .search-box .search-box-title {
    display: none;
  }
  .search-box-input .f-left {
    float: none;
  }
  .search-box.responsive .search-box-title {
    display: none;
  }
  .search-box.responsive .w100 {
    width: 100%;
  }
  .search-box .form-layout, .search-box .multi-col {
    display: block;
  }
  .search-box .form-layout .mt10, .search-box .multi-col .mt10 {
    margin: 0;
  }
  .search-box .form-layout .search-box-input-item.a-btn, .search-box .multi-col .search-box-input-item.a-btn {
    width: calc( 100% - 40px) !important;
  }
  .search-box .form-layout .search-box-input-item .search-box-input-txt, .search-box .multi-col .search-box-input-item .search-box-input-txt {
    width: 100%;
  }
  .search-box .form-layout .search-box-input-item .search-box-input-select, .search-box .multi-col .search-box-input-item .search-box-input-select {
    width: 50%;
    font-size: 0.825rem !important;
    float: left;
    border-bottom: 1px solid #818181;
  }
  .search-box .form-layout .search-box-input-item .search-box-input-select.medium, .search-box .multi-col .search-box-input-item .search-box-input-select.medium {
    width: 50%;
  }
  .search-box .form-layout .search-box-btn-area, .search-box .multi-col .search-box-btn-area {
    width: 40px !important;
  }
  .search-box .form-layout {
    width: 100%;
  }
  .search-box-year-contents {
    display: none;
  }
  .search-box-year-contents.on {
    display: block;
  }
  .search-box-title {
    font-size: 0.825rem;
    display: block;
    height: 30px;
    line-height: 30px;
    float: none;
    padding-right: 0;
    text-align: center;
    border: 1px solid #a5a7aa;
    position: static;
    border-bottom: 0;
  }
  .search-box-title.pr15 {
    padding-right: 0;
  }
  .search-box-input {
    display: block;
  }
  .search-box-input-item {
    width: calc(100% - 40px);
  }
  .search-box-input-item.a-btn {
    width: 100% !important;
  }
  .search-box-input-select, .search-box-input-txt {
    width: 100%;
    float: none;
  }
  .search-box-input-select {
    width: 100%;
  }
  .search-box-input-select.medium {
    width: 100%;
  }
  .search-box-input-select.large {
    width: 100%;
  }
  .search-box-input-select.small {
    width: 100%;
  }
  .search-box-input-select.year {
    width: 100%;
  }
  .search-box-input-select.month {
    width: 100%;
  }
  .search-box-input-select.airline {
    width: 100%;
  }
  .search-box-input-select + .search-box-input-select {
    width: 100%;
  }
  .search-box-input-select + .search-box-input-txt {
    width: 100%;
  }
  .search-box-input-select.time {
    width: 100%;
  }
  .search-box-input-txt {
    width: 100%;
  }
  .search-box-input-txt.medium {
    width: 100%;
  }
  .search-box-input-txt.large {
    width: 100%;
  }
  .search-box-input-btn {
    width: 100%;
    padding: 0;
    border: 0;
    background: #323648;
  }
  .search-box-input.select {
    width: 100%;
  }
  .search-box-btn-area {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  .search-box-btn-area.a-btn {
    width: 100% !important;
    height: auto;
  }
  .search-box-btn-area.a-btn a {
    margin-top: 10px;
    padding: 0;
  }
  .search-box-btn-area.view-large {
    position: absolute;
    bottom: 26px;
  }
  .search-box-btn-area .search-box-btn {
    width: 100% !important;
    height: 40px !important;
  }
  .search-box-btn-area .search-box-btn.big {
    width: 100%;
    height: 40px;
  }
  .search-box-btn-area .search-box-btn.view-large-btn {
    padding: 0 20px;
  }
  .search-box.day {
    padding: 0;
  }
  .search-box.day .day-option {
    height: 40px;
  }
  .search-box.day .day-option-link {
    min-width: 50%;
    padding: 10px;
    border: 1px solid #a5a7aa;
    text-align: center;
  }
  .search-box.day .day-option-link + .day-option-link {
    border-left: 1px solid #a5a7aa;
  }
  .search-box.day .day-option-link.on {
    font-weight: 800;
    color: #323648;
    border: 1px solid #323648;
  }
  select {
    font-size: 0.825rem !important;
    color: #444 !important;
  }
  body {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
  }
  .box-step-item {
    margin-bottom: 30px;
    font-size: 0.825rem;
  }
  .box-step-item:after {
    width: 66px;
    height: 14px;
    bottom: -22px;
    background-size: cover;
  }
  .box-step-item:last-child {
    margin-bottom: 0;
  }
  .box-step-item:last-child:after {
    background: none;
  }
  .box-step-item .text-box {
    text-align: left;
  }
  .list1 + .btn-type-small {
    margin-bottom: 10px;
  }
  .multi-col + .search-box-year-contents {
    margin-top: 10px;
  }
  .digr-environment-systema-location {
    height: 213px;
    background-size: contain;
    background-position: center;
  }
  .digr-public-data-open-guidea {
    height: 168px;
    background-size: contain;
    background-position: center;
  }
  .digr-open-public-data {
    height: 172px;
    background-size: contain;
    background-position: center;
  }
  .digr-procedures-disclosure {
    height: 184px;
    background-size: contain;
    background-position: center;
  }
  .digr-protection-compensation {
    height: 184px;
    background-size: contain;
    background-position: center;
  }
  .digr-co-history {
    height: 259px;
    width: 100%;
    background-size: contain;
    background-position: center;
  }
  .digr-co-traces {
    height: 334px;
    background-size: contain;
    background-position: center;
  }
  .digr-co-vision {
    height: 211px;
    background-size: contain;
    background-position: center;
  }
  .digr-co-management {
    height: 211px;
    background-size: contain;
    background-position: center;
  }
  .digr-co-interest {
    height: 173px;
    background-size: contain;
    background-position: center;
  }
  .digr-co-interest2 {
    height: 119px;
    background-size: contain;
    background-position: center;
  }
  .digr-low-carbon-eco-friendly-strategy1 {
    height: 190px;
    background-size: contain;
    background-position: center;
  }
  .digr-low-carbon-eco-friendly-strategy2 {
    height: 166px;
    background-size: contain;
    background-position: center;
  }
  .digr-monitoring-system1 {
    height: 260px;
    background-size: 100%;
  }
  .digr-monitoring-system2 {
    height: 408px;
    background-size: contain;
    background-position: center;
  }
  .digr-social-contribution-performance {
    height: 296px;
    background-size: contain;
    background-position: center;
  }
  .grp-energy-management {
    background: url(../images/grp_energy_management_01.png) no-repeat;
  }
  .digr-international-cooperation {
    height: 170px;
    background-size: contain;
    background-position: center;
  }
  .digr-international-freight-network1 {
    height: 170px;
    background-size: contain;
    background-position: center;
  }
  .digr-major-incentive {
    height: 170px;
    background-size: contain;
    background-position: center;	
  }
   .digr-major-incentive1 {
    height: 170px;
    background-size: contain;
    background-position: center;	
  }
  .grp-international-freight-network1 {
    height: 170px;
    background-size: contain;
    background-position: center;
  }
  .grp-international-freight-network2 {
    height: 170px;
    background-size: contain;
    background-position: center;
  }
  .digr-international-freight-network2 {
    height: 140px;
    background-size: contain;
    background-position: center;
  }
  .digr-construction-case01 {
    height: 164px;
    background-size: contain;
    background-position: center;
  }
  .digr-construction-case02 {
    height: 164px;
    background-size: contain;
    background-position: center;
    overflow: hidden;
  }
  .digr-construction-case03 {
    height: 104px;
    background-size: contain;
    background-position: center;
  }
  .digr-procedure-application {
    height: 104px;
    background-size: contain;
    background-position: center;
  }
  .digr-notice-tender {
    height: 104px;
    background-size: contain;
    background-position: center;
  }
  .digr-service-procedure01 {
    height: 104px;
    background-size: contain;
    background-position: center;
  }
  .digr-service-procedure02 {
    height: 104px;
    background-size: contain;
    background-position: center;
  }
  .grp-energy-management {
    height: 171px;
    background-size: contain;
    background-position: center;
  }
  .grp-construction-business1 {
    height: 173px;
    background-size: contain;
    background-position: center;
  }
  .grp-construction-business2 {
    height: 173px;
    background-size: contain;
    background-position: center;
  }
  .grp-management-performance03 {
    height: 172px;
    background-size: contain;
    background-position: center;
  }
  .grp-management-performance02 {
    height: 172px;
    background-size: contain;
    background-position: center;
  }
  .grp-management-performance01 {
    height: 172px;
    background-size: contain;
    background-position: center;
  }
  .grp-airport-capacity1 {
    height: 170px;
    background-size: contain;
    background-position: center;
  }
  .grp-airport-capacity2 {
    height: 170px;
    background-size: contain;
    background-position: center;
  }
  .grp-airport-capacity3 {
    height: 170px;
    background-size: contain;
    background-position: center;
  }
  .digr-acdm-report-01 {
    height: 210px;
    background-size: contain;
    background-position: center;
  }
  .digr-acdm-report-02 {
    height: 144px;
    background-size: contain;

    background-position: center;
  }
  .digr-acdm-milestone {
    height: 188px;
    background-size: contain;
    background-position: center;
  }
  .digr-acdm-major-mailstone01 {
    height: 188px;
    background-size: contain;
    background-position: center;
    border: 0;
  }
  .digr-acdm-major-mailstone02 {
    height: 88px;
    background-size: contain;
    background-position: center;
    border: 0;
  }
  .digr-acdm-flow-chart {
    height: 250px;
    background-size: contain;
    background-position: center;
    border: 0;
  }
  .digr-strengthen-competitive1 {
    height: 215px;
    background-size: contain;
    background-position: center;
  }
  .digr-strengthen-competitive2 {
    height: 305px;
    background-size: contain;
    background-position: center;
  }
  .digr-communication-channel {
    height: 40px;
    background-size: contain;
    background-position: center;
  }
  .digr-concomitant-growth {
    height: 604px;
    background-size: contain;
    background-position: center;
  }
  .digr-ethics-management-organization {
    height: 248px;
    background-size: contain;
    background-position: center;
  }
  .digr-ethics-management-vision1 {
    height: 135px;
    background-size: contain;
    background-position: center;
  }
  .digr-ethics-management-vision2 {
    height: 200px;
    background-size: contain;
    background-position: center;
  }
  .digr-personal-information {
    background-size: contain !important;
    height: 210px;
    background: url(../images/digr_personal_information.png) no-repeat;
  }
  .digr-social-contribution01 {
    height: 337px;
    background-size: contain;
    background-position: center;
  }
  .digr-social-contribution02 {
    height: 300px;
    background-size: contain;
    background-position: center;
  }
  .digr-social-contribution03 {
    height: 130px;
    background-size: contain;
    background-position: center;
  }
  .digr-social-contribution04 {
    background: url(../images/digr_social_contribution04.png) no-repeat;
  }
  .digr-social-contribution05 {
    height: 173px;
    background-size: contain;
    background-position: center;
  }
  .digr-vision-strategy1 {
    height: 170px;
    background-size: contain;
    background-position: center;
  }
  .digr-vision-strategy2 {
    height: 131px;
    background-size: contain;
    background-position: center;
  }
  .digr-energy-independence {
    height: 140px;
    background-size: contain;
    background-position: center;
    border: none;
  }
  .digr-energy-independence03 {
    height: 218px;
    background-size: contain;
    background-position: center;
  }
  .digr-service-assessment {
    height: 240px;
    border: 0;
    background-size: contain;
    background-position: center;
  }
  .digr-recruit-guide {
    height: 206px;
    border: 0;
    background-size: contain;
    background-position: center;
  }
  .digr-free-trade-zone {
    height: 170px;
    border: 0;
    background-size: contain;
    background-position: center;
  }
  .site-map-heading {
    font-size: 1.125rem;
    padding-bottom: 10px;
  }
  .site-map-list-depth1-item {
    width: 100%;
    float: none;
    margin-right: 0;
    margin-bottom: 20px;
    border: 1px solid #d9d9d9;
    padding: 20px;
  }
  .site-map-list-depth2 {
    padding-top: 10px;
    border: none;
  }
  .site-map-list-depth2-item {
    border-bottom: 1px solid #d9d9d9;
  }
  .mt30 .btn-type-small, .mt20 .btn-type-small {
    margin-top: 10px;
  }
  .mt30 .btn-type-small:first-child, .mt20 .btn-type-small:first-child {
    margin-top: 0;
    padding: 0;
  }
  a.search-box-btn.ml10 {
    width: 100% !important;
  }
  .pagenation {
    width: 100%;
    height: 30px;
    position: relative;
    text-align: center;
  }
  .pagenation .ico {
    width: 30px;
    height: 30px;
    position: absolute;
  }
  .pagenation .ico.first {
    left: 0;
  }
  .pagenation .ico.first:after {
    background-position: -118px -30px;
    background-size: 250px 200px;
    width: 10px;
    height: 10px;
  }
  .pagenation .ico.prev {
    left: 30px;
  }
  .pagenation .ico.prev:after {
    background-position: -134px -30px;
    background-size: 250px 200px;
    width: 6px;
    height: 10px;
  }
  .pagenation .ico.next {
    right: 30px;
  }
  .pagenation .ico.next:after {
    background-position: -148px -30px;
    background-size: 250px 200px;
    width: 6px;
    height: 10px;
  }
  .pagenation .ico.last {
    right: 0;
  }
  .pagenation .ico.last:after {
    background-position: -159px -30px;
    background-size: 250px 200px;
    width: 10px;
    height: 10px;
  }
  .pagenation-list {
    float: none;
    left: 0;
    right: 0;
    margin: auto;
    display: inline-block;
  }
  .pagenation-list-link {
    line-height: 30px;
  }
  .pagenation-list-item {
    width: 30px;
    height: 30px;
  }
  .pagenation-list-item:first-child {
    border-left: 1px solid #d9d9d9;
  }
  .pagenation-list-item:hover {
    background: #42519e;
    border-color: #42519e;
  }
  .pagenation-list-item:hover .pagenation-list-link {
    color: #fff;
  }
  .organization-chart-wrap {
    width: 100%;
    padding-bottom: 15px;
    border-bottom: 1px solid #d9d9d9;
    background: none;
  }
  .organization-chart-wrap:before {
    display: none;
  }
  .organization-chart-wrap .organization-chart {
    text-align: center;
  }
  .organization-chart-wrap .organization-chart-grid {
    width: 100%;
    height: auto;
  }
  .organization-chart-wrap .organization-chart-box {
    position: static;
    width: 100%;
    font-size: 1rem;
    font-weight: 400;
    padding: 8px 0;
    margin-bottom: 8px;
    margin-top: 8px;
  }
  .organization-chart-wrap .organization-chart-box.round {
    width: 100%;
    padding: 8px 0;
    font-size: 1rem;
    border-radius: 0;
  }
  .organization-chart-wrap .organization-chart-box.line:after {
    display: none;
  }
  .organization-chart-wrap .organization-chart-list {
    float: none;
  }
  .organization-chart-wrap .organization-chart-list-item {
    float: none;
    width: 100%;
    margin-left: 0;
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 8px;
  }
  .organization-chart-wrap .organization-chart-list-item.line:after {
    display: none;
  }
  .organization-chart-wrap .organization-chart-list-item.line1:after {
    display: none;
  }
  .organization-chart-wrap .organization-chart-list-item:first-child {
    margin-left: 0;
  }
  .organization-chart-wrap .organization-chart-list-item:nth-child(2) {
    margin-right: 0;
  }
  .organization-chart-wrap .organization-chart-list-item:nth-child(3) {
    margin-left: 0;
  }
  .organization-chart-wrap .organization-chart-tit {
    width: 100%;
    padding: 8px;
    height: auto !important;
  }
  .organization-chart-wrap .organization-chart-subtit {
    margin-top: 8px;
    padding: 8px;
    height: auto !important;
    font-weight: 400;
  }
  .organization-chart-wrap .organization-chart-team {
    padding: 15px;
    text-align: center;
    background: #f2f2f2;
  }
  .organization-chart-wrap .organization-chart-team .list1-item {
    font-size: 1rem;
    line-height: 1.4;
    padding: 0;
  }
  .organization-chart-wrap .organization-chart-team .list1-item:before {
    display: none;
  }
  .organization-chart-wrap .organization-chart.type1 .organization-chart-team {
    min-height: inherit;
    height: auto !important;
  }
  .organization-chart-wrap .organization-chart.type2 .organization-chart-team {
    min-height: inherit;
    height: auto !important;
  }
  .organization-chart-wrap .organization-chart.type3 .organization-chart-team {
    min-height: inherit;
    height: auto !important;
  }
  .organization-chart-wrap .organization-chart.type3 .organization-chart-list {
    float: none;
  }
  .board-view img {
    width: 100% !important;
    height: auto !important;
  }
  .board-view.vt {
    white-space: normal;
  }
  .board-view .view-head {
    border-bottom: 1px solid #d9d9d9;
  }
  .board-view .view-head-tit {
    padding: 10px;
  }
  .board-view .view-head-info {
    padding: 20px;
    font-size: 0.875rem;
  }
  .board-view .view-head-info .info-tit {
    float: left;
    margin-right: 10px;
  }
  .board-view .view-head-info .info-desc {
    float: left;
  }
  .board-view .view-head-info .info-desc:after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 16px;
    margin: auto 20px;
    background: #d9d9d9;
    vertical-align: middle;
  }
  .board-view .view-head-info .info-desc:last-child:after {
    display: none;
  }
  .board-view .view-body {
    width: 100%;
    padding: 10px 0;
  }
  .board-view .view-body h2 {
    margin-bottom: 20px;
    line-height: 1.5;
  }
  .board-view .view-body div {
    margin-bottom: 10px;
    line-height: 1.5;
  }
  .board-view .view-body p {
    margin-bottom: 20px;
  }
  .board-view .view-body.reply {
    padding: 10px 0;
    border-bottom: 1px solid #d9d9d9;
  }
  .board-view .view-file {
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    padding: 10px 10px 10px 30px;
  }
  .board-view .view-file .file-group-text {
    display: none;
  }
  .board-view .view-file .file-list {
    float: left;
  }
  .board-view .view-file .file-list-link {
    color: #666;
    font-size: 0.825rem;
  }
  .board-view .view-file .crud-ico {
    text-indent: 0;
  }
  .board-view .view-file .crud-ico:after {
    left: -22px;
    right: auto;
    bottom: 4px;
  }
  .board-view .view-file.point {
    background: #f2f4f7;
  }
  .board-view .view-file .file-border {
    padding-right: 20px;
    border-right: 1px solid #d9d9d9;
  }
  .board-view .reply-box {
    background: #f2f4f7;
    padding: 15px;
    border: 1px solid #d9d9d9;
    margin-top: 10px;
  }
  .board-view .reply-box .reply-head {
    margin-bottom: 30px;
  }
  .board-view .reply-box .reply-head-tit {
    float: left;
    padding-left: 20px;
    font-weight: 900;
    text-indent: 0;
    line-height: 1;
  }
  .board-view .reply-box .reply-head-tit:after {
    right: auto;
  }
  .board-view .reply-box .reply-head-info {
    float: right;
  }
  .board-view .reply-box .reply-head-info .info-tit {
    float: left;
    margin-right: 10px;
    color: #002222;
  }
  .board-view .reply-box .reply-head-info .info-desc {
    float: left;
    color: #444;
  }
  .board-view .reply-box .reply-head-info .info-desc:after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 16px;
    margin: auto 20px;
    background: #d9d9d9;
    vertical-align: middle;
  }
  .board-view .reply-box .reply-head-info .info-desc:last-child:after {
    display: none;
  }
  .board-view .reply-box.mt0 {
    margin-top: 0;
    border-top: none;
  }
  .board-view .view-list {
    border-top: 1px solid #d9d9d9;
  }
  .board-view .view-list-item {
    border-bottom: 1px solid #d9d9d9;
  }
  .board-view .view-list-item-prev, .board-view .view-list-item-next {
    width: 70px;
    padding: 10px;
    font-size: 0.825rem;
  }
  .board-view .view-list-item-title {
    width: calc(100% - 70px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 32px;
    padding-left: 6px;
  }
  .profile-box-img {
    width: 80px;
    height: 80px;
    float: none;
    margin-bottom: 10px;
  }
  .profile-box-desc {
    width: 100%;
    margin-left: 0;
    float: none;
  }
  .profile-box-tit {
    display: block;
    margin-bottom: 10px;
    font-size: 1rem;
  }
  .profile-box dt.list1-item {
    width: 100%;
    float: none;
  }
  .profile-box dt.list1-item + dd {
    width: 100%;
    float: none;
  }
  .layer {
    padding: 15px;
    height: 100vh !important;
    width: 100%;
    height: 100%;
    border: 0;
    position: fixed;
    top: 0;
    left: 0;
    transform: none;
    overflow: auto;
  }
  .layer.find-my-terminal {
    min-width: 100%;
    border: none;
    padding: 40px 15px 0;
  }
  .layer.find-my-terminal br {
    display: none;
  }
  .layer.find-my-terminal .layer-area {
    text-align: center;
    padding: 0;
  }
  .layer.find-my-terminal .layer-title {
    font-size: 1.5rem;
  }
  .layer.find-my-terminal .layer-title:before {
    margin: 0 auto 15px;
  }
  .layer.find-my-terminal .layer-article {
    margin-bottom: 0;
  }
  .layer.find-my-terminal .layer-check {
    width: 100%;
    height: 50px;
    font-size: 1rem;
    line-height: 50px;
  }
  .layer.find-my-terminal .layer-search {
    width: 100%;
    height: 50px;
    line-height: 50px;
    border: 0;
    font-size: 1rem;
  }
  .layer.find-my-terminal .layer-inputbox {
    display: inline-block;
    width: 100%;
  }
  .layer.find-my-terminal .layer-inputbox-desc {
    color: #fff;
    margin: 10px 0;
  }
  .layer.find-my-terminal .layer-inputbox-btn {
    padding: 16px;
    margin-bottom: 10px;
    display: block;
    width: 100%;
    font-size: 1rem;
  }
  .layer.system {
    min-width: 100%;
    border: none;
    padding: 40px 15px 0;
  }
  .layer.system br {
    display: none;
  }
  .layer.system .layer-system-list:last-child {
    margin: 0 auto 15px auto;
  }
  .layer.system .layer-system-list-desc {
    color: #fff;
    text-align: left;
    line-height: 1.7;
  }
  .layer.system .layer-system-desc {
    color: #fff;
    margin-bottom: 20px;
  }
  .layer.system .layer-system-desc.point {
    margin-bottom: 20px;
  }
  .layer.system .layer-system-desc.systemico:after {
    margin: 20px auto 50px;
  }
  .layer.system .layer-title {
    font-size: 1.5rem;
  }
  .layer.system .layer-title:after {
    margin: 15px auto 15px;
  }
  .layer.system .btn-group {
    margin-top: 20px;
  }
  .layer.system .layer-inputbox-btn {
    min-width: 100%;
    margin-left: 0;
    padding: 10px;
    border-radius: 50px;
    margin-top: 10px;
    font-size: 1rem;
  }
  .layer.system .layer-inputbox-btn:first-child {
    margin-left: 0;
  }
  .layer.system .layer-inputbox-btn:after {
    content: '';
    display: block;
    width: 6px;
    height: 10px;
    background: url(../../ap/images/ico_system_arrow.png) center no-repeat;
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .layer .list1-item br {
    display: none;
  }
  .layer-wrap {
    position: absolute;
  }
  .layer.size {
    width: 100%;
  }
  .layer.capchasize {
    width: 100%;
  }
  .layer.md-terminal {
    width: 100%;
  }
  .layer.address-layer {
    width: 100%;
  }
  .layer.address-layer.size {
    width: 100%;
  }
  .layer.address-layer.max-size {
    width: 100%;
  }
  .layer.address-layer.max-size.max-height {
    max-height: inherit;
  }
  .layer.login-area {
    width: 100%;
  }
  .layer.questionnaire {
    width: 100%;
  }
  .layer-area {
    padding: 0;
  }
  .layer-title {
    padding-bottom: 14px;
    margin-bottom: 24px;
    border-bottom: 1px solid #42519e;
    font-size: 1rem;
  }
  .layer-title.login {
    font-size: 2rem;
  }
  .layer-sub {
    font-size: 0.825rem !important;
  }
  .layer-input-text.user-text {
    width: 100%;
    height: 50px;
  }
  .layer-close {
    width: 16px;
    height: 16px;
    top: 16px;
    right: 15px;
  }
  .layer.login {
    right: 0;
  }
  .layer-article {
    margin-bottom: 20px;
    position: relative;
  }
  .layer-article-title {
    margin-bottom: 14px;
    font-size: 0.9375rem;
  }
  .layer-article-title.float {
    margin: 0;
    float: none;
    line-height: 32px;
  }
  .layer-article-input {
    width: 100%;
    height: 50px;
  }
  .layer-article-box {
    width: 100%;
    height: 124px;
    padding: 14px;
  }
  .layer-article-box-sub {
    margin-bottom: 7px;
    font-size: 0.875rem;
  }
  .layer-article-box-txt {
    font-size: 0.875rem;
  }
  .layer-article p {
    font-size: 0.75rem;
    font-weight: 700;
  }
  .layer-article button {
    height: 50px;
    font-size: 1.5rem;
  }
  .layer-article.article2 {
    margin-bottom: 10px;
    margin-top: 15px;
  }
  .layer .info-desc {
    font-size: 0.75rem;
  }
  .layer-btn {
    float: left;
  }
  .layer-btn-login {
    width: 100%;
    height: 40px;
    font-size: 1rem;
  }
  .layer {
    z-index: 99999;
  }
  .layer.info {
    width: 100%;
  }
  .layer-wrap {
    position: static;
  }
  .layer.size {
    width: 100%;
  }
  .layer.address-layer {
    width: 100%;
  }
  .layer.login-area {
    width: 100%;
  }
  .layer-area {
    padding: 15px;
  }
  .layer.login-area {
    width: 100%;
  }
  .layer-title {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 2px solid #42519e;
  }
  .layer-input-text.user-text {
    width: 100%;
    height: 40px;
  }
  .layer-article-input {
    width: 100%;
    height: 40px;
  }
  .layer-article-box {
    width: 100%;
    height: inherit;
    padding: 15px;
  }
  .layer-article button {
    height: 40px;
    font-size: 1.5rem;
  }
  .layer.construction {
    width: 100%;
  }
  .layer.social1 {
    width: 100%;
  }
  .layer.social2 {
    width: 100%;
  }
  .layer.air-result {
    width: 100%;
  }
  .layer-input-text.user-text {
    width: 100%;
    height: 40px;
  }
  .layer-btn-login {
    width: 100%;
    height: 40px;
  }
  .layer .find-info-item {
    float: left;
  }
  .layer .find-info-link {
    font-size: 1rem;
    color: #444;
  }
  .layer .find-info-link.id {
    margin-right: 5px;
  }
  .layer .find-info-link.pw {
    padding-left: 5px;
  }
  .layer .sign-in {
    padding-bottom: 20px;
  }
  .layer .sign-in-title {
    font-size: 1.125rem;
    color: #444;
  }
  .layer .sign-in-txt {
    font-size: 1rem;
    color: #444;
  }
  .layer .sign-in-btn {
    width: 100%;
    margin-left: 0;
    margin-top: 0;
  }
  .layer .sign-in-col1 {
    float: left;
  }
  .layer .sign-in-col2 {
    float: left;
  }
  .enter {
    padding: 20px 15px;
    background: #fff;
    border-top: 0;
  }
  .enter-btn {
    width: 100%;
  }
  .select-link {
    background: #fff;
    position: relative;
  }
  .select-link-default {
    width: 100%;
    height: 100%;
    background: none;
    padding: 0;
    color: #666;
    font-size: 0.8125rem;
    font-weight: 300;
    line-height: 0;
    text-align: left;
    text-indent: 10px;
    position: relative;
    border: 1px solid #d9d9d9;
  }
  .select-link-default.on {
    border-color: #666;
  }
  .select-link-default .ico {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 30px;
    height: 30px;
    background: none;
    margin: auto;
    border: none;
  }
  .select-link-default .ico:after {
    transition: transform .4s;
  }
  .select-link-default .ico:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 1px;
    height: 18px;
    background: #d9d9d9;
  }
  .select-link-default.on .ico:after {
    transform: rotate(180deg);
  }
  .select-link .select-list {
    display: none;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 31px;
    background: #fff;
    transition: height .4s;
    border: 1px solid #d9d9d9;
    z-index: 10;
  }
  .select-link .select-list.on {
    display: block;
  }
  .select-link .select-list.on.up {
    border-color: #666;
    border-bottom-color: #d9d9d9;
  }
  .select-link .select-list.on.down {
    border-color: #666;
    border-top-color: #d9d9d9;
  }
  .select-link .select-list-item {
    line-height: 30px;
    text-indent: 10px;
  }
  .select-link .select-list-link {
    display: block;
    width: 100%;
    height: 100%;
    color: #666;
    font-size: 0.8125rem;
    font-weight: 400;
    text-decoration: none;
  }
  .select-link .select-list-link:hover {
    background: #4674c9;
    color: #fff;
  }
  .select-link.personal-info {
    width: 100%;
    margin-bottom: 10px;
  }
  .left-menu-depth1-item-link {
    display: none;
  }
  .left-menu-depth1-item-link.on {
    display: none;
  }
  .left-menu-depth2-item-link.on + .left-menu-depth2 {
    display: block !important;
  }
  .menu-mobile-item {
    display: block;
  }
  .list1-item br, .list2-item br {
    display: none;
  }
  .tab-nav + .mt30 {
    margin-top: 0;
  }
  .left-menu, .tab-nav {
    margin-bottom: 10px;
  }
  .btn-right {
    position: static;
  }
  .table-inherit {
    table-layout: inherit;
  }
  img.img-auto {
    width: auto !important;
  }
  img.img-auto2 {
    width: auto !important;
    display: block !important;
    margin: 0 auto !important;
  }
}



@media screen and (max-width: 1080px) {
  .sticker {
    width: auto;
  }
  .scheduler-box-controller-date {
    font-size: 1rem;
  }
  .scheduler-box .scheduler thead tr th {
    padding: 5px;
  }
  .scheduler-box .scheduler tbody tr td {
    height: auto;
  }
  .scheduler-box .scheduler td, .scheduler-box .scheduler th {
    padding: 3px;
  }
  .scheduler-box .scheduler-group-inner {
    margin-top: 5px;
  }
  .scheduler-box .scheduler-group-btn {
    display: block;
    width: 100%;
    max-height: inherit;
    line-height: 1.4;
    font-size: 0.5rem !important;
    float: none;
    margin-left: 0;
  }
  .scheduler-box .scheduler-radio {
    display: none;
  }
  .scheduler-box .scheduler-radio + .scheduler-radio-label {
    display: block;
    width: 100%;
    height: auto;
    line-height: 1.4;
    color: #666;
    font-size: 0.5rem;
  }
  .scheduler-box-footer {
    margin-top: 20px;
  }
  .scheduler-box-footer-tit {
    font-size: 1.25rem;
    font-weight: 700;
  }
  .scheduler-box-footer .legend {
    padding: 20px 0;
  }
  .scheduler-box-footer .legend .scheduler-group {
    text-align: inherit;
  }
  .scheduler-box-footer .legend-mark {
    display: inline-block;
    margin-right: 20px;
    line-height: 1.8;
  }
  .scheduler-box-footer .legend-mark .scheduler-group-btn {
    margin-right: 10px;
  }
  .btn-type-small.more {
    min-width: 100%;
    height: 40px;
    line-height: 40px;
  }
  .step-circle-list-item {
    width: calc(50% - 10px);
  }
  .step-circle-list-item .list-article.small {
    width: 139px;
    height: 139px;
  }
  .textbox-step .step2 .textbox-title {
    line-height: 1.7;
    margin-bottom: 0;
  }
  .textbox-step .textbox {
    width: 100%;
    margin-left: 0;
    float: none;
    margin-bottom: 10px;
  }
  .textbox-step .textbox .textbox-txt {
    min-height: inherit;
    padding: 10px;
  }
  .textbox-step .textbox:last-child:after {
    display: none;
  }
  .textbox-step .textbox:after {
    display: none;
  }
  .textbox-step .textbox-stepico {
    padding-top: 0;
  }
  .textbox-step .textbox-stepico:before {
    display: none;
  }
  .list5.border {
    padding: 15px;
  }
  .double-box {
    width: 100%;
  }
  .double-box.right {
    padding-left: 0;
  }
  .double-box.ico {
    text-indent: 0;
  }
  .double-box.ico:after {
    display: none;
  }
  .double-box-top {
    padding: 10px 15px;
    font-weight: 400;
  }
  .double-box-bottom {
    padding: 15px;
  }
  .double-box-bottom .list1-item {
    font-size: 0.825rem;
  }
  .massage-wrap {
    width: 100%;
    height: auto;
    padding: 15px;
    position: static;
    text-align: center;
  }
  .massage-txt-tit {
    font-size: 1.5rem;
  }
  .massage-txt-tit br {
    display: none;
  }
  .massage-txt {
    font-size: 1rem;
  }
  .massage-txt:before {
    display: none;
  }
  .massage-img {
    position: static;
    width: 50%;
    margin-bottom: 10px;
  }
  .massage-img2 {
    position: static;
    width: 100px;
  }
  .history {
    text-align: center;
  }
  .history-txt {
    font-size: 1.5rem;
    font-weight: 700;
  }
  .history-ceo {
    font-size: 1.5rem;
    font-weight: 700;
  }
  .history-list-head {
    width: 160px;
    float: left;
  }
  .history-list-body {
    float: left;
  }
  .timesetting {
    display: block;
  }
  .timesetting-etc {
    float: none;
  }
  .timesetting-time {
    float: none;
  }
  .timesetting-date {
    width: 50%;
  }
  .timesetting-date-text {
    height: 40px;
    line-height: 40px;
  }
  .timesetting-date-day {
    width: calc(100% - 40px);
  }
  .timesetting-date-calendar {
    border-left: 1px solid #d9d9d9;
  }
  .timesetting-date-calendar:after {
    background-position: -99px -96px;
    width: 17px;
    height: 16px;
  }
  .timesetting-date.long {
    width: 160px;
  }
  .timesetting-date.long .timesetting-date-day {
    width: 120px;
  }
  .timesetting-dash {
    display: none;
  }
  .timesetting .object-list {
    min-width: 100px;
  }
  .timesetting .user-text {
    width: 177px;
    height: 40px;
    vertical-align: bottom;
  }
  .input-align {
    width: 100%;
  }
  .input-align .capcha {
    width: 50%;
    float: left;
  }
  .input-align .capcha:first-child {
    border-right: 0 !important;
  }
  .input-align .capcha:nth-child(3) {
    border-left: 1px solid #d9d9d9;
  }
  .input-align img {
    float: none;
    width: 100%;
  }
  .input-align .user-input-text {
    width: 100% !important;
  }
  .banner-txt-tit {
    font-size: 1.125rem;
    padding: 15px 15px 0;
  }
  .banner-txt-tit2 {
    font-size: 1.125rem;
    padding-top: 10px;
  }
  .banner-txt2 {
    font-size: 1rem;
    margin-bottom: 15px;
  }
  .banner-txt.no-padding {
    padding: 15px;
  }
  .enter {
    border: 0;
    padding: 0 15px;
    background: #fff;
  }
  .view-head-tit.complain-table {
    font-weight: normal;
    text-align: left;
    display: block;
  }
  .view-head-tit.complain-table label {
    margin-bottom: 10px;
  }
  .digr-co-history1 {
    height: 178px;
    background-size: contain;
    background-position: center;
  }
  .digr-co-history2 {
    height: 178px;
    background-size: contain;
    background-position: center;
  }
  .digr-co-history3 {
    height: 210px;
    background-size: contain;
    background-position: center;
  }
  .digr-environment-system {
    height: 288px;
    background-size: contain;
    background-position: center;
  }
  .digr-environment-monitoring {
    height: 188px;
    background-size: contain;
    background-position: center;
  }
  .digr-noise-management {
    height: 114px;
    background-size: contain;
    background-position: center;
  }
  .digr-cp-vision01 {
    height: 129px;
    background-size: contain;
    background-position: center;
  }
  .digr-cp-vision02 {
    height: 129px;
    background-size: contain;
    background-position: center;
  }
}

@media screen and (max-width: 1080px) {
  .list6 {
    position: relative;
  }
  .list6-item {
    min-height: inherit;
    padding: 140px 0 0;
    margin-bottom: 20px;
    border-top: 1px solid #d9d9d9;
  }
  .list6-item:first-child {
    border-top: 0;
  }
  .list6-item:after {
    margin: 20px auto auto;
    bottom: auto;
  }
  .list6-item-heading {
    font-size: 1rem;
    margin-bottom: 10px;
  }
  .list6-item-onlink {
    position: static;
    margin-top: 10px;
    text-align: center;
    height: 40px;
    line-height: 40px;
  }
  .list6-item-onlink:before {
    display: block;
    width: 100px !important;
    height: 100px !important;
    border: 1px solid #d9d9d9;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 20px auto auto;
    border-radius: 50%;
  }
  .list6-item-onlink.type1:before {
    background-position: -17px -20px;
  }
  .list6-item-onlink.type2:before {
    background-position: -155px -18px;
  }
  .list6-item-onlink.type3:before {
    background-position: -290px -16px;
  }
}

@media screen and (max-width: 1080px) {
  .radio-type1-label {
    height: 27px;
    padding: 0 20px 0 40px;
    font-size: 1rem;
    line-height: 1.7;
    color: #666;
  }
  .radio-type1-label + .radio-type1-radio {
    margin-left: 20px;
  }
  .radio-type1-label.font18 {
    font-size: 1rem;
  }
  .radio-type2-label + .radio-type1-radio {
    margin-left: 40px;
  }
  .radio-type2-label.questionnaire {
    margin-right: 0;
    display: block;
    margin-top: 10px;
  }
  .radio-type2 .radio-box {
    display: inline-block;
    width: 196px;
  }
  .checkbox {
    display: none;
  }
  .checkbox:checked + label {
    color: #222;
  }
  .checkbox:checked + label.ico:after {
    background-position: -136px -147px;
  }
  .checkbox-label {
    height: 27px;
    padding: 0 20px 0 26px;
    font-size: 0.825rem;
    line-height: 27px;
    color: #666;
  }
  .checkbox-label.ico {
    text-indent: 0;
  }
  .checkbox-label.ico:after {
    background-position: -112px -147px;
    background-size: 250px 200px;
    width: 13px;
    height: 13px;
    top: 0;
    left: 0;
    right: auto;
    display: block;
  }
  .checkbox-type2 {
    text-align: center;
  }
  .checkbox-type2-radio {
    display: none;
  }
  .checkbox-type2-radio:checked + label {
    color: #222;
  }
  .checkbox-type2-radio:checked + label.ico:after {
    background-position: -82px -293px;
  }
  .checkbox-type2-label + .checkbox-type2-radio {
    margin-left: 40px;
  }
  .checkbox-type2-label.font18 {
    font-size: 0.825rem;
  }
}

@media screen and (max-width: 1080px) {
  .loading {
    display: none;
  }
  .web-mark {
    width: auto;
  }
  .footer-graft .multi-col .inner-col {
    margin-top: 0;
  }
  .footer {
    padding: 0 0 15px;
  }
  .footer-align.left {
    width: 100%;
    float: none;
  }
  .footer .fnb {
    margin: 15px 0 20px;
  }
  .footer .fnb-list-item {
    margin-left: 4px;
    margin-bottom: 10px;
    letter-spacing: -1px;
  }
  .footer .fnb-list-item:before {
    margin-right: 4px;
  }
  .footer .fnb-list-item:nth-child(8) {
    margin-left: 0;
  }
  .footer .fnb-list-item:nth-child(8):before {
    display: none;
  }
  .footer .fnb-list-link {
    font-size: 0.75rem;
  }
  .footer-call {
    margin: 10px 0 10px 0;
    font-size: 1rem;
  }
  .footer-contact {
    font-size: inherit;
  }
  .footer-contact-item {
    font-size: 0.75em;
    letter-spacing: -.5px;
  }
  .footer-contact-item:before {
    display: none;
  }
  .footer-copyright {
    font-size: 0.65rem;
    letter-spacing: -0.5px;
  }
  .footer-align.right {
    float: none;
    margin-top: 0;
  }
  .footer .sns {
    margin-bottom: 30px;
  }
  .footer .sns-list {
    float: none;
    width: 100%;
    margin: auto;
  }
  .footer .sns-list-item {
    display: inline-block;
    margin-right: 0;
    width: 25%;
  }
  .footer .sns-list-item:last-child {
    margin-right: 0;
  }
  .footer .sns-list-link {
    width: 100%;
    height: 100%;
  }
  .footer .relsite {
    float: none;
    width: 100%;
  }
  .footer .relsite .select-list {
    width: 100%;
  }
  .footer .incheon-etc {
    width: 181px;
    margin: 20px auto;
  }
  .footer .incheon-etc .web-mark {
    margin-right: 0;
  }
  .footer .incheon-etc .footer-shortcut {
    float: none;
    margin-top: 2px;
  }
  .footer .incheon-etc .footer-shortcut-link {
    font-size: 0.875rem;
  }
  .footer .incheon-etc {
    width: auto;
    margin: 10px auto;
  }
  .incheon-etc .google-play-mark {
    position: static !important;
    vertical-align: super;
  }
}

@media screen and (max-width: 1200px) {
  .en .digr-environment-systema-location {
    background: url(../images/digr_environment_system_location_en.png) no-repeat center;
    background-size: contain !important;
  }
  .en .digr-public-data-open-guidea {
    background: url(../images/digr_public_data_open_guide_en.png) no-repeat center;
    background-size: contain;
  }
  .en .digr-open-public-data {
    background: url(../images/digr_open_public_data_en.png) no-repeat center;
    background-size: contain;
  }
  .en .digr-procedures-disclosure {
    background: url(../images/digr_procedures_disclosure_en.png) no-repeat center;
    background-size: contain;
  }
  .en .digr-protection-compensation {
    background: url(../images/digr_protection_compensation_en.png) no-repeat center;
    background-size: contain;
  }
  .en .digr-co-history {
    background: url(../images/digr_co_history_en.png) no-repeat center;
    background-size: contain;
  }
  .en .digr-co-traces {
    background: url(../images/digr_co_traces_en.png) no-repeat center;
    background-size: contain;
  }
  .en .digr-co-vision {
    height: 211px;
    background: url(../images/digr_co_vision_en.png) no-repeat center;
    background-size: contain;
  }
  .en .digr-co-management {
    background: url(../images/digr_management_en.png) no-repeat center;
    border: none;
    background-size: contain;
  }
  .en .digr-co-interest {
    background: url(../images/digr_interest_en.png) no-repeat center;
    background-size: contain;
  }
  .en .digr-co-interest2 {
    background: url(../images/digr_interest2_en.png) no-repeat center;
    background-size: contain;
  }
  .en .digr-low-carbon-eco-friendly-strategy1 {
    background: url(../images/digr_low_carbon_eco_friendly_strategy_01_en.png) no-repeat center;
    background-size: contain;
  }
  .en .digr-low-carbon-eco-friendly-strategy2 {
    background: url(../images/digr_low_carbon_eco_friendly_strategy_02_en.png) no-repeat center;
    background-size: contain;
  }
  .en .digr-monitoring-system1 {
    background: url(../images/digr_monitoring_system_01_en.png) no-repeat center;
    background-size: contain;
  }
  .en .digr-monitoring-system2 {
    background: url(../images/digr_monitoring_system_02_en.png) no-repeat;
    background-size: 100%;
    height: 260px;
  }
  .en .digr-social-contribution-performance {
    background: url(../images/digr_social_contribution_performance_en.png) no-repeat center;
    background-size: contain;
  }
  .en .grp-energy-management {
    background: url(../images/grp_energy_management_01_en.png) no-repeat center;
    background-size: contain;
  }
  .en .digr-international-cooperation {
    background: url(../images/digr_international_cooperation_01_en.png) no-repeat center;
    background-size: contain;
  }
  .en .digr-international-freight-network1 {
    background: url(../images/digr_international_freight_network_01_en.png) no-repeat center;
    background-size: contain;
  }
  .en .grp-international-freight-network1 {
    background: url(../images/grp_international_freight_network_01_en.png) no-repeat center;
    background-size: contain;
  }
  .en .grp-international-freight-network2 {
    background: url(../images/grp_international_freight_network_02_en.png) no-repeat center;
    background-size: contain;
  }
  .en .digr-international-freight-network2 {
    background: url(../images/digr_international_freight_network_02_en.png) no-repeat center;
    background-size: contain;
  }
  .en .digr-construction-case01 {
    background: url(../images/digr_construction_case_01_en.png) no-repeat center;
    background-size: contain;
  }
  .en .digr-construction-case02 {
    background: url(../images/digr_construction_case_02_en.png) no-repeat center;
    background-size: contain;
  }
  .en .digr-construction-case03 {
    background: url(../images/digr_construction_case_03_en.png) no-repeat center;
    background-size: contain;
  }
  .en .digr-procedure-application {
    background: url(../images/digr_procedure_application_en.png) no-repeat center;
    background-size: contain;
  }
  .en .digr-notice-tender {
    background: url(../images/digr_notice_tender_en.png) no-repeat center;
    background-size: contain;
  }
  .en .digr-service-procedure01 {
    background: url(../images/digr_service_procedure_01_en.png) no-repeat center;
    background-size: contain;
  }
  .en .digr-service-procedure02 {
    background: url(../images/digr_service_procedure_02_en.png) no-repeat center;
    background-size: contain;
  }
  .en .grp-energy-management {
    background: url(../images/grp_energy_management_01_en.png) no-repeat center;
    background-size: contain;
  }
  .en .grp-construction-business1 {
    background: url(../images/grp_construction_business_01_en.png) no-repeat center;
    background-size: contain;
  }
  .en .grp-construction-business2 {
    background: url(../images/grp_construction_business_02_en.png) no-repeat center;
    background-size: contain;
  }
  .en .grp-management-performance03 {
    background: url(../images/grp_management_performance_03_en.png) no-repeat center;
    background-size: contain;
  }
  .en .grp-management-performance02 {
    background: url(../images/grp_management_performance_02_en.png) no-repeat center;
    background-size: contain;
  }
  .en .grp-management-performance01 {
    background: url(../images/grp_management_performance_01_en.png) no-repeat center;
    background-size: contain;
  }
  .en .grp-airport-capacity1 {
    background: url(../images/grp_airport_capacity_01_en.png) no-repeat center;
    background-size: contain;
  }
  .en .grp-airport-capacity2 {
    background: url(../images/grp_airport_capacity_02_en.png) no-repeat center;
    background-size: contain;
  }
  .en .grp-airport-capacity3 {
    background: url(../images/grp_airport_capacity_03_en.png) no-repeat center;
    background-size: contain;
  }
  .en .digr-acdm-report-01 {
    background: url(../images/digr_acdm_report_01_en.png) no-repeat center;
    background-size: contain;
  }
  .en .digr-acdm-report-02 {
    background: url(../images/digr_acdm_report_02_en.png) no-repeat center;
    background-size: contain;
  }
  .en .digr-acdm-milestone {
    background: url(../images/digr_acdm_milestone_en.png) no-repeat center;
    background-size: contain;
  }
  .en .digr-acdm-major-mailstone01 {
    background: url(../images/digr_acdm_major_mailstone_06_en.png) no-repeat center;
    background-size: contain;
  }
  .en .digr-acdm-major-mailstone02 {
    background: url(../images/digr_acdm_major_mailstone_07_en.png) no-repeat center;
    background-size: contain;
  }
  .en .digr-acdm-flow-chart {
    background: url(../images/digr_acdm_flow_chart_en.png) no-repeat center;
    background-size: contain;
  }
  .en .digr-strengthen-competitive1 {
    background: url(../images/digr_strengthen_competitive_01_en.png) no-repeat center;
    background-size: contain;
  }
  .en .digr-strengthen-competitive2 {
    background: url(../images/digr_strengthen_competitive_02_en.png) no-repeat center;
    background-size: contain;
  }
  .en .digr-communication-channel {
    background: url(../images/digr_communication_channel_01_en.png) no-repeat center;
    background-size: contain;
  }
  .en .digr-concomitant-growth {
    background: url(../images/digr_concomitant_growth_01_en.png) no-repeat center;
    background-size: contain;
  }
  .en .digr-ethics-management-organization {
    height: 258px;
    background: url(../images/digr_ethics_management_organization_en.png) no-repeat center;
    background-size: contain;
  }
  .en .digr-ethics-management-vision1 {
    background: url(../images/digr_ethical_management_vision_01_en.png) no-repeat center;
    background-size: contain;
  }
  .en .digr-ethics-management-vision2 {
    background: url(../images/digr_ethical_management_vision_02_en.png) no-repeat center;
    background-size: contain;
  }
  .en .digr-personal-information {
    background: url(../images/digr_personal_information_en.png) no-repeat center;
    background-size: contain;
  }
  .en .digr-social-contribution01 {
    background: url(../images/digr_social_contribution01_en.png) no-repeat center;
    background-size: contain;
  }
  .en .digr-social-contribution02 {
    background: url(../images/digr_social_contribution02_en.png) no-repeat center;
    background-size: contain;
  }
  .en .digr-social-contribution03 {
    background: url(../images/digr_social_contribution03_en.png) no-repeat center;
    background-size: contain;
  }
  .en .digr-social-contribution04 {
    background: url(../images/digr_social_contribution04_en.png) no-repeat center;
    background-size: contain;
  }
  .en .digr-social-contribution05 {
    background: url(../images/digr_social_contribution05_en.png) no-repeat center;
    background-size: contain;
  }
  .en .digr-vision-strategy1 {
    background: url(../images/digr_vision_strategy_01_en.png) no-repeat center;
    background-size: contain;
  }
  .en .digr-vision-strategy2 {
    background: url(../images/digr_vision_strategy_02_en.png) no-repeat center;
    background-size: contain;
  }
  .en .digr-energy-independence {
    background: url(../images/digr_energy_independence_02_en.png) no-repeat center;
    background-size: contain;
  }
  .en .digr-energy-independence03 {
    background: url(../images/map_energy_independence_03_en.png) no-repeat center;
    background-size: contain;
  }
  .en .digr-service-assessment {
    background: url(../images/digr_service_assessment_en.png) no-repeat center;
    background-size: contain;
  }
  .en .digr-recruit-guide {
    background: url(../images/digr_recruit_guide_en.png) no-repeat center;
    background-size: contain;
  }
  .en .digr-free-trade-zone {
    background: url(../images/digr_free_trade_zone_en.png) no-repeat center;
    background-size: contain;
  }
  .en .digr-environment-monitoring {
    background: url(../images/digr_environmental_monitoring_en.png) no-repeat center;
    background-size: contain;
  }
  .en .digr-noise-management {
    background: url(../images/digr_noise_management_en.png) no-repeat center;
    background-size: contain;
  }
  .en .digr-environment-system {
    background: url(../images/digr_environment_management_system01_en.jpg) no-repeat center;
    background-size: contain;
  }
  .en .digr-cp-vision01 {
    background: url(../images/digr_cp_vision01_en.png) no-repeat center;
    background-size: contain;
  }
  .en .digr-cp-vision02 {
    background: url(../images/digr_cp_vision02_en.png) no-repeat center;
    background-size: contain;
  }
  .en .digr-co-history1 {
    background: url(../images/digr_co_traces_01_en.jpg) no-repeat center;
    background-size: contain;
  }
  .en .digr-co-history2 {
    background: url(../images/digr_co_traces_02_en.jpg) no-repeat center;
    background-size: contain;
  }
  .en .digr-co-history3 {
    background: url(../images/digr_co_traces_03_en.jpg) no-repeat center;
    background-size: contain;
  }
  .ch .digr-environment-systema-location {
    background: url(../images/digr_environment_system_location_ch.png) no-repeat center;
    background-size: contain;
  }
  .ch .digr-public-data-open-guidea {
    background: url(../images/digr_public_data_open_guide_ch.png) no-repeat center;
    background-size: contain;
  }
  .ch .digr-open-public-data {
    background: url(../images/digr_open_public_data_ch.png) no-repeat center;
    background-size: contain;
  }
  .ch .digr-procedures-disclosure {
    background: url(../images/digr_procedures_disclosure_ch.png) no-repeat center;
    background-size: contain;
  }
  .ch .digr-protection-compensation {
    background: url(../images/digr_protection_compensation_ch.png) no-repeat center;
    background-size: contain;
  }
  .ch .digr-co-history {
    background: url(../images/digr_co_history_ch.png) no-repeat center;
    background-size: contain;
  }
  .ch .digr-co-traces {
    background: url(../images/digr_co_traces_ch.png) no-repeat center;
    background-size: contain;
  }
  .ch .digr-co-vision {
    height: 211px;
    background: url(../images/digr_co_vision_ch.png) no-repeat center;
    background-size: contain;
  }
  .ch .digr-co-management {
    background: url(../images/digr_management_ch.png) no-repeat center;
    background-size: contain;
    border: none;
  }
  .ch .digr-co-interest {
    background: url(../images/digr_interest_ch.png) no-repeat center;
    background-size: contain;
  }
  .ch .digr-co-interest2 {
    background: url(../images/digr_interest2_ch.png) no-repeat center;
    background-size: contain;
  }
  .ch .digr-low-carbon-eco-friendly-strategy1 {
    background: url(../images/digr_low_carbon_eco_friendly_strategy_01_ch.png) no-repeat center;
    background-size: contain;
  }
  .ch .digr-low-carbon-eco-friendly-strategy2 {
    background: url(../images/digr_low_carbon_eco_friendly_strategy_02_ch.png) no-repeat center;
    background-size: contain;
  }
  .ch .digr-monitoring-system1 {
    background: url(../images/digr_monitoring_system_01_ch.png) no-repeat center;
    background-size: contain;
  }
  .ch .digr-monitoring-system2 {
    background: url(../images/digr_monitoring_system_02_ch.png) no-repeat;
    background-size: 100%;
    height: 260px;
  }
  .ch .digr-social-contribution-performance {
    background: url(../images/digr_social_contribution_performance_ch.png) no-repeat center;
    background-size: contain;
  }
  .ch .grp-energy-management {
    background: url(../images/grp_energy_management_01_ch.png) no-repeat center;
    background-size: contain;
  }
  .ch .digr-international-cooperation {
    background: url(../images/digr_international_cooperation_01_ch.png) no-repeat center;
    background-size: contain;
  }
  .ch .digr-international-freight-network1 {
    background: url(../images/digr_international_freight_network_01_ch.png) no-repeat center;
    background-size: contain;
  }
  .ch .grp-international-freight-network1 {
    background: url(../images/grp_international_freight_network_01_ch.png) no-repeat center;
    background-size: contain;
  }
  .ch .grp-international-freight-network2 {
    background: url(../images/grp_international_freight_network_02_ch.png) no-repeat center;
    background-size: contain;
  }
  .ch .digr-international-freight-network2 {
    background: url(../images/digr_international_freight_network_02_ch.png) no-repeat center;
    background-size: contain;
  }
  .ch .digr-construction-case01 {
    background: url(../images/digr_construction_case_01_ch.png) no-repeat center;
    background-size: contain;
  }
  .ch .digr-construction-case02 {
    background: url(../images/digr_construction_case_02_ch.png) no-repeat center;
    background-size: contain;
  }
  .ch .digr-construction-case03 {
    background: url(../images/digr_construction_case_03_ch.png) no-repeat center;
    background-size: contain;
  }
  .ch .digr-procedure-application {
    background: url(../images/digr_procedure_application_ch.png) no-repeat center;
    background-size: contain;
  }
  .ch .digr-notice-tender {
    background: url(../images/digr_notice_tender_ch.png) no-repeat center;
    background-size: contain;
  }
  .ch .digr-service-procedure01 {
    background: url(../images/digr_service_procedure_01_ch.png) no-repeat center;
    background-size: contain;
  }
  .ch .digr-service-procedure02 {
    background: url(../images/digr_service_procedure_02_ch.png) no-repeat center;
    background-size: contain;
  }
  .ch .grp-energy-management {
    background: url(../images/grp_energy_management_01_ch.png) no-repeat center;
    background-size: contain;
  }
  .ch .grp-construction-business1 {
    background: url(../images/grp_construction_business_01_ch.png) no-repeat center;
    background-size: contain;
  }
  .ch .grp-construction-business2 {
    background: url(../images/grp_construction_business_02_ch.png) no-repeat center;
    background-size: contain;
  }
  .ch .grp-management-performance03 {
    background: url(../images/grp_management_performance_03_ch.png) no-repeat center;
    background-size: contain;
  }
  .ch .grp-management-performance02 {
    background: url(../images/grp_management_performance_02_ch.png) no-repeat center;
    background-size: contain;
  }
  .ch .grp-management-performance01 {
    background: url(../images/grp_management_performance_01_ch.png) no-repeat center;
    background-size: contain;
  }
  .ch .grp-airport-capacity1 {
    background: url(../images/grp_airport_capacity_01_ch.png) no-repeat center;
    background-size: contain;
  }
  .ch .grp-airport-capacity2 {
    background: url(../images/grp_airport_capacity_02_ch.png) no-repeat center;
    background-size: contain;
  }
  .ch .grp-airport-capacity3 {
    background: url(../images/grp_airport_capacity_03_ch.png) no-repeat center;
    background-size: contain;
  }
  .ch .digr-acdm-report-01 {
    background: url(../images/digr_acdm_report_01_ch.png) no-repeat center;
    background-size: contain;
  }
  .ch .digr-acdm-report-02 {
    background: url(../images/digr_acdm_report_02_ch.png) no-repeat center;
    background-size: contain;
  }
  .ch .digr-acdm-milestone {
    background: url(../images/digr_acdm_milestone_ch.png) no-repeat center;
    background-size: contain;
  }
  .ch .digr-acdm-major-mailstone01 {
    background: url(../images/digr_acdm_major_mailstone_06_ch.png) no-repeat center;
    background-size: contain;
  }
  .ch .digr-acdm-major-mailstone02 {
    background: url(../images/digr_acdm_major_mailstone_07_ch.png) no-repeat center;
    background-size: contain;
  }
  .ch .digr-acdm-flow-chart {
    background: url(../images/digr_acdm_flow_chart_ch.png) no-repeat center;
    background-size: contain;
  }
  .ch .digr-strengthen-competitive1 {
    background: url(../images/digr_strengthen_competitive_01_ch.png) no-repeat center;
    background-size: contain;
  }
  .ch .digr-strengthen-competitive2 {
    background: url(../images/digr_strengthen_competitive_02_ch.png) no-repeat center;
    background-size: contain;
  }
  .ch .digr-communication-channel {
    background: url(../images/digr_communication_channel_01_ch.png) no-repeat center;
    background-size: contain;
  }
  .ch .digr-concomitant-growth {
    background: url(../images/digr_concomitant_growth_01_ch.png) no-repeat center;
    background-size: contain;
  }
  .ch .digr-ethics-management-organization {
    background: url(../images/digr_ethics_management_organization_ch.png) no-repeat center;
    background-size: contain;
  }
  .ch .digr-ethics-management-vision1 {
    background: url(../images/digr_ethical_management_vision_01_ch.png) no-repeat center;
    background-size: contain;
  }
  .ch .digr-ethics-management-vision2 {
    background: url(../images/digr_ethical_management_vision_02_ch.png) no-repeat center;
    background-size: contain;
  }
  .ch .digr-personal-information {
    background: url(../images/digr_personal_information_ch.png) no-repeat center;
    background-size: contain;
  }
  .ch .digr-social-contribution01 {
    background: url(../images/digr_social_contribution01_ch.png) no-repeat center;
    background-size: contain;
  }
  .ch .digr-social-contribution02 {
    background: url(../images/digr_social_contribution02_ch.png) no-repeat center;
    background-size: contain;
  }
  .ch .digr-social-contribution03 {
    background: url(../images/digr_social_contribution03_ch.png) no-repeat center;
    background-size: contain;
  }
  .ch .digr-social-contribution04 {
    background: url(../images/digr_social_contribution04_ch.png) no-repeat center;
    background-size: contain;
  }
  .ch .digr-social-contribution05 {
    background: url(../images/digr_social_contribution05_ch.png) no-repeat center;
    background-size: contain;
  }
  .ch .digr-vision-strategy1 {
    background: url(../images/digr_vision_strategy_01_ch.png) no-repeat center;
    background-size: contain;
  }
  .ch .digr-vision-strategy2 {
    background: url(../images/digr_vision_strategy_02_ch.png) no-repeat center;
    background-size: contain;
  }
  .ch .digr-energy-independence {
    background: url(../images/digr_energy_independence_02_ch.png) no-repeat center;
    background-size: contain;
  }
  .ch .digr-energy-independence03 {
    background: url(../images/map_energy_independence_03_ch.png) no-repeat center;
    background-size: contain;
  }
  .ch .digr-service-assessment {
    background: url(../images/digr_service_assessment_ch.png) no-repeat center;
    background-size: contain;
  }
  .ch .digr-recruit-guide {
    background: url(../images/digr_recruit_guide_ch.png) no-repeat center;
    background-size: contain;
  }
  .ch .digr-free-trade-zone {
    background: url(../images/digr_free_trade_zone_ch.png) no-repeat center;
    background-size: contain;
  }
  .ch .digr-environment-monitoring {
    background: url(../images/digr_environmental_monitoring_ch.png) no-repeat center;
    background-size: contain;
  }
  .ch .digr-noise-management {
    background: url(../images/digr_noise_management_ch.png) no-repeat center;
    background-size: contain;
  }
  .ch .digr-environment-system {
    background: url(../images/digr_environment_management_system01_ch.jpg) no-repeat center;
    background-size: contain;
  }
  .ch .digr-cp-vision01 {
    background: url(../images/digr_cp_vision01_ch.png) no-repeat center;
    background-size: contain;
  }
  .ch .digr-cp-vision02 {
    background: url(../images/digr_cp_vision02_ch.png) no-repeat center;
    background-size: contain;
  }
  .ch .digr-co-history1 {
    background: url(../images/digr_co_traces_01_ch.jpg) no-repeat center;
    background-size: contain;
  }
  .ch .digr-co-history2 {
    background: url(../images/digr_co_traces_02_ch.jpg) no-repeat center;
    background-size: contain;
  }
  .ch .digr-co-history3 {
    background: url(../images/digr_co_traces_03_ch.jpg) no-repeat center;
    background-size: contain;
  }
  .ja .digr-environment-systema-location {
    background: url(../images/digr_environment_system_location_ja.png) no-repeat center;
    background-size: contain;
  }
  .ja .digr-public-data-open-guidea {
    background: url(../images/digr_public_data_open_guide_ja.png) no-repeat center;
    background-size: contain;
  }
  .ja .digr-open-public-data {
    background: url(../images/digr_open_public_data_ja.png) no-repeat center;
    background-size: contain;
  }
  .ja .digr-procedures-disclosure {
    background: url(../images/digr_procedures_disclosure_ja.png) no-repeat center;
    background-size: contain;
  }
  .ja .digr-protection-compensation {
    background: url(../images/digr_protection_compensation_ja.png) no-repeat center;
    background-size: contain;
  }
  .ja .digr-co-history {
    background: url(../images/digr_co_history_ja.png) no-repeat center;
    background-size: contain;
  }
  .ja .digr-co-traces {
    background: url(../images/digr_co_traces_ja.png) no-repeat center;
    background-size: contain;
  }
  .ja .digr-co-vision {
    height: 211px;
    background: url(../images/digr_co_vision_ja.png) no-repeat center;
    background-size: contain;
  }
  .ja .digr-co-management {
    background: url(../images/digr_management_ja.png) no-repeat center;
    background-size: contain;
    border: none;
  }
  .ja .digr-co-interest {
    background: url(../images/digr_interest_ja.png) no-repeat center;
    background-size: contain;
  }
  .ja .digr-co-interest2 {
    background: url(../images/digr_interest2_ja.png) no-repeat center;
    background-size: contain;
  }
  .ja .digr-low-carbon-eco-friendly-strategy1 {
    background: url(../images/digr_low_carbon_eco_friendly_strategy_01_ja.png) no-repeat center;
    background-size: contain;
  }
  .ja .digr-low-carbon-eco-friendly-strategy2 {
    background: url(../images/digr_low_carbon_eco_friendly_strategy_02_ja.png) no-repeat center;
    background-size: contain;
  }
  .ja .digr-monitoring-system1 {
    background: url(../images/digr_monitoring_system_01_ja.png) no-repeat center;
    background-size: contain;
  }
  .ja .digr-monitoring-system2 {
    background: url(../images/digr_monitoring_system_02_ja.png) no-repeat;
    background-size: 100%;
    height: 260px;
  }
  .ja .digr-social-contribution-performance {
    background: url(../images/digr_social_contribution_performance_ja.png) no-repeat center;
    background-size: contain;
  }
  .ja .grp-energy-management {
    background: url(../images/grp_energy_management_01_ja.png) no-repeat center;
    background-size: contain;
  }
  .ja .digr-international-cooperation {
    background: url(../images/digr_international_cooperation_01_ja.png) no-repeat center;
    background-size: contain;
  }
  .ja .digr-international-freight-network1 {
    background: url(../images/digr_international_freight_network_01_ja.png) no-repeat center;
    background-size: contain;
  }
  .ja .grp-international-freight-network1 {
    background: url(../images/grp_international_freight_network_01_ja.png) no-repeat center;
    background-size: contain;
  }
  .ja .grp-international-freight-network2 {
    background: url(../images/grp_international_freight_network_02_ja.png) no-repeat center;
    background-size: contain;
  }
  .ja .digr-international-freight-network2 {
    background: url(../images/digr_international_freight_network_02_ja.png) no-repeat center;
    background-size: contain;
  }
  .ja .digr-construction-case01 {
    background: url(../images/digr_construction_case_01_ja.png) no-repeat center;
    background-size: contain;
  }
  .ja .digr-construction-case02 {
    background: url(../images/digr_construction_case_02_ja.png) no-repeat center;
    background-size: contain;
  }
  .ja .digr-construction-case03 {
    background: url(../images/digr_construction_case_03_ja.png) no-repeat center;
    background-size: contain;
  }
  .ja .digr-procedure-application {
    background: url(../images/digr_procedure_application_ja.png) no-repeat center;
    background-size: contain;
  }
  .ja .digr-notice-tender {
    background: url(../images/digr_notice_tender_ja.png) no-repeat center;
    background-size: contain;
  }
  .ja .digr-service-procedure01 {
    background: url(../images/digr_service_procedure_01_ja.png) no-repeat center;
    background-size: contain;
  }
  .ja .digr-service-procedure02 {
    background: url(../images/digr_service_procedure_02_ja.png) no-repeat center;
    background-size: contain;
  }
  .ja .grp-energy-management {
    background: url(../images/grp_energy_management_01_ja.png) no-repeat center;
    background-size: contain;
  }
  .ja .grp-construction-business1 {
    background: url(../images/grp_construction_business_01_ja.png) no-repeat center;
    background-size: contain;
  }
  .ja .grp-construction-business2 {
    background: url(../images/grp_construction_business_02_ja.png) no-repeat center;
    background-size: contain;
  }
  .ja .grp-management-performance03 {
    background: url(../images/grp_management_performance_03_ja.png) no-repeat center;
    background-size: contain;
  }
  .ja .grp-management-performance02 {
    background: url(../images/grp_management_performance_02_ja.png) no-repeat center;
    background-size: contain;
  }
  .ja .grp-management-performance01 {
    background: url(../images/grp_management_performance_01_ja.png) no-repeat center;
    background-size: contain;
  }
  .ja .grp-airport-capacity1 {
    background: url(../images/grp_airport_capacity_01_ja.png) no-repeat center;
    background-size: contain;
  }
  .ja .grp-airport-capacity2 {
    background: url(../images/grp_airport_capacity_02_ja.png) no-repeat center;
    background-size: contain;
  }
  .ja .grp-airport-capacity3 {
    background: url(../images/grp_airport_capacity_03_ja.png) no-repeat center;
    background-size: contain;
  }
  .ja .digr-acdm-report-01 {
    background: url(../images/digr_acdm_report_01_ja.jpg) no-repeat center;
    background-size: contain;
  }
  .ja .digr-acdm-report-02 {
    background: url(../images/digr_acdm_report_02_ja.png) no-repeat center;
    background-size: contain;
  }
  .ja .digr-acdm-milestone {
    background: url(../images/digr_acdm_milestone_ja.png) no-repeat center;
    background-size: contain;
  }
  .ja .digr-acdm-major-mailstone01 {
    background: url(../images/digr_acdm_major_mailstone_06_ja.png) no-repeat center;
    background-size: contain;
  }
  .ja .digr-acdm-major-mailstone02 {
    background: url(../images/digr_acdm_major_mailstone_07_ja.png) no-repeat center;
    background-size: contain;
  }
  .ja .digr-acdm-flow-chart {
    background: url(../images/digr_acdm_flow_chart_ja.png) no-repeat center;
    background-size: contain;
  }
  .ja .digr-strengthen-competitive1 {
    background: url(../images/digr_strengthen_competitive_01_ja.png) no-repeat center;
    background-size: contain;
  }
  .ja .digr-strengthen-competitive2 {
    background: url(../images/digr_strengthen_competitive_02_ja.png) no-repeat center;
    background-size: contain;
  }
  .ja .digr-communication-channel {
    background: url(../images/digr_communication_channel_01_ja.png) no-repeat center;
    background-size: contain;
  }
  .ja .digr-concomitant-growth {
    background: url(../images/digr_concomitant_growth_01_ja.png) no-repeat center;
    background-size: contain;
  }
  .ja .digr-ethics-management-organization {
    background: url(../images/digr_ethics_management_organization_ja.png) no-repeat center;
    background-size: contain;
  }
  .ja .digr-ethics-management-vision1 {
    background: url(../images/digr_ethical_management_vision_01_ja.png) no-repeat center;
    background-size: contain;
  }
  .ja .digr-ethics-management-vision2 {
    background: url(../images/digr_ethical_management_vision_02_ja.png) no-repeat center;
    background-size: contain;
  }
  .ja .digr-personal-information {
    background: url(../images/digr_personal_information_ja.png) no-repeat center;
    background-size: contain;
  }
  .ja .digr-social-contribution01 {
    background: url(../images/digr_social_contribution01_ja.png) no-repeat center;
    background-size: contain;
  }
  .ja .digr-social-contribution02 {
    background: url(../images/digr_social_contribution02_ja.png) no-repeat center;
    background-size: contain;
  }
  .ja .digr-social-contribution03 {
    background: url(../images/digr_social_contribution03_ja.png) no-repeat center;
    background-size: contain;
  }
  .ja .digr-social-contribution04 {
    background: url(../images/digr_social_contribution04_ja.png) no-repeat center;
    background-size: contain;
  }
  .ja .digr-social-contribution05 {
    background: url(../images/digr_social_contribution05_ja.png) no-repeat center;
    background-size: contain;
  }
  .ja .digr-vision-strategy1 {
    background: url(../images/digr_vision_strategy_01_ja.png) no-repeat center;
    background-size: contain;
  }
  .ja .digr-vision-strategy2 {
    background: url(../images/digr_vision_strategy_02_ja.png) no-repeat center;
    background-size: contain;
  }
  .ja .digr-energy-independence {
    background: url(../images/digr_energy_independence_02_ja.png) no-repeat center;
    background-size: contain;
  }
  .ja .digr-energy-independence03 {
    background: url(../images/map_energy_independence_03_ja.png) no-repeat center;
    background-size: contain;
  }
  .ja .digr-service-assessment {
    background: url(../images/digr_service_assessment_ja.png) no-repeat center;
    background-size: contain;
  }
  .ja .digr-recruit-guide {
    background: url(../images/digr_recruit_guide_ja.png) no-repeat center;
    background-size: contain;
  }
  .ja .digr-free-trade-zone {
    background: url(../images/digr_free_trade_zone_ja.png) no-repeat center;
    background-size: contain;
  }
  .ja .digr-environment-monitoring {
    background: url(../images/digr_environmental_monitoring_ja.png) no-repeat center;
    background-size: contain;
  }
  .ja .digr-noise-management {
    background: url(../images/digr_noise_management_ja.png) no-repeat center;
    background-size: contain;
  }
  .ja .digr-environment-system {
    background: url(../images/digr_environment_management_system01_ja.jpg) no-repeat center;
    background-size: contain;
  }
  .ja .digr-cp-vision01 {
    background: url(../images/digr_cp_vision01_ja.png) no-repeat center;
    background-size: contain;
  }
  .ja .digr-cp-vision02 {
    background: url(../images/digr_cp_vision02_ja.png) no-repeat center;
    background-size: contain;
  }
  .ja .digr-co-history1 {
    background: url(../images/digr_co_traces_01_ja.jpg) no-repeat center;
    background-size: contain;
  }
  .ja .digr-co-history2 {
    background: url(../images/digr_co_traces_02_ja.jpg) no-repeat center;
    background-size: contain;
  }
  .ja .digr-co-history3 {
    background: url(../images/digr_co_traces_03_ja.jpg) no-repeat center;
    background-size: contain;
  }
}

@media screen and (max-width: 1080px) {
  .en .footer .sns-list-item {
    width: 20% !important;
  }
  .en .btn-type-normal.table {
    padding: 5px;
  }
  .en .btn-type-small {
    height: auto;
    line-height: 1.4;
    padding: 5px;
  }
  .en .list1-item {
    text-align: left;
  }
  .en .list2-item {
    text-align: left;
  }
  .en .table.table-block .list1-item {
    text-align: center;
  }
  .en .table.table-block .list2-item {
    text-align: center;
  }
  .en .search-box {
    border: none;
  }
  .en .search-box-title {
    float: none;
    top: 0;
  }
  .en .main-visual-news-title {
    height: 22px;
  }
  .en .gnb-depth1 {
    width: auto;
  }
  .en .list2-item {
    text-align: left;
  }
  .en .co-history-list-year {
    display: inline-block;
  }
  .en .main-visual-news-section.last .main-visual-news-txt.tab {
    width: 100%;
  }
  .en .main-visual-news-section.last .main-visual-news-txt.tab .main-list {
    width: 90%;
  }
  .en .main-visual-news-title {
    font-size: 1rem;
  }
  .en .main-visual-news-txt {
    font-size: 0.75rem;
    margin-top: 0;
    width: 60%;
  }
  .en .main-visual-news-txt br {
    display: none;
  }
  .en .main-section2-text {
    min-height: inherit;
  }
  .en .main-section2-text-box {
    height: auto;
  }
  .en .main-section2-text-list {
    margin-top: 0;
  }
  .ch .footer .sns-list-item {
    width: 20% !important;
  }
  .ch .btn-type-small {
    height: auto;
    line-height: 1.4;
    padding: 5px;
  }
  .ch .gnb-depth1 {
    width: auto;
  }
  .ch .co-history-list-year {
    display: inline-block;
  }
  .ch .main-visual-news-section.last .main-visual-news-txt.tab {
    width: 100%;
  }
  .ch .main-visual-news-section.last .main-visual-news-txt.tab .main-list {
    width: 90%;
  }
  .ch .main-visual-news-title {
    font-size: 1rem;
  }
  .ch .main-visual-news-txt {
    font-size: 0.75rem;
    letter-spacing: -1px;
    margin-top: 0;
    width: 60%;
  }
  .ch .main-visual-news-txt br {
    display: none;
  }
  .ch .main-section2-text {
    min-height: inherit;
  }
  .ch .main-section2-text-box {
    height: auto;
  }
  .ch .main-section2-text-list {
    margin-top: 0;
  }
  .ja .footer .sns-list-item {
    width: 20% !important;
  }
  .ja .header-util-cs-link {
    font-size: 0.75rem;
    letter-spacing: -1px;
  }
  .ja .btn-type-small {
    height: auto;
    line-height: 1.4;
    padding: 5px;
  }
  .ja .gnb-depth1 {
    width: 295px;
  }
  .ja .co-history-list-year {
    display: inline-block;
  }
  .ja .main-visual-news-section.last .main-visual-news-txt.tab {
    width: 100%;
  }
  .ja .main-visual-news-section.last .main-visual-news-txt.tab .main-list {
    width: 90%;
  }
  .ja .main-visual-news-title {
    font-size: 1rem;
  }
  .ja .main-visual-news-txt {
    font-size: 0.75rem;
    letter-spacing: -1px;
    margin-top: 0;
    width: 60%;
  }
  .ja .main-visual-news-txt br {
    display: none;
  }
  .ja .main-section2-text {
    min-height: inherit;
  }
  .ja .main-section2-text-box {
    height: auto;
  }
  .ja .main-section2-text-list {
    margin-top: 0;
  }
}

.left-menu-depth3-andy {
    border-top: 3px solid #1D2C77;
}

.left-menu-depth4-andy {
    background-color:#00b4fa;
	border-left: 6px solid #ffae44;
}

.text-col-andy {
	background-color: #307dbd;
}
.fm-minheight {
    min-height: 500px;
}
.fm-conetent-mt {
    margin-top: 6rem;
}
.fm-mod-tit {
    border-bottom: 4px solid #000;
    font-size: 1.8rem;
    color: #333;
    text-indent: 1rem;
    line-height: 3.6rem;
    text-align: left;
}
.fm-article {
    text-indent: 30px;
    margin: 10px;
    font-size: 1rem;
    line-height: 1.8;
}

.small-squares{
	float:left;
	width:25%;
	height:33.33%;
	overflow: hidden;
}
.small-squares img, .zhong-squares img{
	transition:all .8s ease;	
	width:100%;
}
.fm-small-box:hover img{
	-webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.zhong-squares{
	float: left;
    width: 100%;
    height: 50%;
    overflow: hidden;
}
.zhong-squares:hover img{
	-webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.special-andy{
	background-color:#1da2ba;
	position:relative;
	transition:all .5s ease;
	cursor: pointer;
}

.special-andy1{
	width:50%;
	height:50%;
	background-color:#1da2ba;
	position:relative;
	transition:all .5s ease;
	cursor: pointer;
}

.special-andy:hover .title-box-andy{
	font-size:60px;
	top:15%;
}

.special-andy:hover .fm-chuxin{
	font-size:50px;
	top:30%;
}
.special-andy:hover .title-box-en-andy{
	top:55%;
}

.special-andy1:hover .title-box-andy{
	font-size:60px;
	top:15%;
}
.special-andy1:hover .title-box-en-andy{
	top:55%;
}

.title-box-andy{
	width:300px;
	position:absolute;
	left:calc( 50% - 150px );
	top:30%;
	text-align:center;
	font-size:36px;
	color:white;
	transition:all .5s ease;
	white-space: nowrap;
}
.fm-chuxin{
	top:44%;
}
.title-box-en-andy{
	display:block;
	width:300px;
	text-align:center;
	font-size:20px;
	color:white;
	margin-top: 10px;
}
.title-jr-andy{
	display: none;
	width:300px;
	position:absolute;
	left:calc( 50% - 150px );
	text-align:center;
	font-size:20px;
	color:white;
	top:75%;
	opacity:1;
	animation:mymove .8s ease-out 1;
	-webkit-animation:mymove .8s ease-out 1; 
	
}
@keyframes mymove
{
	from {top:60%;opacity: 0;}
	to {top:75%;opacity:1;}
}

@-webkit-keyframes mymove 
{
	from {top:60%;opacity: 0;}
	to {top:75%;opacity:1;}
}
.special-andy:hover .title-jr-andy{
	display: block;
}
.special-andy1:hover .title-jr-andy{
	display: block;
}

.fuzhu-kuang-andy{
	float:left;
	width:50%;
	height:66.66%;
}
.clear{
	clear:both;
	
	}

.table.vt tr:nth-child(even){
	background-color:#f1f2f3;
}

.airplane-box-andy {
    margin: 20px 0;
    height: 50px;
    text-align: center;
}
.airplane-andy {
    width: 50%;
    height: 50px;
    border: 1px solid #00223e;
    font-size: 20px;
    line-height: 50px;
    text-indent: 20px;
    vertical-align: middle;
    outline: none;
}
.airplane-but-andy {
    width: 100px;
    height: 50px;
    line-height: 50px;
    margin-left: 20px;
    border: 0;
    background-color: #00223e;
    color: white;
    font-size: 20px;
    vertical-align: middle;
}
/* 新二屏样式块  start  */
.left-box-andy{
	float:left;
	width:60%;
	height:100%;
	background-color:white;
	position:relative;
}

.right-box-andy{
	float: left;
	width:40%;
	height:100%;
	background:url(../images/2N2A5849.jpg) no-repeat;
	background-size:cover;
}

.two-show-box-andy{
    width: 80%;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    margin-top: -25%;
}

.w-title-andy{
	font-size:3rem;
	line-height:2;
}

.w-andybox1{
	float:left;
	width:33.33%;
}

.w-ico-andy{
	width:50px;
	height:50px;
	border-radius:5%;
}

.w-list-andy{
	padding:20px 20px 20px 0;
}

.w-list-andy li{
	font-size: 1.09rem;
    line-height: 2.5;
    border-bottom: 1px solid #eee;
	cursor:pointer;
	transition: all  0.3s  ease;
}

.w-list-andy li:hover{
	background-color:#00223e;
	color:white;
	text-indent:20px;
}
/* 新二屏样式块  end  */

/*      手机端    ==================================================== start=============================================================      */
@media screen and (max-width: 640px) {
.header {
    min-width: inherit;
    height: 48px;
    padding-top: 15px;
}
	
.f-content-lists li{
	width:100%;
	padding:1% 0;
}
   
 .fm-header-logo {
	display:none;
}

.main-visual-news {
	width: 100%;
    height: auto;
    padding: 15px;
    position: absolute;
    bottom: 0;
	top: 0;
    left: 0;
    background: none;
    color: #fff;
    text-align: center;
    z-index: 100;
	padding:48px 15px 15px;
}

.small-squares {
    float: left;
    width: 100%;
    height: 230px;
    margin-top: 10px;
    overflow: hidden;
}

.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}
.fm-pages1 .fp-tableCell{
    height: 1740px !important;	
}

.fm-pages2 .fp-tableCell{
    height: 1200px !important;	
}

.fm-pages2{
	width:100% !important;
	min-width:100%;
}

.left-box-andy {
    float: left;
    width: 100%;
    height: 100%;
    background-color: white;
    position: relative;
}

.two-show-box-andy {
    width: 90%;
    position: absolute;
    top: 10%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.andy-ipone-hidden{
	display:none;
}

.fuzhu-kuang-andy {
    float: left;
    width: 100%;
}

.zhong-squares {
    float: left;
    width: 100%;
    height: 230px;
    overflow: hidden;
    margin-top: 10px;
}

.special-andy {
    width: 100%;
    height: 230px;
    position: relative;
    transition: all .5s ease;
    cursor: pointer;
}
.w-andybox1 {
    float: left;
    width: 100%;
}

.contents {
    width: 100%;
	min-width:100%;
	margin-bottom:0;
}

.fm-mod-tit {
    border-bottom: 4px solid #000;
    font-size: 1.8rem;
    color: #333;
    line-height: 3.6rem;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
}

.title-page-a {
    color: white;
    font-size: 3rem;
    text-align: left;
}

.airplane-andy {
    width: 60%;
    height: 50px;
    border: 1px solid #00223e;
    font-size: 20px;
    line-height: 50px;
    text-indent: 20px;
    vertical-align: middle;
    outline: none;
}

.airplane-but-andy {
    width: 100px;
    height: 40px;
    line-height: 40px;
    margin-left: 20px;
    border: 0;
    background-color: #00223e;
    color: white;
    font-size: 20px;
    vertical-align: middle;
}

.sub-contents {
    margin-bottom: 20px;
    width: 100%;
    float: none;
}

}
/*      手机端     end  ==================================================================================================================      */
@media screen and (max-width: 800px){
.fm-mobile {
    width: 80%;
}
}