@charset "UTF-8";

/* http://meyerweb.com/eric/tools/css/reset/

   v2.0 | 20110126

   License: none (public domain)

*/

@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

@import url(https://fonts.googleapis.com/earlyaccess/notosanssc.css);

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;

}



/* HTML5 display-role reset for older browsers */

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: separate;

  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;

}

/* box arrow del

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;

}

*/



select {

  -webkit-appearance: none;

  -webkit-border-radius: 0px;

  -moz-appearance: none;

  appearance: none;

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

}

select::-ms-expand {

  display: none;

}



input {

  -webkit-appearance: none;

  -webkit-border-radius: 0;

}



/* exo - en */

@font-face {

  font-family: "exo";

  font-weight: 300;

  src: url("/static/fonts/exo/exo_Th.woff") format("woff");

}



@font-face {

  font-family: "exo";

  font-weight: 400;

  src: url("/static/fonts/exo/exo_L.woff") format("woff");

}



@font-face {

  font-family: "exo";

  font-weight: 700;

  src: url("/static/fonts/exo/exo_R.woff") format("woff");

}



/* roboto - en */

@font-face {

  font-family: "roboto";

  font-weight: 300;

  src: url("/static/fonts/roboto/roboto_Th.woff") format("woff");

}



@font-face {

  font-family: "roboto";

  font-weight: 400;

  src: url("/static/fonts/roboto/roboto_L.woff") format("woff");

}



@font-face {

  font-family: "roboto";

  font-weight: 700;

  src: url("/static/fonts/roboto/roboto_R.woff") format("woff");

}



/* spoqa - ko */

@font-face {

  font-family: "spoqa";

  font-weight: 200;

  src: url("/static/fonts/spoqa/spoqa_Th.woff") format("woff");

}



@font-face {

  font-family: "spoqa";

  font-weight: 300;

  src: url("/static/fonts/spoqa/spoqa_L.woff") format("woff");

}



@font-face {

  font-family: "spoqa";

  font-weight: 400;

  src: url("/static/fonts/spoqa/spoqa_R.woff") format("woff");

}



@font-face {

  font-family: "spoqa";

  font-weight: 700;

  src: url("/static/fonts/spoqa/spoqa_B.woff") format("woff");

}



/* nanum sqaure - ko */

@font-face {

  font-family: "nanumsq";

  font-weight: 300;

  src: url("/static/fonts/nanumsq/ns_L.woff") format("woff");

}



@font-face {

  font-family: "nanumsq";

  font-weight: 400;

  src: url("/static/fonts/nanumsq/ns_R.woff") format("woff");

}



@font-face {

  font-family: "nanumsq";

  font-weight: 700;

  src: url("/static/fonts/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;

}



/*! jQuery UI - v1.12.1 - 2016-09-14

* http://jqueryui.com

* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css

* To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6

* Copyright jQuery Foundation and other contributors; Licensed MIT */



.firefox .ch .co-traces p {

  word-break: normal;

} 

.firefox .ja .co-traces p {

  word-break: normal;

} 



.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(/static/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: 1rem !important;

  margin: 1px 0;

}



.ui-datepicker select.ui-datepicker-month,

.ui-datepicker select.ui-datepicker-year {

  color: #fff !important;

  height: 25px !important;

  margin: 0 3px;

  border: 1px solid #434651;

  background: #323648 url(/static/co/images/btn_arr_select_w.png) no-repeat 100% 50% !important ;

  padding-left: 7px;

}



.ui-datepicker select.ui-datepicker-year {

  width: 35%;

}

.ui-datepicker select.ui-datepicker-month {

  width: 25%;

}



.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;

}



/* with multiple calendars */

.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;

}



/* RTL support */

.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;

}



/* Icons */

.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: 10px 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(/static/ap/images/spr_ico_top_popup.png) no-repeat;

  position: absolute;

  top: 50px;

  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: 10px;

  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(/static/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: 7px;

  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(/static/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: 155px;

}



.top-open.header {

  top: 155px;

}



.top-open.gnb {

  top: 215px;

}



.top-open.gnb.down {

  top: 155px;

}



.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: 60px;

  padding-top: 15px;

  box-sizing: border-box;

  background: #fff;

  position: fixed;

  top: 0;

  left: 0;

  z-index: 9999;

  transition: top .3s ease-out;

}



.header-site {

  position: absolute;

  top: 15px;

  left: 15px;

}



.header-site-item {

  float: left;

}



.header-site-item:first-child {

  margin-right: -1px;

}



.header-site-link {

  display: block;

  width: 132px;

  height: 32px;

  text-align: center;

  line-height: 32px;

  font-size: 0.8125rem;

  color: #666;

  border: 1px solid #b7c0ce;

  position: relative;

}



.header-site-link.on {

  z-index: 10;

  color: #5171b3;

  border: 1px solid #4674c9;

}



.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: #666;

}



.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: 468px;

  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(/static/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(/static/ap/images/ico_airplane_info_close.png) no-repeat;

  background-size: cover;

  position: absolute;

  top: 0;

  left: 0;

}



.header.down {

  top: -60px;

}



.gnb {

  width: 100%;

  height: 41px;

  padding-top: 7px;

  margin: 0 auto;

  background: #fff;

  border-bottom: 1px solid #ddd;

  overflow: hidden;

  box-sizing: border-box;

  position: fixed;

  top: 60px;

  left: 0;

  z-index: 9998;

  transition: top .3s ease-out;

}



.gnb.on {

  height: 320px !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: 2px;

  background: #42519e;

  position: absolute;

  top: 45px;

}



.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;

}



.gnb-depth1-link:hover {

  color: #42519e;

}



.gnb-depth2 {

  height: 270px;

  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;

}



.gnb-depth2-link:hover {

  color: #42519e;

  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;

}



.gnb.down:before {

  /* content: "";

  display: block;

  width: 60px;

  height: 22px;

  background: url(/static/ap/images/logo_symbol.png) no-repeat;

  position: absolute;

  top: 15px;

  left: 30px;

  z-index: 50;

  opacity: 1;

  background-size: 100%; */

}



.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(/static/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;

}





/* quick menu */

.quick {

  width: 73px;

  position: fixed;

  top: 50%;

  right: 0;

  z-index: 999;

  transform: translateY(-40%);

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

  -moz-transform: translateY(-40%);

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

  -o-transform: translateY(-40%);

}



.quick.quick-in {

  transition: all .3s ease-out;

}



.quick-menu-list {

  background: #272936;

  border-top-left-radius: 7px;

  border-bottom-left-radius: 7px;

  overflow: hidden;

}



.quick-menu-list-item {

  text-align: center;

}



.quick-menu-list-item.top {

  padding-bottom: 5px;

}



.quick-menu-list-item:hover {

  background: #222;

}



.quick-menu-list-link {

  padding: 10px 0;

  color: white;

  font-size: 0.75rem;

  display: block;

  line-height: 140%;

}



.quick-menu-list-link:before {

  content: '';

  display: block;

  height: 30px;

  margin: 0 auto 5px;

  background: url(/static/co/images/spr_ico_quick.png) no-repeat;

}



.quick-menu-list-item.sns-box {

  width: 32px;

  height: 30px;

  display: inline-block;

  vertical-align: top;

}



.quick-menu-list .sns-box:nth-child(1) {

  margin: 15px 0 0 7px;

}



.quick-menu-list .sns-box:nth-child(2) {

  margin: 15px 0 0 -4px

}



.quick-menu-list .sns-box:nth-child(3) {

  margin: 0 0 0 7px

}



.quick-menu-list .sns-box:nth-child(4) {

  margin: 0 0 0 -4px

}



.quick-menu-list .sns-box:nth-child(5) {

  margin: 0 0 15px 7px

}



.quick-menu-list .sns-box:nth-child(6) {

  margin: 0 0 15px -4px

}



.sns-box .quick-menu-list-link {

  font-size: 0.0000px;

  padding-top: 5px;

}



.quick-menu-list-link.sns-instar:before {

  background-position: -87px -40px;

}



.quick-menu-list-link.sns-face:before {

  background-position: -125px -40px;

}



.quick-menu-list-link.sns-youtube:before {

  background-position: -163px -35px;

}



.quick-menu-list-link.sns-weibo:before {

  background-position: -206px -39px;

}



.quick-menu-list-link.sns-naver:before {

  background-position: -246px -38px;

}



.quick-menu-list-link.sns-wordpress:before {

  background-position: -282px -38px;

}



.quick-menu-list-link.ci-airport:before {

  background-position: -35px 10px;

  width: 43px;

  height: 35px;

}



.quick-menu-list-link.notice:before {

  background-position: 0 -40px;

  width: 23px;

}



.quick-menu-list-link.online-minwon:before {

  background-position: -38px -40px;

  width: 26px;

}



.quick-menu-list-link.cocom:before {

  background-position: 0 -80px;

  width: 26px;

}



.quick-menu-list-link.data:before {

  background-position: -36px -80px;

  width: 32px;

}



.quick-menu-list-top {

  color: white;

  font-size: 0.75rem;

}

/* quick menu */





/*!

 * fullPage 2.9.4

 * https://github.com/alvarotrigo/fullPage.js

 * MIT licensed

 *

 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo

 */

.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;

}



/*# sourceMappingURL=jquery.fullpage.min.css.map */

.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(/static/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: calc(50% - 55px);

  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: 3px;

}



.main-visual-item .visual-text:nth-child(2) {

  position: relative;

  right: -20px;

  font-family: nanumsq, sans-serif;

  font-weight: 700;

  opacity: 0;

  letter-spacing: 3px;

}



.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: 74px;

  height: 74px;

  padding: 0;

  border: none;

  background: url(/static/ap/images/spr_main_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: -84px 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(/static/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: 200px;

  background: #23368c;

  opacity: 0.9;

  position: absolute;

  bottom: 0;

  left: 0;

  color: #fff;

  text-align: center;

  z-index: 100;

}



.main-visual-news-inner {

  display: inline-block;

}



.main-visual-news-section {

  width: 384px;

  height: 200px;

  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(/static/co/images/bg_main_visual_news_02.png) 43px -34px no-repeat;

}



.ko .main-visual-news-section.first {

  background-image: none;

}



.main-visual-news-section.middle {

  background: url(/static/co/images/bg_main_visual_vision.png) 96px 12px no-repeat;

}



.ko .main-visual-news-section.middle {

  background-image: none;

}



.ko .main-visual-news-section.last {

  background: url(/static/co/images/bg_main_visual_news_02.png) #23368c right center no-repeat

}



.en .main-visual-news-section.last {

  background: url(/static/co/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: 28px;

  height: 9px;

  background: url(/static/co/images/spr_arrow.png) 0 0;

  position: absolute;

  bottom: 40px;

  left: 30px;

}



.main-visual-news-section .more-link {

  text-indent: -99999px;

  width: 100%;

  height: 100%;

  position: absolute;

  bottom: 0px;

  left: 0px;

}



.main-visual-news-section .more-link-plus {

  text-indent: -9999px;

  height: 13px;

  width: 13px;

  background: url(/static/co/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("/static/co/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: 120px;

}



.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: 280px;

  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;

}



/* 2020.1.3 추가 */

.external-link-text.phase4 {

  margin: 0 30px 0 0;

}



.external-link-text.phase4:before {

  content: "";

  display: block;

  background: url(/static/co/images/logo_construction_4th.png) no-repeat;

  width: 84px;

  height: 38px;

  position: absolute;

  top: 0;

  left: 0;

}



.external-link-text.phase4:after {

  content: "";

  display: inline-block;

  clear: both;

  background: url(/static/co/images/spr_arrow.png) 0 0;

  width: 28px;

  height: 9px;

  position: absolute;

  bottom: 17px;

  left: 125px;

}



/* 2020.1.3 추가 끝 */





.external-link-text.webjin {

  margin: 0 92px 0 0;

}



.external-link-text.webjin:before {

  content: "";

  display: block;

  background: url(/static/co/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(/static/co/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(/static/co/images/logo_human_resources_development.png) no-repeat;

  width: 47px;

  height: 42px;

  position: absolute;

  top: 0;

  left: 20px;

}



.external-link-text.human:after {

  content: "";

  display: inline-block;

  clear: both;

  background: url(/static/co/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(/static/co/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(/static/co/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(/static/co/images/spr_arrow.png) -28px 11px no-repeat;

  margin-right: 3px;

}



.banner-btn.right {

  background: #333 url(/static/co/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, .aser-numbering2:after {

  content: "";

  display: block;

  clear: both;

}



.before-load {

  display: none;

}



.sub-top {

  margin: 50px 0 40px;

  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;

}



.sub-top.bg1 {

  background: url(/static/co/images/bg_category_01.jpg) center no-repeat;

}



.sub-top.bg2 {

  background: url(/static/co/images/bg_category_02.jpg) no-repeat;

}



.sub-top.bg3 {

  background: url(/static/co/images/bg_category_03.jpg) center no-repeat;

}



.sub-top.bg4 {

  background: url(/static/co/images/bg_category_04.jpg) center no-repeat;

}



.sub-top.bg5 {

  background: url(/static/co/images/bg_category_05.jpg) center no-repeat;

}



.sub-top.bg6 {

  background: url(/static/co/images/bg_category_06.jpg) center no-repeat;

}



.location {

  height: 15px;

  margin-bottom: 20px;

  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;

}



.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: #666;

  font-size: 0.875rem;

}



.location-bar-nav-item:last-child .location-bar-nav-item-link {

  font-weight: bold;

}



.inner-section {

  width: 1200px;

  margin: 0 auto;

  padding: 0 24px;

  box-sizing: border-box;

}



#top-contents {

  padding-top: 126px;

}



.left-menu {

  width: 240px;

  float: left;

}



.left-menu-depth1 {

  border-bottom: 1px solid #d9d9d9;

}



.left-menu-depth1-item-link {

  padding: 10px 15px;

  font-size: 1.125rem;

  border-top: 1px solid #d9d9d9;

  display: block;

  position: relative;

}



.left-menu-depth1-item-link.on {

  border-top: 2px solid #42519e;

  color: #42519e;

  font-weight: 800;

}



.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(/static/co/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(/static/co/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 {

  width: 870px;

  float: right;

}



.sub-contents-heading1 {

  margin-bottom: 40px;

  font-size: 2.175rem;

  font-family: nanumsq, sans-serif;

}



.sub-contents-heading2 {

  margin-bottom: 30px;

  font-size: 1.5rem;

  font-family: nanumsq, sans-serif;

}



.sub-contents-heading1.heading-left {

  float: left;

}



.redwhistle-txt {

    margin-top: -20px;

    margin-bottom: 40px;

}



.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%;

  display: table;

  table-layout: fixed;

}



.tab-nav-list-item {

  float: left;

  display: inline-table;

}



.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 #bebebe;

  font-weight: 400;

  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: #666;

  border: 0;

  border-bottom: 2px solid #999;

}



.tab-nav-list-link.ethical{

  height : 86px;

  padding-top : 30px;

}



.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: 86px;

  display: table-cell;

  vertical-align: middle;

}



/* global sprite icon */

.ico {

  display: inline-block;

  position: relative;

  text-indent: -999em;

  /*location*/

  /*location E*/

  /*pagenation-list*/

  /*pagenation-list e*/

}



.ico:after {

  content: '';

  display: block;

  position: absolute;

  top: 0;



  right: 0;

  left: 0;

  bottom: 0;

  margin: auto;

  background: url(/static/co/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.nb:after {

  background-position: -302px -27px;

  width: 20px;

  height: 20px;

}



.ico.wp:after {

  background-position: -337px -27px;

  width: 20px;

  height: 20px;

}



.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: -128px -93px;

  width: 22px;

  height: 22px;

}



.ico.location-bar-nav-item:after {

  background-position: -153px -93px;

  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.downloadw:after {

  background-position: -461px -98px;

  width: 13px;

  height: 12px;

}



.ico.certification:after {

  left: 25px;

  right: auto;

  top: -4px;

  background-position: -40px -338px;

  width: 20px;

  height: 30px;

}





.ico.ico_alio:after {

  background-position: -350px -300px;

  height: 18px;

  left: 5px;

}



.ico.ico_alio {

  width: 55px;

}



.ico.ico_alio_w {

  width: 55px;

}



.ico.ico_alio_w:after {

  background-position: -348px -332px;

  height: 18px;

  left: 6px;

}



.ico.ico_logo:after {

  background-position: -425px -299px;

  height: 18px;

  left: 5px;

}



.ico.ico_logo {

  width: 35px;

}



/* link type select box */

.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: 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;

}



.list8-item {

  margin-top: 4px;

  padding-left: 12px;

  position: relative;

  font-size: 1.34rem;

  font-weight:700;

  color:#d43e41;

}



.list8-item:before {

  content: "·";

  font-size: 1.625rem;

  position: absolute;

  top: -6px;

  left: 0;

}



.list1-item:before {

  content: "·";

  font-size: 1.625rem;

  position: absolute;

  top: -8px;

  left: 0;

  font-family: roboto;

}



.list1-item:first-child {

  margin-top: 0;

}



.list1-item:before {

  content: "·";

  font-size: 1.625rem;

  position: absolute;

  top: -6px;

  left: 0;

}





/* 2018.12.31 추가 */



.font14 .list1-item:before {

  content: "·";

  font-size: 1.625rem;

  position: absolute;

  top: -12px;

  left: 0;

}



/* 2018.12.31 추가 끝 */



.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;

}



.list9-item {

  font-size: 1.08rem;

  font-weight:700;

  padding-left: 23px;

  position: relative;

  color:#d43e41;

}





.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.875rem;*/

  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 caption {

  text-indent: -999em;

  font-size: 0;

}



.table.vt {

  border-top: 2px solid #444;

  border-bottom: 1px solid #a5a7aa;

}



.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(/static/co/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(/static/co/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(/static/co/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-dark.writing td {

  vertical-align: top;

}



.table.vt-dark1 {

  border-bottom: 1px solid #a5a7aa;

}



.table.vt-dark.pd0 th, .table.vt-dark.pd0 td {

  padding: 6px 0;

}



.table.vt-dark.pds th {

  padding: 10px 15px;

}



.table.vt-dark.pds td {

  padding: 8px 15px;

}



.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 #noodata {

  font-size: 1.1rem;

  border-top: 1px solid #a5a7aa;

  text-align: center;

}



.center.bdr {

  border-right : 1px solid #f2f4f7 !important;

}



.table.vt-dark td.center {

  text-align: center;

}



.table.vt-dark1 td.center {

  text-align: center;

}



.table.vt-dark td.left {

  text-align: left;

}



.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 {

  /*min-width:150px;*/

  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.reply-writing tr:first-child th {

  border-bottom: 1px solid #d9d9d9;

}



.table.reply-writing th {

  position: static;

}



.table.reply-writing th:after {

  display: none;

}



.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 {

  /*text 많은경우*/

}



.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;

}



.table.notice {

  border-top: 1px solid #d9d9d9;

}



.table.notice th {

  border-bottom: 1px solid #474a5b;

}



.table.notice th:after {

  display:none;

}



.table.sports-table td {

  padding: 10px 0;

}



.table.sports-table .play {

  text-indent: -999999999em;

  font-size: 0.01em;

}



.table.sports-table .sport_team .play {

  background: #c1d6ed;

}



.table.sports-table .sport_per .play {

  background: #f3dbdb;

}



.center.check-ico-dot {

  font-size: 6rem;

  line-height: 1rem !important;

}



.board-view.vt {

  border-bottom: none;

}



.board-view .view-head {

  border-bottom: 1px solid #d9d9d9;

}



.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 {

  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 {

  padding: 30px 30px 70px;

}



.board-view .view-body2 {

  padding: 30px 30px 70px;

}



.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 {

  padding-left: 20px;

  float: left;

  line-height: 54px;

  display: inline-block;

}



/* pagenation list*/

.pagenation {

  display: table;

  margin: 0 auto;

}



.pagenation .ico {

  width: 40px;

  height: 40px;

  border: 1px solid #d9d9d9;

  border-left: 0;

  float: left;

}



.pagenation .ico.first {

  border-left: 1px solid #d9d9d9;

}



.pagenation .ico.first:after {

  left: -1px;

}



.pagenation .ico.prev:after {

  left: -1px;

}



.pagenation .ico.next {

  border-left: 1px solid #d9d9d9;

}



.pagenation .ico.next:after {

  right: -1px;

}



.pagenation .ico.last:after {

  right: -1px;

}



.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: 40px;

  height: 40px;

  border: 1px solid #d9d9d9;

  border-left: 0;

  position: relative;

}



.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;

}



.pagenation-list-item.on {

  background: #42519e;

  border-color: #42519e;

}



.pagenation-list-item.on .pagenation-list-link {

  color: #fff;

}



.pagenation-list-link {

  display: block;

  width: 100%;

  height: 100%;

  line-height: 40px;

  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.btn7 {

  height: 40px;

  background: #666;

  color: #fff;

  padding: 0 30px 0 15px;

  line-height: 40px;

  font-weight: 600;

  text-align: center;

}



.btn-type-normal.map {

  width: 428px;

  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.point_blue {

  background: #42519e;

  color: #FFF;

  border: none;

}



.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;

}



/*float*/

.f-left {

  float: left;

}



.f-right {

  float: right;

}



/*display*/

.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: #323648;

  line-height: 1.6;

  font-size: 0.95rem;

}



.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;

}



/*2단3단*/

.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.cyber-sabo .inner-col:last-child {

  padding: 0 12px 0 0;

}



.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 .inner-col.wpl20 {

  padding-left: 20px;

}



.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.img-area-r {

  width: 30%;

  text-align: right;

}



.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.triple.ovbupe .double-box-bottom {

  text-align: center;

  height: 90px;

}



.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.four.majbus-box .inner-col {

  width: calc(25% - 9px);

  padding: 0;

  margin-right: 12px;

}



.multi-col.four.majbus-box .inner-col:last-child {

  margin-right: 0;

}



.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-inner.ctr {

    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;

}



/*input*/

.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;

}



/*select*/

.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(/static/co/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.file-zip:after {

  background-position: -169px -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;

}



/*textbox*/





.text-box {

  display: block;

  width: 100%;

  border: 1px solid #d9d9d9;

  padding: 30px;

}



.text-box.padding25 {

  padding: 25px 0 25px 25px;

}



.text-box.point {

  background: #f5f6f7;

}



.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;

}

.ad-print {

  text-align: center !important;

}

.ad-print .advertising-img {

  padding-bottom: 10px;

}

.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 .list-txt-one {

  padding: 0 0 20px 40px;

}



.text-box .list-txt-one:before {

  width: 40px;

  content: '하나,';

  position: absolute;

  left: 30px;

  display: block;

}



.en .text-box .list-txt-one:before {

  width: 40px;

  content: 'One,';

  position: absolute;

  left: 30px;

  display: block;

}



.ch .text-box .list-txt-one:before {

  width: 40px;

  content: '其一,';

  position: absolute;

  left: 30px;

  display: block;

}



.ja .text-box .list-txt-one:before {

  width: 40px;

  content: '一、';

  position: absolute;

  left: 30px;

  display: 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(/static/co/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;

}





/* 추가 20180814*/



.text-box.consulting500 {

  height: 500px;

  padding: 0;

  text-align: left;

}





.text-box.consulting500 .text-box-headline-col {

  padding: 30px 0;

  margin-bottom: 0;

  text-align: center;

  background: #f2f2f2;

  border-bottom: 1px solid #d9d9d9;

}



.text-box.consulting500 .list1 {

  padding: 20px;

}



.text-box.consulting500 .list1 .list1-item {

  font-size: 1rem;

}



.text-box.consulting570 {

  height: 570px;

  padding: 0;

  text-align: left;

}





.text-box.consulting570 .text-box-headline-col {

  padding: 30px 0;

  margin-bottom: 0;

  text-align: center;

  background: #f2f2f2;

  border-bottom: 1px solid #d9d9d9;

}



.text-box.consulting570 .list1 {

  padding: 20px;

}



.text-box.consulting570 .list1 .list1-item {

  font-size: 1rem;

}





.text-box.consulting360 {

  height: 360px;

  padding: 0;

  text-align: left;

}





.text-box.consulting360 .text-box-headline-col {

  padding: 30px 0;

  margin-bottom: 0;

  text-align: center;

  background: #f2f2f2;

  border-bottom: 1px solid #d9d9d9;

}



.text-box.consulting360 .list1 {

  padding: 20px;

}



.text-box.consulting360 .list1 .list1-item {

  font-size: 1rem;

}



/* 추가 20180820 */



.text-box.consulting440 {

  height: 440px;

  padding: 0;

  text-align: left;

}



.text-box.consulting440 .text-box-headline-col {

  padding: 30px 0;

  margin-bottom: 0;

  text-align: center;

  background: #f2f2f2;

  border-bottom: 1px solid #d9d9d9;

}



.text-box.consulting440 .list1 {

  padding: 20px;

}



.text-box.consulting440 .list1 .list1-item {

  font-size: 1rem;

}



/* 추가 끝 20180820 */



/* 추가 20230525*/



.text-box.consulting240 {

  height: 240px;

  padding: 0;

  text-align: left;

}



.text-box.consulting240 .list1 {

  padding: 15px;

}



.text-box.consulting240 .list1 .list1-item {

  font-size: 1rem;

}



.text-box.consultingauto {

  height: auto;

  padding: 0;

  text-align: left;

}



.text-box.consultingauto .list1 {

  padding: 15px;

}



.text-box.consultingauto .list1 .list1-item {

  font-size: 1rem;

}



.text-box.training .text-box-headline-col {

  padding: 20px 0;

  margin-bottom: 0;

  text-align: center;

  background: #f2f2f2;

  border-bottom: 1px solid #d9d9d9;

}



.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;

}



/* 2018.12.28 추가 */

.textbox-txt2 {

  min-height: 175px;

  width: 58%;

  padding: 20px 5px;

  background: #fff;

  display: inline-block;

  position: relative;

}



.imgbox2 {

  padding:12px;

  float: left;

  display: block;

  position: relative;

}



.textbox-txt2 .list1.font14 .list1-item {

  font-size: 0.875rem;

}

/* 2018.12.28 추가 끝 */



/* 추가 20230525*/

.text-box.consulting240 {

  height: 240px;

  padding: 0;

  text-align: left;

}



.text-box.consulting240 .list1 {

  padding: 15px;

}



.text-box.consulting240 .list1 .list1-item {

  font-size: 1rem;

}



.text-box.training .text-box-headline-col {

  padding: 20px 0;

  margin-bottom: 0;

  text-align: center;

  background: #f2f2f2;

  border-bottom: 1px solid #d9d9d9;

}



.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-btn .user-input-link.shortcut.btn2 {

  position: absolute;

  right: 120px;

  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(/static/co/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(/static/co/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-ico.type7:before {

  background-position: -151px -423px;

}



.textbox-ico.type8:before {

  background-position: -287px -423px;

}



.textbox-ico.type9:before {

  background-position: -425px -423px;

}



.textbox-ico.type10:before {

  background-position: -425px -699px;

}



.textbox-ico.type11:before {

  background-position: -13px -840px;

}



.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(/static/co/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-wide-ico.type12:before {

  background-position: -150px -700px;

  width: 118px;

  height: 120px;

  top: -40px;

}



.textbox-wide-ico.type13:before {

  background-position: -288px -700px;

  width: 118px;

  height: 120px;

  top: -40px;

}



.textbox-wide .textbox-title.minwon-title {

  margin-top: 190px;

  float: left;

  width: 240px;

  text-align: center;

}



.textbox-wide-txt .minwon label, .a-left {

  display: inline-block;

  vertical-align: top;

}



.textbox-wide-txt .minwon ul.list {

  display: inline-block;

}



.textbox.bg-pattern {

  background: url(/static/co/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(/static/co/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;

}





/* 2019.1.10 추가 */



.textbox-wide2-ico {

  width:100%;

  min-height:160px;

  background:#f2f2f2;

}



.textbox-wide2-ico:before {

  content: '';

  display: block;

  width:118px;

  height:120px;

  position: absolute;

  top: 0;

  right: auto;

  left: 60px;

  bottom: 0;

  margin: auto;

  background: url(/static/co/images/spr_ico_textbox.png) no-repeat;

}



.textbox-wide2-ico.type1:before {

  background-position: -287px -423px;

}



.textbox-wide2-txt {

  width: auto;

  min-height: 160px;

  padding: 20px;

  background: #fff;

  margin-left: 250px;

}



/* 2019.1.10 추가 끝 */





/*guidebox*/

.guidebox {

  display: table;

  width: 100%;

}



.guidebox-img {

  display: block;

  margin: 0 auto 20px;

}



.guidebox-img4 {

  display: block;

  margin: 0 auto;

}



.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.col-4 {

  border-top: 1px solid #d9d9d9;

  border-bottom: 1px solid #d9d9d9;

}



.guidebox-col.col-4 {

  width: 17%;

  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(/static/co/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(/static/co/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(/static/co/images/spr_ico_global.png) no-repeat -186px -65px;

  width: 6px;

  height: 10px;

}



.guidebox-btn2 {

  padding: 15px 30px 15px 15px;

  font-size: 0.875rem;

  color: #fff;

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

  position: relative;

  display: inline-block;

  text-align: left;

  line-height: 120%;

}



.guidebox-btn2.arrow-middle-right:after {

  content: '';

  display: block;

  position: absolute;

  top: 0;

  right: 15px;

  bottom: 0;

  margin: auto;

  background: url(/static/co/images/spr_ico_global.png) no-repeat -186px -65px;

  width: 6px;

  height: 10px;

}



.open-mark {

  margin-left : calc(50% - 244px);

  width: auto;

}



/*step*/

.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.four3 {

    padding: 0 30px 0 380px;

    height: 138px;

    position: relative;

}



.four3:after {

    content: '';

    display: block;

    position: absolute;

    margin: auto;

    top: 0px;    

    bottom: 0;

    left: 0;

    right: 0;

    height: 2px;

    background-color: #aaa;

    width: 100%;

}



.article .list1-item {

    font-size: 1rem;

}



.step-circle-list-item.four2.ico {

    padding: 0 0px 0 10px;

    height: 139px;

}



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

  .step-circle-list-item.four3 {display: none;}

  .step-circle-list-item.four2.ico {display: none;}

}



.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-list-item.four .ic_kakao {

  position: relative;

  padding-top: 45px;

}



.step-circle-list-item.four .ic_kakao:before {

  content: '';

  display: block;

  position: absolute;

  top: calc(50% - 30px);

  right: 0;

  left: 0;

  bottom: 0;

  margin: auto;

  width: 42px;

  background: url(/static/co/images/ico_kakao.png) no-repeat;

}



.step-circle-list-item.four .ic_kakaoch {

  position: relative;

  padding-top: 45px;

}



.step-circle-list-item.four .ic_kakaoch:before {

  content: '';

  display: block;

  position: absolute;

  top: calc(50% - 42px);

  right: 0;

  left: 0;

  bottom: 0;

  margin: auto;

  width: 42px;

  background-position: 0 0;

  background: url(/static/co/images/ico_kakao.png) -60px 0 no-repeat;

}



.step-circle-list-item.four .ic_kakaochat {

  position: relative;

  padding-top: 45px;

}



.step-circle-list-item.four .ic_kakaochat:before {

  content: '';

  display: block;

  position: absolute;

  top: calc(50% - 30px);

  right: 0;

  left: 0;

  bottom: 0;

  margin: auto;

  width: 60px;

  background-position: 0 0;

  background: url(/static/co/images/ico_kakao.png) -120px 0 no-repeat;

}









.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(/static/co/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(/static/co/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 popup*/

.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;

  /*login*/

  /*로그인*/

}



.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.size2 {

  width: 1000px;

  height: 90%;

}



.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(/static/co/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-article .normal .list1-item {

  font-size: 1rem;

}



.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;

}



.letter-sp {

  letter-spacing: -0.4px;

}



.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: 20px 0;

  display: inline-block;

}



.layer .find-info-item {

  float: left;

  position: relative;

}





.layer .find-info-item:first-child:after {

  content: '';

  display: block;

  width: 1px;

  height: 15px;

  position: absolute;

  top: 7px;

  right: 0;

  background: #666;

}



.layer .find-info-link {

  font-size: 1rem;

  color: #444;

}



.layer .find-info-link.id {

  margin-right: 10px;

}



.layer .find-info-link.pw {

  padding-left: 10px;

}



.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;

}



.en .layer .sign-in-btn {

  width: 190px;

  height: 40px;

  background-color: #323648;

  color: white;

  border: 0;

  font-weight: 700;

  font-size: 1rem;

  margin-left: 13px;

  margin-top: 0;

  margin-right: 4px;

  box-sizing: border-box;

  position: relative;

  text-align: left;

  padding-left: 19px;

  display: inline-block;

  vertical-align: 25px;

}



.en .layer  .sign-in-btn:after {

  content: '';

  display: block;

  width: 8px;

  height: 12px;

  background: url(/static/ap/images/spr_ico_global.png) no-repeat -129px -64px;

  position: absolute;

  top: 14px;

  right: 17px;

}



.ch .layer .sign-in-btn {

  width: 190px;

  height: 40px;

  background-color: #323648;

  color: white;

  border: 0;

  font-weight: 700;

  font-size: 1rem;

  margin-left: 13px;

  margin-top: 0;

  margin-right: 4px;

  box-sizing: border-box;

  position: relative;

  text-align: left;

  padding-left: 19px;

  display: inline-block;

  vertical-align: 25px;

}



.ch .layer  .sign-in-btn:after {

  content: '';

  display: block;

  width: 8px;

  height: 12px;

  background: url(/static/ap/images/spr_ico_global.png) no-repeat -129px -64px;

  position: absolute;

  top: 14px;

  right: 17px;

}



.ja .layer .sign-in-btn {

  width: 190px;

  height: 40px;

  background-color: #323648;

  color: white;

  border: 0;

  font-weight: 700;

  font-size: 1rem;

  margin-left: 13px;

  margin-top: 0;

  margin-right: 4px;

  box-sizing: border-box;

  position: relative;

  text-align: left;

  padding-left: 19px;



  display: inline-block;

  vertical-align: 25px;

}



.ja .layer  .sign-in-btn:after {

  content: '';

  display: block;

  width: 8px;

  height: 12px;

  background: url(/static/ap/images/spr_ico_global.png) no-repeat -129px -64px;

  position: absolute;

  top: 14px;

  right: 17px;

}



.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(/static/co/images/bg_banner_airport_tour.jpg) no-repeat;

  padding: 0;

}



.banner.airport-course {

  background: url(/static/co/images/bg_banner_airport_course.jpg) no-repeat;

}



.banner.airport-respor {

  background: url(/static/co/images/bg_banner_airport_respor.jpg) no-repeat;

  padding:0;

}



.banner.airport-exhibition {

  background: url(/static/co/images/bg_banner_visit_exhibition.jpg) no-repeat;

}



.banner.purpose {

  background: url(/static/co/images/bg_banner_purpose.jpg) no-repeat;

}



.banner.volunteer-introduce {

  background: url(/static/co/images/bg_banner_volunteer_introduce.jpg) no-repeat;

  height: 265px;

}



.banner.use-information {

  background: url(/static/co/images/bg_banner_use_information.jpg) no-repeat;

  height: 265px;

}



.banner.smart-sum {

  background: url(/static/co/images/bg_banner_smart_sum.jpg) no-repeat;

  padding: 0;

}



.banner.airport-service {

  background: url(/static/co/images/bg_banner_airport_service.jpg) no-repeat;

  padding: 0;

}



.banner.airport-hebair {

  background: url(/static/co/images/bg_banner_airport_hebair.jpg) no-repeat;

  padding: 0;

}



.banner.airport-econoa {

  background: url(/static/co/images/bg_banner_airport_airmain.jpg) no-repeat;

  padding: 0;

}



.banner.bg0 {

  height: 215px;

  background: url(/static/co/images/bg_banner_img0.jpg) no-repeat;

}



.banner.bg1 {

  height: 215px;

  background: url(/static/co/images/bg_banner_img1.jpg) no-repeat;

}



.banner.disclosure-information {

  height: 145px;

  background: url(/static/co/images/bg_banner_disclosure_information.jpg) no-repeat;

}



.banner.disclosure-information-02 {

  height: 145px;

  background: url(/static/co/images/bg_banner_disclosure_information_02.jpg) no-repeat;

}



.banner.integrity {

  height: 145px;

  background: url(/static/co/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(/static/co/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;

}



.employ .search-box-title {

  padding-right: 0;

  width: 115px;

}



.search-box-input {

  display: inline-block;

}



.search-box-input-item-area {

  float: left;

  width: calc(100% - 115px);

  margin-bottom: 12px;

}



.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;

}



.search-box-input-select {

  width: 140px;

}



.search-box-input-select.w167 {

 width : 167px;

}



.search-box-input-select.y_m {

width : 87px;

border-right : 0px;

}



.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: 70px;

  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 {

  width: 40px;

  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.big3 {

  width: 110px;

  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;

}



.text-airsafe-point {

  text-align: center;

  font-size: 4rem;

  padding: 10px 0;

  font-weight: bold;

  color: #42519e;

}



/* 주요사업 추가 */

.digr-smartair01 {

  height: 360px;

  text-indent: -999em;

  background: url(/static/co/images/digr_smartair_abo_01.png) no-repeat;

  border: 1px solid #d9d9d9;

  margin-top: 20px;

}



.digr-smartair02 {

  height: 250px;

  text-indent: -999em;

  background: url(/static/co/images/digr_smartair_abo_03.png) no-repeat center;

  border: 1px solid #d9d9d9;

  margin-top: 20px;

}



.smartair-list-ico .col-3 {

  width: 30%;

  margin-left: 4.5%;

  vertical-align: top;

}



.smartair-list-ico .col-4 {

  width: calc(25% - 18px);

  margin-left: 20px;

  vertical-align: top;

}



.smartair-ico {

  display: inline-block;

  position: relative;

  text-align: center;

  padding-top: 65px;

  text-indent: inherit;

}



.smartair-ico.ico {

  text-indent: inherit;

}





.smartair-ico:first-child {

  margin-left: 0;

}



.smartair-ico:before {

  content: '';

  display: block;  

  position: absolute;

  top: 0;

  right: 0;

  left: 0;

  bottom: auto;

  margin: auto;

  background: url(/static/co/images/ico_majbus.png) no-repeat;

}



.smartair-ico.none-box:before {

  display: none;

}



.smartair-ico.ico:after {

  background-position: -296px -55px;

  width: 11px;

  height: 28px;

  right: -10px;

  left: auto;

}



.smartair-list-ico {

  width: 100%;

  border: 1px solid #d9d9d9;

  padding: 10px;

}



.smartair-list-ico .article-txt {

  font-size: 1.12em;

  font-weight: 600;

}



.smartair-list-ico .article-txt-con {

  font-size: 0.95rem;

}



.smartair-ico-box .col-4 {

  display: inline-block;

  width: calc(25% - 18px);

  margin-left: 20px;

  vertical-align: top;

}



.smartair-ico-box .col-4:first-child {

  margin-left: 0;

}



.smartair-ico-box .col-4:first-child:after {

  display: none;

}



.smartair-line-area {

  border-bottom:  1px solid #d9d9d9;

  border-top: 1px solid #d9d9d9;

  padding: 20px 0;

}



.smartair-line-area .smartair-ico:after {

  content: '';

  display: inline-block;

  position: absolute;

  left: -9px;

  top: 0;

  bottom: 0;

  margin: auto;

  width: 1px;

  background: #d9d9d9;

}



.smartair-ico.type11:before {

  background-position: 0 -80px;

  width: 85px;

  height: 60px;

}



.smartair-ico.type12:before {

  background-position: -83px -80px;

  width: 70px;

  height: 60px;  

}



.smartair-ico.type13:before {

  background-position: -175px -78px;

  width: 50px;

  height: 60px;

}



.smartair-ico.type21:before {

  background-position: -255px -78px;

  width: 85px;

  height: 60px;

}



.smartair-ico.type22:before {

  background-position: -350px -78px;

  width: 85px;

  height: 60px;

}



.smartair-ico.type23:before {

  background-position: 0 -155px;

  width: 66px;

  height: 60px;

}



.smartair-ico.type24:before {

  background-position: -78px -159px;

  width: 85px;

  height: 60px;

}



.smartair-time-ico {

  display: inline-block;

  position: relative;

  text-align: center;

  text-indent: inherit;

  height: 240px;

  padding-top: 10px;

}



.smartair-time-ico:before {

  content: '';

  display: block;

  position: absolute;

  top: 40px;

  right: 0;

  left: 0;

  bottom: auto;

  margin: auto;

  background: url(/static/co/images/digr_smartair_abo_02.png) no-repeat;

}



.smartair-time-ico:first-child {

  margin-left: 0;

}



.table.th-font th {

  font-size: 1.1rem !important;

}



.table-majbus .smartair-list-ico {

  border: none;

  padding: 0;

  display: table;

}



.table-majbus .smartair-ico {

  padding: 0 0 0 110px;

  height: 60px;

  display: table-cell;

  vertical-align: middle;

  text-align: left;

}



.table-majbus .smartair-ico:before {

  width: 85px;

  height: 60px;

  margin-left: 20px;

}



.text-box.consulting.pservie-h {

  height: 190px;

}



.text-box.consulting.pservie-h .list1, .text-box.consulting.cp-h .list1 {

  padding: 18px;

}



.text-box.consulting.cp-h {

  height: 215px;

}



.en .text-box.consulting.cp-h {

  height: 240px;

}



.ch .text-box.consulting.cp-h {

  height: 250px;

}



.ja .text-box.consulting.cp-h {

  height: 250px;

}



.text-box.consulting .text-box-headline-col-dark {

  padding: 30px 0;

  margin-bottom: 0;

  text-align: center;

  background: #323648;

}



.text-box-headline-col-dark .text-box-headline {

  color: #ffae43;

}



.text-box-subline-col {

  padding: 15px 0;

  margin-bottom: 0;

  text-align: center;

  font-size: 1.03rem;



  line-height: 1.2;

  background: #f2f2f2;

  border-bottom: 1px solid #d9d9d9;

}



.text-box-ex-col {

  text-align: center;

  word-break: keep-all;

  line-height: 1.2;

}



.text-box-ex-col .text-box-ex {

  display: block;

  padding: 10px 15px;

  text-align: center;

}



.ico-circle .smartair-ico {

  padding-top: 90px;

}



.font-point-blue {

  color: #42519e;

  font-size: 1.1rem;

  font-family: nanumsq, sans-serif;

}



.font-point-big-blue {

  color: #42519e;

  font-size: 1.4rem;

  font-family: nanumsq, roboto, spoqa, sans-serif;

}



.text-note-box {

  display: block;

  width: 100%;

  background: #f2f2f2;

  border: 1px solid #e2e5e9;

  padding: 20px;

}



.step-circle-bagfac {

  margin: -20px 0 -10px 0;

}

 

.smartair-time-ico.type11:before {

  background-position: 0 0;

  width: 200px;

  height: 200px;

}



.smartair-time-ico.type12:before {

  background-position: -290px 0;

  width: 200px;

  height: 200px;

}



.smartair-time-ico.type13:before {

  background-position: -580px 0;

  width: 200px;

  height: 200px;

}



.smartair-ico.type21:before {

  background-position: -255px -78px;

  width: 85px;

  height: 60px;

}



.smartair-ico.type22:before {

  background-position: -350px -78px;

  width: 85px;

  height: 60px;

}



.smartair-ico.type23:before {

  background-position: 0 -155px;

  width: 66px;

  height: 60px;

}



.smartair-ico.type24:before {

  background-position: -78px -159px;

  width: 85px;

  height: 60px;

}



.smartair-ico.type31:before {

  background-position: -180px -160px;

}



.smartair-ico.type32:before {

  background-position: -265px -160px;

}



.smartair-ico.type33:before {

  background-position: -350px -160px;

}



.smartair-ico.type34:before {

  background-position: 0 -240px;

}



.smartair-ico.type35:before {

  background-position: -85px -240px;

}



.smartair-ico.type36:before {

  background-position: -168px -240px;

}



.smartair-ico.type37:before {

  background-position: -260px -240px;

}



.smartair-ico.type38:before {

  background-position: -350px -240px;

}



.smartair-ico.type39:before {

  background-position: 15px -310px;

}



.smartair-ico.type40:before {

  background-position: -80px -310px;

}



.smartair-ico.type41:before {

  background-position: -165px -310px;

}





.smartair-ico.type42:before {

  background-position: -265px -310px;

}



.smartair-ico.type43:before {

  background-position: -340px -310px;

}



.smartair-ico.type44:before {

  background-position: -420px -310px;

}



.smartair-ico.type45:before {

  background-position: 20px -375px;

}



.smartair-ico.type51:before {

  background-position: -80px -375px;

}



.smartair-ico.type52:before {

  background-position: -165px -375px;

}



.smartair-ico.type53:before {

  background-position: -260px -375px;

}



.smartair-ico.type54:before {

  background-position: -340px -375px;

}



.smartair-ico.type55:before {

  background-position: 15px -450px;

}



.smartair-ico.type56:before {

  background-position: -73px -450px;

}



.smartair-ico.type57:before {

  background-position: -175px -450px;

}



.smartair-ico.type58:before {

  background-position: -257px -450px;

}



.smartair-ico.type59:before {

  background-position: -350px -450px;

}



.smartair-ico.type60:before {

  background-position: 10px -520px;

}



.smartair-ico.type61:before {

  background-position: -80px -520px;

}



.smartair-ico.type62:before {

  background-position: -165px -520px;

}



.smartair-ico.type63:before {

  background-position: -262px -520px;

}



.smartair-ico.type71:before {

  background-position: 0 -585px;

  width: 80px;

  height: 85px;

}



.smartair-ico.type72:before {

  background-position: -90px -585px;

  width: 80px;

  height: 85px;

}



.smartair-ico.type73:before {

  background-position: -180px -585px;

  width: 80px;

  height: 85px;

}



.smartair-ico.type74:before {

  background-position: -270px -585px;

  width: 80px;

  height: 85px;

}



.step-circle-bagfac .list-article {

  padding: 135px 0 0 10px;

  background: none !important;

}



.step-circle-bagfac .step-circle-list-item:before {

  content: '';

  display: block;

  position: absolute;

  background: url(/static/co/images/img_bagfac_step_01.png) no-repeat;

  width: 139px;

  height: 139px;

}



.step-circle-bagfac .step-bagfac01:before {

  background-position: 14px 8px;

}



.step-circle-bagfac .step-bagfac02:before {

  background-position: -156px 8px;

}



.step-circle-bagfac .step-bagfac03:before {

  background-position: -326px 8px;

}



.step-circle-bagfac .step-bagfac04:before {

  background-position: -496px 8px;

}



.step-circle-bagfac .step-bagfac05:before {

  background-position: -670px 8px;

}



.step-circle-bagfac .step-bagfac06:before {

  background-position: 14px -152px;

}



.step-circle-bagfac .step-bagfac07:before {

  background-position: -156px -152px;

}



.step-circle-bagfac .step-bagfac08:before {

  background-position: -326px -152px;

}



.step-circle-bagfac .step-bagfac09:before {

  background-position: -496px -152px;

}



.step-circle-bagfac .step-bagfac10:before {

  background-position: -670px -152px;

}



.step-econoa {

  background: url(/static/co/images/digr_airport_econoa_bg_01.png) no-repeat top;

  background-size: contain;

  padding: 0;

}



.step-econoa .step-econoa-list {

  display: inline-block;

  width: calc(33% - 5px);

  vertical-align: top;

  text-align: center;

}



.step-econoa-list .step-econoa-list-dt {

  padding: 10px 0 18px 0;

  font-size: 1.25rem;

  color: #FFF;

  font-weight: 600;

  font-family: nanumsq, roboto, sans-serif;

}



.step-econoa-list .step-econoa-list-dd {

  font-size: 0.97rem;

  line-height: 1.5;

  padding: 0 20px;

}



.text-box.bagfac-four {

  padding: 5px;

  min-height: 290px;

}



.bagfac-four h6 {

  font-size: 1.12rem;

  text-align: center;

  padding: 10px 0;

  font-weight: 500;

}



.bagfac-four .contents {

  padding: 5px;

  line-height: 1.3;

  font-size: 0.95rem;

}



.text-box-headline-econoa {

  background: #42519e;

  text-align: center;

  padding: 8px 0;

}



.text-box-headline-econoa .text-box-headline {

  color: #FFF;

}



.econoa-box .text-box-2dep-econoa {

  background: #f2f4f7;

  border: 1px solid #bfc5e4;

  margin: 2px 0;

  padding: 5px 15px;

  height: 125px;

}



.en .econoa-box .text-box-2dep-econoa {

  height: 190px;

}



.ja .econoa-box .text-box-2dep-econoa {

  height: 155px;

}



.en .econoa-box .text-box-3dep-econoa {

  height: 100px;

}



.econoa-box .list1-item {

  font-size: 1rem;

}



.econoa-box .list1.left-econoa .list1-item {

  margin: 9px 0;

}



.econoa-box .text-box-3dep-econoa {

  border: 1px solid #d9d9d9;

  padding: 5px 15px

}



.digr-majbus-mro-overview {

  height: 190px;

  text-indent: -999em;

  background: url(/static/co/images/digr_airport_mro_01.png) no-repeat;

  background-position: center !important;

  border: 1px solid #d9d9d9;

}



.mro-box-right {

  background: #2c8279;

  margin-left: 30px;

  height: 190px;

  color: #FFF;

}



.mro-box-right .heading {

  font-size: 1.3rem;

  font-weight: 900;

  text-align: center;

  padding-top: 15px;

} 



.mro-box-right .mro-overview-list:last-child:before {

  content: '';

  display: block;

  border-top: 1px dotted #FFF;

}



.mro-box-right .mro-overview-list dt {

  padding: 20px 30px 0 30px;

}



.mro-box-right .mro-overview-list dd {

  padding: 0 30px 10px 30px;

  text-align: right;

}



.mro-box-right .point {

  font-size: 1.7rem;

  font-weight: 900;

  font-family: spoqa,roboto, sans-serif;

}



.mro-cluster-list .mro-cluster-item {

  display: inline-block;

  width: calc(50% - 5px);

  margin-bottom: 20px;

  line-height: 1.2;

}



.mro-cluster-list .mro-cluster-item:nth-child(1), .mro-cluster-list .mro-cluster-item:nth-child(3) {

  float: left;

  margin-left: -4px;

}



.mro-cluster-list .mro-cluster-item:nth-child(2), .mro-cluster-list .mro-cluster-item:nth-child(4) {

  float: right;

}



.mro-cluster-list .mro-cluster-item .imgbox {

  margin-bottom: 5px;

}





.mro-com-list {

  border: 1px solid #d9d9d9;

  height: 265px;

}



.mro-com-list .mro-com-item {

  display: inline-block;

  width: 33%;

  border-left: 1px dotted #d9d9d9;

  position: relative;

  height: 100%;

  vertical-align: top;

  text-indent: -999em;

}

.mro-com-list .mro-com-item:first-child {

  border: 0;

}



.mro-com-list .mro-com-item:before {

  content: '';

  display: block;

  position: absolute;

  top: 15px;

  left: calc(50% - 65px);

  margin: auto;

  background: url(/static/co/images/digr_airport_mro_02.png) no-repeat;

}



.mro-com-list .mro-com-item:after {

  content: '';

  display: block;

  position: absolute;

  top: calc(50% - 30px);

  right: -25px;

  background: url(/static/co/images/digr_airport_mro_02.png) no-repeat;

  z-index: 999;

}



.mro-com-list .mro-com-item.mro-01:before {

  background-position: -90px -20px;

  width: 130px;

  height: 160px;

}



.mro-com-list .mro-com-item.mro-01:after, .mro-com-list .mro-com-item.mro-02:after {

  background-position: -271px -113px;

  width: 40px;

  height: 40px;

}



.mro-com-list .mro-com-item.mro-02:before {

  background-position: -375px -20px;

  width: 130px;

  height: 160px;

}



.mro-com-list .mro-com-item.mro-03:before {

  background-position: -680px -20px;

  width: 130px;

  height: 160px;

}



.mro-com-list .mro-com-item .list1 {

  margin-top: 160px;

  position: absolute;

  text-indent:initial;

}



.mro-com-list .mro-com-item.mro-01 .list1 {

  margin-left: calc(50% - 55px);

}



.mro-com-list .mro-com-item.mro-02 .list1 {

  margin-left: calc(50% - 70px);

}



.mro-com-list .mro-com-item.mro-03 .list1 {

  margin-left: calc(50% - 35px);

}



.mro-com-list .mro-com-item .list1-item {

  margin: -2px;

}



.ja .font-point-big-blue {

  font-size: 1.1rem;

}



/* 항공정비산업 */

.en .digr-majbus-mro-overview {

  background: url(/static/co/images/digr_airport_mro_01_en.png) no-repeat;

}

.ch .digr-majbus-mro-overview {

  background: url(/static/co/images/digr_airport_mro_01_ch.png) no-repeat;

}

.ja .digr-majbus-mro-overview {

  background: url(/static/co/images/digr_airport_mro_01_ja.png) no-repeat;

}



/* 공항서비스개선 */

.en .text-box.consulting.pservie-h, .ch .text-box.consulting.pservie-h, .ja .text-box.consulting.pservie-h {

  height: 240px;

}



/* 주요사업 추가 끝 */



/*메일*/

.mail-link {

  color: #4674c9;

}



/* 만족도조사 시작 */



.customer-rate-box {

  width: 870px !important;

  float: right;

}

.customer-rate {

  padding-bottom: 10px; 

  width: 100%;

  float: left;

}



.customer-rate .customer-rate-list {

  display: inline-block;

  float: left;

  width: 19%;

}



.customer-rate .customer-rate-list:last-child {

  width: 21%;

}



.customer-rate .rate-radio {

  -webkit-appearance: radio;

  margin-left: 0;

}



.customer-rate .rate-area {

  font-size: 0.85rem;

  padding-left: 5px;

}



.customer-rate .rate-area:before {

  content: "";

  display: inline-block;

  width: 30px;

  height: 28px;

  vertical-align: -8px;

}



.customer-rate .rate-area.rate1:before {

  background: url(/static/co/images/icon_customer-rate.png) no-repeat 0 0;

}

.customer-rate .rate-area.rate2:before {

  background: url(/static/co/images/icon_customer-rate.png) no-repeat -50px 0;

}

.customer-rate .rate-area.rate3:before {

  background: url(/static/co/images/icon_customer-rate.png) no-repeat -100px 0;

}

.customer-rate .rate-area.rate4:before {

  background: url(/static/co/images/icon_customer-rate.png) no-repeat -150px 0;

}

.customer-rate .rate-area.rate5:before {

  background: url(/static/co/images/icon_customer-rate.png) no-repeat -200px 0;

}



.rate-text-box .rate-input-label {

  display: inline-block;

  width: 20%;

  font-size: 0.9375rem;

}



.rate-text-box .rate-input-text {

  display: inline-block;

  width: 76%;

  height: 30px !important;

  border: 1px solid #d9d9d9;

  box-sizing: border-box;

}



.text-box .rate-btn {

  height: 70px;

}



.en .customer-rate .rate-area {

  font-size: 0.825rem;

}

.en .rate-text-box .rate-input-label {

  width: 40%

}

.en .rate-text-box .rate-input-text {

  width: 57%;

}

.en .customer-rate .customer-rate-list {

  width: 18%;

}

.en .customer-rate .customer-rate-list:nth-child(1) {

  width: 21%;

}

.en .customer-rate .customer-rate-list:nth-child(3) {

  width: 17%;

}

.en .customer-rate .customer-rate-list:nth-child(4) {

  width: 19%;

}

.en .customer-rate .customer-rate-list:nth-child(5) {

  width: 23%;

}

.ja .rate-text-box .rate-input-label {

  width: 35%

}

.ja .rate-text-box .rate-input-text {

  width: 62%;

}



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

section.maxlabel .search-box .multi-col .search-box-input-select.y_m {

border: 1px solid #818181;

border-right : 0px;

}



section.maxlabel .search-box .multi-col .timesetting.type2 .search-box-input-select{

border-bottom : 0px;

}



section.maxlabel .search-box .multi-col .timesetting.type2{

display : block;

}



    .customer-rate-box {

      width: 100% !important;;

      clear: both;

    }

    .text-box .list-txt-one:before {

      left: 20px;

    }

    .layer.login-area .multi-col .inner-col {

      width: 100% !important;

      padding: 0 !important;

    }

    .find-info {

      text-align: center;

    }

    .find-info-list {

      display: inline-block;

    }

    .layer .find-info-item {

      float: left;

    }



   

}





/* 항공통계 쓰기 : 2020.07.22_1080px */

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

    .airport-statics-ex {

      padding-left: 5%

    }

    .table.hr.airport-statics td .checkbox + label {

      display: inline;

    }

    .en .search-box-title.ml40 {

    margin-left:0px;

    }



    .ja .search-box-title.ml40 {

    margin-left:0px;

    }

}

/* 항공통계 쓰기 끝 : 2020.07.22_1080px */



/* 주요사업 추가 시작_1080px */

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

  .econoa-box .text-box-2dep-econoa, .econoa-box .text-box-3dep-econoa {

    height: auto !important;

  }

  .text-box-headline-col-dark .text-box-headline{

    font-size: 1.1rem;

  }

  .text-box-subline-col {

    font-size: 0.95rem;

  }

  .digr-smartair01 {

    background-size: contain;

    background-position: center;

  }

  .multi-col.balance.triple .inner-col:last-child {

    margin-left: 18px;

  }

  .step-circle-list.step-circle-bagfac {

    margin: 0;

  }

  .imgbox.bagfac-img {

    width: 100%;

    height: auto;

  }

  .mro-cluster-list .mro-cluster-item {

    margin-left: 0 !important;

    font-size: 0.95rem;

  }

  .mro_box_left .digr-majbus-mro-overview {

    background-size: contain;

    background-position: center;

  }

  .digr-majbus-mro-overview {

    background-size: contain;

  }

  /* 에너지 경영_1080px*/

  .digr_eco_energy_strategy_01 {

    height: 333px;

    background-size: contain !important;

    background-position: center !important;

  }

  .digr_eco_energy_strategy_02,.digr_eco_energy_strategy_03 {

    height: 280px;

    background-size: contain !important;

    background-position: center !important;

  }

}

/* 주요사업 추가 끝_1080px */



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

    .customer-rate-box .inner-col {

      width: 100% !important;

      float: none;

      margin-top: 20px;  

    }

    .customer-rate {

      padding-bottom: 20px;

    }

    .customer-rate .customer-rate-list {

      display: inline-block;

      width: 20% !important;

    }

    .customer-rate .rate-area {

      font-size: 0.825rem;

    }

    .rate-text-box .rate-input-label {

      display: block;

      width: 100% !important;

      font-size: 0.825rem;

    }

    .rate-text-box .rate-input-text {

      width: 100% !important;

      margin-top: 10px;

    }

    .text-box .rate-btn{

      height: 40px;

      padding-top: 0;

    }

    .en .customer-rate .customer-rate-list:nth-child(3) {

      width: 16% !important;

    }

    .en .customer-rate .customer-rate-list:nth-child(5) {

      width: 22% !important;

    }

}



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

    .customer-rate .customer-rate-list {

      display: inline-block;

      width: 18% !important;

      text-align: center;

    }

    .customer-rate .customer-rate-list:first-child {

      width: 22% !important;

    }

    .customer-rate .customer-rate-list:last-child {

      width: 24% !important;

    }

    .customer-rate .rate-radio {

      display: block;

      width: 100%;

    }

    .customer-rate .rate-area:before {

      display: none;

    }

    .en .customer-rate .rate-area {

      display: block;

      line-height: 1rem !important;

      padding-top: 5px;

    }

    .ja .customer-rate .customer-rate-list:nth-child(5) {

      width: 22% !important;

    }

}



/* 만족도조사 끝 */





/*항공기 소음관리*/

.p-dv {

  margin: 0 auto;

  background-color: white;

}



.p-dv-cont-map {

  background: url(/static/co/images/map_aircraft_noise_management.gif) no-repeat;

  height: 631px;

  position: relative;

}



.p-dv-cont-map .map {

  background-color: #fff;

  border: 1px solid #fff;

  display: inline-block;

  position: absolute;

  background: linear-gradient(45deg, black, transparent); 

   /* background: transparent; */

}



.p-dv-cont-map .map div {

  padding: 2px 5px;

  font-size: 0.6875rem;

  text-align: center;

}



.p-dv-cont-map .map div.map-c {

  padding: 2px 5px;

  font-size: 1.2rem;

  text-align: center;

  color: #fff;

  font-weight: 600;

}



.p-dv-cont-map .map .map-t {

  height: 22px;

  line-height: 1;

  color: #fff;

  border-bottom: 1px solid #fff;

  font-size: 0.75rem;

  text-align: center;

  padding: 5px;

}





.m1 {

  left: 660px;

  top: 50px;

}



.p-dv-cont-map .map.m2 {

  left: 740px;

  top: 60px;

}



.p-dv-cont-map .map.m3 {

  left: 640px;

  top: 150px;

}



.p-dv-cont-map .map.m4 {

  top: 505px;

  left: 160px;

}



.p-dv-cont-map .map.m5 {

  top: 513px;

  left: 230px;

}



.p-dv-cont-map .map.m6 {

  top: 20px;

  left: 223px;

}



.p-dv-cont-map .map.m7 {



  top: 20px;

  left: 365px;

}



.p-dv-cont-map .map.m8 {

  left: 300px;

  top: 20px;

}



.p-dv-cont-map .map.m9 {

  top: 170px;

  left: 390px;

}



.p-dv-cont-map .map.m10 {

  top: 250px;

  left: 490px;

}



.p-dv-cont-map .map.m11 {

  top: 312px;

  left: 204px;

}



.p-dv-cont-map .map.m12 {

  top: 365px;

  left: 290px;

}



.p-dv-cont-map .map.m13 {

  top: 545px;

  left: 333px;

}



.p-dv-cont-map .map.m14 {

  top: 440px;

  left: 310px;

}



.p-dv-cont-map .map.m15 {

  left: 295px;

  top: 140px;

}



.p-dv-cont-map .map.m16 {

  left: 320px;

  top: 275px;

}



.p-dv-cont-map .map.m17 {

  left: 115px;

  top: 80px;

}



.p-dv-cont-map .map.m18 {

  left: 160px;

  top: 530px;

}



.p-dv-cont-map .map.m19 {

    left: 100px;

    top: 540px;

}



/*연혁*/

.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;

}



.en .co-history-list-item {

  font-size: 1.1rem;

}



.co-history-list-year {

  display: inline-block;

  width: 185px;

  vertical-align: top;

}



.co-history-list-desc {

  display: inline-block;

  width: calc(100% - 185px);

  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*/

.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.4rem;

  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(/static/co/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;

}



.iiac-numbering-item.type11:before {

  background-position: -107px -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(/static/co/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(/static/co/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: 1.5rem;

  color: #222;

  padding-bottom: 20px;

}



.site-map-heading:before {

  content: '';

  margin: 5px auto;

  display: block;

  background: url(/static/co/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;

}



/*font-size*/

.font14 {

  font-size: 0.875rem;

}



.font16 {

  font-size: 1rem;

}



.font17 {

  font-size: 1.125rem;

  margin-left: 10px;

  float: right;

}



.font20 {

  font-size: 1.25rem;

}



.font24 {

  font-size: 1.5rem;

}



.font26 {

  font-size: 1.625rem;

}



.font48 {

  font-size: 3rem;

}



.mb15 {

  margin-bottom: 15px;

  float : right;

  z-index : 998;

}



.mb20 {

  margin-bottom: 20px;

}



.mb30 {

  margin-bottom: 30px;

}



.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;

}



.mtb11 {

  margin-top: 11px;

  margin-bottom: 11px;

}



.mtb11pl {

  margin-top: 11px;

  margin-bottom: 11px;

  padding-left: 200px;

}



.mlm20 {

  margin-left: -20px;

}



.ml5 {

  margin-left: 5px;

}



.ml10 {

  margin-left: 10px;

}



.ml20 {

  margin-left: 20px;

}



.ml15 {

  margin-left: 15px;

}



.ml30 {

  margin-left: 30px;

}



.ml40 {

  margin-left: 40px;

}



.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(/static/co/images/digr_environment_system_location.png) no-repeat;

}



/*공공데이터개방*/

.digr-public-data-open-guidea {

  height: 493px;

  text-indent: -999em;

  background: url(/static/co/images/digr_public_data_open_guide.png) no-repeat;

}



.digr-open-public-data {

  height: 513px;

  text-indent: -999em;

  background: url(/static/co/images/digr_open_public_data.png) no-repeat;

}



/* 공공데이터 step start_230822*/

.step-img-list {

  width: 100%;

  border: 1px solid #d9d9d9;

  padding: 20px 0;

}



.step-img-list.col-4 .step-img-item {

  display: inline-block;

  width: calc(25% - 3px);

  padding-right: 11px;

  vertical-align: top;

  padding-top: 90px;

}



.step-img-list.col-4 .step-img-item:last-child {

  padding-right: 0;

}  



.step-img-item {

  display: inline-block;

  position: relative;

  text-align: center;

  padding-top: 65px;

  text-indent: inherit;

  font-size: 1rem;

}



.step-img-list .ico:after {

  background-position: -219px -28px;

  width: 11px;

  height: 22px;

  right: 0;

  left: auto;

}



.step-img-item:before {

  content: '';

  display: block;  

  position: absolute;

  top: 0;

  right: 0;

  left: 0;

  bottom: auto;

  margin: auto;

  background: url(/static/co/images/ico_cuspar.png) no-repeat;

}



.step-img-list .step-img-item:before {

  width: 85px;

  height: 85px;

  border:1px solid #d9d9d9;

  border-radius: 50%;

}



.step-img-item.type01:before {

  background-position: 16px 19px;

}



.step-img-item.type02:before {

  background-position: -83px 20px;

}



.step-img-item.type03:before {

  background-position: -184px 22px;

}



.step-img-item.type04:before {

  background-position: -292px 19px;

}

/* 공공데이터 step end_230822*/



/*정보공개처리절차*/

.digr-procedures-disclosure {

  height: 538px;

  text-indent: -999em;

  background: url(/static/co/images/digr_procedures_disclosure.png) no-repeat;

  border: 1px solid #d9d9d9;

}



/*신고자보호및보상*/

.digr-protection-compensation {

  height: 534px;

  text-indent: -999em;

  background: url(/static/co/images/digr_protection_compensation.png) no-repeat;

}



/*역대기관장*/

.digr-co-history {

  width: 655px;

  height: 660px;

  text-indent: -999em;

  background: url(/static/co/images/digr_co_history.png) no-repeat;

}



/*발자취*/

.digr-co-traces {

  height: 1002px;

  text-indent: -999em;

  background: url(/static/co/images/digr_co_traces.png) no-repeat;

}



/*vision*/

.digr-co-vision {

  height: 910px;

  text-indent: -999em;

  background: url(/static/co/images/digr_co_vision_new.png) no-repeat;

}



/*지속가능경영 CO_AE_01_01*/

.digr-co-management {

  height: 612px;

  text-indent: -999em;

  background: url(/static/co/images/digr_management.png) no-repeat;

  border: 1px solid #d9d9d9;

}



/*이해관계자참여 CO_AE_01_02*/

.digr-co-interest {

  height: 508px;

  text-indent: -999em;

  background: url(/static/co/images/digr_interest.png) no-repeat center;

  border: 1px solid #d9d9d9;

}



.digr-co-interest2 {

  height: 349px;

  text-indent: -999em;

  background: url(/static/co/images/digr_interest2.png) no-repeat;

  border: 1px solid #d9d9d9;

}



/* 에너지 경영*/

.digr_eco_energy_strategy_01 {

  height: 333px;

  text-indent: -999em;

  background: url(/static/co/images/digr_eco_energy_strategy_01.png) no-repeat center;

}

.en .digr_eco_energy_strategy_01 {

  background: url(/static/co/images/digr_eco_energy_strategy_01_en.png) no-repeat center;

}

.ch .digr_eco_energy_strategy_01 {

  background: url(/static/co/images/digr_eco_energy_strategy_01_ch.png) no-repeat center;

}

.ja .digr_eco_energy_strategy_01 {

  background: url(/static/co/images/digr_eco_energy_strategy_01_ja.png) no-repeat center;

}



.digr_eco_energy_strategy_02 {

  height: 365px;

  text-indent: -999em;

  background: url(/static/co/images/digr_eco_energy_strategy_02.png) no-repeat center;

  border: 1px solid #d9d9d9;

}

.en .digr_eco_energy_strategy_02 {

  background: url(/static/co/images/digr_eco_energy_strategy_02_en.png) no-repeat center;

}

.ch .digr_eco_energy_strategy_02 {

  background: url(/static/co/images/digr_eco_energy_strategy_02_ch.png) no-repeat center;

}

.ja .digr_eco_energy_strategy_02 {

  background: url(/static/co/images/digr_eco_energy_strategy_02_ja.png) no-repeat center;

}



.digr_eco_energy_strategy_03 {

  height: 365px;

  text-indent: -999em;

  background: url(/static/co/images/digr_eco_energy_strategy_03.png) no-repeat center;

  border: 1px solid #d9d9d9;

}

.en .digr_eco_energy_strategy_03 {

  background: url(/static/co/images/digr_eco_energy_strategy_03_en.png) no-repeat center;

}

.ch .digr_eco_energy_strategy_03 {

  background: url(/static/co/images/digr_eco_energy_strategy_03_ch.png) no-repeat center;

}

.ja .digr_eco_energy_strategy_03 {

  background: url(/static/co/images/digr_eco_energy_strategy_03_ja.png) no-repeat center;

}



/* 모니터링 시스템 */

.digr-monitoring-system1 {

  height: 597px;

  text-indent: -999em;

  background: url(/static/co/images/digr_monitoring_system_01.png) no-repeat;

  border: 1px solid #d9d9d9;

}



.digr-monitoring-system2 {



  height: 597px;

  text-indent: -999em;

  background: url(/static/co/images/digr_monitoring_system_02.png) no-repeat;

  border: 1px solid #d9d9d9;

}



/**/

.digr-social-contribution-performance {

  height: 1020px;

  text-indent: -999em;

  background: url(/static/co/images/digr_social_contribution_performance.png) no-repeat;

}



.grp-energy-management {

  width: 100%;

  height: 511px;

  background: url(/static/co/images/grp_energy_management_01.png) no-repeat;

  border: 1px solid #d9d9d9;

}



/* 국제기구와의 협력 */

.digr-international-cooperation {

  height: 502px;

  text-indent: -999em;

  background: url(/static/co/images/digr_international_cooperation_01.png) no-repeat;

  border: 1px solid #d9d9d9;

}



/* 국제화물네트워크 협력 */

.digr-international-freight-network1 {

  height: 502px;

  text-indent: -999em;

  background: url(/static/co/images/digr_international_freight_network_01.png) no-repeat;

  border: 1px solid #d9d9d9;

}



.grp-international-freight-network1 {

  height: 502px;

  text-indent: -999em;



  background: url(/static/co/images/grp_international_freight_network_01.png) no-repeat;

  border: 1px solid #d9d9d9;

}



.grp-international-freight-network2 {

  height: 502px;

  text-indent: -999em;

  background: url(/static/co/images/grp_international_freight_network_02.png) no-repeat;

  border: 1px solid #d9d9d9;

}



.digr-international-freight-network2 {

  height: 332px;

  text-indent: -999em;



  background: url(/static/co/images/digr_international_freight_network_02.png) no-repeat;

  border: 1px solid #d9d9d9;

}



.digr-construction-case01 {

  background: url(/static/co/images/digr_construction_case_01.png) no-repeat;

  height: 480px;

}



.digr-construction-case02 {

  background: url(/static/co/images/digr_construction_case_02.png) no-repeat;

  height: 480px;

}



.digr-construction-case03 {

  background: url(/static/co/images/digr_construction_case_03.png) no-repeat;

  height: 308px;

}



.digr-procedure-application {

  background: url(/static/co/images/digr_procedure_application.png) no-repeat;

  height: 380px;

  border: 1px solid #d9d9d9;

}



.digr-procedure-application01 {

  background: url(/static/co/images/digr_procedure_tenanta01.png) no-repeat;

  height: 293px;

  border: 1px solid #d9d9d9;

}



.digr-procedure-application02 {

  background: url(/static/co/images/digr_procedure_application02.png) no-repeat;

  height: 286px;

  border: 1px solid #d9d9d9;

}



.digr-notice-tender {

  background: url(/static/co/images/digr_notice_tender.png) no-repeat;

  height: 286px;

  border: 1px solid #d9d9d9;

}



.digr-service-procedure01 {

  background: url(/static/co/images/digr_service_procedure_01.png) no-repeat;

  height: 306px;

}



.digr-service-procedure02 {

  background: url(/static/co/images/digr_service_procedure_02.png) no-repeat;

  height: 306px;

}



.digr_procedure_obtacle01 {

  background: url(/static/co/images/digr_procedure_obtacle_01.png) no-repeat;

  height: 320px;

  border: 1px solid #d9d9d9;

}



.digr_procedure_obtacle02 {

  background: url(/static/co/images/digr_procedure_obtacle_02.png) no-repeat;

  height: 142px;

  border: 1px solid #d9d9d9;

}



.grp-energy-management {

  width: 100%;

  height: 511px;

  background: url(/static/co/images/grp_energy_management_01.png) no-repeat;

}



/* 건설사업 19.12.31 수정 */

.grp-construction-business1 {

  height: 460px;

  text-indent: -999em;

  background: url(/static/co/images/img_construction_business_05.jpg) no-repeat;

  /* border: 1px solid #d9d9d9; */

}



.grp-construction-business2 {

  height: 342px;

  text-indent: -999em;

  background: url(/static/co/images/img_construction_business_06.jpg) no-repeat;

 /* border: 1px solid #d9d9d9; */

}



/* 건설사업 19.12.31 수정  끝*/



.grp-management-performance03 {

  background: url(/static/co/images/grp_management_performance_03.png) no-repeat;

  height: 504px;

}



.grp-management-performance02 {



  background: url(/static/co/images/grp_management_performance_02.png) no-repeat;

  height: 504px;

}



.grp-management-performance01 {

  background: url(/static/co/images/grp_management_performance_01.png) no-repeat;

  height: 504px;

}



/* 경영공시 해외사업실적 */



.digr-mamdis-ovbupe1 {

  background: url(/static/co/images/digr_mamdis-ovbupe_01.png) center no-repeat;

  height: 428px;

  border: 1px solid #d9d9d9;

  background-size: contain;

}



.digr-mamdis-ovbupe2 {

  background: url(/static/co/images/digr_mamdis-ovbupe_02.png) center no-repeat;

  height: 298px;

  border: 1px solid #d9d9d9;

  background-size: contain;

}



.digr-mamdis-ovbupe3 {

  background: url(/static/co/images/digr_mamdis-ovbupe_03.png) center no-repeat;

  height: 298px;

  border: 1px solid #d9d9d9;

  background-size: contain;

}



.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(/static/co/images/digr_strengthen_competitive_01.png) no-repeat;

}



.digr-strengthen-competitive2 {

  height: 915px;

  text-indent: -999em;

  background: url(/static/co/images/digr_strengthen_competitive_02.png) no-repeat;

}



.digr-communication-channel {

  height: 115px;

  text-indent: -999em;

  background: url(/static/co/images/digr_communication_channel_01.png) no-repeat;

}



.digr-concomitant-growth {

  height: 1810px;

  text-indent: -999em;

  background: url(/static/co/images/digr_concomitant_growth_01.png) no-repeat;

}



.digr-ethics-management-organization {

  height: 738px;

  text-indent: -999em;

  background: url(/static/co/images/digr_ethics_management_organization.png) no-repeat;

}



.digr-ethics-management-vision1 {

  height: 608px;

  text-indent: -999em;

  background: url(/static/co/images/digr_ethical_management_vision_01.png) no-repeat -1px;

}



.digr-human-management-vision1 {

  height: 858px;

  text-indent: -999em;

  background: url(/static/co/images/digr_human_management_vision_01.png) no-repeat -1px;

}



.en .digr-human-management-vision1 {

  height: 912px;

  text-indent: -999em;

  background: url(/static/co/images/digr_human_management_vision_01_en.png) no-repeat -1px;

}



.ch .digr-human-management-vision1 {

  height: 858px;

  text-indent: -999em;

  background: url(/static/co/images/digr_human_management_vision_01_ch.png) no-repeat -1px;

}



.ja .digr-human-management-vision1 {

  height: 858px;

  text-indent: -999em;

  background: url(/static/co/images/digr_human_management_vision_01_ja.png) no-repeat -1px;

}



.digr-ethics-management-vision2 {

  height: 618px;

  text-indent: -999em;

  background: url(/static/co/images/digr_ethical_management_vision_02.png) no-repeat;

}



.digr-personal-information {

  height: 623px;

  text-indent: -999em;

  background: url(/static/co/images/digr_personal_information.png) no-repeat;

}



/*사회공헌*/

.digr-social-contribution01 {

  height: 950px;

  text-indent: -999em;

  background: url(/static/co/images/digr_social_contribution01.png) no-repeat;

}



.digr-social-contribution02 {

  height: 776px;

  text-indent: -999em;

  background: url(/static/co/images/digr_social_contribution02.png) no-repeat;

}



.digr-social-contribution03 {

  height: 369px;

  text-indent: -999em;

  background: url(/static/co/images/digr_social_contribution03.png) no-repeat;

}



.digr-social-contribution04 {

  height: 502px;

  text-indent: -999em;

  background: url(/static/co/images/digr_social_contribution04.png) no-repeat;

}



.digr-social-contribution05 {

  height: 420px;

  text-indent: -999em;

  background: url(/static/co/images/digr_social_contribution05.png) no-repeat center;



}



.digr-vision-strategy1 {

  background: url(/static/co/images/digr_vision_strategy_01.png) no-repeat;

  height: 505px;

}



.digr-vision-strategy2 {

  background: url(/static/co/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(/static/co/images/digr_energy_independence_02.png) center no-repeat;

}



.digr-energy-independence03 {

  height: 654px;

  background: url(/static/co/images/map_energy_independence_03.png) center no-repeat;

}

/* 에너지 자립*/

.digr-energy-independence1 {

  height: 610px;

  text-indent: -999em;

  background: url(/static/co/images/digr_energy_independence_1.png) no-repeat ;

  border: 1px solid #d9d9d9;

}

.digr-energy-independence2 {

  height: 580px;

  text-indent: -999em;

  background: url(/static/co/images/digr_energy_independence_2.jpg) no-repeat;

}

.digr-energy-independence3 {

  height: 335px;

  text-indent: -999em;

  background: url(/static/co/images/digr_energy_independence_3.png) no-repeat center;

  border: 1px solid #d9d9d9 ;

}

.digr-service-assessment {

  height: 690px;

  border: 1px solid #d9d9d9;

  text-indent: -999em;

  background: url(/static/co/images/digr_service_assessment.png) center no-repeat;

}



.digr-recruit-guide {

  height: 315px;

  text-indent: -999em;

  background: url(/static/co/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(/static/co/images/digr_free_trade_zone.png) center no-repeat;

}



/*A-CDM*/

.digr-acdm-report-01 {

  height: 612px;

  border: 1px solid #d9d9d9;

  text-indent: -999em;

  background: url(/static/co/images/digr_acdm_report_01.png) center no-repeat;

}



.digr-acdm-report-02 {

  height: 430px;

  text-indent: -999em;

  background: url(/static/co/images/digr_acdm_report_02.png) center no-repeat;

}



.digr-acdm-milestone {

  height: 539px;

  border: 1px solid #d9d9d9;

  text-indent: -999em;

  background: url(/static/co/images/digr_acdm_milestone.png) center no-repeat;

}



.digr-acdm-major-mailstone01 {

  height: 312px;

  border: 1px solid #d9d9d9;

  text-indent: -999em;

  background: url(/static/co/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(/static/co/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(/static/co/images/digr_acdm_flow_chart.png) center no-repeat;

}



/* 해외교육 */

.digr-training-01 {

  height: 612px;

  border: 1px solid #d9d9d9;

  text-indent: -999em;

  background: url(/static/co/images/digr_training_01.png) center no-repeat;

}



/*항공마케팅*/

.digr-major-incentive {

  height: 875px;

  text-indent: -999em;

  background: url(/static/co/images/digr_major_incentive.png) no-repeat -1px;

  border: 1px solid #d9d9d9;

}

  

.digr-major-incentive1 {

  height: 940px;

  text-indent: -999em;

  background: url(/static/co/images/digr_major_incentive_en.png) no-repeat -1px;

  border: 1px solid #d9d9d9;

}

    

/*종합체육시설*/

.digr-procedures-sport01 {

  height: 570px;

  text-indent: -999em;

  background: url(/static/co/images/digr_procedures_sport01.png) no-repeat;

  background-position: center;

  border: 1px solid #d9d9d9;

}



.digr-procedures-sport02 {

  height: 570px;

  text-indent: -999em;

  background: url(/static/co/images/digr_procedures_sport02.png) no-repeat;

  background-position: center;

  border: 1px solid #d9d9d9;

}

  

.digr-procedures-sport03 {

  height: 570px;

  text-indent: -999em;

  background: url(/static/co/images/digr_procedures_sport03.png) no-repeat;

  background-position: center;

  border: 1px solid #d9d9d9;

}



/*ir기법 클래스적용*/

.ir-technique {

  display: block;

  text-indent: -99999em;

  font-size:0;

}



.grp-airport-capacity1 {

  width: 100%;

  height: 504px;

  background: url(/static/co/images/grp_airport_capacity_01.png) no-repeat;

  border: 1px solid #d9d9d9;

}



.grp-airport-capacity2 {

  width: 100%;

  height: 504px;

  background: url(/static/co/images/grp_airport_capacity_02.png) no-repeat;

  border: 1px solid #d9d9d9;

}



.grp-airport-capacity3 {

  width: 100%;

  height: 504px;

  background: url(/static/co/images/grp_airport_capacity_03.png) no-repeat;

  border: 1px solid #d9d9d9;

}





/* 조직도변경_19.07.12 */

.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: 1250px;

  background: #d9d9d9;

}



.organization-chart-wrap .organization-chart {

  text-align: center;

}



.organization-chart-wrap .organization-chart-grid {

  width: 100%;

  height: 160px;

  position: relative;

}



.organization-chart-list.ceo-grid {

  margin-top: 360px;

}



.organization-chart-wrap .look-grid {

  position: absolute;

  top: 0;

  right: 0;

}



.organization-chart-wrap .organization-chart-box {

  position: absolute;

  width: 220px;

  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: 19px;

  background: #d9d9d9;

}



.organization-chart-wrap .organization-chart-box:first-child {

  left: 0;

  right: 0;

  margin: auto;

}



.organization-chart-wrap .execut-grid .organization-chart-box {

  display: block;

  clear: both;

  float: none;

}



.organization-chart-wrap .organization-chart-box:nth-child(2) {

  top: 66px;

  left: 0;

  right: 0;

  margin:auto;

}



.organization-chart-wrap .organization-chart-box:last-child {

  top: 66px;

  right: 0;

}



.organization-chart-wrap .organization-chart-list {

  float: right;

}



.organization-chart-wrap .type2 .organization-chart-list {

  float: none;

  display: inline-block;

}



.organization-chart-wrap .look-grid .organization-chart-list {

  margin-top: 70px;

}



.organization-chart-list.ceo-grid:first-child {

  margin-top: -20px;

}



.organization-chart-list.look-grid {

  margin-top: -400px;

}



.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: 21px;

  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: 20px;

  left: 100%;

  width: 245px;

  height: 1px;

  border-top: 1px solid #d9d9d9;

}





.organization-chart-wrap .organization-chart-list-item.line2 {

  position: relative;

}



.organization-chart-wrap .organization-chart-list-item.line2:after {

  content: '';

  display: block;

  position: absolute;

  top: -22px;

  left: -10px;

  width: 400px;

  height: 21px;

  border: 1px solid #d9d9d9;

  border-bottom: 0;

  border-right: 0;

}



.organization-chart-wrap .organization-chart-list-item.line-first {

  position: relative;

}



.organization-chart-wrap .organization-chart-list-item.line-first:before {

  content: '';

  display: block;

  position: absolute;

  top: -22px;

  left: -10px;

  width: 112px;

  height: 21px;

  border: 1px solid #d9d9d9;

  border-bottom: 0;

}



.organization-chart-wrap .organization-chart-list-item:first-child {

  margin-left: 0;

}



.ceo-grid .organization-chart-list-item:first-child {

    margin: -150px 0 0 112px;

}

.ceo-grid .organization-chart-list-item:first-child:after {

  content: '';

  display: block;

  position: absolute;

  top: 25px;

  left: 100%;

  width: 115px;

  height: 0px;

  border: 1px solid #d9d9d9;

  border-bottom: 0;

}



.ceo-grid .organization-chart-list-item:nth-child(2) {

  margin-left: 0;

}



.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-subtit.chart-box-dot {

    border-style: dashed;

}



.organization-chart-wrap .organization-chart-team {

  padding: 18px;

  text-align: left;

  background: #f2f2f2;

}



.organization-chart-wrap .organization-chart-team2 {

  padding: 18px;

  text-align: left;

  background: #f2f2f2;

  border-width:thin;

  border-style:dashed;

  border-color:#cccccc;

}



.organization-chart-wrap .organization-chart-team .list1-item {

  font-size: 1rem;

  line-height: 1.3;

}



.organization-chart-wrap .organization-chart-team2 .list1-item {

  font-size: 1rem;

  line-height: 1.3;



  color:#222;

}



.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.type2 .organization-chart-list-item:first-child {

    margin-right: 230px;

}



.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,.organization-chart-wrap .organization-chart.type2 .org-chart-tit {

  background: #dd7713;

}



.orgint-chart-list-item.orgint-etc .orgint-chart-tit {

  background: #ffe1c4 !important;

  color: #944900;

}



.organization-chart-wrap .organization-chart.type3 .organization-chart-list {

  float: left;

}



.organization-chart-tit.org-chart-tit.org-chart-middle {

  margin-left: -110px;

}



.organization-chart-subtit.row0.org-chart-vice {

  background: #4674c9;

  border: none;

  color: #FFF;

}

/* 조직도변경 끝_19.07.12 */



/* 조직도변경_21.07.02 */

.orgint-chart-list.ceo-line {

  margin-top: 330px;

  width: 100%;

}



.orgint-chart-list.ceo-line .orgint-chart-list-item:first-child {

  position: absolute;

  top: 180px;

  left: 35px;

}

.orgint-chart-list.ceo-line .orgint-chart-list-item:nth-child(2) {

  margin-left: 149px;

}

.orgint-chart-list.ceo-line .orgint-chart-list-item:first-child:after {

  content: '';

  display: block;

  position: absolute;

  top: 20px;

  left: 100%;

  width: 120px;

  height: 0px;

  border: 1px solid #d9d9d9;

  border-bottom: 0;

}



.orgint-chart-list.vceo-line {

  margin-top: 100px;

}



.orgint-chart-wrap {

  width: 100%;

  overflow: hidden;

  padding-bottom: 30px;

  border-bottom: 1px solid #d9d9d9;

}



.orgint-chart-wrap:before {

  content: '';

  display: block;

  position: absolute;

  left: 50%;

  width: 1px;

  height: 700px;

  background: #d9d9d9;

}



.orgint-chart-wrap .orgint-chart {

  text-align: center;

}



.orgint-chart-wrap .orgint-chart-grid {

  width: 100%;

  position: relative;

  display: flex;

}



.orgint-chart-list.ceo-grid {

  margin-top: 180px;

}



.orgint-chart-wrap .look-grid {

  position: absolute;

  top: 0;

  right: 0;

}



.orgint-chart-wrap .orgint-chart-box {

  position: absolute;

  width: 279px;

  background: #333649;

  color: #fff;

  font-weight: 700;

  font-size: 1rem;

  padding: 17px;

}



.orgint-chart-box.orgin-box {

  width: 210px !important;

}



.orgint-chart-wrap .orgint-chart-box.round {

  min-width: 190px;

  padding: 17px;

  line-height: 1.4;

  font-size: 1.125rem;

  border-radius: 50px;

}



.orgint-chart-wrap .orgint-chart-box.line:after {

  content: '';

  display: block;

  position: absolute;

  top: 50px;

  left: 50%;

  width: 1px;

  height: 19px;

  background: #d9d9d9;

}



.orgint-chart-wrap .orgint-chart-box:first-child {

  left: 0;

  right: 0;

  margin: auto;

}



.orgint-chart-wrap .execut-grid .orgint-chart-box {

  display: block;

  clear: both;

  float: none;

}



.orgint-chart-wrap .orgint-chart-box:nth-child(2) {

  top: 66px;

  left: 0;

  right: 0;

  margin:auto;

}



.orgint-chart-wrap .orgint-chart-box:last-child {

  top: 66px;

  right: 0;

}



.orgint-chart-wrap .type2 .orgint-chart-list {

  float: none;

  display: inline-block;

}



.orgint-chart-wrap .look-grid .orgint-chart-list {

  margin-top: 70px;

}



.orgint-chart-list.ceo-grid:first-child {

  margin-top: -20px;

}



.orgint-chart-list.look-grid {

  margin-top: -400px;

}



.orgint-chart-wrap .orgint-chart-list-item {

  float: left;

  width: 279px;

  margin-left: 16px;

  color: #fff;

  font-size: 1rem;

  font-weight: 700;

}



.orgint-chart-wrap .orgint-chart-list-item.line {

  position: relative;

}



.orgint-chart-wrap .orgint-chart-list-item.line:after {

  content: '';

  display: block;

  position: absolute;

  top: -22px;

  left: 50%;

  width: 294px;

  height: 21px;

  border: 1px solid #d9d9d9;

  border-bottom: 0;

}



.orgint-chart-wrap .orgint-chart-list-item.line1 {

  position: relative;

}



.orgint-chart-wrap .orgint-chart-list-item.line1:after {

  content: '';

  display: block;

  position: absolute;

  top: 20px;

  left: 100%;

  width: 245px;

  height: 1px;

  border-top: 1px solid #d9d9d9;

}





.orgint-chart-wrap .orgint-chart-list-item.line2 {

  position: relative;

}



.orgint-chart-wrap .orgint-chart-list-item.line2:after {

  content: '';

  display: block;

  position: absolute;

  top: -22px;

  left: -10px;

  width: 400px;

  height: 21px;

  border: 1px solid #d9d9d9;

  border-bottom: 0;

  border-right: 0;

}



.orgint-chart-wrap .orgint-chart-list-item.line-first {

  position: relative;

}



.orgint-chart-wrap .orgint-chart-list-item.line-first:before {

  content: '';

  display: block;

  position: absolute;

  top: -22px;

  left: -10px;

  width: 148px;

  height: 21px;

  border: 1px solid #d9d9d9;

  border-bottom: 0;

}



.orgint-chart-wrap .orgint-chart-list-item.line-left {

  position: relative;

}



.orgint-chart-wrap .orgint-chart-list-item.line-left:after {

  content: '';

  display: block;

  position: absolute;

  top: -22px;

  left: -8%;

  width: 120px;

  height: 21px;

  border: 1px solid #d9d9d9;

  border-bottom: 0;

  border-left: 0;

}



.orgint-chart-wrap .orgint-chart-list-item:first-child {

  margin-left: 0;

}



.orgint-chart-wrap .orgint-chart-tit {

  display: block;

  width: 100%;

  background: #2c8279;

  color: #fff;

  padding: 13px;

}



.orgint-chart-wrap .orgint-chart-subtit {

  display: block;

  width: 100%;

  border: 1px solid #d9d9d9;

  margin-top: 16px;

  padding: 13px;

  font-weight: 900;

  font-size: 1rem;

}



.orgint-chart-wrap .orgint-chart-subtit.chart-box-dot {

    border-style: dashed;

}



.orgint-chart-wrap .orgint-chart-team {

  padding: 15px;

  text-align: left;

  background: #f2f2f2;

}



.orgint-chart-wrap .orgint-chart-team2 {

  padding: 18px;

  text-align: left;

  background: #f2f2f2;

  border-width:thin;

  border-style:dashed;

  border-color:#cccccc;

}



.orgint-chart-wrap .orgint-chart-team .list1-item {

  font-size: 1rem;

  line-height: 1.3;

}



.orgint-chart-wrap .orgint-chart-team2 .list1-item {

  font-size: 1rem;

  line-height: 1.3;

  color:#222;

}



.orgint-chart-wrap .orgint-chart-team .list1-item:before {

  color: #222;

}



.orgint-chart-wrap .orgint-chart-team .orgint-chart-team-link:hover {

  color: #999;

}



.orgint-chart-wrap .orgint-chart.type2 .orgint-chart-box {

  background: #41519e;

}



.orgint-chart-wrap .orgint-chart.type2 .orgint-chart-tit {

  background: #4674c9;

  margin-top: 0;

  border: none;

}



.orgint-chart-wrap .orgint-chart.type3 {

  background: white;

  position: relative;

  z-index: 10;

}



.orgint-chart-wrap .orgint-chart.type3 .orgint-chart-tit,.orgint-chart-wrap .orgint-chart.type2 .org-chart-tit {

  background: #dd7713;

}



.orgint-chart-wrap .orgint-chart.type3 .orgint-chart-list {

  float: left;

}



.orgint-chart-wrap .orgint-sub:before {

  content: none;

}



.orgint-chart-wrap .orgint-chart-list-item.line-etc:after {

  content: '';

  display: block;

  position: absolute;

  top: -22px;

  left: 60%;

  width: 400px;

  height: 21px;

  border-top: 1px solid #d9d9d9;

}



.orgint-chart-subtit.row0.orgint-etc-sub {

    margin-top: 60px;

}

/* 조직도변경 끝_21.07.02 */



/* 국제 구호 활동 */

.active-history {

  background: url(/static/co/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: 105px;

  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(/static/co/images/img_relief01.jpg) no-repeat;

}



.active-history-list-year.bg2 {

  background: url(/static/co/images/img_relief02.jpg) no-repeat;

}



.active-history-list-year.bg3 {

  background: url(/static/co/images/img_relief03.jpg) no-repeat;

}



.active-history-list-year.bg4 {

  background: url(/static/co/images/img_relief04.jpg) no-repeat;

}



.active-history-list-year.bg5 {

  background: url(/static/co/images/img_relief05.jpg) no-repeat;

}



.active-history-list-year.bg6 {

  background: url(/static/co/images/img_relief06.jpg) no-repeat;

}



.active-history-list-year.bg7 {

  background: url(/static/co/images/img_relief07.jpg) no-repeat;

}



/* 물류인센티브 */

.calco-box {

  display: inline-block;

  border: 1px solid #d9d9d9;

  padding: 1px 8px;

  margin-top: 5px;

}

.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;

}



/*임대 및 입주지원 시작*/

.list10-item {

  line-height: 26px;

  position: relative;

  padding-left: 10px;

}



.list10-item:before {

  content: "-";

  font-weight: 300;

  position: absolute;

  left: 0;

}



.sub-contents-heading2.heading2-inline {

  display: inline-block;

  margin-right: 20px;

}



.heading2-inline-btn {

  display: inline-block;

}



.digr-procedure-serapp01 {

  background: url(/static/co/images/digr_procedure_serapp01.png) no-repeat;

  height: 170px;

  border: 1px solid #d9d9d9;

}



.tenant-box td {

  border-top: 1px solid #FFF !important;

  border-bottom: 1px solid #FFF !important;



  padding: 0 !important;

}



.point-box {

  background: #f3f4f8 !important;

  border: 1px solid #e5e7ef;

  padding: 10px 25px;

}

/*임대 및 입주지원 끝*/



/*안내, 경로*/

.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;

  clear: both;

}



.directions-item.ico:after {

  background-position: -89px -63px;

  width: 22px;

  height: 22px;

  left: auto;

  right: -20px;

  top: 7px;

}



.directions-item.float-no {

  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(/static/co/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 iframe {

  top: 0;

  left: 0;

  position: absolute;

  width: 100%;

  height: 100%;

}



.video-box-frame {

  top: 0;

  left: 0;

  position: absolute;

  width: 100%;

  height: 100%;

}



.color-r {

  color: #d43e41;

}



.book-btn {

  width: 100%;

}



/*newsletter*/

.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 {

  /*width: 312px;*/

  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;

}



.sports .timesetting-date.long {

  min-width: 300px;

}



.sports .timesetting-dash {

  margin: 0;

}



.sports .timesetting-sel li {

  display: inline-block;

  margin-right: 10px;

}



.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;

}



.timesetting .user-text2 {

  width: 152px;

  height: 40px;

  vertical-align: bottom;

  border:1px solid #d9d9d9;

}



.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: 210px;

  background-color: #4775c9;

  padding: 30px 200px 30px 30px;

  position: relative;

  overflow: hidden;

}



.greeting_font {

  font-size: 1.125rem;

  width : 77%;

  text-align : justify;

  word-break: keep-all;

}



.en .greeting_font {

  font-size: 1.125rem;

  width : 77%;

  text-align : justify;

  word-break: keep-all;

}



.ch .greeting_font {

  font-size: 1.125rem;

  width : 77%;

  text-align : justify;

  word-break: normal;

}



.ja .greeting_font {

  font-size: 1.125rem;

  width : 77%;

  text-align : justify;

  word-break: normal;

}

*/

.massage-txt-tit {

  font-size: 1.75rem;

  color: #fff;

  font-family: 'nanumsq', sans-serif;

}



.en .massage-txt-tit {

  font-size: 1.4rem;

  color: #fff;

  font-family: 'nanumsq', sans-serif;

}



.ch .massage-txt-tit {

  font-size: 1.37rem;

  color: #fff;

  font-family: 'nanumsq', sans-serif;

}



.ja .massage-txt-tit {

  font-size: 1.4rem;

  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: 20px 0;

}

/*

.massage-img {

  position: absolute;

  top: 0;

  right: 0;

}



.massage-img2 {

  position: absolute;

  bottom: 35px;

  right: 360px;

}



.en .massage-img2 {

  right: 300px;

}

*/

.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: 330px;

  background: url(/static/co/images/digr_environmental_monitoring.png) no-repeat;

  text-indent: -9999em;

  border: 1px solid #cccccc;

}



.digr-noise-management {

  height: 340px;

  background: url(/static/co/images/digr_noise_management.png) no-repeat;

  text-indent: -9999em;

}



.digr-environment-system {

  height: 420px;

  background: url(/static/co/images/digr_environment_management_system01.jpg) no-repeat;

  text-indent: -9999em;

}



.digr-ethical-vision01 {

  height: 625px; 

  background: url(/static/co/images/digr_ethical_01.gif) no-repeat;

  text-indent: -9999em;

}



.digr-ethical-vision02 {

  height: 445px;

  background: url(/static/co/images/digr_ethical_02.gif) no-repeat;

  text-indent: -9999em;

}



.digr-cp-vision01 {

  height: 382px;

  background: url(/static/co/images/digr_cp_vision01.png) no-repeat;

  text-indent: -9999em;

}



.digr-cp-vision02 {

  height: 620px;

  background: url(/static/co/images/digr_cp_vision02.png) no-repeat;

  text-indent: -9999em;

  border: 1px solid #d9d9d9;

  background-position: center;

}



.digr-cp-vision03 {

  height: 520px;

  background: url(/static/co/images/digr_cp_vision03.png) no-repeat;

  text-indent: -9999em;

  border: 1px solid #d9d9d9;

  background-position: center;

}



.digr-co-history1 {

  height: 448px;

  background: url(/static/co/images/digr_co_traces_01.jpg) no-repeat;

  text-indent: -9999em;

}



.digr-co-history2 {

  height: 507px;

  background: url(/static/co/images/digr_co_traces_02.jpg) no-repeat;

  text-indent: -9999em;

}



.digr-co-history3 {

  height: 448px;

  background: url(/static/co/images/digr_co_traces_03.jpg) no-repeat;

  text-indent: -9999em;

}



/* 19.12.31 추가 */



.digr-co-history4 {

  height: 507px;

  background: url(/static/co/images/digr_co_traces_04.jpg) no-repeat;

  text-indent: -9999em;

}



.digr-co-history5 {

  height: 483px;

  background: url(/static/co/images/digr_co_traces_05.jpg) no-repeat;

  text-indent: -9999em;

}



.digr-co-history6 {

  height: 496px;

  background: url(/static/co/images/digr_co_traces_06.jpg) no-repeat;

  text-indent: -9999em;

}



/* 19.12.31 추가 끝 */



/* 항공통계 쓰기 : 2020.07.22 */

.table.hr.table-left th {

  text-align: left;

  padding-left: 20px;

  padding-right: 20px;

}



.airport-statics-day {

  display: inline-block;

  vertical-align: middle;

  position: relative;

}



.airport-statics-day:first-child {

  margin-right: 30px;

}



.airport-statics-day:first-child:after {

  content: "~";

  display: block;

  position: absolute;

  top: 28%;

  right: -23px;

}



.airport-statics-check {

  margin: 2px 0;

}



.agreement-box {

  width: 100%;

  height: 148px;

  padding: 20px 15px;

  overflow-y: auto;

  background: #f5f6f7;

  border: 1px solid #e2e5e9;

  font-size: 0.925rem;

}



.agreement-box .agree-content-no {

  list-style: decimal;

  margin-left: 18px;

  margin-top: 20px;

}



.agreement-box .agree-content-no li {

  line-height: 2;

} 



.agreement-box .agree-content-exbox {

  display: block;

  border: 1px solid #e2e5e9;

  padding: 3px 10px;

  margin-bottom: 5px;

  background: #fbfbfb;

}



.airport-statics-ex {

  display: block;

  text-align: left;

}



.airport-statics .crud-ico {

  text-indent: 0;

  padding-left: 20px;

  position: relative;

}



.airport-statics .crud-ico:after {

  left: 0;

  right: auto;

}

/* 항공통계 쓰기 끝 : 2020.07.22 */







.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;

}



.scheduler-box .cal-sports-btn {

  display: block;

  text-align: center;

  background: #4674c9;

  color: #fff;

  font-size: 0.8125rem;

  padding: 5px 0;

  margin-top: 2px;

}



.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(/static/co/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(/static/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(/static/co/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.875rem;*/

  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(/static/co/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(/static/co/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(/static/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 {

  margin-top: 120px;

  background: #fff;

  padding: 24px 0;

  border-top: 1px solid #dcdfe4;

}



.footer-align.left {

  float: left;

}



.footer .fnb-list {

  font-size: 0;

}



.fnb-list.fnb-air {

  margin-top: 10px;

}



.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: #222;

  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;

}



.footer-call-num {

  color: #2c8179;

  font-weight: 900;

}



.footer-contact {

  margin-bottom: 12px;

  font-size: 0;

}



.footer-contact-item {

  display: inline-block;

  color: #666;

  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: #666;

  font-size: 0.75rem;

  letter-spacing: .3px;

  font-style: oblique;

}



.footer-align.right {

  float: right;

  margin-top: -35px;

}



.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;

}



.footer .relsite .select-list {

  top: -391px;

  width: 202px;

  max-height: 392px;

}



.en .footer .relsite .select-list {

  top: -225px;

}



.en .footer .select-link .select-list-link {

  font-size: 0.825rem;

  line-height: 1.4;

  padding: 5px 12px;

}



.ch .footer .relsite .select-list {

  top: -234px;

}



.ch .footer .select-link .select-list-link {

  font-size: 0.825rem;

  line-height: 1.4;

  padding: 5px 12px;

}



.ja .footer .relsite .select-list {

  top: -234px;

}



.ja .footer .select-link .select-list-link {

  font-size: 0.825rem;

  line-height: 1.4;

  padding: 5px 12px;

}



.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;

  float: right;

}



.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(/static/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;

}



.ch .long-word .tab-nav-list-link {

  height: auto;

}





.ko .tab-nav-list-link {

  font-size: 1rem;

}



.en .tab-nav-list-link {

  font-size: 0.825rem;

}



.en .tab-nav-list-link.size2{

  height: 72px;

}



.ch .tab-nav-list-link {

  font-size: 0.825rem;

}



.ch .tab-nav-list-link.size2 {

  font-size: 0.78rem;

}



.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-visual-news-title.tab:after {

  display: none;

}



.ch .main-visual-news-title.tab:after {

  display: none;

}



.ja .main-visual-news-title.tab:after {

  display: none;

}



.en.main {

  font-size: 15px;

}



.en footer .select-link .select-list-item, .ch footer .select-link .select-list-item, .ja footer .select-link .select-list-item {

  text-indent: 0;

}



.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: 33%;

}



.en .gnb-depth1 {

  width: 900px;

}



.en .gnb-depth1-link {

  font-size: 1.18rem;

  text-align: center;

  padding-left : 0;

}



.en .main-section2 {

  height: 753px;

  background-size: cover;

}



.en .main-section2-text-box {

  height: 280px;

}



.en .main-section2-text {

  min-height: 100px;

}



.en .main-section2-text-list {

  margin-top: 25px;

}



/* 2020.1.3 추가 */



.en .external-link-text.phase4 {

  margin: 0;

}



.en .external-link-text.phase4 :after {

  left: auto;

  margin-left: 10px;

}

/* 2020.1.3 추가 끝 */



.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,  "Noto Sans SC", spoqa, sans-serif !important;

}



.ch .gnb-depth1-item {

  width: 33%;

}



.ch .gnb-depth1 {

  width: 900px;

}



.ch .gnb-depth1-link {

  text-align: center;

  padding-left : 0;

}



.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 {

  /* 조직도 */

}



.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: 33%;

}



.ja .gnb-depth1 {

  width: 900px;

}



.ja .gnb-depth1-link {

  text-align: center;

  padding-left : 0;

}



.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;

}

.ja .iiac-numbering-item-title {

  font-size: 1.3rem;

}

.en .digr-environment-systema-location {

  background: url(/static/co/images/digr_environment_system_location_en.png) no-repeat;

  background-size: contain !important;

}



.en .digr-public-data-open-guidea {

  background: url(/static/co/images/digr_public_data_open_guide_en.png) no-repeat;

}



.en .digr-open-public-data {

  background: url(/static/co/images/digr_open_public_data_en.png) no-repeat;

}



.en .digr-procedures-disclosure {

  background: url(/static/co/images/digr_procedures_disclosure_en.png) no-repeat;

}



.en .digr-protection-compensation {

  background: url(/static/co/images/digr_protection_compensation_en.png) no-repeat;

}



.en .digr-co-history {

  background: url(/static/co/images/digr_co_history_en.png) no-repeat;

}



.en .digr-co-traces {

  background: url(/static/co/images/digr_co_traces_en.png) no-repeat;

}



.en .digr-co-vision {

  background: url(/static/co/images/digr_co_vision_new_en.png) no-repeat;

}



.en .digr-co-management {

  background: url(/static/co/images/digr_management_en.png) no-repeat;

  border: none;

}



.en .digr-co-interest {

  background: url(/static/co/images/digr_interest_en.png) no-repeat center;

}



.en .digr-co-interest2 {

  background: url(/static/co/images/digr_interest2_en.png) no-repeat;

}



.en .digr-low-carbon-eco-friendly-strategy1 {

  height: 790px;

  background: url(/static/co/images/digr_low_carbon_eco_friendly_strategy_01_en.png) no-repeat;

}



.en .digr-low-carbon-eco-friendly-strategy2 {

  height: 400px;

  background: url(/static/co/images/digr_low_carbon_eco_friendly_strategy_02_en.png) no-repeat;

}

.en .digr-energy-independence1 {

  background: url(/static/co/images/digr_energy_independence_1_en.png) no-repeat center;

}

.en .digr-energy-independence3 {

  background: url(/static/co/images/digr_energy_independence_3_en.png) no-repeat center;

  background-size: contain;

}

.en .digr-monitoring-system1 {

  background: url(/static/co/images/digr_monitoring_system_01_en.png) no-repeat;

}



.en .digr-monitoring-system2 {

  background: url(/static/co/images/digr_monitoring_system_02_en.png) no-repeat;

}



.en .digr-social-contribution-performance {

  background: url(/static/co/images/digr_social_contribution_performance_en.png) no-repeat;

}



.en .grp-energy-management {

  background: url(/static/co/images/grp_energy_management_01_en.png) no-repeat;

}



.en .digr-international-cooperation {

  background: url(/static/co/images/digr_international_cooperation_01_en.png) no-repeat;

}



.en .digr-international-freight-network1 {

  background: url(/static/co/images/digr_international_freight_network_01_en.png) no-repeat;

}



.en .grp-international-freight-network1 {

  background: url(/static/co/images/grp_international_freight_network_01_en.png) no-repeat;

}



.en .grp-international-freight-network2 {

  background: url(/static/co/images/grp_international_freight_network_02_en.png) no-repeat;

}



.en .digr-international-freight-network2 {

  background: url(/static/co/images/digr_international_freight_network_02_en.png) no-repeat;

}



.en .digr-construction-case01 {

  background: url(/static/co/images/digr_construction_case_01_en.png) no-repeat;

}



.en .digr-construction-case02 {

  background: url(/static/co/images/digr_construction_case_02_en.png) no-repeat;

}



.en .digr-construction-case03 {

  background: url(/static/co/images/digr_construction_case_03_en.png) no-repeat;

}



.en .digr-procedure-application {

  background: url(/static/co/images/digr_procedure_application_en.png) no-repeat;

}



.en .digr-procedure-application01 {

  background: url(/static/co/images/digr_procedure_tenanta01_en.png) no-repeat;

}



.en .digr-procedure-application02 {

  background: url(/static/co/images/digr_procedure_application02_en.png) no-repeat;

}



.en .digr-procedure-serapp01 {

  background: url(/static/co/images/digr_procedure_serapp01_en.png) no-repeat;

}



.en .digr-notice-tender {

  background: url(/static/co/images/digr_notice_tender_en.png) no-repeat;

}



.en .digr-service-procedure01 {

  background: url(/static/co/images/digr_service_procedure_01_en.png) no-repeat;

}



.en .digr-service-procedure02 {

  background: url(/static/co/images/digr_service_procedure_02_en.png) no-repeat;

}



.en .grp-energy-management {

  background: url(/static/co/images/grp_energy_management_01_en.png) no-repeat;



}



.en .grp-construction-business1 {

  background: url(/static/co/images/img_construction_business_05_en.jpg) no-repeat;

}



.en .grp-construction-business2 {

  background: url(/static/co/images/img_construction_business_06_en.jpg) no-repeat;

  height : 478px;

}



.en .grp-management-performance03 {

  background: url(/static/co/images/grp_management_performance_03_en.png) no-repeat;

}



.en .grp-management-performance02 {

  background: url(/static/co/images/grp_management_performance_02_en.png) no-repeat;

}



.en .grp-management-performance01 {

  background: url(/static/co/images/grp_management_performance_01_en.png) no-repeat;

}



.en .grp-airport-capacity1 {

  background: url(/static/co/images/grp_airport_capacity_01_en.png) no-repeat;

}



.en .grp-airport-capacity2 {

  background: url(/static/co/images/grp_airport_capacity_02_en.png) no-repeat;

}



.en .grp-airport-capacity3 {

  background: url(/static/co/images/grp_airport_capacity_03_en.png) no-repeat;

}





.en .digr-acdm-report-01 {

  background: url(/static/co/images/digr_acdm_report_01_en.png) center no-repeat;

}



.en .digr-acdm-report-02 {

  background: url(/static/co/images/digr_acdm_report_02_en.png) center no-repeat;

}



.en .digr-acdm-milestone {

  background: url(/static/co/images/digr_acdm_milestone_en.png) center no-repeat;

}



.en .digr-acdm-major-mailstone01 {

  background: url(/static/co/images/digr_acdm_major_mailstone_06_en.png) center no-repeat;

}



.en .digr-acdm-major-mailstone02 {

  background: url(/static/co/images/digr_acdm_major_mailstone_07_en.png) center no-repeat;

}



.en .digr-acdm-flow-chart {

  background: url(/static/co/images/digr_acdm_flow_chart_en.png) center no-repeat;

}



.en .digr-strengthen-competitive1 {

  background: url(/static/co/images/digr_strengthen_competitive_01_en.png) no-repeat;

}



.en .digr-strengthen-competitive2 {

  background: url(/static/co/images/digr_strengthen_competitive_02_en.png) no-repeat;

}



.en .digr-communication-channel {

  background: url(/static/co/images/digr_communication_channel_01_en.png) no-repeat;

}



.en .digr-concomitant-growth {

  background: url(/static/co/images/digr_concomitant_growth_01_en.png) no-repeat;

}



.en .digr-ethics-management-organization {

  height: 768px;

  background: url(/static/co/images/digr_ethics_management_organization_en.png) no-repeat;

}



.en .digr-ethics-management-vision1 {

  background: url(/static/co/images/digr_ethical_management_vision_01_en.png) no-repeat;

}



.en .digr-ethics-management-vision2 {

  background: url(/static/co/images/digr_ethical_management_vision_02_en.png) no-repeat;

}



.en .digr-personal-information {

  background: url(/static/co/images/digr_personal_information_en.png) no-repeat;

}



.en .digr-social-contribution01 {

  background: url(/static/co/images/digr_social_contribution01_en.png) no-repeat;

}



.en .digr-social-contribution02 {

  background: url(/static/co/images/digr_social_contribution02_en.png) no-repeat;

}



.en .digr-social-contribution03 {

  background: url(/static/co/images/digr_social_contribution03_en.png) no-repeat;

}



.en .digr-social-contribution04 {

  background: url(/static/co/images/digr_social_contribution04_en.png) no-repeat;

}



.en .digr-social-contribution05 {

  background: url(/static/co/images/digr_social_contribution05_en.png) no-repeat center;

}



.en .digr-vision-strategy1 {

  background: url(/static/co/images/digr_vision_strategy_01_en.png) no-repeat;

}



.en .digr-vision-strategy2 {

  background: url(/static/co/images/digr_vision_strategy_02_en.png) no-repeat;

}



.en .digr-energy-independence {

  background: url(/static/co/images/digr_energy_independence_02_en.png) center no-repeat;

}





.en .digr-energy-independence03 {

  background: url(/static/co/images/map_energy_independence_03_en.png) center no-repeat;

}



.en .digr-service-assessment {

  background: url(/static/co/images/digr_service_assessment_en.png) center no-repeat;

}



.en .digr-recruit-guide {

  background: url(/static/co/images/digr_recruit_guide_en.png) center no-repeat;

}



.en .digr-free-trade-zone {

  background: url(/static/co/images/digr_free_trade_zone_en.png) center no-repeat;

}



.en .digr-environment-monitoring {

  background: url(/static/co/images/digr_environmental_monitoring_en.png) no-repeat;

}



.en .digr-noise-management {

  background: url(/static/co/images/digr_noise_management_en.png) no-repeat;

}



.en .digr-environment-system {

  background: url(/static/co/images/digr_environment_management_system01_en.jpg) no-repeat;

}



.en .digr-cp-vision01 {

  background: url(/static/co/images/digr_cp_vision01_en.png) no-repeat;

}



.en .digr-cp-vision02 {

  background: url(/static/co/images/digr_cp_vision02_en.png) no-repeat;

}



.en .digr-co-history1 {

  background: url(/static/co/images/digr_co_traces_01_en.jpg) no-repeat;

}



.en .digr-co-history2 {

  background: url(/static/co/images/digr_co_traces_02_en.jpg) no-repeat;

  height : 536px;

}



.en .digr-co-history3 {

  background: url(/static/co/images/digr_co_traces_03_en.jpg) no-repeat;

  height : 467px;

}



/* 20.2.14 추가*/



.en .digr-co-history4 {

  background: url(/static/co/images/digr_co_traces_04_en.jpg) no-repeat;

  height : 542px;

}



.en .digr-co-history5 {

  background: url(/static/co/images/digr_co_traces_05_en.jpg) no-repeat;

  height : 466px;

}



.en .digr-co-history6 {

  background: url(/static/co/images/digr_co_traces_06_en.jpg) no-repeat;

  height : 549px;

}



.ch .digr-co-history4 {

  background: url(/static/co/images/digr_co_traces_04_ch.jpg) no-repeat;

}



.ch .digr-co-history5 {

  background: url(/static/co/images/digr_co_traces_05_ch.jpg) no-repeat;

}



.ch .digr-co-history6 {

  background: url(/static/co/images/digr_co_traces_06_ch.jpg) no-repeat;

}



.ja .digr-co-history4 {

  background: url(/static/co/images/digr_co_traces_04_ja.jpg) no-repeat;

}



.ja .digr-co-history5 {

  background: url(/static/co/images/digr_co_traces_05_ja.jpg) no-repeat;

}



.ja .digr-co-history6 {

  background: url(/static/co/images/digr_co_traces_06_ja.jpg) no-repeat;

}



/* 20.2.14 추가 끝*/





.ch .digr-environment-systema-location {

  background: url(/static/co/images/digr_environment_system_location_ch.png) no-repeat;

}



.ch .digr-public-data-open-guidea {

  background: url(/static/co/images/digr_public_data_open_guide_ch.png) no-repeat;

}



.ch .digr-open-public-data {

  background: url(/static/co/images/digr_open_public_data_ch.png) no-repeat;

  height: 581px;

}



.ch .digr-procedures-disclosure {

  background: url(/static/co/images/digr_procedures_disclosure_ch.png) no-repeat;

}



.ch .digr-protection-compensation {

  background: url(/static/co/images/digr_protection_compensation_ch.png) no-repeat;

}



.ch .digr-co-history {

  background: url(/static/co/images/digr_co_history_ch.png) no-repeat;

}



.ch .digr-co-traces {

  background: url(/static/co/images/digr_co_traces_ch.png) no-repeat;

}



.ch .digr-co-vision {

  background: url(/static/co/images/digr_co_vision_new_ch.png) no-repeat;

}



.ch .digr-co-management {

  background: url(/static/co/images/digr_management_ch.png) no-repeat;

}





.ch .digr-co-interest {

  background: url(/static/co/images/digr_interest_ch.png) no-repeat center;

}



.ch .digr-co-interest2 {

  background: url(/static/co/images/digr_interest2_ch.png) no-repeat;

}



.ch .digr-low-carbon-eco-friendly-strategy1 {

  height: 420px;

  background: url(/static/co/images/digr_low_carbon_eco_friendly_strategy_01_ch.png) no-repeat;

}



.ch .digr-low-carbon-eco-friendly-strategy2 {

  background: url(/static/co/images/digr_low_carbon_eco_friendly_strategy_02_ch.png) no-repeat;

}

.ch .digr-energy-independence1 {

  height: 488px;

  background: url(/static/co/images/digr_energy_independence_1_ch.png) no-repeat;

  background-size: contain;

}

.ch .digr-energy-independence3 {

  background: url(/static/co/images/digr_energy_independence_3_ch.png) no-repeat center;

  background-size: contain;

}

.ch .digr-monitoring-system1 {

  background: url(/static/co/images/digr_monitoring_system_01_ch.png) no-repeat;

}



.ch .digr-monitoring-system2 {

  background: url(/static/co/images/digr_monitoring_system_02_ch.png) no-repeat;

}



.ch .digr-social-contribution-performance {

  background: url(/static/co/images/digr_social_contribution_performance_ch.png) no-repeat;

}



.ch .grp-energy-management {

  background: url(/static/co/images/grp_energy_management_01_ch.png) no-repeat;

}



.ch .digr-international-cooperation {

  background: url(/static/co/images/digr_international_cooperation_01_ch.png) no-repeat;

}



.ch .digr-international-freight-network1 {

  background: url(/static/co/images/digr_international_freight_network_01_ch.png) no-repeat;

}



.ch .grp-international-freight-network1 {

  background: url(/static/co/images/grp_international_freight_network_01_ch.png) no-repeat;

}



.ch .grp-international-freight-network2 {

  background: url(/static/co/images/grp_international_freight_network_02_ch.png) no-repeat;

}



.ch .digr-international-freight-network2 {

  background: url(/static/co/images/digr_international_freight_network_02_ch.png) no-repeat;

}



.ch .digr-construction-case01 {

  background: url(/static/co/images/digr_construction_case_01_ch.png) no-repeat;

}



.ch .digr-construction-case02 {

  background: url(/static/co/images/digr_construction_case_02_ch.png) no-repeat;

}



.ch .digr-construction-case03 {

  background: url(/static/co/images/digr_construction_case_03_ch.png) no-repeat;

}



.ch .digr-procedure-application {

  background: url(/static/co/images/digr_procedure_application_ch.png) no-repeat;

}



.ch .digr-procedure-application01 {

  background: url(/static/co/images/digr_procedure_tenanta01_ch.png) no-repeat;

}



.ch .digr-procedure-application02 {

  background: url(/static/co/images/digr_procedure_application02_ch.png) no-repeat;

}



.ch .digr-procedure-serapp01 {

  background: url(/static/co/images/digr_procedure_serapp01_ch.png) no-repeat;

}



.ch .digr-notice-tender {

  background: url(/static/co/images/digr_notice_tender_ch.png) no-repeat;

}



.ch .digr-service-procedure01 {

  background: url(/static/co/images/digr_service_procedure_01_ch.png) no-repeat;

}



.ch .digr-service-procedure02 {

  background: url(/static/co/images/digr_service_procedure_02_ch.png) no-repeat;

}



.ch .grp-energy-management {

  background: url(/static/co/images/grp_energy_management_01_ch.png) no-repeat;

}



.ch .grp-construction-business1 {

  background: url(/static/co/images/grp_construction_business_01_ch.png) no-repeat;

  border : 1px solid #d9d9d9;

  height: 490px;

}



.ch .grp-construction-business2 {

  background: url(/static/co/images/grp_construction_business_02_ch.png) no-repeat;

  border : 1px solid #d9d9d9;

  height: 542px;

}



.ch .grp-management-performance03 {

  background: url(/static/co/images/grp_management_performance_03_ch.png) no-repeat;

}



.ch .grp-management-performance02 {

  background: url(/static/co/images/grp_management_performance_02_ch.png) no-repeat;

}



.ch .grp-management-performance01 {

  background: url(/static/co/images/grp_management_performance_01_ch.png) no-repeat;

}



.ch .grp-airport-capacity1 {

  background: url(/static/co/images/grp_airport_capacity_01_ch.png) no-repeat;

}



.ch .grp-airport-capacity2 {

  background: url(/static/co/images/grp_airport_capacity_02_ch.png) no-repeat;

}



.ch .grp-airport-capacity3 {

  background: url(/static/co/images/grp_airport_capacity_03_ch.png) no-repeat;

}



.ch .digr-acdm-report-01 {

  background: url(/static/co/images/digr_acdm_report_01_ch.png) center no-repeat;

}



.ch .digr-acdm-report-02 {

  background: url(/static/co/images/digr_acdm_report_02_ch.png) center no-repeat;

}



.ch .digr-acdm-milestone {

  background: url(/static/co/images/digr_acdm_milestone_ch.png) center no-repeat;

}



.ch .digr-acdm-major-mailstone01 {

  background: url(/static/co/images/digr_acdm_major_mailstone_06_ch.png) center no-repeat;

}



.ch .digr-acdm-major-mailstone02 {

  background: url(/static/co/images/digr_acdm_major_mailstone_07_ch.png) center no-repeat;

}



.ch .digr-acdm-flow-chart {

  background: url(/static/co/images/digr_acdm_flow_chart_ch.png) center no-repeat;

}



.ch .digr-strengthen-competitive1 {

  background: url(/static/co/images/digr_strengthen_competitive_01_ch.png) no-repeat;

}



.ch .digr-strengthen-competitive2 {

  background: url(/static/co/images/digr_strengthen_competitive_02_ch.png) no-repeat;

}



.ch .digr-communication-channel {

  background: url(/static/co/images/digr_communication_channel_01_ch.png) no-repeat;

}



.ch .digr-concomitant-growth {

  background: url(/static/co/images/digr_concomitant_growth_01_ch.png) no-repeat;

}



.ch .digr-ethics-management-organization {

  background: url(/static/co/images/digr_ethics_management_organization_ch.png) no-repeat;

}



.ch .digr-ethics-management-vision1 {

  background: url(/static/co/images/digr_ethical_management_vision_01_ch.png) no-repeat;

}



.ch .digr-ethics-management-vision2 {

  background: url(/static/co/images/digr_ethical_management_vision_02_ch.png) no-repeat;

}



.ch .digr-personal-information {

  background: url(/static/co/images/digr_personal_information_ch.png) no-repeat;

}



.ch .digr-social-contribution01 {

  background: url(/static/co/images/digr_social_contribution01_ch.png) no-repeat;

}



.ch .digr-social-contribution02 {

  background: url(/static/co/images/digr_social_contribution02_ch.png) no-repeat;

}



.ch .digr-social-contribution03 {

  background: url(/static/co/images/digr_social_contribution03_ch.png) no-repeat;

}



.ch .digr-social-contribution04 {

  background: url(/static/co/images/digr_social_contribution04_ch.png) no-repeat;

}



.ch .digr-social-contribution05 {

  background: url(/static/co/images/digr_social_contribution05_ch.png) no-repeat center;

}



.ch .digr-vision-strategy1 {

  background: url(/static/co/images/digr_vision_strategy_01_ch.png) no-repeat;

}



.ch .digr-vision-strategy2 {

  background: url(/static/co/images/digr_vision_strategy_02_ch.png) no-repeat;

}



.ch .digr-energy-independence {

  background: url(/static/co/images/digr_energy_independence_02_ch.png) center no-repeat;

}



.ch .digr-energy-independence03 {

  background: url(/static/co/images/map_energy_independence_03_ch.png) center no-repeat;

}



.ch .digr-service-assessment {

  background: url(/static/co/images/digr_service_assessment_ch.png) center no-repeat;

}



.ch .digr-recruit-guide {

  background: url(/static/co/images/digr_recruit_guide_ch.png) center no-repeat;

}



.ch .digr-free-trade-zone {

  background: url(/static/co/images/digr_free_trade_zone_ch.png) center no-repeat;

}



.ch .digr-environment-monitoring {

  background: url(/static/co/images/digr_environmental_monitoring_ch.png) no-repeat;

}



.ch .digr-noise-management {

  background: url(/static/co/images/digr_noise_management_ch.png) no-repeat;

}



.ch .digr-environment-system {

  background: url(/static/co/images/digr_environment_management_system01_ch.jpg) no-repeat;

}



.ch .digr-cp-vision01 {

  background: url(/static/co/images/digr_cp_vision01_ch.png) no-repeat;

}



.ch .digr-cp-vision02 {

  background: url(/static/co/images/digr_cp_vision02_ch.png) no-repeat;

}



.ch .digr-co-history1 {

  background: url(/static/co/images/digr_co_traces_01_ch.jpg) no-repeat;

  height:530px;

}



.ch .digr-co-history2 {

  background: url(/static/co/images/digr_co_traces_02_ch.jpg) no-repeat;

  height:530px;

}



.ch .digr-co-history3 {

  background: url(/static/co/images/digr_co_traces_03_ch.jpg) no-repeat;

  height:530px;

}



.ja .digr-environment-systema-location {

  background: url(/static/co/images/digr_environment_system_location_ja.png) no-repeat;

}



.ja .digr-public-data-open-guidea {

  background: url(/static/co/images/digr_public_data_open_guide_ja.png) no-repeat;

}



.ja .digr-open-public-data {

  background: url(/static/co/images/digr_open_public_data_ja.png) no-repeat;

}



.ja .digr-procedures-disclosure {

  background: url(/static/co/images/digr_procedures_disclosure_ja.png) no-repeat;

}



.ja .digr-protection-compensation {

  background: url(/static/co/images/digr_protection_compensation_ja.png) no-repeat;

}



.ja .digr-co-history {

  background: url(/static/co/images/digr_co_history_ja.png) no-repeat;

}



.ja .digr-co-traces {

  background: url(/static/co/images/digr_co_traces_ja.png) no-repeat;

}



.ja .digr-co-vision {

  background: url(/static/co/images/digr_co_vision_new_ja.png) no-repeat;

}



.ja .digr-co-management {

  background: url(/static/co/images/digr_management_ja.png) no-repeat;

}



.ja .digr-co-interest {

  background: url(/static/co/images/digr_interest_ja.png) no-repeat center;

}



.ja .digr-co-interest2 {

  background: url(/static/co/images/digr_interest2_ja.png) no-repeat;

}



.ja .digr-low-carbon-eco-friendly-strategy1 {

  height: 420px;

  background: url(/static/co/images/digr_low_carbon_eco_friendly_strategy_01_ja.png) no-repeat;

}



.ja .digr-low-carbon-eco-friendly-strategy2 {

  background: url(/static/co/images/digr_low_carbon_eco_friendly_strategy_02_ja.png) no-repeat;

}

.ja .digr-energy-independence1 {

  height: 488px;

  background: url(/static/co/images/digr_energy_independence_1_ja.png) no-repeat;

  background-size: contain;

}

.ja .digr-energy-independence3 {

  background: url(/static/co/images/digr_energy_independence_3_ja.png) no-repeat center;

  background-size: contain;

}

.ja .digr-monitoring-system1 {

  background: url(/static/co/images/digr_monitoring_system_01_ja.png) no-repeat;

}



.ja .digr-monitoring-system2 {

  background: url(/static/co/images/digr_monitoring_system_02_ja.png) no-repeat;

}



.ja .digr-social-contribution-performance {

  background: url(/static/co/images/digr_social_contribution_performance_ja.png) no-repeat;

}



.ja .grp-energy-management {

  background: url(/static/co/images/grp_energy_management_01_ja.png) no-repeat;

}



.ja .digr-international-cooperation {

  background: url(/static/co/images/digr_international_cooperation_01_ja.png) no-repeat;

}



.ja .digr-international-freight-network1 {

  background: url(/static/co/images/digr_international_freight_network_01_ja.png) no-repeat;

}



.ja .grp-international-freight-network1 {

  background: url(/static/co/images/grp_international_freight_network_01_ja.png) no-repeat;

}



.ja .grp-international-freight-network2 {

  background: url(/static/co/images/grp_international_freight_network_02_ja.png) no-repeat;

}



.ja .digr-international-freight-network2 {

  background: url(/static/co/images/digr_international_freight_network_02_ja.png) no-repeat;

}



.ja .digr-construction-case01 {

  background: url(/static/co/images/digr_construction_case_01_ja.png) no-repeat;

}



.ja .digr-construction-case02 {

  background: url(/static/co/images/digr_construction_case_02_ja.png) no-repeat;

}



.ja .digr-construction-case03 {

  background: url(/static/co/images/digr_construction_case_03_ja.png) no-repeat;

}



.ja .digr-procedure-application {

  background: url(/static/co/images/digr_procedure_application_ja.png) no-repeat;

}



.ja .digr-procedure-application01 {

  background: url(/static/co/images/digr_procedure_tenanta01_ja.png) no-repeat;

}



.ja .digr-procedure-application02 {

  background: url(/static/co/images/digr_procedure_application02_ja.png) no-repeat;

}



.ja .digr-procedure-serapp01 {

  background: url(/static/co/images/digr_procedure_serapp01_ja.png) no-repeat;

}



.ja .digr-notice-tender {

  background: url(/static/co/images/digr_notice_tender_ja.png) no-repeat;

}



.ja .digr-service-procedure01 {

  background: url(/static/co/images/digr_service_procedure_01_ja.png) no-repeat;

}



.ja .digr-service-procedure02 {

  background: url(/static/co/images/digr_service_procedure_02_ja.png) no-repeat;

}



.ja .grp-energy-management {

  background: url(/static/co/images/grp_energy_management_01_ja.png) no-repeat;

}



.ja .grp-construction-business1 {

  background: url(/static/co/images/grp_construction_business_01_ja.png) no-repeat;

  border : 1px solid #d9d9d9;

  height: 490px;

}



.ja .grp-construction-business2 {



  background: url(/static/co/images/grp_construction_business_02_ja.png) no-repeat;

  border : 1px solid #d9d9d9;

  height : 542px;

}



.ja .grp-management-performance03 {

  background: url(/static/co/images/grp_management_performance_03_ja.png) no-repeat;

}



.ja .grp-management-performance02 {

  background: url(/static/co/images/grp_management_performance_02_ja.png) no-repeat;

}



.ja .grp-management-performance01 {

  background: url(/static/co/images/grp_management_performance_01_ja.png) no-repeat;

}



.ja .grp-airport-capacity1 {

  background: url(/static/co/images/grp_airport_capacity_01_ja.png) no-repeat;

}



.ja .grp-airport-capacity2 {

  background: url(/static/co/images/grp_airport_capacity_02_ja.png) no-repeat;

}



.ja .grp-airport-capacity3 {

  background: url(/static/co/images/grp_airport_capacity_03_ja.png) no-repeat;

}



.ja .digr-acdm-report-01 {

  background: url(/static/co/images/digr_acdm_report_01_ja.jpg) center no-repeat;

}



.ja .digr-acdm-report-02 {

  background: url(/static/co/images/digr_acdm_report_02_ja.png) center no-repeat;

}



.ja .digr-acdm-milestone {

  background: url(/static/co/images/digr_acdm_milestone_ja.png) center no-repeat;

}



.ja .digr-acdm-major-mailstone01 {

  background: url(/static/co/images/digr_acdm_major_mailstone_06_ja.png) center no-repeat;

}



.ja .digr-acdm-major-mailstone02 {

  background: url(/static/co/images/digr_acdm_major_mailstone_07_ja.png) center no-repeat;

}



.ja .digr-acdm-flow-chart {

  background: url(/static/co/images/digr_acdm_flow_chart_ja.png) center no-repeat;

}



.ja .digr-strengthen-competitive1 {

  background: url(/static/co/images/digr_strengthen_competitive_01_ja.png) no-repeat;

}



.ja .digr-strengthen-competitive2 {

  background: url(/static/co/images/digr_strengthen_competitive_02_ja.png) no-repeat;

}



.ja .digr-communication-channel {

  background: url(/static/co/images/digr_communication_channel_01_ja.png) no-repeat;

}



.ja .digr-concomitant-growth {

  background: url(/static/co/images/digr_concomitant_growth_01_ja.png) no-repeat;

}



.ja .digr-ethics-management-organization {

  background: url(/static/co/images/digr_ethics_management_organization_ja.png) no-repeat;

}



.ja .digr-ethics-management-vision1 {

  background: url(/static/co/images/digr_ethical_management_vision_01_ja.png) no-repeat;

}





.ja .digr-ethics-management-vision2 {

  background: url(/static/co/images/digr_ethical_management_vision_02_ja.png) no-repeat;

}



.ja .digr-personal-information {

  background: url(/static/co/images/digr_personal_information_ja.png) no-repeat;

}



.ja .digr-social-contribution01 {

  background: url(/static/co/images/digr_social_contribution01_ja.png) no-repeat;

}



.ja .digr-social-contribution02 {

  background: url(/static/co/images/digr_social_contribution02_ja.png) no-repeat;

}



.ja .digr-social-contribution03 {

  background: url(/static/co/images/digr_social_contribution03_ja.png) no-repeat;

}



.ja .digr-social-contribution04 {

  background: url(/static/co/images/digr_social_contribution04_ja.png) no-repeat;

}



.ja .digr-social-contribution05 {

  background: url(/static/co/images/digr_social_contribution05_ja.png) no-repeat center;

}



.ja .digr-vision-strategy1 {

  background: url(/static/co/images/digr_vision_strategy_01_ja.png) no-repeat;

}



.ja .digr-vision-strategy2 {

  background: url(/static/co/images/digr_vision_strategy_02_ja.png) no-repeat;

}



.ja .digr-energy-independence {

  background: url(/static/co/images/digr_energy_independence_02_ja.png) center no-repeat;

}



.ja .digr-energy-independence03 {

  background: url(/static/co/images/map_energy_independence_03_ja.png) center no-repeat;

}



.ja .digr-service-assessment {

  background: url(/static/co/images/digr_service_assessment_ja.png) center no-repeat;

}



.ja .digr-recruit-guide {

  background: url(/static/co/images/digr_recruit_guide_ja.png) center no-repeat;

}



.ja .digr-free-trade-zone {

  background: url(/static/co/images/digr_free_trade_zone_ja.png) center no-repeat;

}



.ja .digr-environment-monitoring {

  background: url(/static/co/images/digr_environmental_monitoring_ja.png) no-repeat;

}



.ja .digr-noise-management {

  background: url(/static/co/images/digr_noise_management_ja.png) no-repeat;

}



.ja .digr-environment-system {

  background: url(/static/co/images/digr_environment_management_system01_ja.jpg) no-repeat;

}



.ja .digr-cp-vision01 {

  background: url(/static/co/images/digr_cp_vision01_ja.png) no-repeat;

}



.ja .digr-cp-vision02 {

  background: url(/static/co/images/digr_cp_vision02_ja.png) no-repeat;

}



.ja .digr-co-history1 {

  background: url(/static/co/images/digr_co_traces_01_ja.jpg) no-repeat;

  height:530px;

}



.ja .digr-co-history2 {

  background: url(/static/co/images/digr_co_traces_02_ja.jpg) no-repeat;

  height:530px;

}



.ja .digr-co-history3 {

  background: url(/static/co/images/digr_co_traces_03_ja.jpg) no-repeat;

  height:530px;

}



/* 정보공개 테이블 2020.07.10 추가 */

.table-like {

  display: table;

  width: 100%;

  margin: 10px 0 5px 0;

}



.table-like caption {

  display: none;

}



.table-like.vt-dark .caption-like {

  display: none;

}



.table-like.vt-dark .tr-like .th-like {

  background: #323648;

  text-align: center;

  color: #FFF;

  padding: 15px 0;

}



.table-like .th-like a:hover {

  color: #999;

}



.table-like.vt-dark .tr-like {

  width: 100%;

  display: table;

  font-size: 0.9rem;

}



.table-like.vt-dark .td-like {

  width: 100%;

  margin: 7px 0;

  border: 1px solid #323648;

}



.table-like.vt-dark .td-like.no-content {

  text-align: center;

  padding: 30px 0;

  font-size: 1rem;

}



.table-like.vt-dark .td-like-board {

  width: 100%;

  display: table;

}



.table-like.vt-dark .td-like-board .th-like {

  padding: 15px 0;

  text-align: center;

  border-right: 1px solid #f2f4f7;

}



.table-like.vt-dark .th-like.left {

  text-align: left;

  padding-left: 20px;

}



.table-like.vt-dark .th-like {

  display: table-cell;

  border-right: 1px solid #474a5b;

}



.table-like .th-like:nth-child(1) {

  width: 5%;

}



.table-like .th-like:nth-child(2) {

  width: 14%;

}



.table-like .th-like:nth-child(3) {

  width: 38%;

}



.table-like .th-like:nth-child(4) {

  width: 22%;

  font-size: 0.95rem;

}



.table-like .th-like:nth-child(5) {

  width: 9%;

  font-size: 0.95rem;

}



.table-like .th-like:nth-child(6) {

  width: 12%;

  border-right: none;

}





.board-detail-area {

  background: #f2f4f7;

  padding: 15px 15px 0 15px;

}



.board-detail-area table thead th {

  font-size: 0.9rem;

  font-weight: 400 !important;

  padding: 14px !important;

  position: relative;



}



.board-detail-area .th-like {

  text-align: center;

  font-size: 0.9rem;

  padding: 13px 0 !important;

  border-right: none !important;

}



.board-detail-area .th-like {

  padding-left: 15px !important;

  padding-right: 15px !important;



}



.board-detail-area table {

  border-top: 2px solid #444444;

  border-bottom: 1px solid #d9d9d9;

  background: #FFF;

}



.board-detail-area .table .th-like {

  border-top: 1px solid #d9d9d9;

}



.board-detail-area .table .th-like:nth-child(1) {

 width: 40%;

}



.board-detail-area .table .th-like:nth-child(2) {

  width: 30%;

}



.board-detail-area .table .th-like:nth-child(3) {

  width: 15%;

}



.board-detail-area .table .th-like:nth-child(4) {

  width: 15%;

  border-right: none;

}



.table-like.vt-dark .td-like .btn-type-small {

  border-radius: 5px;

  margin: 10px;

  padding: 0 35px 0 15px;

  min-width: 70px;

  text-align: center;

}



.table-like.vt-dark .td-like .btn-type-small.ico:after {

  background-position: -150px -196px;

  width: 11px;

  height: 11px;

}



.board-detail-area table thead th:after {

  content: "";

  display: block;

  width: 1px;

  height: 14px;

  background: #a5a7aa;

  position: absolute;

  top: 12px;

  right: 0;

}



.board-detail-area table thead th:last-child:after {

  display: none;

}



.board-view .view-body2 .table {

  border-top: 1px solid #a5a7aa;

  margin-top: -1px;

}



.board-view .view-body2 .table th {



  font-size: 1rem;

  text-align: left;

  padding-left: 40px;

}



.board-view .view-body2 .table th:after {

  display: none;

}

/* 정보공개 테이블 2020.07.10 끝 */



@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: 49%;

    margin: 0 15px 10px 0;

  }

  .top-popup-article:last-child {

    margin-right: 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(/static/co/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;

  }



  .en .gnb-depth1-link, .ch .gnb-depth1-link, .ja .gnb-depth1-link {

    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-depth2-link br {

    display: none;

  }

  .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;

    height: 60px;

    padding-top: 15px;

  }

  .header:after {

    content: '';

    display: block;

    width: 100%;

    height: 50px;

    background: #fff;

    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: 420px;

    position: relative;

    top: 0;

    left: 0;

  }

  .header-logo {

    width: 420px;

    position: relative;

    left: 0;

    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: 30px 0;

    background: #fff;

  }

  .header-site-item {

    width: 50%;

  }

  .header-site-item:first-child {

    padding-left: 20px;



  }

  .header-site-item:last-child {

    padding-right: 20px;

  }

  .header-site-link {

    width: 100%;

  }

  .header-site-link.on {

    color: #5171b3;

    border-color: #5171b3;

  }

  .header-util {

    display: none;

  }

  .header-util-cs {

    float: none;

    width: 100%;

    height: 100px;

    padding: 60px 0 0 20px;

    background: url(/static/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;

    /* &:after{

               background-position:-154px -131px;

               width: 22px;

               height: 27px;

             }*/

  }

  .header-search-btn.gnb-map:after {

    content: "";

    display: block;

    width: 25px;

    height: 25px;

    margin: 0;

    background: url(/static/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(/static/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: 40%;

    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% !important;

    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(/static/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;

  }

  .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: #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-mobile-btn-close {

    width: 22px;

    height: 22px;

    border: 0;

    background: url(/static/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-item.sns-box {

    display: none;

  }

  .quick-menu-list.quick-on .quick-menu-list-item:nth-child(5) {

    bottom: 310px;

  }

  .quick-menu-list.quick-on .quick-menu-list-item:nth-child(6) {

    bottom: 250px;

  }

  .quick-menu-list.quick-on .quick-menu-list-item:nth-child(7) {

    bottom: 190px;

  }

  .quick-menu-list.quick-on .quick-menu-list-item:nth-child(8) {

    bottom: 130px;

  }

  .quick-menu-list.quick-on .quick-menu-list-item:nth-child(9) {

    bottom: 70px;

  }



  .en .quick-menu-list.quick-on .quick-menu-list-item:nth-child(5) {

    bottom: 190px;

  }

  .en .quick-menu-list.quick-on .quick-menu-list-item:nth-child(6) {

    bottom: 130px;

  }



  .ch .quick-menu-list.quick-on .quick-menu-list-item:nth-child(5) {

    bottom: 190px;

  }

  .ch .quick-menu-list.quick-on .quick-menu-list-item:nth-child(6) {

    bottom: 130px;

  }



  .ja .quick-menu-list.quick-on .quick-menu-list-item:nth-child(5) {

    bottom: 190px;

  }

  .ja .quick-menu-list.quick-on .quick-menu-list-item:nth-child(6) {

    bottom: 130px;

  }



  .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:hover {

    background: none;

  }

  .quick-menu-list-item.top {

    display: none;

  }

  .quick-menu-list-link {

    height: 50px;

    padding: 15px 60px 0 0;

    position: relative;

    color: #fff;

  }



  .quick-menu-list-link.ci-airport:before {

    right: 5px;

  }

  .quick-menu-list-link.notice:before {

    right: 14px;

  }

  .quick-menu-list-link.online-minwon {

    padding: 7px 60px 0 0

  }

  .quick-menu-list-link.online-minwon:before {

    right: 12px;

  }

  .quick-menu-list-link.cocom {

    padding: 7px 60px 0 0

  }

  .quick-menu-list-link.cocom:before {

    right: 12px;

  }

  .quick-menu-list-link.data:before {

    right: 9px;

  }



  .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: 1;

    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: 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) {

  .multi-col .inner-col.empty {

     display:none;

  }

  .left-menu-depth2-item {

    display: none;

  }

  /*

   .greeting_font {

   width:auto;

   word-break: normal;

  }



  .en .greeting_font {

   width:auto;

   word-break: normal;

  }



   .ch .greeting_font {

   width:auto;

   word-break: normal;

  }



   .ja .greeting_font {

   width:auto;

   word-break: normal;

  }

  */

}



@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;

  }



/* 2020.1.3 추가 */



 .external-link-text.phase4{

    margin: 0;

  }

  .external-link-text.phase4:before {

    content: "";

    display: block;

    background: url(/static/co/images/logo_construction_4th.png) no-repeat;

    width: 46px;

    height: 20px;

    background-size: cover;

    position: absolute;

    top: 0;

    right: 0;

    left: 0;

    margin: auto;

  }

  .external-link-text.phase4:after {

    display: none;

  }



/* 2020.1.3 추가 끝 */



  .external-link-text.webjin {

    margin: 0;

  }



  .external-link-text.webjin:before {

    content: "";

    display: block;

    background: url(/static/co/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(/static/co/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(/static/co/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(/static/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(/static/co/images/bg_mobile_main_visual_01.jpg) !important;

  }

  .main-visual-item:nth-child(2) {

    background-image: url(/static/co/images/bg_mobile_main_visual_02.jpg) !important;

  }

  .main-visual-item:nth-child(3) {

    background-image: url(/static/co/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 {

    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;

    width: 90%;

  }

  .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;

  }

  .ko .main-visual-news-section:last-child .main-visual-news-title {

    display: block;

  }

  .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(/static/co/images/bg_main_visual_news_02.png) #23368c right center no-repeat;

  }

  .main-visual-news-section.middle {

   background: url(/static/co/images/bg_main_visual_vision.png) #23368c right bottom 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(/static/co/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(/static/co/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(/static/co/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 {

    /*조건*/

    /*게시판*/

  }

  section.empl .search-box .search-box-input-item {

    width: 50%;

   border-bottom: 1px solid #818181;

  }

  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 .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;

  }



  .employ .search-box-input-item-area  {

    width: 100% !important;

    margin-bottom: 0;

    border-top: 1px solid #818181;

    border-left: 1px solid #818181;

  }

  .employ .search-box-input-item-area .search-box-input-item  {

    width: 100% !important;

    margin-bottom: -2px;

  }

  .employ .search-box-input-item-area .search-box-input-item select {

    border-top: none;

    margin-right: -1px;

  }

  .employ .search-box-input-item-area .search-box-input-item select:first-child {

    margin-left: 1px;

  }

  section.empl .search-box .employ .search-box-input-item:last-child {

    width: 50%;

    border-left: none;

  }



  #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.ethical {

  padding : 10px;

  }

  .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.long-word .tab-nav-list-link {

    display: block;

  }

  .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(/static/co/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%;

    height: auto;

  }

  .article {

    margin-bottom: 30px;

  }

  .article.p-dv {

    border: 1px solid #d9d9d9;

    padding: 30px;

  }

  .article.p-dv:after {

    content: '측정결과는 PC 화면에서 확인하여 주시기 바랍니다.';

    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;

  }



  .mb15 {

    float: none;

  }



  .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 {

    width: 50%;

    padding-right: 20px;

  }

  .multi-col.double .inner-col.img-area {

    text-align: center;

    overflow: hidden;

  }

  .multi-col.double .inner-col.txt-area {

    padding-left: 2%;

  }

  .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: 49%;

    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: 20%;

	padding: 0 4px;

	margin: 0;



  }

  /*

  .multi-col.balance .inner-col {

    margin-left: 0;

  }

  */

  .multi-col.balance .inner-col:first-child {

    margin-left: 0;

    padding: 0 4px 0 0;

  }

  .multi-col.balance .inner-col:last-child {

    margin-left: 0;

    padding: 0 0 0 4px;

  }

  .multi-col.balance .inner-col.advertising-width {

    width: 100%;

  }

  .multi-col.balance img {

    width: 100% !important;

    vertical-align: top;

  }

  .multi-col.balance .inner-col.ad-print {

      width: 49%;

  }

  .multi-col.balance .inner-col.ad-print:first-child {

      margin-right: 2%;

  }

  .multi-col.balance .inner-col.ad-print .advertising-img {

      width: 100% !important;

  }

  .multi-col.balance img.advertising-img {

    width: auto !important;

    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;

  }

  /*2단3단*/

  .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;

  }

  */



  .multi-col.cyber-sabo .inner-col {

    padding: 0 12px 0 0;

  }



  .multi-col.cyber-sabo .inner-col:last-child {

    padding: 0 12px 0 0;

  }





  .multi-col.gutter .inner-col.safe-safabo {

    padding: 0 12px 0 0;

  }



  .multi-col.gutter .inner-col.safe-safabo:last-child {

    padding: 0 0 0 12px;

  }

  .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(/static/co/images/spr_ico_left_menu.png) no-repeat -9px -4px;

    transform: rotate(180deg);

  }

  .sub-contents {

    width: 100%;

    float: none;

  }

  .sub-contents-heading1 {

    display: none;

    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;

  }

  .redwhistle-txt {

    margin-top: 0;

    margin-bottom: 10px;

    font-size: 0.9375rem;

  }

  .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 {

    font-size: 0.825rem !important;

    word-break: inherit !important;

    word-wrap: break-word !important;

  }

  .table th, .table strong {

    font-size: 0.75rem !important;

    word-break: inherit !important;

    word-wrap: break-word !important;

  }

  .table.vt-dark.writing strong {

    font-size: 1rem !important;

  }  

  .table.vt-dark.writing br {

    display: block;

  }

  .table .download {

    text-indent: -999em;

    width: 30px;

    min-width: 30px;

    height: 30px;

    margin: auto;

  }

  .table .download:after {

    display: block !important;

    background: url(/static/co/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(/static/co/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;

    /*width: 6rem;*/

  }

  .table.vt.table-responsive tbody td[data-type=currency] {

    /*text-align: right;*/

  }

  .table.vt.table-responsive tbody td[data-title]:before {

    content: attr(data-title);

    /*float: left;*/

    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.board-list.type1-5 colgroup col:nth-child(1), .table.vt.board-list.type1-5 th:nth-child(1), .table.vt.board-list.type1-5 td:nth-child(1)  {

    display: none;

  }

  .table.vt.board-list.type1-5 colgroup col:nth-child(3) {

    width: 30% !important;

  }

  .table.vt, .table.vt-dark {

    width: 100%;

    table-layout: fixed;

  }

  .table.vt th:after {

    top: 5px;

  }

  .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;

  }

  .center.check-ico-dot { 

    font-size : 5rem !important;

  }

  /*textbox*/

  .text-box {

    padding: 15px;

  }

  .text-box p {

    font-size: 0.925rem;

  }

  .text-box li {

    font-size: 0.925rem;

  }

  .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, .text-box.consulting.cp-h {

    height: auto;

    padding: 0;

    text-align: left;

  }

  

  /* 추가 180820 */

  

  .text-box.consulting500 {

    height: auto;

    padding: 0;

    text-align: left;

  }

  

  .text-box.consulting570 {

    height: auto;

    padding: 0;

    text-align: left;

  }

  

  .text-box.consulting360 {

    height: auto;

    padding: 0;

    text-align: left;

  }

  

  .text-box.consulting440 {

    height: auto;

    padding: 0;

    text-align: left;

  }

  

  /* 추가 180820 끝 */

  

  .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;

  }





  /* 2019.1.10 추가 */



  .textbox-wide2-txt {

    min-height: inherit;

    width: 100%;

    padding: 15px;

    margin-left : auto;

  }



  .textbox-wide2-ico:before {

    background-size: 278px 446px;

    width: 59px;

    height: 59px;

    right:0px;

    left:0px;

    bottom:auto;

    margin:auto;

    top:20px;

  }



  .textbox-wide2-ico.type1:before {

    background-position: -143px -212px;

  }



  .textbox-wide2-ico {

    padding-top :100px;

  }



  .font14 {

    font-size:0.87rem;

  }



  /* 2019.1.10 추가 끝*/



  /* 2018.12.28 추가 */

  .textbox-txt2 {

    min-height: inherit;

    width: 100%;

    padding: 15px;

  }

  .imgbox2 {

    padding:12px;

	float: left;

	display: block;

	position: relative;

	width:100%;

	text-align:center;

  }

  /* 2018.12.28 추가  끝 */



  .textbox-title {

    margin-bottom: 10px;

    font-weight: 800;

    font-size: 1rem;

  }

  .textbox-wide .textbox-title.minwon-title {

    display: block;

    width: 100%;

    text-align: left;

    margin: 20px 10px 10px 15px;

  }

  .textbox.list1 {

    font-size: 0.875rem;

  }

  .textbox.list1-item {

    line-height: 1.2;

  }

  .textbox-btn {

    text-align: right;

  }

  .textbox-btn .user-input-link.shortcut, .textbox-btn .user-input-link.shortcut.btn2 {

    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(/static/co/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 500px;

    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-ico.type7:before {

    background-position: -75px -212px;

  }



  .textbox-ico.type8:before {

    background-position: -143px -212px;

  }

  .textbox-ico.type9:before {

    background-position: -212px -212px;

  }

 .textbox-ico.type10:before {

  background-position: -212px -350px;

 }



 .textbox-ico.type11:before {

  background-position: -6px -420px;

 }



  .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(/static/co/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*/

  .guidebox {

    display: block;

  }

  .guidebox-img {

    width: 100px;

  }  

  .guidebox-img4 {

    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.col-4 {

    padding: 40px 0;

    border-top-style: none;

    border-bottom: 1px solid #d9d9d9;

  }

  .guidebox-col.col-4 {

    width: 100%;

    background: #fff;

    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: 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(/static/co/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(/static/co/images/spr_ico_global.png) no-repeat -186px -65px;

    width: 6px;

    height: 10px;

  }

  .guidebox-btn2 {

    padding: 10px 60px 10px 30px;

  }

  .guidebox-btn2 br {

    display: none;

  }



  /*연혁*/

  .co-history .multi-col.ceo .w25 {

    width: 30% !important;

    float: left;

    padding-right: 20px;

  }

  .co-history .multi-col.ceo .w70 {

    width: 70% !important;

    float: left;

    margin-top: 0;

  }

  .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*/

  .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;

  }

  

  .iiac-numbering-item.type11:before {

    background-position: -107px -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: 32%;

    margin-left: 2%;

  }

  .co-gallery .co-gallery-item-img > img {

	height: 180px;

  }

  .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-bottom: 12px;

  }

  .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: 5%;

    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: 50%;

  }

  .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: 480px;

    background-size: contain;

    background-position: center;

  }

  .digr-protection-compensation {

    height: 184px;

    background-size: contain;

    background-position: center;

  }

  .digr-co-history {

    width: 100%;

    background-size: contain;

    background-position: center;

  }

  .digr-co-traces {

    height: 600px;

    background-size: contain;

    background-position: center;

  }

  .digr-co-vision {

    height: 730px;

    background-size: contain;

    background-position: center;

  }

  .digr-co-management {

    height: 500px;

    background-size: contain;

    background-position: center;

  }

  .digr-co-interest {

    height: 400px;

    background-size: contain;

    background-position: center;

  }

  .digr-co-interest2 {

    height: 300px;

    background-size: contain;

    background-position: center;

  }

  .digr-low-carbon-eco-friendly-strategy1 {

    height: 700px;

    background-size: contain;

    background-position: center;

  }

  .digr-low-carbon-eco-friendly-strategy2 {

    height: 300px;

    background-size: contain;

    background-position: center;

  }

  .digr-monitoring-system1 {

    height: 500px;

    background-size: contain;

    background-position: center;

  }

  .digr-monitoring-system2 {

    height: 500px;

    background-size: 90%;

    background-position: top;

  }

  .digr-social-contribution-performance {

    height: 800px;

    background-size: contain;

    background-position: center;

  }

  .grp-energy-management {

    background: url(/static/co/images/grp_energy_management_01.png) no-repeat;

  }

  .digr-international-cooperation {

    height: 450px;

    background-size: contain;

    background-position: center;

  }

  .digr-international-freight-network1 {

    height: 480px;

    background-size: contain;

    background-position: center;

  }

  /* 해외교육_1080px */

  .digr-training-01 {

    height: 500px;

    background-size: contain;

    background-position: center;

  }

  .digr-major-incentive {

    height: 720px;

    background-size: contain;

    background-position: center;	

  }

   .digr-major-incentive1 {

    height: 170px;

    background-size: contain;

    background-position: center;	

  }

  .grp-international-freight-network1 {

    height: 430px;

    background-size: contain;

    background-position: center;

  }

  .grp-international-freight-network2 {

    height: 420px;

    background-size: contain;

    background-position: center;

  }

  .digr-international-freight-network2 {

    height: 350px;

    background-size: contain;

    background-position: center;

  }

  .digr-construction-case01 {

    height: 400px;

    background-size: contain;

    background-position: center;

  }

  .digr-construction-case02 {

    height: 400px;

    background-size: contain;

    background-position: center;

    overflow: hidden;

  }

  .digr-construction-case03 {

    height: 260px;

    background-size: contain;

    background-position: center;

  }

  .digr-procedure-application {

    height: 350px;

    background-size: contain;

    background-position: center;

  }

  .digr-notice-tender {

    height: 250px;

    background-size: contain !important;

    background-position: center !important;

  }

  .digr-service-procedure01 {

    height: 250px;

    background-size: contain;

    background-position: center;

  }

  .digr-service-procedure02 {

    height: 250px;

    background-size: contain;

    background-position: center;

  }

   .digr_procedure_obtacle01 {

    height: 273px;

    background-size: contain;

    background-position: center;

  }

  .digr_procedure_obtacle02 {

    height: 130px;

    background-size: contain;

    background-position: center;

  }  

  .digr-procedure-application01 {

    height: 250px;

    background-size: contain !important;

    background-position: center !important;

  }

  

  .digr-procedure-application02 {

    height: 250px;

    background-size: contain !important;

    background-position: center !important;

  }

  

  .digr-procedure-serapp01 {

    background-size: contain !important;

    background-position: center !important;

  }



  .grp-energy-management {

    height: 450px;

    background-size: contain;

    background-position: center;

  }

  .grp-construction-business1 {

    height: 380px;

    background-size: contain;

    background-position: center;

  }

  .grp-construction-business2 {

    height: 270px;

    background-size: contain;

    background-position: center;

  }  

  .en .grp-construction-business2 {

    height: 400px;

  }  

  .grp-management-performance01 {

    height: 450px;

    background-size: contain;

    background-position: center;

  }

  .grp-management-performance02 {

    height: 450px;

    background-size: contain;

    background-position: center;

  }

  .grp-management-performance03 {

    height: 450px;

    background-size: contain;

    background-position: center;

  }	

  .grp-airport-capacity1 {

    height: 400px;

    background-size: contain;

    background-position: center;

  }

  .grp-airport-capacity2 {

    height: 400px;

    background-size: contain;

    background-position: center;

  }

  .grp-airport-capacity3 {

    height: 400px;

    background-size: contain;

    background-position: center;

  }

  .digr-acdm-report-01 {

    height: 500px;

    background-size: contain;

    background-position: center;

  }

  .digr-acdm-report-02 {

    height: 400px;

    background-size: contain;

    background-position: center;

  }

  .digr-acdm-milestone {

    height: 430px;

    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: 200px;

    background-size: contain;

    background-position: center;

    border: 0;

  }

  .digr-acdm-flow-chart {

    height: 600px;

    background-size: contain;

    background-position: center;

    border: 0;

  }

  .digr-strengthen-competitive1 {

    height: 523px;

    background-size: contain;

    background-position: center;

  }

  .digr-strengthen-competitive2 {

    height: 750px;

    background-size: contain;

    background-position: center;

  }

  .digr-communication-channel {

    height: 90px;

    background-size: contain;

    background-position: center;

  }

  .digr-concomitant-growth {

    height: 1500px;

    background-size: contain;

    background-position: center;

  }

  .digr-ethics-management-organization {

    height: 650px;

    background-size: contain;

    background-position: center;

  }

  .digr-ethics-management-vision1 {

    height: 500px;

    background-size: contain;

    background-position: center;

  }

  

  .digr-human-management-vision1 {

    height: 700px;

    background-size: contain;

    background-position: center;

  }

  

  .en .digr-human-management-vision1 {

    height: 700px;

    background-size: contain;

    background-position: center;

  }

  

  .ch .digr-human-management-vision1 {

    height: 700px;

    background-size: contain;

    background-position: center;

  }

  

  .ja .digr-human-management-vision1 {

    height: 700px;

    background-size: contain;

    background-position: center;

  }  

  

  .digr-ethics-management-vision2 {

    height: 600px;

    background-size: contain;

    background-position: center;

  }

  .digr-personal-information {

    height: 550px;

    background-size: contain;

    background-position: center;

  }

  .digr-social-contribution01 {

    height: 800px;

    background-size: contain;

    background-position: center;

  }

  .digr-social-contribution02 {

    height: 700px;

    background-size: contain;

    background-position: center;

  }

  .digr-social-contribution03 {

    height: 250px;

    background-size: contain;

    background-position: center;

  }

  .digr-social-contribution04 {

    background: url(/static/co/images/digr_social_contribution04.png) no-repeat;

  }

  .digr-social-contribution05 {

    height: 173px;

    background-size: contain;

    background-position: center;

  }

  .digr-vision-strategy1 {

    height: 400px;

    background-size: contain;

    background-position: center;

  }

  .digr-vision-strategy2 {

    height: 350px;

    background-size: contain;

    background-position: center;

  }

  .digr-energy-independence {

    height: 180px;

    background-size: contain;

    background-position: center;

    border: none;

  }

  .digr-energy-independence03 {

    height: 500px;

    background-size: contain;

    background-position: center;



  }

  .digr-energy-independence1 {

    height: 500px;

    background-size: contain !important;

    background-position: center !important;

  }

  .ch .digr-energy-independence1,

  .ja .digr-energy-independence1 {

    height: 400px;

  }

  .digr-energy-independence2 {

    height: 470px;

    background-position: center bottom;

    background-size: cover;

  }



  .digr-energy-independence3 {

    height: 280px;

    background-size: contain;

  }

  .digr-service-assessment {

    height: 600px;

    border: 0;

    background-size: contain;

    background-position: center;

  }

  .digr-recruit-guide {

    height: 550px;

    border: 0;

    background-size: contain;

    background-position: center;

  }

  .digr-free-trade-zone {

    height: 400px;

    border: 0;

    background-size: contain;

    background-position: center;

  }

  /*종합체육시설*/

  .digr-procedures-sport01 {

    height: 500px;

    background-size: contain;

  }

  .digr-procedures-sport02 {

    height: 500px;

    background-size: contain;

  }

  .digr-procedures-sport03 {

    height: 500px;

    background-size: contain;

  }

  .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 25px 0 10px;

  }

  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;

  }

  /* 조직도변경_19.07.12 */

  .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.type2 {

    margin-top: 80px;

  }



  .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;

	margin-top: 8px;

	margin-bottom:8px;

  }

  .organization-chart-wrap .organization-chart-box.line:after {

    display: none;

  }

  .organization-chart-wrap .organization-chart-list {

    float: none;

  }



  .organization-chart-wrap .look-grid .organization-chart-list {

    margin-top: 0px;

  }



  .ceo-grid .organization-chart-list-item:first-child {

    margin: -350px 0 0 0;

  }



  .organization-chart-wrap .type2 .organization-chart-list {

    width: 100%;

  }

  .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 .look-grid {

    position: inherit;

  }

  .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.line2:after, .orgint-chart-wrap .orgint-chart-list-item.line-etc:after {

    display: none;

  }

  .organization-chart-wrap .organization-chart-list-item.line-first:before {

    display: none;

  }



  .organization-chart-wrap .organization-chart-tit {

    width: 100%;

    padding: 8px;

    height: auto !important;

    margin-top:8px;

  }



  .organization-chart-list.ceo-grid:first-child {

    margin-top: 0;

  }

  .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-team2 {

    padding: 18px;

    text-align: left;

    background: #f2f2f2;

    border-width:thin;

    border-style:dashed;

    border-color:#cccccc;

  }



  .organization-chart-wrap .organization-chart-team .list1-item {

    font-size: 1rem;

    line-height: 1.4;

    padding: 0;

  }

  

  .organization-chart-wrap .organization-chart-team2 .list1-item {

    font-size: 1rem;

    line-height: 1.4;

    padding: 0;

	text-align:center;

  }  

  

  .en .organization-chart-wrap .organization-chart-team2 .list1-item {

    font-size: 1rem;

    line-height: 1.4;

	text-align:left;

  }  

  

  .organization-chart-wrap .organization-chart-team .list1-item:before {

    display: none;

  }

  

  .organization-chart-wrap .organization-chart-team2 .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;

  }

  .organization-chart-tit.org-chart-tit.org-chart-middle {

    margin-left: 0;

    position: absolute;

    top: -390px;

  }



  /* 조직도변경 끝_19.07.12 */



  .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-body2 {

    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;

  }

  .article-survey2 p strong {

    font-size: 1rem !important;

  }

  .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(/static/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.size2 {

    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;

    font-size: 1rem !important;

  }

  .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;

    /*login*/

    /*로그인*/

  }

  .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;

    margin-top: 10px;

  }

  .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;

    float: none;

  }

  .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%;

  }

  /* link type select box */

  .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;

  }

  */

  .multi-col .img-area-r img.img-auto {

    width: 100% !important;

    padding-left: 25px;

  }

}



@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: 20%;

  }

  .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;

  }



  /* 경영공시 해외사업실적_1080px */



  .multi-col.triple.ovbupe .inner-col {

    padding-left: 12px;    

  }

  .multi-col.triple.ovbupe .inner-col:first-child {

    padding-left: 0;    

  }



  .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, .en .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: 350px; 

    background-size: contain;

    background-position: center;

  }

  .digr-co-history2 {

   height: 390px;

    background-size: contain;

    background-position: center;

  }

  .digr-co-history3 {

    height: 350px;

    background-size: contain;

    background-position: center;

  }

  

  .en .digr-co-history1 {

   height: 350px; 

    background-size: contain;

    background-position: center;

  }

  .en .digr-co-history2 {

   height: 410px;

    background-size: contain;

    background-position: center;

  }

  .en .digr-co-history3 {

    height: 360px;

    background-size: contain;

    background-position: center;

  }

  

  .ch .digr-co-history1 {

   height: 330px; 

    background-size: contain;

    background-position: center;

  }

  .ch .digr-co-history2 {

   height: 330px;

    background-size: contain;

    background-position: center;

  }

  .ch .digr-co-history3 {

    height: 330px;

    background-size: contain;

    background-position: center;

  }

  

  .ja .digr-co-history1 {

   height: 330px; 

    background-size: contain;

    background-position: center;

  }

  .ja .digr-co-history2 {

   height: 330px;

    background-size: contain;

    background-position: center;

  }

  .ja .digr-co-history3 {

    height: 330px;

    background-size: contain;

    background-position: center;

  }



  /* 20.2.12 추가 Mobile Device 1080 */  

   .digr-co-history4 {

    height: 390px;

    background-size: contain;

    background-position: center;

  }

  

  .digr-co-history5 {

    height: 380px;

    background-size: contain;

    background-position: center;

  }

  

   .digr-co-history6 {

    height: 380px;

    background-size: contain;

    background-position: center;

  }

  

  .en .digr-co-history4 {

    height: 420px;

    background-size: contain;

    background-position: center;

  }

  

  .en .digr-co-history5 {

    height: 380px;

    background-size: contain;

    background-position: center;

  }

  

  .en .digr-co-history6 {

    height: 430px;

    background-size: contain;

    background-position: center;

  }  

  

  /* 20.2.12 추가 끝 Mobile Device 1080 */  

  

  

  .digr-environment-system {

    height: 288px;

    background-size: contain;

    background-position: center;

  }

  .digr-environment-monitoring {

    height: 500px;

    background-size: contain;

    background-position: center;

  }

  .digr-noise-management {

    height: 290px;

    background-size: contain;

    background-position: center;

  }

  .digr-cp-vision01 {

    height: 350px;

    background-size: contain;

    background-position: center;

  }

  .digr-ethical-vision01 {

    height: 560px;

    background-size: contain;

    background-position: center;

  }

  .digr-ethical-vision02 {

    height: 450px;

    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(6) {

    margin-left: 0;

  }

  .footer .fnb-list-item:nth-child(6):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: 16.6%;

  }

  .footer .sns-list-item:last-child {

    margin-right: 0;

  }

  .footer .sns-list-item.size {

    width: 17%;

  }

  .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;

  }

  .footer .incheon-etc .google-play-mark {

    float: left;

  }



  .en .footer .relsite .select-list {

    top: -209px;

  }



  .ch .footer .relsite .select-list {

    top: -217px;

  }



  .ja .footer .relsite .select-list {

    top: -217px;

  } 

}



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

  /* 정보공개 테이블 2020.07.10_1080px 추가 */

  .table-like.vt-dark .tr-like .th-like {

    font-size: 0.9rem;

  }

  .table-like.vt-dark .td-like-board .th-like {

    font-size: 0.85rem;

    padding: 10px;

  }

  .table-like.vt-dark .td-like .btn-type-small {

    padding: 5px 25px 0 8px;

    height: 25px;

    line-height: 1;

  }

  .table-like.vt-dark .td-like .btn-type-small.ico:after {

    width: 9px;

    height: 9px;

    background-position: -151px -197px;

  }

  .board-view .view-body2 .table th {

    padding: 10px;

  }

  /* 정보공개 테이블 2020.07.10 끝 */

  /* 공공데이터 step start_230822_1080px*/

  .step-img-list {

    border: none;

  }

  .step-img-list.col-4 .step-img-item {

    display: inline-block;

    width: calc(50% - 10px);

    padding-right: 11px;

    vertical-align: top;

    padding-top: 90px;

    margin-bottom: 20px;

  }

  /* 공공데이터 step end_230822*/

}





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

  .open-mark {

    margin: 0;

    width: 100%;

  }



  /* 주요사업 추가 시작_800px */

  .digr-smartair01 {

    height: 300px;

    background-size: contain;

    background-position: center;

  }

  .smartair-list-ico .col-3 {

    width: 30%;

    margin-left: 2%;

  }

  .smartair-list-ico .article-txt {

    font-size: 1em;

  }

  .smartair-list-ico .article-txt-con {

    font-size: 0.85rem;

  }

  .mro-com-list .mro-com-item:last-child {

    width: 32%;

  }

  /* 에너지 경영_800px*/

  .digr_eco_energy_strategy_01 {

    height: 270px;

  }

  /* cp_800px*/

  .digr-cp-vision02 {

    height: 560px;

    background-size: contain;

    background-position: center;

  }

  .digr-cp-vision03 {

    height: 450px;

    background-size: contain;

    background-position: center;

  }

  /* 주요사업 추가 끝_800px */

  /* 공공데이터 step start_230822_800px*/

  .step-img-list {

    border: 1px solid #d9d9d9;

  }

  .step-img-list.col-4 .step-img-item {

    display: block;

    width: 100%;

    padding: 10px;

    padding-top: 90px;

  }

  .step-img-list .ico:after {

    display: none;

  }

  /* 공공데이터 step end_230822*/

}





/* 주요사업 추가 시작_720px */

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



  .search-box-btn-area.type2 {

   margin-top : 20px;

 }



  .multi-col .inner-col.wpl20 {

    padding-left: 0;

  }

  .multi-col.balance.triple .inner-col:last-child {

    margin-left: -4px;

  }

  .step-circle-list.step-circle-bagfac .step-circle-list-item:before {

    position: absolute;

    left: calc(50% - 70px);

  }

  .text-box.bagfac-four {

    height: auto;

  }

  .step-econoa-list .step-econoa-list-dt {

    padding: 5px 0 15px 0;

    font-size: 1.1rem;

  }

  .mro-box-right {

    margin-left: 0;

    height: 140px;

  }

  .mro-box-right {

    margin-left: 0;

    height: 130px;

  }

  .mro-overview-list {

    position: relative;

    display: inline-block;

    width: 49%;

  }

  .mro-box-right .mro-overview-list dt {

    padding-bottom: 9px;

  }

  .mro-box-right .mro-overview-list:last-child:before {

    content: '';

    display: inline-block;

    position: absolute;

    border-top: none;

    border-left: 1px dotted #FFF;

    width: 1px;

    height: 60px;

    left: 0;

    top: 20px;

  }

  .text-box.consulting.pservie-h, .text-box.consulting.cp-h {

    height: auto !important;

  }

  /* 에너지 경영_720px*/

  .digr_eco_energy_strategy_01 {

    height: 240px;

  }

}

/* 주요사업 추가 끝_720px */



/* 주요사업 추가 시작_640px */

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

  .text-airsafe-point {

    font-size: 2.8rem;

  }

  .digr-smartair01 {

    height: 150px;

    background-size: contain;

    background-position: center;

  }

  .smartair-list-ico .col-3 {

    width: 100%;

    margin-left: 2%;

  }

  .smartair-ico.ico:after {

    display: none;

  }

  .smartair-list-ico .col-4 {

    width: 49%;

    margin: 0;

  }

  .table-majbus .smartair-ico {

    width: 32%;

    padding: 60px 0 0 0;

    text-align: center;

  }

  .smartair-line-area .smartair-ico.col-4 {

    width: calc(50% - 18px);

    margin-left: 18px;

  }

  .smartair-line-area .smartair-ico.col-4:nth-child(1), .smartair-line-area .smartair-ico.col-4:nth-child(3) {

    margin-left: 0;

  }

  .smartair-line-area .smartair-ico:nth-child(3):after {

    display: none;

  }

  .smartair-line-area .smartair-ico.col-4:nth-child(1), .smartair-line-area .smartair-ico.col-4:nth-child(2) {

    border-bottom: 1px solid #d9d9d9;

    padding-bottom: 20px;

    margin-bottom: 20px;

  }

  .step-econoa-list .step-econoa-list-dt {

    padding: 0 0 12px 0;

    font-size: 1rem;

  }

  .step-econoa-list .step-econoa-list-dd {

    font-size: 0.85rem;

  }

  .step-econoa-list .step-econoa-list-dd br {

    display: none

  }

  .mro_box_left .digr-majbus-mro-overview {

    height: 100px;

  }

  .mro-com-list .mro-com-item {

    width: 32%;

  }

  .mro-com-list {

    height: 230px;

  }

  .mro-com-list .mro-com-item:before {

    background-size: 600px 183px;

  }

  .mro-com-list .mro-com-item.mro-01:before {

    background-position: -60px -10px;

    width: 70px;

    height: 110px;

    left: calc(50% - 35px);

  }

  .mro-com-list .mro-com-item.mro-02:before {

    background-position: -261px -10px;

    width: 80px;

    height: 110px;

    left: calc(50% - 40px);

  }

  .mro-com-list .mro-com-item.mro-03:before {

    background-position: -465px -10px;

    width: 80px;

    height: 110px;

    left: calc(50% - 35px);

  }

  .mro-com-list .mro-com-item .list1 {

    margin-top: 130px;

    position:absolute;

    left: 30px;    

  }

  .mro-com-list .mro-com-item .list1-item {

    font-size: 0.85rem;

  }

}

/* 주요사업 추가 끝_640px */



/* 주요사업 추가 시작_600px */

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

  .text-box.consulting.pservie-h {

    height: auto !important;

  }

  .en .mro-box-right {

    height: 200px;

  }

  .en .mro-overview-list {

    position: relative;

    display: block;

    width: 100%;

  }

  .en .mro-box-right .mro-overview-list:last-child:before {

    content: '';

    display: inline-block;

    position: absolute;

    border: 0;

    border-top: 1px dotted #FFF;

    width: 90%;

    height: 60px;

    left: 5%;

    top: 5px;

  }

  /* 에너지 경영_600px*/

  .digr_eco_energy_strategy_01 {

    height: 160px;

  }

}

/* 주요사업 추가 끝_600px */



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

  .en .digr-environment-systema-location {

    background: url(/static/co/images/digr_environment_system_location_en.png) no-repeat center;

    background-size: contain !important;

  }

  .en .digr-public-data-open-guidea {

    background: url(/static/co/images/digr_public_data_open_guide_en.png) no-repeat center;

    background-size: contain;

  }

  .en .digr-open-public-data {

    background: url(/static/co/images/digr_open_public_data_en.png) no-repeat center;

    background-size: contain;

  }

  .en .digr-procedures-disclosure {

    background: url(/static/co/images/digr_procedures_disclosure_en.png) no-repeat center;

    background-size: contain;

  }

  .en .digr-protection-compensation {

    background: url(/static/co/images/digr_protection_compensation_en.png) no-repeat center;

    background-size: contain;

  }

  .en .digr-co-history {

    background: url(/static/co/images/digr_co_history_en.png) no-repeat center;

    background-size: contain;

  }

  .en .digr-co-traces {

    background: url(/static/co/images/digr_co_traces_en.png) no-repeat center;

    background-size: contain;

  }

  .en .digr-co-vision {

    background-size: contain;

    background-position: center;

  }

  .en .digr-co-management {

    background: url(/static/co/images/digr_management_en.png) no-repeat center;

    border: none;

    background-size: contain;

  }

  .en .digr-co-interest {

    background: url(/static/co/images/digr_interest_en.png) no-repeat center;

    background-size: contain;

  }

  .en .digr-co-interest2 {

    background: url(/static/co/images/digr_interest2_en.png) no-repeat center;

    background-size: contain;

  }

  .en .digr-low-carbon-eco-friendly-strategy1 {

    height: 700px;    

    background-size: contain;

    background-position: center;

  }

  .en .digr-low-carbon-eco-friendly-strategy2 {

    height: 300px;

    background-size: contain;

    background-position: center;

  }

  .en .digr-monitoring-system1 {

    background: url(/static/co/images/digr_monitoring_system_01_en.png) no-repeat center;

    background-size: contain;

  }

  .en .digr-monitoring-system2 {

    background: url(/static/co/images/digr_monitoring_system_02_en.png) no-repeat center 0;

    background-size: 90%;

  }

  .en .digr-social-contribution-performance {

    background: url(/static/co/images/digr_social_contribution_performance_en.png) no-repeat center;

    background-size: contain;

  }

  .en .grp-energy-management {

    background: url(/static/co/images/grp_energy_management_01_en.png) no-repeat center;

    background-size: contain;

  }

  .en .digr-international-cooperation {

    background: url(/static/co/images/digr_international_cooperation_01_en.png) no-repeat center;

    background-size: contain;

  }

  .en .digr-international-freight-network1 {

    background: url(/static/co/images/digr_international_freight_network_01_en.png) no-repeat center;

    background-size: contain;

  }

  .en .grp-international-freight-network1 {

    background: url(/static/co/images/grp_international_freight_network_01_en.png) no-repeat center;

    background-size: contain;

  }

  .en .grp-international-freight-network2 {

    background: url(/static/co/images/grp_international_freight_network_02_en.png) no-repeat center;

    background-size: contain;

  }

  .en .digr-international-freight-network2 {

    background: url(/static/co/images/digr_international_freight_network_02_en.png) no-repeat center;

    background-size: contain;

  }

  .en .digr-construction-case01 {

    background: url(/static/co/images/digr_construction_case_01_en.png) no-repeat center;

    background-size: contain;



  }

  .en .digr-construction-case02 {

    background: url(/static/co/images/digr_construction_case_02_en.png) no-repeat center;



    background-size: contain;

  }

  .en .digr-construction-case03 {

    background: url(/static/co/images/digr_construction_case_03_en.png) no-repeat center;

    background-size: contain;

  }

  .en .digr-procedure-application {

    background: url(/static/co/images/digr_procedure_application_en.png) no-repeat center;

    background-size: contain;

  }

  .en .digr-notice-tender {

    background: url(/static/co/images/digr_notice_tender_en.png) no-repeat center;

    background-size: contain;

  }

  .en .digr-service-procedure01 {

    background: url(/static/co/images/digr_service_procedure_01_en.png) no-repeat center;

    background-size: contain;

  }

  .en .digr-service-procedure02 {

    background: url(/static/co/images/digr_service_procedure_02_en.png) no-repeat center;

    background-size: contain;

  }

  .en .grp-energy-management {

    background: url(/static/co/images/grp_energy_management_01_en.png) no-repeat center;

    background-size: contain;

  }

  .en .grp-construction-business1 {

    background: url(/static/co/images/img_construction_business_05_en.jpg) no-repeat center;

    background-size: contain;

  }

  .en .grp-construction-business2 {

    background: url(/static/co/images/img_construction_business_06_en.jpg) no-repeat center;

    background-size: contain;

  }

  .en .grp-management-performance03 {

    background: url(/static/co/images/grp_management_performance_03_en.png) no-repeat center;

    background-size: contain;

  }

  .en .grp-management-performance02 {

    background: url(/static/co/images/grp_management_performance_02_en.png) no-repeat center;

    background-size: contain;

  }

  .en .grp-management-performance01 {

    background: url(/static/co/images/grp_management_performance_01_en.png) no-repeat center;

    background-size: contain;

  }

  .en .grp-airport-capacity1 {

    background: url(/static/co/images/grp_airport_capacity_01_en.png) no-repeat center;

    background-size: contain;

  }

  .en .grp-airport-capacity2 {

    background: url(/static/co/images/grp_airport_capacity_02_en.png) no-repeat center;

    background-size: contain;

  }

  .en .grp-airport-capacity3 {

    background: url(/static/co/images/grp_airport_capacity_03_en.png) no-repeat center;

    background-size: contain;

  }

  .en .digr-acdm-report-01 {

    background: url(/static/co/images/digr_acdm_report_01_en.png) no-repeat center;

    background-size: contain;

  }

  .en .digr-acdm-report-02 {

    background: url(/static/co/images/digr_acdm_report_02_en.png) no-repeat center;

    background-size: contain;

  }

  .en .digr-acdm-milestone {

    background: url(/static/co/images/digr_acdm_milestone_en.png) no-repeat center;

    background-size: contain;

  }

  .en .digr-acdm-major-mailstone01 {

    background: url(/static/co/images/digr_acdm_major_mailstone_06_en.png) no-repeat center;

    background-size: contain;

  }

  .en .digr-acdm-major-mailstone02 {

    background: url(/static/co/images/digr_acdm_major_mailstone_07_en.png) no-repeat center;

    background-size: contain;

  }

  .en .digr-acdm-flow-chart {

    background: url(/static/co/images/digr_acdm_flow_chart_en.png) no-repeat center;

    background-size: contain;

  }

  .en .digr-strengthen-competitive1 {

    background: url(/static/co/images/digr_strengthen_competitive_01_en.png) no-repeat center;

    background-size: contain;



  }

  .en .digr-strengthen-competitive2 {

    background: url(/static/co/images/digr_strengthen_competitive_02_en.png) no-repeat center;

    background-size: contain;

  }

  .en .digr-communication-channel {

    background: url(/static/co/images/digr_communication_channel_01_en.png) no-repeat center;

    background-size: contain;

  }

  .en .digr-concomitant-growth {

    background: url(/static/co/images/digr_concomitant_growth_01_en.png) no-repeat center;

    background-size: contain;

  }

  .en .digr-ethics-management-organization {

    height: 710px; 

    background-position: center;

    background-size: contain;

  }

  .en .digr-ethics-management-vision1 {

    background: url(/static/co/images/digr_ethical_management_vision_01_en.png) no-repeat center;

    background-size: contain;

  }

  .en .digr-ethics-management-vision2 {

    background: url(/static/co/images/digr_ethical_management_vision_02_en.png) no-repeat center;

    background-size: contain;

  }

  .en .digr-personal-information {

    background: url(/static/co/images/digr_personal_information_en.png) no-repeat center;

    background-size: contain;

  }

  .en .digr-social-contribution01 {

    background-size: contain;

	background-position: center;

  }

  .en .digr-social-contribution02 {

    background-size: contain;

	background-position: center;

  }

  .en .digr-social-contribution03 {

    background: url(/static/co/images/digr_social_contribution03_en.png) no-repeat center;

    background-size: contain;

  }

  .en .digr-social-contribution04 {

    background: url(/static/co/images/digr_social_contribution04_en.png) no-repeat center;

    background-size: contain;

  }

  .en .digr-social-contribution05 {

    background: url(/static/co/images/digr_social_contribution05_en.png) no-repeat center;

    background-size: contain;

  }

  .en .digr-vision-strategy1 {

    background: url(/static/co/images/digr_vision_strategy_01_en.png) no-repeat center;

    background-size: contain;

  }

  .en .digr-vision-strategy2 {

    background: url(/static/co/images/digr_vision_strategy_02_en.png) no-repeat center;

    background-size: contain;

  }

  .en .digr-energy-independence {

    background: url(/static/co/images/digr_energy_independence_02_en.png) no-repeat center;

    background-size: contain;

  }

  .en .digr-energy-independence03 {

    background: url(/static/co/images/map_energy_independence_03_en.png) no-repeat center;

    background-size: contain;

  }

  .en .digr-service-assessment {

    background: url(/static/co/images/digr_service_assessment_en.png) no-repeat center;

    background-size: contain;

  }

  .en .digr-recruit-guide {

    background: url(/static/co/images/digr_recruit_guide_en.png) no-repeat center;

    background-size: contain;

  }

  .en .digr-free-trade-zone {

    background: url(/static/co/images/digr_free_trade_zone_en.png) no-repeat center;

    background-size: contain;

  }

  .en .digr-environment-monitoring {

    background: url(/static/co/images/digr_environmental_monitoring_en.png) no-repeat center;

    background-size: contain;

  }

  .en .digr-noise-management {

    background: url(/static/co/images/digr_noise_management_en.png) no-repeat center;

    background-size: contain;

  }

  .en .digr-environment-system {

    background: url(/static/co/images/digr_environment_management_system01_en.jpg) no-repeat center;

    background-size: contain;

  }

  .en .digr-cp-vision01 {

    background: url(/static/co/images/digr_cp_vision01_en.png) no-repeat center;

    background-size: contain;

  }

  .en .digr-cp-vision02 {

    background: url(/static/co/images/digr_cp_vision02_en.png) no-repeat center;

    background-size: contain;

  }

  .en .digr-co-history1 {

    background: url(/static/co/images/digr_co_traces_01_en.jpg) no-repeat center;

    background-size: contain;

  }

  .en .digr-co-history2 {

    background: url(/static/co/images/digr_co_traces_02_en.jpg) no-repeat center;

    background-size: contain;

  }

  .en .digr-co-history3 {

    background: url(/static/co/images/digr_co_traces_03_en.jpg) no-repeat center;

    background-size: contain;

  }

  .ch .digr-environment-systema-location {

    background: url(/static/co/images/digr_environment_system_location_ch.png) no-repeat center;

    background-size: contain;

  }

  .ch .digr-public-data-open-guidea {

    background: url(/static/co/images/digr_public_data_open_guide_ch.png) no-repeat center;

    background-size: contain;

  }

  .ch .digr-open-public-data {

    background: url(/static/co/images/digr_open_public_data_ch.png) no-repeat center;

    background-size: contain;

  }

  .ch .digr-procedures-disclosure {

    background: url(/static/co/images/digr_procedures_disclosure_ch.png) no-repeat center;

    background-size: contain;

  }

  .ch .digr-protection-compensation {

    background: url(/static/co/images/digr_protection_compensation_ch.png) no-repeat center;

    background-size: contain;

  }

  .ch .digr-co-history {

    background: url(/static/co/images/digr_co_history_ch.png) no-repeat center;

    background-size: contain;

  }

  .ch .digr-co-traces {

    background: url(/static/co/images/digr_co_traces_ch.png) no-repeat center;

    background-size: contain;

  }

  .ch .digr-co-vision {

    background-size: contain;

    background-position: center;

  }

  .ch .digr-co-management {

    background: url(/static/co/images/digr_management_ch.png) no-repeat center;

    background-size: contain;

    border: none;

  }

  .ch .digr-co-interest {

    background: url(/static/co/images/digr_interest_ch.png) no-repeat center;

    background-size: contain;

  }

  .ch .digr-co-interest2 {

    background: url(/static/co/images/digr_interest2_ch.png) no-repeat center;

    background-size: contain;

  }

  .ch .digr-low-carbon-eco-friendly-strategy1 {

    background: url(/static/co/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(/static/co/images/digr_low_carbon_eco_friendly_strategy_02_ch.png) no-repeat center;

    background-size: contain;

  }

  .ch .digr-monitoring-system1 {

    background: url(/static/co/images/digr_monitoring_system_01_ch.png) no-repeat center;

    background-size: contain;

  }

  .ch .digr-monitoring-system2 {

    background: url(/static/co/images/digr_monitoring_system_02_ch.png) no-repeat center 0;

    background-size: 90%;

  }

  .ch .digr-social-contribution-performance {

    background: url(/static/co/images/digr_social_contribution_performance_ch.png) no-repeat center;

    background-size: contain;

  }

  .ch .grp-energy-management {

    background: url(/static/co/images/grp_energy_management_01_ch.png) no-repeat center;

    background-size: contain;

  }

  .ch .digr-international-cooperation {

    background: url(/static/co/images/digr_international_cooperation_01_ch.png) no-repeat center;

    background-size: contain;

  }

  .ch .digr-international-freight-network1 {

    background: url(/static/co/images/digr_international_freight_network_01_ch.png) no-repeat center;

    background-size: contain;

  }

  .ch .grp-international-freight-network1 {

    background: url(/static/co/images/grp_international_freight_network_01_ch.png) no-repeat center;

    background-size: contain;

  }

  .ch .grp-international-freight-network2 {

    background: url(/static/co/images/grp_international_freight_network_02_ch.png) no-repeat center;

    background-size: contain;

  }

  .ch .digr-international-freight-network2 {

    background: url(/static/co/images/digr_international_freight_network_02_ch.png) no-repeat center;

    background-size: contain;

  }

  .ch .digr-construction-case01 {

    background: url(/static/co/images/digr_construction_case_01_ch.png) no-repeat center;

    background-size: contain;

  }

  .ch .digr-construction-case02 {

    background: url(/static/co/images/digr_construction_case_02_ch.png) no-repeat center;

    background-size: contain;

  }

  .ch .digr-construction-case03 {

    background: url(/static/co/images/digr_construction_case_03_ch.png) no-repeat center;

    background-size: contain;

  }



  .ch .digr-procedure-application {

    background: url(/static/co/images/digr_procedure_application_ch.png) no-repeat center;

    background-size: contain;

  }

  .ch .digr-notice-tender {

    background: url(/static/co/images/digr_notice_tender_ch.png) no-repeat center;

    background-size: contain;

  }

  .ch .digr-service-procedure01 {

    background: url(/static/co/images/digr_service_procedure_01_ch.png) no-repeat center;

    background-size: contain;

  }

  .ch .digr-service-procedure02 {

    background: url(/static/co/images/digr_service_procedure_02_ch.png) no-repeat center;

    background-size: contain;

  }

  .ch .grp-energy-management {

    background: url(/static/co/images/grp_energy_management_01_ch.png) no-repeat center;

    background-size: contain;

  }

  .ch .grp-construction-business1 {

    background: url(/static/co/images/grp_construction_business_01_ch.png) no-repeat center;

    background-size: contain;

  }

  .ch .grp-construction-business2 {

    background: url(/static/co/images/grp_construction_business_02_ch.png) no-repeat center;

    background-size: contain;

  }

  .ch .grp-management-performance03 {

    background: url(/static/co/images/grp_management_performance_03_ch.png) no-repeat center;

    background-size: contain;

  }

  .ch .grp-management-performance02 {

    background: url(/static/co/images/grp_management_performance_02_ch.png) no-repeat center;

    background-size: contain;

  }

  .ch .grp-management-performance01 {



    background: url(/static/co/images/grp_management_performance_01_ch.png) no-repeat center;

    background-size: contain;

  }

  .ch .grp-airport-capacity1 {

    background: url(/static/co/images/grp_airport_capacity_01_ch.png) no-repeat center;

    background-size: contain;

  }

  .ch .grp-airport-capacity2 {

    background: url(/static/co/images/grp_airport_capacity_02_ch.png) no-repeat center;

    background-size: contain;

  }

  .ch .grp-airport-capacity3 {

    background: url(/static/co/images/grp_airport_capacity_03_ch.png) no-repeat center;

    background-size: contain;

  }

  .ch .digr-acdm-report-01 {

    background: url(/static/co/images/digr_acdm_report_01_ch.png) no-repeat center;

    background-size: contain;

  }

  .ch .digr-acdm-report-02 {

    background: url(/static/co/images/digr_acdm_report_02_ch.png) no-repeat center;

    background-size: contain;

  }

  .ch .digr-acdm-milestone {

    background: url(/static/co/images/digr_acdm_milestone_ch.png) no-repeat center;

    background-size: contain;

  }

  .ch .digr-acdm-major-mailstone01 {

    background: url(/static/co/images/digr_acdm_major_mailstone_06_ch.png) no-repeat center;

    background-size: contain;

  }

  .ch .digr-acdm-major-mailstone02 {

    background: url(/static/co/images/digr_acdm_major_mailstone_07_ch.png) no-repeat center;

    background-size: contain;

  }

  .ch .digr-acdm-flow-chart {

    background: url(/static/co/images/digr_acdm_flow_chart_ch.png) no-repeat center;

    background-size: contain;

  }

  .ch .digr-strengthen-competitive1 {

    background: url(/static/co/images/digr_strengthen_competitive_01_ch.png) no-repeat center;

    background-size: contain;

  }

  .ch .digr-strengthen-competitive2 {

    background: url(/static/co/images/digr_strengthen_competitive_02_ch.png) no-repeat center;

    background-size: contain;

  }

  .ch .digr-communication-channel {

    background: url(/static/co/images/digr_communication_channel_01_ch.png) no-repeat center;

    background-size: contain;

  }

  .ch .digr-concomitant-growth {

    background: url(/static/co/images/digr_concomitant_growth_01_ch.png) no-repeat center;

    background-size: contain;

  }

  .ch .digr-ethics-management-organization {

    background-position: center;

    background-size: contain;

  }

  .ch .digr-ethics-management-vision1 {

    background: url(/static/co/images/digr_ethical_management_vision_01_ch.png) no-repeat center;

    background-size: contain;

  }

  .ch .digr-ethics-management-vision2 {

    background: url(/static/co/images/digr_ethical_management_vision_02_ch.png) no-repeat center;

    background-size: contain;

  }

  .ch .digr-personal-information {

    background: url(/static/co/images/digr_personal_information_ch.png) no-repeat center;

    background-size: contain;

  }

  .ch .digr-social-contribution01 {

    background-size: contain;

    background-position: center;

  }

  .ch .digr-social-contribution02 {

    background: url(/static/co/images/digr_social_contribution02_ch.png) no-repeat center;

    background-size: contain;

  }

  .ch .digr-social-contribution03 {

    background: url(/static/co/images/digr_social_contribution03_ch.png) no-repeat center;

    background-size: contain;

  }

  .ch .digr-social-contribution04 {

    background: url(/static/co/images/digr_social_contribution04_ch.png) no-repeat center;

    background-size: contain;

  }

  .ch .digr-social-contribution05 {

    background: url(/static/co/images/digr_social_contribution05_ch.png) no-repeat center;

    background-size: contain;

  }

  .ch .digr-vision-strategy1 {

    background: url(/static/co/images/digr_vision_strategy_01_ch.png) no-repeat center;

    background-size: contain;

  }

  .ch .digr-vision-strategy2 {

    background: url(/static/co/images/digr_vision_strategy_02_ch.png) no-repeat center;

    background-size: contain;

  }

  .ch .digr-energy-independence {

    background: url(/static/co/images/digr_energy_independence_02_ch.png) no-repeat center;

    background-size: contain;

  }

  .ch .digr-energy-independence03 {

    background: url(/static/co/images/map_energy_independence_03_ch.png) no-repeat center;

    background-size: contain;

  }

  .ch .digr-service-assessment {

    background: url(/static/co/images/digr_service_assessment_ch.png) no-repeat center;

    background-size: contain;

  }

  .ch .digr-recruit-guide {

    background: url(/static/co/images/digr_recruit_guide_ch.png) no-repeat center;

    background-size: contain;

  }

  .ch .digr-free-trade-zone {

    background: url(/static/co/images/digr_free_trade_zone_ch.png) no-repeat center;

    background-size: contain;

  }

  .ch .digr-environment-monitoring {

    background: url(/static/co/images/digr_environmental_monitoring_ch.png) no-repeat center;

    background-size: contain;

  }

  .ch .digr-noise-management {

    background: url(/static/co/images/digr_noise_management_ch.png) no-repeat center;

    background-size: contain;

  }

  .ch .digr-environment-system {

    background: url(/static/co/images/digr_environment_management_system01_ch.jpg) no-repeat center;

    background-size: contain;

  }

  .ch .digr-cp-vision01 {

    background: url(/static/co/images/digr_cp_vision01_ch.png) no-repeat center;

    background-size: contain;

  }

  .ch .digr-cp-vision02 {

    background: url(/static/co/images/digr_cp_vision02_ch.png) no-repeat center;

    background-size: contain;

  }

  .ch .digr-co-history1 {

    background: url(/static/co/images/digr_co_traces_01_ch.jpg) no-repeat center;

    background-size: contain;

  }

  .ch .digr-co-history2 {

    background: url(/static/co/images/digr_co_traces_02_ch.jpg) no-repeat center;

    background-size: contain;

  }

  .ch .digr-co-history3 {

    background: url(/static/co/images/digr_co_traces_03_ch.jpg) no-repeat center;

    background-size: contain;

  }

  .ja .digr-environment-systema-location {



    background: url(/static/co/images/digr_environment_system_location_ja.png) no-repeat center;

    background-size: contain;

  }

  .ja .digr-public-data-open-guidea {

    background: url(/static/co/images/digr_public_data_open_guide_ja.png) no-repeat center;

    background-size: contain;

  }

  .ja .digr-open-public-data {

    background: url(/static/co/images/digr_open_public_data_ja.png) no-repeat center;

    background-size: contain;

  }

  .ja .digr-procedures-disclosure {

    background: url(/static/co/images/digr_procedures_disclosure_ja.png) no-repeat center;



    background-size: contain;

  }

  .ja .digr-protection-compensation {

    background: url(/static/co/images/digr_protection_compensation_ja.png) no-repeat center;

    background-size: contain;

  }

  .ja .digr-co-history {

    background: url(/static/co/images/digr_co_history_ja.png) no-repeat center;

    background-size: contain;

  }

  .ja .digr-co-traces {

    background: url(/static/co/images/digr_co_traces_ja.png) no-repeat center;

    background-size: contain;

  }

  .ja .digr-co-vision {

    background-size: contain;

    background-position: center;    

  }



  .ja .digr-co-management {

    background: url(/static/co/images/digr_management_ja.png) no-repeat center;

    background-size: contain;

    border: none;

  }

  .ja .digr-co-interest {

    background: url(/static/co/images/digr_interest_ja.png) no-repeat center;

    background-size: contain;

  }

  .ja .digr-co-interest2 {

    background: url(/static/co/images/digr_interest2_ja.png) no-repeat center;

    background-size: contain;

  }

  .ja .digr-low-carbon-eco-friendly-strategy1 {

    background: url(/static/co/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(/static/co/images/digr_low_carbon_eco_friendly_strategy_02_ja.png) no-repeat center;

    background-size: contain;

  }

  .ja .digr-monitoring-system1 {

    background: url(/static/co/images/digr_monitoring_system_01_ja.png) no-repeat center;

    background-size: contain;

  }

  .ja .digr-monitoring-system2 {

    background: url(/static/co/images/digr_monitoring_system_02_ja.png) no-repeat center 0;

    background-size: 90%;

  }

  .ja .digr-social-contribution-performance {

    background: url(/static/co/images/digr_social_contribution_performance_ja.png) no-repeat center;

    background-size: contain;

  }

  .ja .grp-energy-management {

    background: url(/static/co/images/grp_energy_management_01_ja.png) no-repeat center;

    background-size: contain;

  }

  .ja .digr-international-cooperation {

    background: url(/static/co/images/digr_international_cooperation_01_ja.png) no-repeat center;

    background-size: contain;

  }

  .ja .digr-international-freight-network1 {

    background: url(/static/co/images/digr_international_freight_network_01_ja.png) no-repeat center;

    background-size: contain;

  }

  .ja .grp-international-freight-network1 {

    background: url(/static/co/images/grp_international_freight_network_01_ja.png) no-repeat center;

    background-size: contain;

  }

  .ja .grp-international-freight-network2 {

    background: url(/static/co/images/grp_international_freight_network_02_ja.png) no-repeat center;

    background-size: contain;

  }

  .ja .digr-international-freight-network2 {

    background: url(/static/co/images/digr_international_freight_network_02_ja.png) no-repeat center;

    background-size: contain;

  }

  .ja .digr-construction-case01 {

    background: url(/static/co/images/digr_construction_case_01_ja.png) no-repeat center;

    background-size: contain;

  }

  .ja .digr-construction-case02 {

    background: url(/static/co/images/digr_construction_case_02_ja.png) no-repeat center;

    background-size: contain;

  }

  .ja .digr-construction-case03 {

    background: url(/static/co/images/digr_construction_case_03_ja.png) no-repeat center;



    background-size: contain;

  }

  .ja .digr-procedure-application {

    background: url(/static/co/images/digr_procedure_application_ja.png) no-repeat center;

    background-size: contain;

  }

  .ja .digr-notice-tender {

    background: url(/static/co/images/digr_notice_tender_ja.png) no-repeat center;

    background-size: contain;

  }

  .ja .digr-service-procedure01 {

    background: url(/static/co/images/digr_service_procedure_01_ja.png) no-repeat center;

    background-size: contain;

  }

  .ja .digr-service-procedure02 {

    background: url(/static/co/images/digr_service_procedure_02_ja.png) no-repeat center;

    background-size: contain;

  }

  .ja .grp-energy-management {

    background: url(/static/co/images/grp_energy_management_01_ja.png) no-repeat center;

    background-size: contain;

  }

  .ja .grp-construction-business1 {

    background: url(/static/co/images/grp_construction_business_01_ja.png) no-repeat center;

    background-size: contain;

  }

  .ja .grp-construction-business2 {

    background: url(/static/co/images/grp_construction_business_02_ja.png) no-repeat center;

    background-size: contain;

  }

  .ja .grp-management-performance03 {

    background: url(/static/co/images/grp_management_performance_03_ja.png) no-repeat center;

    background-size: contain;

  }

  .ja .grp-management-performance02 {

    background: url(/static/co/images/grp_management_performance_02_ja.png) no-repeat center;

    background-size: contain;

  }

  .ja .grp-management-performance01 {

    background: url(/static/co/images/grp_management_performance_01_ja.png) no-repeat center;

    background-size: contain;

  }

  .ja .grp-airport-capacity1 {

    background: url(/static/co/images/grp_airport_capacity_01_ja.png) no-repeat center;

    background-size: contain;

  }

  .ja .grp-airport-capacity2 {

    background: url(/static/co/images/grp_airport_capacity_02_ja.png) no-repeat center;

    background-size: contain;

  }

  .ja .grp-airport-capacity3 {

    background: url(/static/co/images/grp_airport_capacity_03_ja.png) no-repeat center;

    background-size: contain;

  }

  .ja .digr-acdm-report-01 {

    background: url(/static/co/images/digr_acdm_report_01_ja.jpg) no-repeat center;

    background-size: contain;

  }

  .ja .digr-acdm-report-02 {

    background: url(/static/co/images/digr_acdm_report_02_ja.png) no-repeat center;

    background-size: contain;

  }

  .ja .digr-acdm-milestone {

    background: url(/static/co/images/digr_acdm_milestone_ja.png) no-repeat center;

    background-size: contain;

  }

  .ja .digr-acdm-major-mailstone01 {

    background: url(/static/co/images/digr_acdm_major_mailstone_06_ja.png) no-repeat center;

    background-size: contain;

  }

  .ja .digr-acdm-major-mailstone02 {

    background: url(/static/co/images/digr_acdm_major_mailstone_07_ja.png) no-repeat center;

    background-size: contain;

  }

  .ja .digr-acdm-flow-chart {

    background: url(/static/co/images/digr_acdm_flow_chart_ja.png) no-repeat center;

    background-size: contain;

  }

  .ja .digr-strengthen-competitive1 {

    background: url(/static/co/images/digr_strengthen_competitive_01_ja.png) no-repeat center;

    background-size: contain;

  }

  .ja .digr-strengthen-competitive2 {

    background: url(/static/co/images/digr_strengthen_competitive_02_ja.png) no-repeat center;

    background-size: contain;

  }

  .ja .digr-communication-channel {

    background: url(/static/co/images/digr_communication_channel_01_ja.png) no-repeat center;

    background-size: contain;

  }

  .ja .digr-concomitant-growth {

    background: url(/static/co/images/digr_concomitant_growth_01_ja.png) no-repeat center;

    background-size: contain;

  }

  .ja .digr-ethics-management-organization {

    background-size: contain;

	background-position: center;

  }

  .ja .digr-ethics-management-vision1 {

    background: url(/static/co/images/digr_ethical_management_vision_01_ja.png) no-repeat center;

    background-size: contain;

  }

  .ja .digr-ethics-management-vision2 {

    background: url(/static/co/images/digr_ethical_management_vision_02_ja.png) no-repeat center;

    background-size: contain;

  }

  .ja .digr-personal-information {

    background: url(/static/co/images/digr_personal_information_ja.png) no-repeat center;

    background-size: contain;

  }

  .ja .digr-social-contribution01 {

    background-size: contain;

    background-position: center;

  }

  .ja .digr-social-contribution02 {

    background: url(/static/co/images/digr_social_contribution02_ja.png) no-repeat center;

    background-size: contain;

  }

  .ja .digr-social-contribution03 {

    background: url(/static/co/images/digr_social_contribution03_ja.png) no-repeat center;

    background-size: contain;

  }

  .ja .digr-social-contribution04 {

    background: url(/static/co/images/digr_social_contribution04_ja.png) no-repeat center;

    background-size: contain;

  }

  .ja .digr-social-contribution05 {

    background: url(/static/co/images/digr_social_contribution05_ja.png) no-repeat center;

    background-size: contain;

  }

  .ja .digr-vision-strategy1 {

    background: url(/static/co/images/digr_vision_strategy_01_ja.png) no-repeat center;

    background-size: contain;



  }

  .ja .digr-vision-strategy2 {

    background: url(/static/co/images/digr_vision_strategy_02_ja.png) no-repeat center;

    background-size: contain;

  }

  .ja .digr-energy-independence {

    background: url(/static/co/images/digr_energy_independence_02_ja.png) no-repeat center;

    background-size: contain;

  }

  .ja .digr-energy-independence03 {

    background: url(/static/co/images/map_energy_independence_03_ja.png) no-repeat center;

    background-size: contain;

  }

  .ja .digr-service-assessment {

    background: url(/static/co/images/digr_service_assessment_ja.png) no-repeat center;

    background-size: contain;

  }

  .ja .digr-recruit-guide {

    background: url(/static/co/images/digr_recruit_guide_ja.png) no-repeat center;

    background-size: contain;

  }

  .ja .digr-free-trade-zone {

    background: url(/static/co/images/digr_free_trade_zone_ja.png) no-repeat center;

    background-size: contain;

  }

  .ja .digr-environment-monitoring {

    background: url(/static/co/images/digr_environmental_monitoring_ja.png) no-repeat center;

    background-size: contain;

  }

  .ja .digr-noise-management {

    background: url(/static/co/images/digr_noise_management_ja.png) no-repeat center;

    background-size: contain;

  }

  .ja .digr-environment-system {

    background: url(/static/co/images/digr_environment_management_system01_ja.jpg) no-repeat center;

    background-size: contain;

  }

  .ja .digr-cp-vision01 {

    background: url(/static/co/images/digr_cp_vision01_ja.png) no-repeat center;

    background-size: contain;

  }

  .ja .digr-cp-vision02 {

    background: url(/static/co/images/digr_cp_vision02_ja.png) no-repeat center;

    background-size: contain;

  }

  .ja .digr-co-history1 {

    background: url(/static/co/images/digr_co_traces_01_ja.jpg) no-repeat center;

    background-size: contain;

  }

  .ja .digr-co-history2 {

    background: url(/static/co/images/digr_co_traces_02_ja.jpg) no-repeat center;

    background-size: contain;

  }

  .ja .digr-co-history3 {

    background: url(/static/co/images/digr_co_traces_03_ja.jpg) no-repeat center;

    background-size: contain;

  }

}



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

  .en {

    /*검색*/

  }

  .en .btn-type-normal.table {

    padding: 5px;

  }

  .en .btn-type-small {

    height: auto;

    line-height: 1.4;

    padding: 5px 20px 5px 5px;

    font-size: 0.9rem;

  }

  .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 .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 .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;

  }

}



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

  .top-popup-article {

    width: 100%;

    margin: 0 0 10px 0;

  }

}

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

  .gnb {

    width: 80%;

  }



  .multi-col.triple.ovbupe .inner-col {

    padding-left: 0;    

  }

  .multi-col.triple.ovbupe .double-box-bottom {

    height: auto;

  }

  .multi-col.triple.ovbupe .double-box-bottom br {

    display: none;

  }



  .multi-col.cyber-sabo h5.headline br {

    display: none;

  }



  .multi-col.gutter .inner-col.safe-safabo {

    padding: 0 !important;

  }



  /* 사진영역_720px */

  .multi-col .inner-col {

    width: 100% !important;

    float: none;

    margin-top: 20px;

  }

  .multi-col.balance .inner-col {

    margin-left: 0;

  }

  img.img-auto2 {

    width: auto !important;

    display: block !important;

    margin: 0 auto !important;

  }

  .multi-col.balance.five .inner-col {

    width: 100%;

    margin-bottom: 10px;

  }

  .multi-col.balance .inner-col:first-child {

    margin-left: 0;

  }  

	

  /* 사진+텍스트 영역_720px */

  .multi-col.balance.double .inner-col {

    width: 100%;

    margin-left: 0;

  }

  .multi-col.double .inner-col.txt-area {

    padding-left: 0;

  }

  /* 도표_720px */

  .multi-col.gutter .inner-col:last-child {

    padding: 0;

  }

  /* 갤러리_720px */	

  .co-gallery .multi-col.triple .inner-col {

    width: 100%;

    margin-left: 0;

  }

  .co-gallery .co-gallery-item-img > img {

    height: auto;

  }

  .multi-col.balance img.advertising-img {

    width: 50%;

    margin-left: 0;

  }

  /* 절차도표_신규 */

  .step-circle-list-item {

    width: 100%;

  } 

  .step-circle-list-item .list-article {

    width: 10%;



    height: 50px;

    border-radius: 0;

  }	

  .step-circle-list-item br {

    display: none

  }

  .multi-col .img-area-r img.img-auto {

    width: 100%;

    padding-left: 0;

  }



  .step-circle-list-item.four .ic_kakaoch:before {

    top: 2px;

  }

	

}



/* 정보공개 테이블 2020.07.10_700px 추가 */

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

  .btn-type-small {

    font-size: 0.8rem !important;

  }

  .btn-type-small.download {

    padding-right: 30px !important;

  }

  .table-like.vt-dark .tr-like .th-like {

    font-size: 0.7rem;

  }

  .table-like.vt-dark .td-like-board .th-like {

    font-size: 0.75rem;

    padding: 5px;

  }

  .table-like.vt-dark .tr-like .th-like:nth-child(1), .table-like.vt-dark .td-like-board .th-like:nth-child(1) {

    display: none !important;

  }

  .table-like.vt-dark .tr-like .th-like:nth-child(2), .table-like.vt-dark .td-like-board .th-like:nth-child(2) {

    width: 23%;

  }

  .table-like.vt-dark .tr-like .th-like:nth-child(3), .table-like.vt-dark .td-like-board .th-like:nth-child(3) {

    width: 37%;

  }

  .table-like.vt-dark .tr-like .th-like:nth-child(4), .table-like.vt-dark .td-like-board .th-like:nth-child(4) {

    display: none !important;

  }

  .table-like.vt-dark .tr-like .th-like:nth-child(5), .table-like.vt-dark .td-like-board .th-like:nth-child(5) {

    width: 20%;

  }

  .table-like.vt-dark .tr-like .th-like:nth-child(6), .table-like.vt-dark .td-like-board .th-like:nth-child(6) {

    width: 20%;

  }

  .board-detail-area {

    background: #f2f4f7;

    padding: 5px 5px 0 5px;

  }

  .board-detail-area .table .th-like:nth-child(1) {

   width: 40%;

  }



  .board-detail-area .table .th-like:nth-child(2) {

    width: 20%;

  }



  .board-detail-area .table .th-like:nth-child(3) {

    width: 20%;

  }



  .board-detail-area .table .th-like:nth-child(4) {

    width: 15%;

    border-right: none;

  }

}

/* 정보공개 테이블 2020.07.10_700px 끝 */



/* 2019.1.31 추가_640px */

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

  .header-logo {

    width: 350px;

    position: relative;

    left: 0;

    top: 0; 

    z-index: 8889;

  }

  .header-logo img {

    width: 100%;

  }

  .header.down .header-logo {

    width: 350px;

    position: relative;

    top: 0;

    left: 0;

  }  



  /* 경영공시 해외사업실적_640px */

    

  .digr-mamdis-ovbupe1 {

    height: 200px;

  }



  .digr-mamdis-ovbupe2 {

    height: 150px;

  }



  .digr-mamdis-ovbupe3 {

    height: 150px;

  }

	

  /* 변경 시작_190114_640px */

  .digr-co-vision {

    height: 300px !important;

  }

  .grp-construction-business1 {

    height: 200px;

    background-size: contain;

    background-position: center;

  }

  .grp-construction-business2 {

    height: 150px;

    background-size: contain;

    background-position: center;

  }

  

  .en .grp-construction-business2 {

    height: 210px;

  }



  .ch .grp-construction-business1 {

    height: 200px;

    background-size: contain;

    background-position: center;

  }

  .ch .grp-construction-business2 {

    height: 150px;

    background-size: contain;

    background-position: center;

  }

  

  .ja .grp-construction-business1 {

    height: 200px;

    background-size: contain;

    background-position: center;

  }

  .ja .grp-construction-business2 {

    height: 150px;

    background-size: contain;

    background-position: center;

  }

  

  .digr-co-history {

    height: 300px;

  }

  .digr-co-traces {

    height: 400px;

  }

  .digr-co-history1 {

    height: 210px;

  }

  .digr-co-history2 {

    height: 210px;

  }  

  .digr-co-history3 {

    height: 210px;

  }

  

  .ch .digr-co-history1 {

    height: 210px;

  }

  .ch .digr-co-history2 {

    height: 210px;

  }  

  .ch .digr-co-history3 {

    height: 210px;

  }

  

  .ja .digr-co-history1 {

    height: 210px;

  }

  .ja .digr-co-history2 {

    height: 210px;

  }  

  .ja .digr-co-history3 {

    height: 210px;

  }

  

  /* 190115 */

  

  /* 20.2.12 추가 Mobile Device_640px */

   .digr-co-history4 {

    height: 210px;

  }

   .digr-co-history5 {

    height: 210px;

  }

   .digr-co-history6 {

    height: 210px;

  }  

  .en .digr-co-history1 {

    height: 210px;

  }

  .en .digr-co-history2 {

    height: 240px;

  }  

  .en .digr-co-history3 {

    height: 210px;

  }

  .en .digr-co-history4 {

    height: 240px;

  }

  .en .digr-co-history5 {

    height: 210px;

  }

  .en .digr-co-history6 {

    height: 240px;

  }



  /* 20.2.12 추가 끝_640px*/

  

  .digr-co-management {

    height: 260px;

  }

  .digr-co-interest {

    height: 220px;

  }

  .digr-co-interest2 {

    height: 180px;

  }

  .digr-ethics-management-vision1 {

    height: 230px;

  }

  

  .digr-human-management-vision1 {

    height: 300px;

  }

  

 .en .digr-human-management-vision1 {

    height: 300px;

  }

  

 .ch .digr-human-management-vision1 {

    height: 300px;

  }

  

 .ja .digr-human-management-vision1 {

    height: 300px;

  }

  

  .digr-ethics-management-vision2 {

    height: 250px;

  }

  .digr-ethics-management-organization {

    height: 248px;

  }

  .en .digr-ethics-management-organization {

    height: 255px; 

  }

  .digr-social-contribution01 {

    height: 380px;

  }

  .digr-social-contribution02 {

    height: 300px;

  }

  .digr-social-contribution03 {

    height: 130px;

  }

  .digr-concomitant-growth {

    height: 700px;

  }

  .digr-communication-channel {

    height: 50px;

  }

  .digr-strengthen-competitive1 {

    height: 250px;

  }

  .digr-strengthen-competitive2 {

    height: 345px;

  }

  .digr-vision-strategy1 {

    height: 200px;

  }

  .digr-vision-strategy2 {

    height: 160px;

  }

  .digr-environment-monitoring {

    height: 220px;

  }

  .digr-noise-management {

    height: 140px;

  }

  .digr-low-carbon-eco-friendly-strategy1 {

    height: 380px;



  }

  .en .digr-low-carbon-eco-friendly-strategy1 {

    height: 380px;

  }

  .ch .digr-low-carbon-eco-friendly-strategy1,

  .ja .digr-low-carbon-eco-friendly-strategy1 {

    height: 220px;

  }

  .digr-low-carbon-eco-friendly-strategy2 {

    height: 280px;

  }

  .grp-energy-management {

    height: 210px;

  }

  .digr-energy-independence {

    height: 140px;

  }

  .digr-energy-independence03 {

    height: 240px;

  }

  .digr-energy-independence1 {

    height: 250px;

  }

  .ch .digr-energy-independence1,

  .ja .digr-energy-independence1 {

    height: 230px;

  }

  .digr-energy-independence2 {

    height: 220px;

  }

  .digr-energy-independence3 {

    height: 150px;

    background-size: contain;

  }

 .digr-ethical-vision01 {

    height: 310px;

    background-size: contain;

    background-position: center;

  }

  .digr-ethical-vision02 {

    height: 200px;

    background-size: contain;

    background-position: center;

  }  

  .digr-cp-vision01 {

    height: 180px;

  }

  .digr-cp-vision02 {

    height: 350px;

  }

  .digr-cp-vision03 {

    height: 300px;

  }

  .digr-monitoring-system1 {

    height: 450px;

  }

  .digr-monitoring-system2 {

    height: 280px;

	background-size: contain;

    background-position: center;

  }

  /* 190115 끝_640px */



  /* 190116 시작_640px */

  .grp-management-performance01 {

    height: 200px;

  }

  .grp-management-performance02 {

    height: 200px;

  }

  .grp-management-performance03 {

    height: 200px;

  }

  .digr-service-assessment {

    height: 300px;

  }

  .grp-airport-capacity1 {

    height: 200px;

  }

  .grp-airport-capacity2 {

    height: 200px;

  }



  .grp-airport-capacity3 {

    height: 200px;

  }

  .digr-international-cooperation {

    height: 200px;

  }

  .digr-social-contribution-performance {

    height: 350px;

  }

  .digr-personal-information {

    height: 240px;

  }

  /* 190116 끝_640px */

  /* 해외교육_640px */

  .digr-training-01 {

    height: 300px;

  }

  /* 190117 시작_640px */

  .digr-procedures-disclosure {

    height: 220px;

  }

  .digr-major-incentive {

    height: 320px;

  }

  .digr-international-freight-network1 {

    height: 200px;

  }

  .grp-international-freight-network1 {

    height: 220px;

  }

  .grp-international-freight-network2 {

    height: 220px;

  }

  .digr-international-freight-network2 {

    height: 170px;

  }

  .digr-free-trade-zone {

    height: 200px;

  }

  .digr-construction-case01 {

    height: 200px;

  }

  .digr-construction-case02 {

    height: 200px;

  }

  .digr-construction-case03 {

    height: 130px;

  }

  .digr-acdm-report-01 {

    height: 240px;

  }

  .digr-acdm-report-02 {

    height: 180px;

  }

  .digr-acdm-milestone {

    height: 220px;

  }

  .digr-acdm-major-mailstone02 {

    height: 100px;

  }

  .digr-acdm-flow-chart {

    height: 300px;

  }

  .digr-procedure-application {

    height: 190px;

  }

  .digr-procedure-application01 {

    height: 150px;

  } 

  .digr-procedure-application02 {

    height: 110px;

  }

  .digr-procedure-serapp01 {	

    height: 90px;

  }

  .digr-notice-tender {

    height: 110px;

  }

  .digr-service-procedure01 {

    height: 115px;

  }

  .digr-service-procedure02 {

    height: 115px;

  }

  .digr_procedure_obtacle01 {

    background-size: contain;

    height: 180px;

  }

  .digr_procedure_obtacle02 {

    height: 90px;

  }

  .digr-recruit-guide {

    height: 230px;

  }

  /* 190117 끝_640px */

}

/* 2019.1.31 추가_640px 끝*/



/* 항공통계 쓰기 : 2020.07.22_640px */

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

  .airport-statics-day {

    display: block;

    width: 90%;

    padding-left: 5%;

  }

  .airport-statics-day:first-child:after {

    top: 10px;

  }

  .table.hr.airport-statics td .checkbox + label {

    display: inline-block;

    width: 45% !important;

    float: left;

    margin-left: 5%;

  }

}

/* 항공통계 쓰기 끝 : 2020.07.22_640px */





/* 공지사항용 버튼 시작 */



.view-body .bbs-btn-area {

  display: block;

}



.view-body .bbs-btn-area li {

  width: 49%;

  display: inline-block;

}



.view-body .bbs-btn-area li .btn-type-normal.btn3 {

  width: 98%;

  margin: 5px 0;

  font-weight: 500;

}



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

  .view-body .bbs-btn-area li {

    width: 100%;

    clear: both;

    display: block;

  }

  .view-body .bbs-btn-area li .btn-type-normal.btn3 {

    font-size: 0.925rem;

  }

}



/* 공지사항용 버튼 끝 */



/* 공지사항 step 시작 */

.list-step {

  display: flex;

}



.list-step .list-item-step {

  display: inline-block;

  position: relative;

  vertical-align: middle;

  text-align: center;

  height: 110px;

  border: 1px solid #dadada;

}



.list-step.step7 .list-item-step {

  width: calc(14% - 10px);

  margin-left: 20px;

}



.list-step.step7 .list-item-step:first-child {

  margin-left: 0;

}





.list-step.step5 .list-item-step {

  width: calc(20% - 10px);

  margin-left: 20px;

}



.list-step.step5 .list-item-step:first-child {

  margin-left: 0;

}



.list-step.step3 .list-item-step {

  width: calc(33% - 10px);

  margin-left: 20px;

  padding: 7px 0 7px 0;

}



.list-step.step3 .list-item-step:first-child {

  margin-left: 0;

}



.arrow-terms-right:after {

  content: '';

  position: absolute;

  background: url(/static/ap/images/spr_ico_global.png) no-repeat;

  background-position: -157px -65px;

  top: 50px;

  right: -15px;

  width: 8px;

  height: 12px;

}



.list-step .period {

  display: block;

  width: 100%;

  background: #f2f2f2;

  position: absolute;

  bottom: 0;

  font-size: 0.925rem;

  padding: 3px 0;

}



.list-step .article-num {

  font-size: 0.875rem;

  font-weight: 900;

  color: #4674c9;

  text-transform: uppercase;

  font-family: spoqa, sans-serif;

  display: block;

  padding-top: 3px;

}



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

  .list-step {

    display: block;

  }



  .list-step .list-item-step {

    display: block;

    width: 100% !important;

    height: 85px;

    margin: 0 0 5px 0 !important;

  }



  .list-step .list-item-step br {

    display: none;    

  }



  .arrow-terms-right:after {

    display: none;

  }

}

/* 공지사항 step 끝 */







/* 200923 login 국문문구추가 */

.ko .layer-input-text.user-text {

  width: 100%;

  height: 50px;

  font-style: normal;

}



.ko .layer-btn-login {

  width: 100%;

  height: 50px;

  font-size: 1rem;

}



.ko .multi-col.log-in .login2 {

  padding-top: 10px

}



.ko .multi-col.log-in .find-info {

  float: right;

  margin-top: 10px;

}



.ko .layer .find-info-list {

  margin: 0;

}



.save-info-id {

  float: left;

  margin-top: 15px;

  font-size: 0.98rem;

}



.checkbox-board-list {

  width: 15px;

  height: 15px;

  vertical-align: middle;

  -webkit-appearance: checkbox;

  -moz-appearance: checkbox;

}



.chkbox-ba-type {

  border: 1px solid #666;

  width: 18px;

  height: 18px;

  vertical-align: middle;

  margin: 0;

  -webkit-appearance: checkbox;

  -moz-appearance: checkbox;

}



.log-in .log-in-ex {

  text-align: left;

  display: block;

  font-size: 0.85rem;

  padding: 5px 0;

  color: #666;

  font-style: normal;

  line-height: 1.3rem;

}

/* 200923 login 국문 문구추가 끝 */





/* faq추가 시작_21.03.12  */

.board-slide {

  margin-top: 40px;	

}



.faq-category {

  width: 100%;

  display: table;

  table-layout: fixed;

}



.faq-category-list-item {

  width: 20%;

  float: left;

  position: relative;

}



.faq-category-list-item .select-category {

  position: absolute;

  display: none;

}



.faq-category-list-item .select-category-label {

  padding: 15px 20px;

  display: block;

  border-left: 1px solid #d9d9d9;

  border-top: 1px solid #d9d9d9;

  border-bottom: 1px solid #d9d9d9;

  cursor: pointer;

}



.faq-category-list-item:last-child {

  border-right: 1px solid #d9d9d9;

}



.faq-category-list-item .select-category-label.ico {

  text-indent: 0;

}



.faq-category-list-item .select-category-label.ico:after {

  background-position: -164px -32px;

  width: 13px;

  height: 11px;

  right: 20px;

  left: auto;

}



.faq-category-list-item .select-category:checked + .select-category-label {

  background: #42519e;

  color: #fff;

}



.faq-category-list-item .select-category:checked + .select-category-label.ico:after {

  background-position: -192px -32px;

  width: 13px;

  height: 11px;

  right: 20px;

  left: auto;

}



.faq-category .select-category:focus + .select-category-label {

  display: block;

  outline: 1px dotted #000 !important;

  z-index: 1000;

  cursor: pointer;

}



.board-slide .board-list {

  border-top: 1px solid #d9d9d9;

  border-bottom: 0;

}



.board-slide .board-list:last-child {

  border-bottom: 1px solid #d9d9d9;

}



.board-slide .board-list.on {

  border-bottom: 1px solid #d9d9d9;

  border-top-color: #a5a7aa;

}



.board-slide .board-list.on + .board-list {

  border-top: 0;

}



.board-slide .board-list.on .board-list-head {

  border-bottom: 1px solid #d9d9d9;

}



.board-slide .board-list.on .board-list-head .board-list-tit:after {

  transform: rotate(180deg);

}



.board-slide .board-list.on .board-list-body {

  display: block;

}



.board-slide .board-list-head .board-list-tit {

  width: 100%;

  height: 100%;

  display: block;

  font-size: 1.125rem;

  text-indent: 0;

  font-weight: 500;

}



.board-slide .board-list-head .board-list-tit:after {

  left: auto;

  right: 30px;

  transition: all .4s;

}



.board-slide .board-list-head .board-list-tit-inner {

  display: block;

  padding: 25px 80px 25px 30px;

  line-height: 1.5;

}



.board-slide .board-list-head .board-list-tit .board-list-category {

  width: 150px;

  line-height: 1.5;

  font-size: 1.25rem;

  text-align: center;

  display: inline-block;

  float: left;

}



.board-slide .board-list-body {

  display: none;

  background: #f2f4f7;

  padding: 30px;

}



.board-slide .board-list-body .board-list-desc {

  color: #444;

}



.board-slide .board-list-body .board-list-link {

  color: #4674c9;

  line-height: 1.7;

}



.faq-text-box {

  display:block;

  border:1px solid #d9d9d9;

  padding:10px 20px;

  margin: 10px 0;

}



.table_faq {

  display: block;

  width: 100%;

  background: #FFF;

  border-top: 2px solid #444;

  border-bottom: 1px solid #a5a7aa;

}



.table_faq th {

  padding: 10px 4px;

  font-weight: 700;

  background: #ebebeb;

  font-size: 0.85rem;

  border-right: 1px solid #d9d9d9;

  border-top: 1px solid #d9d9d9;

  vertical-align: middle;

}



.table_faq td {

  padding: 6px;

  line-height: 1.4;

  font-size: 0.85rem;

  text-align: center;

  border-right: 1px solid #f2f4f7;

  border-top: 1px solid #d9d9d9;

  vertical-align: middle;

}



.table_faq .table_left {

  text-align: left;

  padding: 6px 15px;

  word-break: keep-all;

}



.table_faq th:last-child, .table_faq td:last-child {

  border-right: none;

}



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

  .faq-category-list {

    border: 1px solid #d9d9d9;

    border-left: none;

    display: inline-block;

    width: 100%;

  }

  .faq-category-list :last-child {

    border-right: none !important;

  }

  .faq-category-list-item {

    width: 50%;

  }

  .faq-category-list-item:first-child {

    width: 100%;

  }

  .faq-category-list-item .select-category-label {

    padding: 10px 20px;

    border-bottom: none;

    font-size: 0.9rem;

    text-align: center;

  }

  .faq-category-list-item:first-child .select-category-label {

    border-top: none !important;

  }

  .board-slide .board-list-head .board-list-tit {

    font-size: 1rem;



  }

  .board-slide .board-list-head .board-list-tit-inner {

    padding: 15px 40px 15px 15px;

  }

  .faq-category-list-item .select-category-label.ico:after {

    background: none;

  }

  .board-slide .board-list-head .board-list-tit:after {

    right: 10px;

    background-position: -174px -49px;

    background-size: 250px 200px;

    width: 10px;

    height: 6px;

  }

}



/* faq추가 끝_21.03.12  */



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

  /* 조직도변경_20.07.02 */

  .orgint-chart-list.ceo-line {

    margin: 0;

  }

  .orgint-chart-wrap:before, .orgint-chart-wrap .orgint-chart-list-item.line-first:before {

    display: none;

  }

  .orgint-chart-wrap .orgint-chart-list-item.line:after, 

  .orgint-chart-wrap:before, 

  .orgint-chart-wrap .orgint-chart-box.line:after, 

  .orgint-chart-wrap .orgint-chart-list-item.line-left:after,

  .orgint-chart-list.ceo-line .orgint-chart-list-item:first-child:after {

    display: none;

  }

  .orgint-chart-wrap .orgint-chart-grid {

    position: static !important;

    display: block;

  }

  .orgint-chart-wrap .look-grid {

    position: static;

    padding: 0;

    margin-top: 375px;

  }

  .orgint-chart-wrap .orgint-chart-box, .ch .orgint-chart-wrap .orgint-chart-box, .ja .orgint-chart-wrap .orgint-chart-box, .orgint-chart-box.orgin-box {

    width: 100% !important;

    font-size: 1rem;

    font-weight: 400;

    padding: 8px 0;

    position: static;

  }

  .orgint-chart-wrap .orgint-chart-box.round {

    width: 100%;

    padding: 8px 0;

    font-size: 1rem;

    border-radius: 0;

	margin-top: 8px;

	margin-bottom:8px;

  }

  .orgint-chart-wrap .orgint-chart-list-item {

  	width: 100%;

  	padding: 0;

  	height: auto !important;

  	margin: 8px 0 0 0;

  }

  .orgint-chart-list.ceo-line .orgint-chart-list-item:first-child {

    position: static;

    display: block;

    width: 100%;

    margin: 0;

    padding: 0;

  }

  .orgint-chart-list.ceo-line .orgint-chart-list-item:nth-child(2) {

    margin: 8px 0 0 0;

    width: 100%;

    padding: 0;

  }

  .orgint-chart-wrap .orgint-chart-team .list1-item {

  	font-size: 1rem;

    line-height: 1.4;

    padding: 0;

    font-weight: 400;

    text-align: center;

  }

  .orgint-chart-wrap .orgint-chart-team .list1-item:before {

  	display: none;

  }

  .orgint-chart-wrap .orgint-chart-tit {

    width: 100%;

  	padding: 5px;

  	font-size: 1rem;

  	font-weight: 400;

  }

  .orgint-chart-wrap .look-grid .orgint-chart-list {

    margin: 0;

  }

  .orgint-chart-wrap .orgint-chart.type2 {

    margin-top: 180px;

  }

  .orgint-chart-list.vceo-line {

    margin: 0;

    width: 100%;

  }

  .orgint-chart-wrap .orgint-chart-list-item.line {

    position: static;

    width: 100% !important;

    margin: 0;

    padding: 0;

  }

  .orgint-chart-wrap .orgint-chart.type3 .orgint-chart-list {

    width: 100%;

  }

  .orgint-chart-wrap .orgint-chart-subtit {

    padding: 3px;

    margin: 8px 0 4px 0;

    font-size: 1rem;

    font-weight: 400;

  }

 .orgint-chart-subtit.row0.orgint-etc-sub {

    margin-top: 8px;

  }

  .orgint-chart-list-item.orgint-etc {

    margin-top: 8px;

  }

  /* 조직도변경_20.07.02 */

}



/* 물류서비스 추가 시작_21.11.16 */

.banner.airport-cargo {

  background: url(/static/co/images/bg_banner_cargo.jpg) no-repeat;

 }

.cargo-numbering .iiac-numbering-item:before {

  background-image: url(/static/co/images/spr_ico_iiac_numbering_cargo.png);

}

.cargo-numbering .iiac-numbering-item {

  padding-right: 13px;

}

.cargo-numbering a + a .iiac-numbering-item {

  border-left: 1px solid #f3f4f8;

}

.cargo-numbering .iiac-numbering-item.img {

  overflow: visible;

}

.cargo-numbering .iiac-numbering-item.img img {

  position: absolute;

}

.cargo-intro {margin-top:-70px;padding-top:70px;} 

/* 물류서비스 추가 끝_21.11.16 */



span.view-map {

    border : solid 1px #d9d9d9;

    border-radius : 15px;

    font-size : 0.82rem;

    font-weight : 400;

    padding : 2px 10px;

    background : #efefef;

}





/* 물류서비스 리뉴얼 시작_23.09.07 */

.banner.airport-global01 {

  background: url(/static/co/images/bg_banner_global01.jpg) no-repeat; height:200px;

 }

.banner.airport-global02 {

  background: url(/static/co/images/bg_banner_global02.jpg) no-repeat; height:200px;

 }

.banner.airport-global03 {

  background: url(/static/co/images/bg_banner_global03.jpg) no-repeat; height:200px;

 }



@media all and (min-width:801px){

	.tab-nav-list.line-clamp2 .tab-nav-list-link{display: flex; align-items:Center; justify-content:center; height:64px;}

}



.article.logistic-con{margin-bottom:0;}

.article.logistic-con:nth-last-of-type(2){margin-bottom:50px; border-bottom: 1px solid #a5a7aa;}

.article.logistic-con.bd-bottom{border-bottom: 1px solid #a5a7aa;}



.article.logistic-con .list-tab-con{margin-bottom:50px;}

.logistic-con .multi-col.balance.double{padding:0 16px;}

.logistic-con .multi-col.balance.double .inner-col{}

.logistic-con .multi-col.balance.double .inner-col:first-child{max-width:380px}

.logistic-con .multi-col.balance.double .inner-col:last-child{margin-left:38px; max-width:420px;}

.list4-item.tabline{

	font-size:1.5em;

	color: #42519e;

	/* margin-bottom: 9px; */

	padding:20px 38px;

	padding-right:50px;

	border-top:1px solid #42519e;

	border-bottom:1px solid #42519e;

	cursor:pointer;

}

.list4-item.tabline:before{

	font-size:0.8em;

	top:22px;

	left:15px

}

.list4-item.tabline:after{

	content: "";

    color: #a5a7aa;

    width: 18px;

    height: 11px;

    font-weight: 800;

    position: absolute;

    top: 50%;

    right: 22px;

    left: auto;

    bottom: auto;

	transform:translateY(-50%);

    background: url('/static/co/images/tab_ico_right_btn.png') no-repeat;

	transition:transform 0.4s;

}

.list4-item.tabline.off:after{transform:translateY(-50%) rotate(180deg);}



.list4-item.tabline.off{color:#666; border-color:#a5a7aa; border-bottom:0;}

.list4-item.tabline.off:before{color:#666;}

.list4-item.tabline.off:after{background:url('/static/co/images/tab_ico_right_btn_off.png') no-repeat}



/* table - green */

.table.vt-green th{background:#01a9b4}



.table.vt-green {

  border-bottom: 1px solid #d2d3d4;

}



.table.vt-green.writing td {

  vertical-align: top;

}





.table.vt-green.border-top {

  border-top: 1px solid #d2d3d4;

}



.table.vt-green td.center{text-align:center;}



.table.vt-green th {

  padding: 18px 0 16px;

  font-weight: 400;

  color: #fff;

  line-height: 1.4;

  background: #01a9b4;

  border-top: 1px solid #f2f4f7;

  vertical-align: middle;

}

.table.vt-green thead tr th{border-left:1px solid #f2f4f7;}

.table.vt-green thead tr th:first-child{border-left:0;}



.table.vt-green tbody tr:first-child th {

  border-top: 0;

}



.table.vt-green td {

  padding: 16px 8px;

  line-height: 1.4;

  border-right: 1px solid #f2f4f7;

  border-top: 1px solid #f2f4f7;

  vertical-align: middle;

  /* word-break: keep-all; */

}

.table.vt-green td:first-child{

  border-left: 1px solid #f2f4f7;

 }



.table.vt-green td .tbl-icon{margin:0 20px;}

.table.vt-green td .tbl-img{margin:5px 0;}



.table.vt-green thead tr th,

.table.vt-green tbody tr:first-child td{

  border-top: 0;

}



.green-box .text-box-headline-econoa{background:#01a9b4; padding:15px 0;}

.econoa-box.green-box .list-box{background:#01a9b4; padding:20px 30px; color:#fff;}

.econoa-box.green-box .list-box .list4-item:before{color:#fff}



.list-icon-box{display: flex; flex-wrap:wrap; border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9;}

.list-icon-box .list-item{text-align:center; font-size:1rem; color:#444; padding:25px 10px; box-sizing:border-box;}

.list-icon-box .list-item .icon{display: block; width:50px; margin:0 auto 15px;}

.list-icon-box.icon-box02 .list-item{width:50%; border-left:1px solid #d9d9d9; border-top:1px solid #d9d9d9;}



/* global */

.global-img-txt{position: relative; display: flex; align-items:center; /* min-height:400px; */}

.global-img-txt .img-box{position: relative; width:50%;}

.global-img-txt .img-box span{display: block; width:100%;}



.global-img-txt .txt-box{position: absolute; top:0; right:0; height:100%; width:60%; display: flex; flex-wrap:wrap; align-content:center; padding:0 50px 0 100px; box-sizing:border-box;

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00a9b3+0,00a9b3+10,00a9b3+100&0+0,1+15,1+100 */

background: linear-gradient(to right,  rgba(0,169,179,0) 0%,rgba(0,169,179,0.67) 10%,rgba(0,169,179,1) 15%,rgba(0,169,179,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}

.global-img-txt .txt-box .icon{display: block; margin:10px 0;}

.global-img-txt .txt-box .icon.last{transform:rotate(180deg)}

.global-img-txt .txt-box p{color:#fff;}

.global-img-txt .txt-box .name-txt{width:100%; text-align:right;}



.global-img-txt.left{flex-direction: row-reverse}

.global-img-txt.left .txt-box{right:auto; left:0; padding:0 100px 0 50px;

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00a9b3+0,00a9b3+10,00a9b3+100&0+0,1+15,1+100 */

background: linear-gradient(to left,  rgba(0,169,179,0) 0%,rgba(0,169,179,0.67) 4%,rgba(0,169,179,1) 8%,rgba(0,169,179,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}

.global-img-txt.left .img-box img{float:right;}



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

	.logistic-con .multi-col.balance.double .inner-col{max-width:none;}

	.logistic-con .multi-col.balance.double .inner-col:last-child{margin-left:0;}

	.list4-item.tabline{font-size:1.2em;}

	.table.vt-green td .tbl-icon{margin:0 10px;}



	.global-img-txt{display: block;}

	.global-img-txt .img-box{width:100%;}

	.global-img-txt .txt-box{position: relative; width:100%; background:rgb(0,169,179); padding:20px !important;}

}



/* 물류서비스 리뉴얼 수정 2023-09-25  */

/* 타이틀텍스트 행간수정 */

.list-tab-con .textbox-title{line-height:1.5;}



/* 태블릿 오른쪽 여백 */

@media all and (max-width:1080px){

	.logistic-con .multi-col.balance.double .inner-col{max-width:none !important;}

	.logistic-con .multi-col.balance.double .inner-col:last-child{margin-left:2%;}

}

@media all and (max-width:800px){

	.logistic-con .multi-col.balance.double .inner-col:last-child{margin-left:0%;}

}



/* 물류서비스 리뉴얼 수정 2023-10-24  */

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

	/* 반응형 그라데이션 수정 */

	.global-img-txt.left .txt-box{background:rgb(0,169,179);}

	/* 반응형 문의하기 버튼 */

	.list1-item .btn-type-small{margin-bottom:10px;}

	.list1-item .btn-type-small:last-child{margin-bottom:0px;}

}



/* CEO 변경 */   

.massage-wrap {

  width: 100%;

  height: 210px;

  background-color: #4775c9;

  padding: 30px;

  position: relative;

  overflow: hidden;

}      



.massage-img {

  display: none;

}



.massage-img2 {

  position: absolute;

  width: auto;

  bottom: 20px;

  right: 480px;

}



.en .massage-img2 {

  right: 420px; 

}



.ch .massage-img2 {

  right: 470px;

  bottom: 40px;  

}



.ja .massage-img2 {

  right: 470px;

  bottom: 10px;

}



.greeting_font {

  font-size: 1.125rem;

  width: 100%;

  text-align : justify;

  word-break: keep-all ;

  background: url(/static/co/images/ceo_bg01.png) no-repeat 20px -150px;

  padding: 5px 0 30px 0;

  margin-top: 20px;

}



.greeting_font p {

  width: 55%;

  padding-top: 20px;

} 



.en .greeting_font {

  font-size: 1.075rem;

  width: 100%;

  text-align : justify;

  word-break: keep-all;

  background: url(/static/co/images/ceo_bg01.png) no-repeat 38px bottom;

  padding: 1px 0 40px 0;

  margin-top: 20px;

} 



.ch .greeting_font {

  font-size: 1.125rem;

  width: 100%;

  text-align : justify;

  word-break: normal;

}



.ja .greeting_font {

  font-size: 1.125rem;

  width: 100%;

  text-align : justify;

  word-break: normal;

  background: url(/static/co/images/ceo_bg01.png) no-repeat 30px bottom;

}



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

  .greeting_font {

    background: url(/static/co/images/ceo_bg01.png) no-repeat right center  !important;

  }

  .massage-wrap {

    height: auto;

	text-align: center;

  }

  .massage-img2 {

    position: static;

    margin: auto;

  }

  .greeting_font p {

    word-break: normal;

  }

}



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

  .greeting_font {

    background: none !important;

    margin-top: 0 !important;

  }

  .greeting_font p {

    width: 100% !important;

  }

  .massage-img {

    display: inline ;

    position: static;

    width: 100%;

    margin-bottom: 10px;

  }

}