/* 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, div {

  display: block;

  font-size: 1rem;

}



html {

  font-size: 15px;

}



html.open-layer {

  overflow: hidden;

}



body {

  line-height: 1;

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

  font-size: 16px;

  font-weight: 400;

  color: #444;

  overflow-y: scroll;

  position: relative;

}



body.open-layer {

  overflow: hidden;

}



body.mobile-menu-on:after {

  content: "";

  display: block;

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

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

  z-index: 9999;

}



ol, ul {

  list-style: none;

}



blockquote, q {

  quotes: none;

}



blockquote:before, blockquote:after,

q:before, q:after {

  content: '';

  content: none;

}



table {

  border-collapse: collapse;

  border-spacing: 0;

}



table th {

  text-align: center;

}



h1, h2, h3, h4, h5, h6 {

  color: #222;

}



a {

  text-decoration: none;

  color: #222;

}



p {

  line-height: 1.7;

}



li {

  line-height: 1.7;

}



input {

  box-sizing: border-box;

}



button, input {

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

}



button {

  cursor: pointer;

}

/* select 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, textarea {

  -webkit-appearance: none;

  -webkit-border-radius: 0;

  -moz-appearance: none;

}



/* 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");

}



@font-face {

  font-family: 'exo';

  font-weight: 900;

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

}



.header-search-item.gnb-search.on .gnb-search-openbtn {

  display: none;

}



.header-search-item.gnb-search.on #btnTotalSearch {

  display: inline-block !important;

}



.top-popup-control-today .today-checkbox:focus + .today-label:before {

  outline: 1px solid blue;

}



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

}



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

  cursor: pointer;

}



.top-popup-toggle {

  height: 20px;

  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;

}



.top-open.top-popup .top-popup-inner {

  height: 155px;

}



.top-open.header {

  top: 155px;

}



.top-open.gnb {

  top: 215px;

}



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

  position: fixed;

  top: 0;

  left: 0;

  z-index: 9999;

  background: transparent;

  transition: top .3s ease-out;

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

}



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

  border: 1px solid #cccccc;

  position: relative;

}



.header-site-link.on {

  z-index: 10;

  color: #fff;

  border: 2px solid #fff;

  font-weight: 700;

  line-height : 28px;

}



.header-site-link:hover {

  opacity: .9;

}



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

  position: absolute;

  top: 50%;

  right: 6px;

  margin-top: -1px;

}



.header-util-cs-link {

  font-size: 0.8125rem;

  color: #fff;

  font-weight: 400;

}



.header-util-cs-link.strong {

  color: #222;

}



.header-util-lang {

  float: left;

  width: 120px;

  height: 32px;

  background: transparent !important;

}



.header-util-lang .select-link-default {

  color: #fff;

}



.header-util-lang .select-link-default .ico.arrow_up:after {

  background-position: -390px -67px;

}



.header-util-lang .select-list {

  width: 120px;

  box-sizing: border-box;

}



.header-util-lang .select-list-link {

  color: #fff;

}



.header-logo-link {

  height: 35px;

  display: block;

  text-indent: -999em;

}



.header-search {

  position: absolute;

  top: 2px;

  right: 25px;

}



.header-search-item {

  float: left;

  margin-left: 29px;

  position: relative;

  overflow: hidden;

}



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

  padding-top: 2px;

}



.header-search-btn.gnb-map:after {

  background-position: -445px -131px;

  width: 22px;

  height: 27px;

  right: auto;

}



.header-search-btn.gnb-search {

  height: 27px;

  padding-left: 27px;

  font-size: 14px;

  text-indent: 0;

  padding-top: 2px;

  color: #fff;

}



.header-search-btn.gnb-search:after {

  background-position: -74px -134px;

  width: 22px;

  height: 27px;

  top: 4px;

  right: auto;

}



.header-search-input {

  display: none;

}



.header-search-close {

  display: none;

  width: 15px;

  height: 15px;

  position: absolute;

  top: 0;

  margin: auto;

  bottom: 0;

  left: 10px;

  border: none;

  background: transparent;

  text-indent: -99999em;

}



.header-search-close:after {

  display: block;

  content: "";

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

  background: #fff;

}



.header.bg .header-site-link {

  color: #666;

  border: 1px solid #b7c0ce;

}



.header.bg .header-site-link.on {

  color: #5171b3;

  border: 1px solid #4674c9;

}



.header.bg .header-util-cs-item:after {

  background: #666;

}



.header.bg .header-util-cs-link {

  color: #666;

}



.header.bg .header-util-cs-link.strong {

  color: #222;

}



.header.bg .header-util-cs-link:hover {

  color: #439096;

}



.header.bg .header-util-lang .select-link-default {

  color: #666;

}



.header.bg .header-util-lang .select-link-default .ico.arrow_up:after {

  background-position: -35px -67px;

}



.header.bg .header-logo-link:after {

  opacity: 0;

}



.header.down {

  top: -60px;

  transition: top .3s ease-out;

}



.header .scroll-amount {

  height: 2px;

  background: #ffae44;

  position: absolute;

  top: 0;

  left: 0;

}



.gnb {

  width: 100%;

  height: 41px;

  padding-top: 7px;

  margin: 0 auto;

  border-bottom: 1px solid #ddd;

  overflow: hidden;

  position: fixed;

  top: 60px;

  left: 0;

  z-index: 9998;

  transition: top .3s ease-out;

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

}



.gnb.on {

  height: 278px;

}



.gnb:after {

  content: "";

  display: block;

  width: 100%;

  height: 1px;

  background: #ddd;

  position: absolute;

  top: 40px;

  left: 0;

  z-index: 0;

}



.gnb-depth1 {

  width: 907px;

  margin: 0 auto;

}



.gnb-depth1-item {

  width: 16.666%;

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

}



.gnb-depth1-item:hover:after:first-child, .gnb-depth1-item.on:after:first-child {

  left: 0;

}



.gnb-depth1-link {

  display: block;

  padding-left: 20px;

  font-family: nanumsq, sans-serif;

  font-size: 1.125rem;

  font-weight: 900;

  color: #fff;

}



.gnb-depth1-link:hover {

  color: #42519e;

}



.gnb-depth2 {

  height: 236px;

  margin-top: 6px;

  padding: 14px 0 0 8px;

  border-right: 1px solid #ddd;

  box-sizing: border-box;

}



.gnb-depth2-item {

  margin-bottom: 13px;

  line-height: 1.2;

}



.gnb-depth2-link {

  font-size: 1.052rem;

}



.gnb-depth2-link:hover {

  color: #42519e;

}



.en .gnb-depth2-link {

  font-size: 1.052rem;

}



.en .gnb.on {

  height: 300px;

}



.en .gnb-depth2 {

  height: 300px;

  padding: 14px 0 0 15px;

}



.gnb-mobile-btn {

  display: none;

}



.gnb.fixed {

  padding-top: 11px;

  top: -50px;

}



.gnb.fixed.on {

  height: auto;

}



.gnb.fixed.down {

  top: 0;

  height: 50px;

}



.gnb.fixed.down.on {

  height: auto;

}



.gnb.fixed.down.top-open {

  top: 200px;

}



.gnb.fixed.down .gnb-depth1-item:hover:after {

  content: "";

  display: block;

  width: 100%;

  height: 2px;

  background: #42519e;

  position: absolute;

  top: 36px;

}



.gnb.fixed.down .gnb-depth1-item:hover:after:first-child {

  left: 0;

}



.gnb.fixed:after {

  top: 49px;

}



.gnb.fixed .gnb-depth2 {

  margin-top: 12px;

}



.gnb.fixed.bg .header-search {

  top: 10px;

}



.gnb.fixed.bg: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%; */

}



.gnb.fixed.bg: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%; */

}



/* 공사 메뉴 시작 */



.en .gnb-co .gnb-depth1-item, .ch .gnb-co .gnb-depth1-item, .ja .gnb-co .gnb-depth1-item {

  width: 33%;

}



.en .gnb-co .gnb-depth1-link, .ch .gnb-co .gnb-depth1-link, .ja .gnb-co .gnb-depth1-link {

  text-align: center;

}



/* 공사 메뉴 끝 */



.header.bg.fixed.down .header-logo{

  position: absolute;

  left: 15px;

  top:74px;

  width: 60px;

}



.header.bg.fixed.down .header-logo-link {

  width: 60px;

  height: 22px;

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

  background-size: contain;

}



.gnb.bg {

  background: #fff;

}



.gnb.bg .gnb-map {

  color: #fff;

  width: 112px;

  text-indent: -9999px;

}



.gnb.bg .gnb-map:after {

  display: none;

}



.gnb.bg .gnb-depth1-link {

  color: #222;

}



.gnb.bg .header-search {

  position: absolute;

  right: 15px;

}



.gnb.bg .header-search-item {

  float: left;

  margin-left: 0;

}



.gnb.bg .header-search-item.gnb-search {

  margin-left: 10px;

  text-align: right;

  min-width: 68px;

  background: #466fb7;

  border-radius: 20px;

  overflow: hidden;

}



.gnb.bg .header-search-item.gnb-search.on {

  white-space: nowrap;

  top: 0;

  right: 0;

  background: #345da6;

}



.gnb.bg .header-search-item.gnb-search.on .header-search-close {

  display: block;

}



.gnb.bg .header-search-item.gnb-search.on .header-search-input {

  display: inline-block;

  margin-left: 34px;

  width: 134px;

}



.gnb.bg .header-search-item.gnb-search:hover {

  background: #345da6;

}



.gnb.bg .header-search-btn {

  background: none;

  border: none;

  cursor: pointer;

  color: #222;

}



.gnb.bg .header-search-btn.gnb-map {

  color: #fff;

  width: auto;

  line-height: 1;

  padding: 2px 10px 2px 32px;

  background: #3a7e81;

  text-indent: 0;

  border-radius: 20px;

  box-sizing: content-box;

  /* &:after{

               background-position:-154px -131px;

               width: 22px;

               height: 27px;

             }*/

}



.gnb.bg .header-search-btn.gnb-map:after {

  content: "";

  display: block;

  width: 25px;

  height: 25px;

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

  top: 0;

  bottom: 0;

  margin: auto;

  left: 4px;

}



.gnb.bg .header-search-btn.gnb-map:hover {

  background: #2c6c6f;

}



.gnb.bg .header-search-btn.gnb-search {

  color: #fff;

  width: auto;

  line-height: 1;

  padding: 2px 10px 2px 32px;

  border-radius: 20px;

  box-sizing: content-box;

}



.gnb.bg .header-search-btn.gnb-search:after {

  content: "";

  display: block;

  width: 25px;

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

}



.gnb.bg .header-search-input {

  display: none;

  width: 0;

  border: 0;

  background: transparent;

  color: #fff;

  font-weight: 400;

  font-size: 0.825rem;

  line-height: 1;

  transition: all .3s ease-out;

}



.gnb.bg .header-search-input::-webkit-input-placeholder {

  color: #fff;

}



.gnb.bg .header-search-input::-moz-placeholder {

  color: #fff;

}



.gnb.bg .header-search-input:-ms-input-placeholder {

  color: #fff;

}



.gnb.bg .header-search-input:-moz-placeholder {

  color: #fff;

}



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

  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;

}



/*  2018. 5. 29 삭제

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

  display: none;

}

*/



.quick-menu-list-item:hover {

  background: #222;

}



.quick-menu-list-link {

  padding: 6px 0;

  color: white;

  font-size: 0.75rem;

  display: block;

  line-height: 1.4;

}



.quick-menu-list-link:before {

  content: '';

  display: block;

  height: 30px;

  margin: 0 auto 5px;

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

}



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

  background-position: -132px 0;

  width: 43px;

}



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

  background-position: -35px 4px;

  width: 43px;

}



.quick-menu-list-link.move-terminal:before {

  background-position: -99px 3px;

  width: 23px;

}



.quick-menu-list-link.my-terminal:before {

  background-position: 0 0;

  width: 22px;

}



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

  background-position: -188px 0;

  width: 26px;

}



.quick-menu-list-link.travel-info:before {

  background-position: -240px 0;

  width: 26px;

}



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

  background-position: -235px -35px;

  width: 31px;

}



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

  background-position: -235px -79px;

  width: 31px;

}



.quick-menu-list-top {

  color: white;

  font-size: 0.75rem;

}



/* 퀵메뉴 SNS 시작 */

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

  width: 34px;

  height: 30px;

  display: inline-block;

  vertical-align: top;

}



.quick-menu-sns-link:before {

  content: '';

  display: block;

  height: 30px;

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

}



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

  font-size: 0.0000px;

  padding-top: 5px;

  display: block;

}



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

    margin-top: 10px;

}



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

  background-position: 10px -40px !important;

}



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

  background-position: -30px -40px !important;

}



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

  background-position: -70px -36px !important;

}



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

  background-position: -117px -40px !important;

}



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

  background-position: -150px -40px !important;

}



.quick-menu-sns-link.bbs-news:before {

  background-position: 5px -82px !important

}



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

  background-position: -196px -40px !important;

}

/* 퀵메뉴 SNS 끝 */



/* 공사 퀵메뉴 시작 */

.quick-menu-co .quick-menu-list-link {

  padding: 15px 0;

  color: white;

  font-size: 0.75rem;

  display: block;

}



.quick-menu-co .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 !important;

}



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

  width: 32px;

  height: 30px;

  display: inline-block;

  vertical-align: top;

}



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

  margin: 15px 0 0 7px;

}



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

  margin: 15px 0 0 -4px

}



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

  margin: 0 0 0 7px

}



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

  margin: 0 0 0 -4px

}



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

  margin: 0 0 15px 7px

}



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

  margin: 0 0 15px -4px

}



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

  font-size: 0.0000px;

  padding-top: 5px;

}



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

  background-position: -87px -40px !important;

}



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

  background-position: -125px -40px !important;

}



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

  background-position: -163px -35px !important;

}



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

  background-position: -206px -39px !important;

}



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

  background-position: -246px -38px !important;

}



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

  background-position: -282px -38px !important;

}



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

  background-position: -35px 0 !important;

  width: 43px;

}



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

  background-position: 0 -40px !important;

  width: 23px;

}



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

  background-position: -38px -40px  !important;

  width: 26px;

}

/* 공사 퀵메뉴 끝 */



/*!

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

/** VARIABLES

===================================*/

/** RESET AND LAYOUT

===================================*/

.bx-wrapper {

  position: relative;

  padding: 0;

  *zoom: 1;

  -ms-touch-action: pan-y;

  touch-action: pan-y;

}



.bx-wrapper img {

  max-width: 100%;

  display: block;

}



.bxslider {

  margin: 0;

  padding: 0;

}



ul.bxslider {

  list-style: none;

}



.bx-viewport {

  /* fix other elements on the page moving (in Chrome) */

  -webkit-transform: translateZ(0);

}



/** THEME









===================================*/

.bx-wrapper .bx-pager,

.bx-wrapper .bx-controls-auto {

  position: absolute;

  bottom: 255px;

  width: 100%;

}



/* LOADER */

.bx-wrapper .bx-loading {

  min-height: 50px;

  height: 100%;

  width: 100%;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 2000;

}



/* PAGER */

.bx-wrapper .bx-pager {

  text-align: center;

  font-size: .85em;

  font-family: Arial;

  font-weight: bold;

  color: #666;

  padding-top: 20px;

}



.bx-wrapper .bx-pager.bx-default-pager a {

  text-indent: -9999px;

  display: block;

  width: 10px;

  height: 10px;

  margin: 0 5px;

  outline: 0;

  -moz-border-radius: 5px;

  -webkit-border-radius: 5px;

  border-radius: 5px;

  border: 2px solid #333;

}



.bx-wrapper .bx-pager.bx-default-pager a:hover,

.bx-wrapper .bx-pager.bx-default-pager a.active,

.bx-wrapper .bx-pager.bx-default-pager a:focus {

  background: #333;

}



.bx-wrapper .bx-pager-item,

.bx-wrapper .bx-controls-auto .bx-controls-auto-item {

  display: inline-block;

  vertical-align: bottom;

  *zoom: 1;

  *display: inline;

}



.bx-wrapper .bx-pager-item {

  font-size: 0;

  line-height: 0;

}



/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {

  left: 10px;

}



.bx-wrapper .bx-prev:hover,

.bx-wrapper .bx-prev:focus {

  background-position: 0 0;

}



.bx-wrapper .bx-next {

  right: 10px;

}



.bx-wrapper .bx-next:hover,

.bx-wrapper .bx-next:focus {

  background-position: -43px 0;

}



.bx-wrapper .bx-controls-direction a {

  position: absolute;

  top: 50%;

  margin-top: -16px;

  outline: 0;

  width: 32px;

  height: 32px;

  text-indent: -9999px;

  z-index: 9999;

}



.bx-wrapper .bx-controls-direction a.disabled {

  display: none;

}



/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {

  text-align: center;

}



.bx-wrapper .bx-controls-auto .bx-start {

  display: block;

  text-indent: -9999px;

  width: 10px;

  height: 11px;

  outline: 0;

  margin: 0 3px;

}



.bx-wrapper .bx-controls-auto .bx-start:hover,

.bx-wrapper .bx-controls-auto .bx-start.active,

.bx-wrapper .bx-controls-auto .bx-start:focus {

  background-position: -86px 0;

}



.bx-wrapper .bx-controls-auto .bx-stop {

  display: block;

  text-indent: -9999px;

  width: 9px;

  height: 11px;

  outline: 0;

  margin: 0 3px;

}



.bx-wrapper .bx-controls-auto .bx-stop:hover,

.bx-wrapper .bx-controls-auto .bx-stop.active,

.bx-wrapper .bx-controls-auto .bx-stop:focus {

  background-position: -86px -33px;

}



/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {

  text-align: left;

  width: 80%;

}



.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {

  right: 0;

  width: 35px;

}



/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {

  position: absolute;

  bottom: 0;

  left: 0;

  background: #666;

  background: rgba(80, 80, 80, 0.75);

  width: 100%;

}



.bx-wrapper .bx-caption span {

  color: #fff;

  font-family: Arial;

  display: block;

  font-size: .85em;

  padding: 10px;

}



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

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

}



body {

  min-width: 1330px;

}



.tbl-logo-link {

  display: block;

  cursor: pointer;

}



.tbl-logo-link:hover {

  color: #d9d9d9;

}



.mtb10 {

  margin: 10px 0;

}



.btn-box2 {

 float:right;

 position:relative;

 z-index:1000;

}



#dv_loungeCoupon input[type="radio"] {

  display: inline-block;

  border: 1px solid #d9d9d9;

  width: 15px;

  border-radius: 50%;

  height: 15px;

  vertical-align: middle;

}



#dv_loungeCoupon input[type="radio"]:checked {

  background: #ffae44;

}



.vlog {

  text-align: center;

}



.inner-list-item {

  padding-left: 46px;

}



.inner-section {

  width: 1200px;

  min-width: 1200px;

  margin: 0 auto;

  padding: 0 24px;

  box-sizing: border-box;

}



#top-contents.contents {

  padding-top: 101px;

}



.top-popup-item:after, .top-popup-control-paging:after, .header-site:after, .header-util:after, .header-search:after, .gnb-depth1:after, .gnb.bg .header-search:after, .main-visual-control-paging:after, .main-visual-control-paging .paging-visual:after, .main-visual-search:after, .main-visual-search-inner:after, .main-visual-search-weather:after, .main-block:after, .main-block-item .guide-wrap .guide-box:after, .main-block-item .link-list-item:after, .main-block-item .link-list-sub:after, .main-guide:after, .main-guide .link-list:after, .main-banner-list:after, .main-banner-control-paging:after, .main-banner-control-paging .paging-visual:after, .location-bar-nav:after, .tab-main-list:after, .tab-sub-list:after, .search-flight-detail-option:after, .search-flight-search:after, .search-airline-name:after, .global-search-area-field:after, .global-search-category:after, .global-search-result-box-quick-list:after, .global-search-result-box .list:after, .global-search-result .result-category .table.vt.borad-view .reply-box .location-list:after, .layer.find-my-terminal .layer-inputbox:after, .layer.system .layer-system-list:after, .layer-article:after, .tab-nav-list:after, .field2-group:after, .table-guide:after, .table-guide-btn:after, .table-guide-pop-up-list:after, .local-list:after, .local-town:after, .inner-tab2:after, .site-map-list-depth1:after, .question-wrap:after, .layer-text-box:after, .layer-text-box-right:after, .section-bg-inner:after, .section-bg-list:after, .section-bg-list.col-multi .section-bg-list-item:after, .boxmodel-list:after, .boxmodel-list-item.col-1 .leave-check .col-btn:after, .logo-list:after, .fix-banner:after, .bg-banner:after, .bg-banner-iconlist:after, .filter-terminal-search-depth1:after, .filter-brand-search-detail-result .brand-list:after, .filter-store-search:after, .filter-service-field:after, .field:after, .field-group:after, .boxmodel2:after, .boxmodel2-tab:after, .boxmodel2-list-box:after, .boxmodel2-list-detail:after, .boxmodel2-list-info:after, .boxmodel2-thumbnail:after, .boxmodel2-column:after, .boxmodel2-table:after, .calculator:after, .timesetting-date:after, .sub-menu-tab-iconlist:after, .search-cs-head:after, .login1-name:after, .search-phone-head:after, .search-phone-name:after, .address-layer .search-address-head:after, .address-layer .search-address-name:after, .address-layer .address-select-link:after, .multi-col:after, .borad-view .view-head-info:after, .borad-view .view-file:after, .borad-view .reply-box .reply-head:after, .borad-view .reply-box .reply-head-info:after, .pagenation:after, .pagenation-list:after, .faq-category-list:after, .lost-found:after, .join-service-list:after, .personal-info:after, .btn-tab:after, .kpop-step:after, .digr-way-bus:after, .digr-way-bus-list:after, .find-info-list:after, .flight-info-detail-heading:after, .flight-info-detail-airline:after, .flight-info-detail-way .way-list:after, .flight-info-detail-way .way-list-item-heading:after, .flight-info-detail-way .way-list-item-content:after, .flight-info-detail-way.pop:after, .flight-info-detail-dest:after, .flight-info-detail-sns:after, .footer-inside:after, .footer .sns:after, .footer .incheon-select:after, .footer .incheon-etc:after, .ch .logo-list:after, .en .layer-article:after, .en .logo-list:after, .en .global-search-result-box-quick-list:after, .en .global-search-result-box .list:after, .en .global-search-result .result-category .table.vt.borad-view .reply-box .location-list:after, .ja .logo-list:after, .clearfix:after, .step2-list:after {  

  content: "";

  display: block;

  clear: both;

}



.contents-sub-head {

  padding: 62px 0 40px;

  text-align: center;

}



.contents-sub-head-title {

  font-size: 2.875rem;

  font-family: nanumsq, sans-serif;

}



.contents-sub-head-title-lv3 {

  font-size: 2.875rem;

  font-weight: 400;

  text-align: center;

  color: #fff;

}



.contents-sub-head.clip, .contents-sub-head.clip-white {

  padding: 40px 0 20px;

}



.contents-sub-head.clip:after, .contents-sub-head.clip:before, .contents-sub-head.clip-white:after, .contents-sub-head.clip-white:before {

  content: '';

  display: block;

  width: 2px;

  height: 40px;

}



.contents-sub-head.clip.up:before, .contents-sub-head.clip-white.up:before {

  background: #666;

  margin: 0 auto 30px;

}



.contents-sub-head.clip.up:after, .contents-sub-head.clip-white.up:after {

  display: none;

}



.contents-sub-head.clip.down, .contents-sub-head.clip-white.down {

  padding: 40px 0 30px;

}



.contents-sub-head.clip.down:before, .contents-sub-head.clip-white.down:before {

  display: none;

}



.contents-sub-head.clip-white .contents-sub-head-title-lv3 {

  color: #fff;

  font-size: 3.125rem;

  font-weight: 300;

}



.contents-sub-head.clip-white.up {

  color: #fff;

}



.contents-sub-head.clip-white.up:before {

  background: #fff;

  margin: 0 auto 30px;

}



.contents-sub-head.clip-white.up:after {

  display: none;

}



.contents-sub-head.clip-white.down {

  color: #fff;

}



.contents-sub-head.clip-white.down:after {

  background: #fff;

  margin: 28px auto 0;

}



.contents-sub-head.clip-white.down:before {

  display: none;

}



.contents-sub-head.clip-white.down .contents-sub-head-title-lv3 {

  color: #fff;

}



.contents-sub-head-article {

  margin-top: 20px;

  color: #666;

  font-size: 1rem;

}



.contents-sub-head-article2 {

  text-align: center;

  margin: -20px 0 30px 0;

}



/* cs center sns icon_190409 */

.section-banner-txt.sns-talk-list {

  display: inline-block;

  margin: 5px 20px;

}



.sns-talk-list .btn-type-infolink {

  padding: 0 60px 0 20px;

  line-height: 45px;

  font-size: 1.125rem;

}



.sns-ico {

  position: relative;

  text-indent: -999em;

  display: block;

}



.katalk:after {

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  width: 60px;

  height: 60px;

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

  background-size: contain;

}

.ntalk:after {

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  width: 60px;

  height: 60px;

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

  background-size: contain;

}



/* 국문 네비게이션 변경_21.03.05

.ko .location-bar {

  position: absolute;

  top: 25px;

  left: 40px;

  font-family: serif;

  font-size: 0.75rem;

}



.ko .ico.location-bar-nav-item-link.home:after {

  background-position: -128px -93px;

  width: 22px;

  height: 32px;

}



.ko .location-bar-nav-item-link {

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

  vertical-align: -1px;

  margin: 0 2px;

}



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

  font-weight: 600;

}

국문 네비게이션 변경_21.03.05 */





/* 국문 네비게이션 변경_21.03.05 */

.location-bar > a.ico.location-bar-nav-item-link.home:after {

  background-position: -128px -93px;

  width: 22px;

  height: 32px;

}



.location-bar > a.location-bar-nav-item-link {

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

  vertical-align: -1px;

  margin: 0 2px;

}



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

  font-weight: 600;

}

/* 국문 네비게이션 변경_21.03.05 */



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

  .h-hide {

    display: block;

  }

  .katalk:after {

    width: 50px;

    height: 50px;

  }

  .ntalk:after {

    width: 50px;

    height: 50px;

  }

  .section-banner-txt.sns-talk-list {

    height: 50px;

    margin: 10px 15px;

  }

  .sns-talk-list .btn-type-infolink {

    width: auto;

    line-height: 35px;

    font-size: 1rem;

  }

}





/* global sprite icon */

.ico {

  display: inline-block;

  position: relative;

  text-indent: -999em;

}



.ico:after {

  content: '';

  display: block;

  position: absolute;

  top: 0;

  right: 0;

  left: 0;

  bottom: 0;

  margin: auto;

  background: url(/static/ap/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.arrow-infolin-right_w:after {

  background-position: -186px -65px;

  width: 6px;

  height: 10px;

}



.ico.update-refresh:after {

  background-position: -31px -98px;

  width: 20px;

  height: 20px;

}



.ico.search-flight-detail-select-btn:after {

  background-position: -74px -134px;

  width: 22px;

  height: 22px;

}



.ico.congestion-quick-link:after {

  background-position: -121px -59px;

  width: 22px;

  height: 22px;

}



.ico.search-flight-search-btn:after {

  background-position: -74px -134px;

  width: 22px;

  height: 22px;

}



.ico.search-airline-name-btn:after {

  background-position: -74px -134px;

  width: 22px;

  height: 22px;

}



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

}



.location-bar-nav-item-link.home {

    display: inline-block;

    width: 22px;

    height: 22px;

    padding-left: 0;

}



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

  background-position: -101px -64px;

  transform: rotate(180deg);

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

  background-position: -460px -99px;

  width: 15px;

  height: 12px;

}



.ico.nowlink:after {

  background-position: -313px -134px;

  width: 23px;

  height: 19px;

}



.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.arrow-w-down:after {

  background-position: -390px -66px;

  width: 12px;

  height: 8px;

}



.ico.arrow-w-up:after { 

  background-position: -415px -66px;

  width: 12px;

  height: 8px;

}



.ico.search-w:after {

  background-position: -74px -134px;

  width: 22px;

  height: 22px;

}



.ico.outside-link:after {

  background-position: -383px -99px;

  width: 14px;

  height: 12px;

}



.ico.base-check:after {

  background-position: -225px -294px;

  width: 26px;

  height: 26px;

}



.ico.arrow-small-up:after {

  background-position: -437px -102px;

  width: 10px;

  height: 6px;

}



.ico.arrow-small-down:after {

  background-position: -416px -102px;

  width: 10px;

  height: 6px;

}



.ico.arrow-small-up-w:after {

  background-position: -460px -67px;

  width: 10px;

  height: 6px;

}



.ico.arrow-small-down-w:after {

  background-position: -440px -67px;

  width: 10px;

  height: 6px;

}



.ico.base-close:after {

  background-position: -143px -189px;

  width: 25px;

  height: 25px;

}



.ico.slide-right:after {

  background-position: -231px -185px;

  width: 16px;

  height: 33px;

}



.ico.slide-left:after {

  background-position: -193px -185px;

  width: 16px;

  height: 33px;

}



.ico.view-list:after {

  background-position: -317px -190px;

  width: 22px;

  height: 22px;

}



.ico.view-thumbnail:after {

  background-position: -359px -188px;

  width: 22px;

  height: 22px;

}



.ico.warning:after {

  background-position: -400px -136px;

  width: 24px;

  height: 24px;

}



.ico.search-black:after {

  background-position: -34px -134px;

  width: 22px;

  height: 27px;

}



/* 다운로드버튼 추가 */

.btn-download {

  min-width: 86px;

  height: 26px;

  padding: 0 15px 0 30px;

  line-height: 26px;

  border: 1px solid #d9d9d9;

  background: #f2f2f2;

  font-size: 0.8125rem;

}



.btn-download:after {

  background-position: -68px -98px;

  width: 22px;

  height: 22px;

  top: 10px;

  left: 10px;

  right: auto;

}



.btn-download.ico {

  text-indent: 0px;

}



.ico.downloadw:after {

  background-position: -461px -98px;

  width: 13px;

  height: 12px;

}



/* 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: 100;

}



.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.on.pre-view {

  height: 300px;

}



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

  float: right;

  width: 202px;

  height: 32px;

}



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;

}



mark.color-g {

  background: #2c8279;

}



.color-g {

  background: #f2f2f2;

}



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;

}



.list1-item {

  padding-left: 12px;

  margin-top: 8px;

  position: relative;

  text-align: left;

}



.list1-item:first-child {

  margin-top: 0;

}



.list1-item:before {

  content: "·";

  font-size: 1.625rem;

  position: absolute;

  top: -8px;

  left: 0;

  font-family: roboto;

}



.list2-item {

  padding-left: 12px;

  position: relative;

}



.list2-item:before {

  content: "-";

  font-size: 1rem;

  font-weight: 300;

  position: absolute;

  top: 0;

  left: 0;

}



.list3-item {

  padding-left: 23px;

  position: relative;

}



.list3-item .number {

  position: absolute;

  top: 0;

  left: 0;

}



.list4-item {

  padding-left: 25px;

  position: relative;

}



.list4-item:before {

  content: "◆";

  font-size: 1rem;

  font-weight: 300;

  position: absolute;

  top: 4px;

  left: 0;

}



.list5-item {

  list-style-type: decimal;

}



/*기존*/

.tblType02, .tblBus01 {

  border-bottom: 1px solid #a5a7aa;

}



.tblType02 tbody tr:first-child td, .tblBus01 tbody tr:first-child td {

  border-top: 0;

}



.tblType02 th, .tblBus01 th {

  padding: 18px 0 16px;

  font-size: 1rem;

  font-weight: 400;

  color: #fff;

  line-height: 1.4;

  background: #323648;

  border-right: 1px solid #474a5b;

  vertical-align: middle;

}



.tblType02 th:last-child, .tblBus01 th:last-child {

  border-right: 0;

}



.tblType02 th.half, .tblBus01 th.half {

  padding: 12px;

}



.tblType02 th.sub, .tblBus01 th.sub {

  padding: 6px 0 8px;

  border-top: 1px solid #212535;

  border-right: 1px solid #212535;

  background: #4d5164;

  font-size: 0.875rem;

}



.tblType02 th.sub.point, .tblBus01 th.sub.point {

  background: #2f4985;

}



.tblType02 th.sub:last-child, .tblBus01 th.sub:last-child {

  border-right: 0;

}



.tblType02 td, .tblBus01 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;

}



.tblType02 td.center, .tblBus01 td.center {

  text-align: center;

}



.tblType02 td.top, .tblBus01 td.top {

  vertical-align: top;

}



.tblType02 td:last-child, .tblBus01 td:last-child {

  border-right: 0;

}



.tblType02 td .schedule, .tblBus01 td .schedule {

  background: #2f4985;

  width: 10px;

  height: 10px;

  display: inline-block;

  border-radius: 20px;

  font-size: 0;

  position: relative;

  top: -5px;

}



.tblType02 td .schedule.weekend, .tblBus01 td .schedule.weekend {

  background: #2c8179;

}



.tblType02.even tbody tr:nth-child(even), .tblBus01.even tbody tr:nth-child(even) {

  background: #f8f8f8;

}



.table {

  width: 100%;

}



.table caption,.ui-datepicker-calendar 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 th {

  padding: 19px 0 16px;

  font-size: 1rem;

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

  font-size: 1.125rem;

  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/ap/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/ap/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/ap/images/spr_ico_crud.png) no-repeat -16px -89px;

  width: 24px;

  height: 24px;

  margin-right: 12px;

  vertical-align: -5px;

}



.table.vt.board-list {

  font-size: 1rem;

}



.table.vt.board-list td {

  border-right: 0;

  padding: 23px 20px;

}



.table.vt.board-list td.no-data-found {

  padding: 130px 20px;

}



.board-list.cus-list {

  display: inline-table;

}



.table.vt-dark {

  border-bottom: 1px solid #a5a7aa;

}



.table.vt-dark.info {

  min-height: 300px;

}



.table.vt-dark tbody tr:first-child td {

  border-top: 0;

}



.table.vt-dark tr.span td {

  border-right: 1px solid #f2f4f7;

}



.table.vt-dark tr.span td:first-child {

  border-left: 0;

}



.table.vt-dark tr.on {

  background: #f3f4f8;

}



.table.vt-dark th {

  padding: 18px 0 16px;

  font-size: 1rem;

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

  padding: 12px;

}



.table.vt-dark th.sub {

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

  background: #2f4985;

}



.table.vt-dark th.sub: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-dark td.center {

  text-align: center;

}



.table.vt-dark td.top {

  vertical-align: top;

}



.table.vt-dark td:last-child {

  border-right: 0;

}



.table.vt-dark td.no-last-child {

  border-right: 1px solid #f2f4f7;

}



.table.vt-dark td .schedule {

  background: #2f4985;

  width: 10px;

  height: 10px;

  display: inline-block;

  border-radius: 20px;

  font-size: 0;

  position: relative;

  top: -5px;

}



.table.vt-dark td .schedule.weekend {

  background: #2c8179;

}



.table.vt-dark.even tbody tr:nth-child(even) {

  background: #f8f8f8;

}



.table.vt-dark.table-pd thead tr th {

  padding: 8px 0 8px;

}



.table.vt-dark td.point {

  background: #f3f4f8;

  border-right: 1px solid #e5e9f3;

}



.table.vt-dark.table-pd tbody tr td {

  padding: 8px 0 8px;

}



.table.table-faq th, .table.table-faq td {

  padding: 10px 0;

  font-size: 0.9rem;

  text-align: center;

}



.table.table-faq td {

  background: #FFF;

}



.table-faq .faq-border-bot {

  border-bottom: 1px solid #474a5b;

}



.table.hr {

  border-top: 2px solid #444;

  border-bottom: 1px solid #a5a7aa;

}



.table.hr tr:first-child th, .table.hr tr:first-child td {

  border-top: 0;

}



.table.hr th {

  min-width: 150px;

  border-top: 1px solid #d9d9d9;

  background: #f3f4f8;

  font-size: 1rem;

  line-height: 1.4;

  font-weight: 700;

  vertical-align: middle;

}



.table.hr th.left {

  text-align: left;

  padding-left: 20px;

}



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

  font-size: 1rem;

  font-weight: 400;

}



.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.pop-up-table {

  width: 100%;

  border-top: 1px solid #b3b3b3;

  border-bottom: 1px solid #e3e3e3;

  font-size: 0.75rem;

  font-weight: 700;

}



.table.pop-up-table th {

  border-bottom: 1px solid #b3b3b3;

  padding: 5px 0;

}



.table.pop-up-table td {

  padding: 5px 12px;

  border-top: 1px solid #e3e3e3;

  position: relative;

  vertical-align: middle;

}



.table.pop-up-table .floor-number {

  font-size: 1.125rem;

  color: #6d6d6d;

}



.table.pop-up-table .bg-blue1 {

  background: #e8eaf6;

}



.table.pop-up-table .bg-gray2 {

  background: #f9f9f9;

}



.table.pop-up-table .bg-blue {

  background: #42519e;

  color: white;

}



.table.pop-up-table .color-b {

  color: #42519e;

}



.table.pop-up-table .center {

  text-align: center;

  line-height: 1rem;

}



.table.pop-up-table .line:after {

  content: '';

  display: block;

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

  background-size: 100%;

  width: 120px;

  height: 3px;

  position: absolute;

  top: 19px;

  left: -3px;

  z-index: 10;

}



.table.pop-up-table .line2:after {

  content: '';

  display: block;

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

  background-size: 100%;

  width: 120px;

  height: 3px;

  position: absolute;

  top: 24px;

  left: -3px;

  z-index: 10;

}



.table.pop-up-table .position {

  display: block; position: absolute;

  top: 13px;

  left: -68px;

  width: 82px;

  height: 18px;

  background: #7f7f7f;

  color: white;

  text-align: center;

  padding: 1px 0;

}



.table.pop-up-table .right {

  text-align: right;

}



.table.pop-up-table .icon:after {

  content: '';

  display: block;

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

}



.table.pop-up-table .icon:before {

  content: '';

  display: block;

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

  position: absolute;

}



.table.pop-up-table .icon.bus:before {

  top: 8px;

  left: 12px;

  width: 40px;

  height: 26px;

}



.table.pop-up-table .icon.ktx:after {

  width: 58px;

  height: 26px;

  background-position: -40px 0;

  margin: 0 auto;

}



.table.pop-up-table .icon.park:after {

  width: 15px;

  height: 26px;

  background-position: -100px 0;

  margin: 0 auto;

}



.table.pop-up-table .padding {

  padding: 5px 0;

}



.table.pop-up-table2 {

  width: 100%;

  border-top: 1px solid #b3b3b3;

  border-bottom: 1px solid #e3e3e3;

  font-size: 0.75rem;

  font-weight: 700;

}



.table.pop-up-table2 th {

  border-bottom: 1px solid #b3b3b3;

  padding: 5px 0;

}



.table.pop-up-table2 td {

  padding: 5px 12px;

  border-top: 1px solid #e3e3e3;

  position: relative;

  vertical-align: middle;

}



.table.pop-up-table2 tbody tr:nth-child(4) {

  height: 48px;

}



.table.pop-up-table2 .floor-number {

  font-size: 1.125rem;

  color: #6d6d6d;

}



.table.pop-up-table2 .bg-blue1 {

  background: #d9eeef;

}



.table.pop-up-table2 .bg-gray2 {

  background: #f9f9f9;

}



.table.pop-up-table2 .bg-blue {

  background: #328486;

  color: white;

}



.table.pop-up-table2 .color-b {

  color: #42519e;

}



.table.pop-up-table2 .center {

  text-align: center;

  line-height: 1rem;

}



.table.pop-up-table2 .line:after {

  content: '';

  display: block;

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

  background-size: 100%;

  width: 120px;

  height: 3px;

  position: absolute;

  top: 19px;

  left: -7px;

  z-index: 10;

}

.table.pop-up-table2 .line2:after {

  content: '';

  display: block;

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

  background-size: 100%;

  width: 120px;

  height: 3px;

  position: absolute;

  top: 24px;

  left: -7px;

  z-index: 10;

}



.table.pop-up-table2 .position {

  display: block;

  position: absolute;

  top: 13px;

  left: -68px;

  width: 82px;

  height: 18px;

  background: #7f7f7f;

  color: white;

  text-align: center;

  padding: 1px 0;

}



.table.pop-up-table2 .right {

  text-align: right;

}



.table.pop-up-table2 .icon:after {

  content: '';

  display: block;

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

}



.table.pop-up-table2 .icon:before {

  content: '';

  display: block;

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

  position: absolute;

}



.table.pop-up-table2 .icon.bus:before {

  top: 8px;

  left: 12px;

  width: 40px;

  height: 26px;

  background-position: 0 -28px;

}



.table.pop-up-table2 .icon.ktx:after {

  width: 58px;

  height: 26px;

  background-position: -40px 0;

  margin: 0 auto;

}



.table.pop-up-table2 .icon.park:after {

  width: 15px;

  height: 26px;

  background-position: -100px 0;

  margin: 0 auto;

}



.table.pop-up-table2 .padding {

  padding: 5px 0;

}



.font14 {

  font-size: 0.875rem;

}



.font16 {

  font-size: 1rem;

}



.font20 {

  font-size: 1.25rem;

}



.font24 {

  font-size: 1.5rem;

}



.mt5 {

  margin-top: 50px;

}



.mt10 {

  margin-top: 10px;

}



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

}



.mt100 {

  margin-top: 100px;

}



.mt120 {

  margin-top: 120px;

}



.ml10 {

  margin-left: 10px;

}



.ml20 {

  margin-left: 20px;

}



.mb20 {

  margin-bottom: 20px;

}



.mb30 {

  margin-bottom: 30px;

}



.mb40 {

  margin-bottom: 40px;

}



.mb50 {

  margin-bottom: 50px;

}



.f-left {

  float: left;

}



.f-right {

  float: right;

}



.article {

  margin-bottom: 60px;

}



.article:last-child {

  margin-bottom: 0;

}



.article-head {

  margin-bottom: 20px;

  font-family: nanumsq, sans-serif;

  font-size: 1.625rem;

  font-weight: 400;

}



.sub-heading-area .article-head {

  float: left;

  margin-top: 10px;

}



button {

  border-radius: 0;

}



select {

  background-color: #fff;

  padding: 0 0 0 10px !important;

}



.filter-service-field.bd-control {

  border-bottom: 0;

}



.f-spoqa {

  font-family: spoqa sans-serif;

}



.pop-share-box {

  margin-top: 10px;

}



.pop-share-box:first-child {

  margin-top: 0px;

}



.pop-share-box.line {

  border-bottom: 1px solid #d9d9d9;

  padding-bottom: 20px;

}



.pop-share-box-desc {

  margin-bottom: 10px;

}



.capcha {

  width: 150px;

  height: 50px;

  border: 1px solid #d9d9d9;

  font-size: 0.825rem !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;

}



.layer .input-align {

  margin: auto;

  width: 550px;

}



img.no-extend {

  width: 100%;

}



.layer .coupon {

  padding: 0 50px;

}



.layer .coupon .carnum {

  width: 180px;

}



.layer .coupon .carnum.name {

  margin: 0 40px 0 40px;

}



.layer .coupon .txt_coral {

  color: #ffae44;

}



.layer .coupon-number {

  padding-top: 0px;

}



.layer .coupon-number:after {

  content: '';

  background: #cccccc;

  width: 100%;

  height: 1px;

  margin: 20px 0;

  display: block;

}



.layer .coupon-number label {

  width: 180px;

  display: block;

  float: left;

}



.layer .coupon-body:after {

  content: '';

  background: #cccccc;

  width: 100%;

  height: 1px;

  margin: 20px 0;

  display: block;

}



.layer .coupon-body-email {

  text-align: left; margin-bottom: 18px;

  height: 50px;

}



.layer .coupon-body-rdo {

  padding-top: 15px;

  float: left;

  width: 180px;

}



.layer .coupon-search-btn {

  position: absolute;

  top: 159px;

  right: 51px;

}



.layer .coupon-search-btn button {

  height: 50px;

  font-size: 1rem !important;

}



.banner {

  display: none;

  width: 100%;

  padding: 40px;

  min-height: inherit;

  text-align: center;

  background: url(/static/ap/images/bg_sub_layer_banner_bg_01.jpg) no-repeat center;

  background-size: cover;

}



.banner-title {

  color: #ffae44;

  font-size: 3.75rem;

  font-weight: 300;

  line-height: 1.2;

}



.banner-text {

  margin-top: 25px;

  color: #fff;

  font-size: 1.25rem;

  font-weight: 300;

  text-align: center;

  position: relative;

}



.banner-text:after {

  content: "";

  display: block;

  border-top: 1px solid #b7b2a9;

  width: 50px;

  position: absolute;

  top: -15px;

  left: 50%;

  margin-left: -25px;

}



.banner.transferring-from {

  background: url(/static/ap/images/bg_sub_layer_banner_bg_transferring_from.jpg) no-repeat center;

  background-size: cover;

}



.kpop-reservation-list-item {

  float: left;

  padding: 0 17px 0 10px;

}



.kpop-reservation-list-item.ico {

  text-indent: 0;

}



.kpop-reservation-list-item.ico:after {

  background-position: -158px -65px;

  left: auto;

  width: 6px;

  height: 10px;

}



.kpop-reservation-list-item.on .list-article {

  border: 2px solid #2f4985;

  background-color: #fff;

  box-sizing: border-box;

}





.kpop-reservation-list-item.on .list-article .article-txt {

  color: #2f4985;

  font-weight: 900;

}



.kpop-reservation-list-item .list-article {

  display: inline-block;

  width: 260px;

  height: 50px;

  border: 1px solid #d9d9d9;

  background: #f7f5f5;

  text-align: center;

  font-size: 1rem;

}



.kpop-reservation-list-item .list-article .article-txt {

  line-height: 50px;

}



.h-hide {

  text-indent: -999em;

  font-size: 0;

}



.t-hide {

  text-indent: -999em;

  font-size: 0;

  display: none;

}



.search-phone-box + .vt-dark {

  margin-top: 10px;

}



.section {

  height: 1000px;

  position: relative;

  background-repeat: no-repeat;

  background-position: center top;

  background-size: cover;

}



.section.auto-height {

  height: auto;

}



.top-big-popup {

  background: #000;

}



.top-big-popup.none {

  display: none;

}



.top-big-popup-text {

  display: none;

}

/*

.top-big-popup-close {

  display: block;

  width: 90px;

  height: 90px;

  border: 0;

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

  position: absolute;

  top: 50%;

  left: 50%;

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

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

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

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

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

  text-indent: -99999em;

}



.top-big-popup-close:after {

  content: "";

  display: block;

  width: 43px;

  height: 65px;

  background: url(/static/ap/images/scrolloff.gif) no-repeat;

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

}

*/

.top-big-popup.mobile {

  width: 100%;

  height: 100vh !important;

  position: fixed;

  top: 0;

  left: 0;

  z-index: 999999;

  background: #000;

  background-size: cover;

}



.top-big-popup.mobile.none {

  display: none;

}



.full-page-wrapper {

  overflow: hidden;

}



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

  background-size: cover;

}



.main-visual-item.text-ir {

  text-indent: -99999em;

}



.main-visual-item .visual-text.text-right {

  right: 270px;

}



.main-visual-item .visual-text.text-left {

  left: 270px;

}



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

  padding: 20px;

  background: rgba(51, 54, 73, 0.5);

}



.main-visual-item .visual-text-box:nth-child(3):after {

  content: "";

  display: block;

  width: 50px;

  height: 1px;

  background: #fff;

  position: absolute;

  top: 0;

  left: 50%;

  transform: translateX(-50%);

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

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

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

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

}



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

  margin-top: 60px;

  line-height: 1.7;

}



.main-visual-item .visual-text-box:nth-child(4):after {

  content: "";

  display: block;

  width: 50px;

  height: 1px;

  background: #fff;

  position: absolute;

  top: 0;

  left: 50%;

  transform: translateX(-50%);

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

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

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

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

}



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

  position: relative;

  top: -20px;

  font-size: 4.5rem;

  font-family: exo, sans-serif;

  font-weight: 900;

  margin-bottom: 20px;

  opacity: 0;

}



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

  position: relative;

  top: -20px;

  font-size: 2.125rem;

  font-family: nanumsq, sans-serif;

  font-weight: 600;

  opacity: 0;

  margin-bottom: 20px;

}



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

  position: relative;

  opacity: 0;

}



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

  margin-top: 60px;

  line-height: 1.7;

}



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

  transition: all .3s;

}



.main-visual-control-arrow > .arrow.prev {

  left: 80px;



}



.main-visual-control-arrow > .arrow.prev:hover {

  opacity: .5;

  left: 75px;

}



.main-visual-control-arrow > .arrow.next {

  background-position: -84px 0;

  right: 80px;

}



.main-visual-control-arrow > .arrow.next:hover {

  opacity: .5;

  right: 75px;

}



.main-visual-control-paging {

  position: absolute;

  bottom: 190px;

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

  width: 100%;

  height: 160px;

  padding-top: 33px;

  background: url(/static/ap/images/bg_main_flight_search.png) repeat;

  position: absolute;

  bottom: 0;

  left: 0;

  color: #fff;

  text-align: center;

  z-index: 100;

  transition: all .3s ease-out;

}



.main-visual-search.on {

  height: 230px;

}



.main-visual-search.on .airplane-info-more {

  display: block;

}



.main-visual-search.on .airplane-info-close {

  display: block;

}



.main-visual-search-inner {

  display: inline-block;

  width: 882px;

}



.main-visual-search-title {

  margin: 43px 50px auto auto;

  font-size: 1.75rem;

  font-weight: 300;

  float: left;

  cursor: pointer;

}



.main-visual-search-flight {

  width: 520px;

  padding-top: 35px;

  float: left;

  position: relative;

}



.main-visual-search-flight-area .area-tab {

  width: 257px;

  height: 30px;

  padding-right: 15px;

  border-bottom: 1px solid #aec5fb;

  position: absolute;

  top: 0;

  font-size: 1.25rem;

  font-weight: 300;

  color: #aec5fb;

  text-align: center;

}



.main-visual-search-flight-area .area-tab-btn {

  color: #aec5fb;

}



.main-visual-search-flight-area .area-tab:hover {

  cursor: pointer;

}



.main-visual-search-flight-area .on .area-tab-btn {

  color: #fff;

}



.main-visual-search-flight-area .area-tab:hover .search-arrival {

  cursor: pointer;

}



.main-visual-search-flight-area .area-tab.on {

  border-color: #fff;

  color: #fff;

}



.main-visual-search-flight-area .area-tab.on-btn {

  color: #fff;

}



.main-visual-search-flight-area .area-tab:before {

  content: "";

  display: inline-block;

  width: 37px;

  height: 15px;

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

}



.main-visual-search-flight-area .area-tab.departure {

  left: 0;

}



.main-visual-search-flight-area .area-tab.departure.on:before {

  background-position: 0 0;

}



.main-visual-search-flight-area .area-tab.departure:before {

  margin-right: 5px;

  background-position: 0 -25px;

}



.main-visual-search-flight-area .area-tab.arrival {

  right: 0;

}



.main-visual-search-flight-area .area-tab.arrival.on:before {

  background-position: -51px 0;

}



.main-visual-search-flight-area .area-tab.arrival:before {

  margin-right: 5px;

  background-position: -51px -23px;

}



.main-visual-search-flight-area .area-form {

  display: none;

  position: relative;

  padding-bottom: 5px;

  border-bottom: 1px solid #fff;

}



.main-visual-search-flight-area .area-form.on {

  display: block;

}



.main-visual-search-flight-area .area-form-input {

  display: block;

  width: 100%;

  height: 40px;

  line-height: 40px;

  background: transparent;

  border: none;

  font-size: 1rem;

  font-weight: 300;

  color: #fff;

}



.main-visual-search-flight-area .area-form-input:focus {

  background-image: none;

}



.main-visual-search-flight-area .area-form-input::-webkit-input-placeholder {

  color: #fff;

}



.main-visual-search-flight-area .area-form-input::-moz-placeholder {

  color: #fff;

}



.main-visual-search-flight-area .area-form-input:-ms-input-placeholder {

  color: #fff;

}



.main-visual-search-flight-area .area-form-input:-moz-placeholder {

  color: #fff;

}



.main-visual-search-flight-area .area-form-button {

  width: 25px;

  height: 25px;

  position: absolute;

  top: 8px;

  right: 0;

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

  border: 0;

  text-indent: -99999em;



}



.main-visual-search-flight-area .area-form-button:hover {

  opacity: .6;

}



.main-visual-search-weather {

  position: absolute;

  top: 65px;

  left: 50%;

  transform: translateX(310px);

  -webkit-transform: translateX(310px);

  -moz-transform: translateX(310px);

  -ms-transform: translateX(310px);

  -o-transform: translateX(310px);

  padding-left: 40px;

}



.main-visual-search-weather .weather-image {

  float: left;

}



.main-visual-search-weather .weather-temperature {

  float: left;

  margin: 16px auto auto 15px;

}



.main-visual-search-weather:before {

  content: "";

  display: block;

  width: 1px;

  height: 30px;

  background: #fff;

  position: absolute;

  top: 50%;

  left: 0;

  opacity: 0.2;

  transform: translateY(-50%);

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

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

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

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

}



.main-visual-search-desc {

  margin-top: 100px;

  font-size: 0.8125rem;

  color: #FFF;

  text-align: initial;

  position: relative;

  clear: both;

}



.main-visual-search-desc .airplane {

  font-size: 0.8825rem;

  color: #fff;

  margin-bottom: 10px;

}





.main-visual-search-desc .airplane-terminal {

  display: inline-block;

  width: 150px;

  color: #fff193;

}



.main-visual-search-desc .airplane-number {

  display: inline-block;

  width: 200px;

  color: #fff;

}



.main-visual-search-desc .airplane-destination {

  display: inline-block;

  width: 200px;

  color: #fff;

}



.main-visual-search-desc .airplane-destination .city {

  color: #ffae44;

}



.main-visual-search-desc .airplane .situation-info {

  width: auto;

  height: 21px;

  padding: 0 10px;

  line-height: 21px;

  display: inline-block;

  color: #fff;

  font-size: 0.875rem;

  border-radius: 5px;

  text-align: center;

}



.main-visual-search-desc .airplane .situation-info.delay, .main-visual-search-desc .airplane .situation-info.type-red {

  background: #d43e41;

}



.main-visual-search-desc .airplane .situation-info.boarding-on, .main-visual-search-desc .airplane .situation-info.type-blue {

  background: #42519e;

}



.main-visual-search-desc .airplane .situation-info.boarding-closing, .main-visual-search-desc .airplane .situation-info.type-cyan {

  background: #2c8179;

}



.main-visual-search-desc .airplane .situation-info.type-gray {

  background: #999;

}



.main-visual-search-desc .airplane .date {

  display: inline-block;

  width: 130px;

}



.main-visual-search-desc .airplane-info-more {

  display: none;

  height: 30px;

  border: 1px solid #fff193;

  background: none;

  position: absolute;

  top: 47px;

  right: 0;

  font-size: 0.875rem;

  color: #fff193;

}



.main-visual-search-desc .airplane-info-close {

  display: none;

  width: 22px;

  height: 22px;

  border: 0;

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

  position: absolute;

  top: 0;

  right: 0;

  text-indent: -99999em;

}



.main-content {

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

}



.main-content-heading {

  font-size: 2.5rem;

  font-weight: 300;

  text-align: center;

  margin-bottom: 72px;

  position: relative;

}



.main-content-heading.sub-script:after {

  content: "Manual For Passenger";

  display: block;

  width: 100%;

  position: absolute;

  bottom: -30px;

  text-align: center;

  font-family: roboto, sans-serif;

  font-size: 1.5rem;

  font-weight: 400;

  color: #42519e;

}



.main-content-heading.white {

  color: #fff;

}



.main-block {

  width: 1152px;

}



.main-block-item {

  width: 368px;

  float: left;

  margin-right: 24px;

}



.main-block-item:last-child {

  margin-right: 0;

}



.main-block-item .heading {

  color: #fff;

  font-size: 1.875rem;

  font-weight: 400;

  margin-bottom: 8px;

}



.main-block-item .heading-group {

  width: 100%;

  height: 200px;

  padding: 70px 10px 0;

  text-align: center;

  font-family: nanumsq, sans-serif;

}



.main-block-item .heading-group.prepare {

  background: url(/static/ap/images/bg_main_block_item_01.jpg) no-repeat;

}



.main-block-item .heading-group.airport {

  background: url(/static/ap/images/bg_main_block_item_02.jpg) no-repeat;

}



.main-block-item .heading-group.transfer {

  background: url(/static/ap/images/bg_main_block_item_03.jpg) no-repeat;

}



.main-block-item .heading-desc {

  color: #fff;

  font-size: 0.875rem;

  font-weight: 300;

  letter-spacing: 1px;

}



.main-block-item .guide-wrap {

  width: 100%;

  height: 330px;

  padding: 20px;

  border: 1px solid #dee3eb;

  border-top: 0;

  background: #fff;

}



.main-block-item .guide-wrap .guide-box {

  margin-bottom: 30px;

}



.main-block-item .guide-wrap .guide-box:first-child {

  height: 80px;

}



.main-block-item .guide-wrap .guide-box .box-left {

  float: left;

  width: 40%;

}



.main-block-item .guide-wrap .guide-box .box-left .guide-tit {

  margin-bottom: 5px;

  font-family: nanumsq, sans-serif;

  font-size: 1.125rem;

  font-weight: 700;



  color: #222;



  line-height: 1.4;

}





.main-block-item .guide-wrap .guide-box .box-right {

  float: right;

  width: 60%;

}



.main-block-item .guide-wrap .guide-box .guide-list-item {

  position: relative;

  padding-left: 7px;

  line-height: 1.2;

  margin-bottom: 6px;

}



.main-block-item .guide-wrap .guide-box .guide-list-item.layout-div {

  width: 40%;

  display: inline-block;

  margin-right: 10px;

}



.main-block-item .guide-wrap .guide-box .guide-list-item:after {

  content: "";

  display: block;

  width: 2px;

  height: 2px;

  border-radius: 2px;

  background: #222;

  position: absolute;

  top: 9px;

  left: 0;

}



.main-block-item .guide-wrap .guide-box .guide-list-link {

  font-size: 0.875rem;

  color: #666;

}



.main-block-item .guide-wrap .guide-box .guide-list-link:hover {

  color: #439096;

  border-bottom: 1px solid #439096;

}



.main-block-item .link-list {

  width: 100%;

  height: 325px;

  padding: 25px 20px;

  border: 1px solid #dee3eb;

  border-top: 0;

  background: #fff;

}



.main-block-item .link-list-item {

  margin-bottom: 5px;

  position: relative;

}



.main-block-item .link-list-item-title {

  margin-bottom: 5px;

  font-family: nanumsq, sans-serif;

  font-size: 1.125rem;

  font-weight: 400;

  color: #222;

}



.main-block-item .link-list-sub {

  float: left;

}



.main-block-item .link-list-sub-item {

  float: left;

  margin-right: 10px;

  position: relative;

  padding-left: 7px;

}



.main-block-item .link-list-sub-item:after {

  content: "";

  display: block;

  width: 2px;

  height: 2px;

  border-radius: 2px;

  background: #222;

  position: absolute;

  top: 50%;

  left: 0;

  margin-top: -4px;

}



.main-block-item .link-list-sub-link {

  font-size: 0.875rem;

  color: #666;

  position: relative;

  top: -3px;

}



.main-block-item .link-list-sub-link:hover {

  color: #439096;

  border-bottom: 1px solid #439096;

}



.main-guide {

  width: 1004px;

  border: 1px solid #dee3eb;

  background: #fff;

}



.main-guide-item {

  width: 50%;

  padding: 30px;

  float: left;

}



.main-guide-item:last-child {

  border-left: 1px solid #dee3eb;

}



.main-guide .heading {

  padding-top: 10px;

  position: relative;

  text-align: center;

  font-family: nanumsq, sans-serif;

  font-size: 1.75rem;

  font-weight: 400;

}



.main-guide .heading-group {

  width: 440px;

  height: 174px;

  padding-top: 70px;

}



.main-guide .heading-group.t1 {

  background: url(/static/ap/images/bg_main_guide_item_t1.jpg) no-repeat;

}



.main-guide .heading-group.t2 {

  background: url(/static/ap/images/bg_main_guide_item_t2.jpg) no-repeat;

}



.main-guide .heading:before {

  content: "";

  display: block;

  width: 36px;

  height: 1px;

  background: #222;

  position: absolute;

  top: 0;

  left: 50%;

  transform: translateX(-50%);

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

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

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

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

}



.main-guide .link-list-item {

  width: 50%;

  height: 60px;

  padding-left: 75px;

  margin-top: 20px;

  float: left;

  position: relative;

  line-height: 60px;

}



.main-guide .link-list-item a:before {

  content: "";

  display: block;

  width: 60px;

  height: 60px;

  position: absolute;

  top: 0;

  left: 0;

}



.main-guide .link-list-item a:hover {

  color: #439096;

  border-bottom: 1px solid #439096;

}



.main-guide .link-list-item.shopping.t1 a:before {

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

}



.main-guide .link-list-item.shopping.t2 a:before {

  background: url(/static/ap/images/spr_ico_main_guide.png) no-repeat -140px 0;

}



.main-guide .link-list-item.restaurant.t1 a:before {

  background: url(/static/ap/images/spr_ico_main_guide.png) no-repeat -70px 0;

}



.main-guide .link-list-item.restaurant.t2 a:before {

  background: url(/static/ap/images/spr_ico_main_guide.png) no-repeat -210px 0;

}



.main-guide .link-list-item.facilities.t1 a:before {

  background: url(/static/ap/images/spr_ico_main_guide.png) no-repeat 0 -80px;

}



.main-guide .link-list-item.facilities.t2 a:before {

  background: url(/static/ap/images/spr_ico_main_guide.png) no-repeat -140px -80px;

}



.main-guide .link-list-item.convenience.t1 a:before {

  background: url(/static/ap/images/spr_ico_main_guide.png) no-repeat -70px -80px;



}



.main-guide .link-list-item.convenience.t2 a:before {

  background: url(/static/ap/images/spr_ico_main_guide.png) no-repeat -210px -80px;

}



.main-guide .link-list-item.information.t1 a:before {

  background: url(/static/ap/images/spr_ico_main_guide.png) no-repeat 0 -160px;

}



.main-guide .link-list-item.information.t2 a:before {

  background: url(/static/ap/images/spr_ico_main_guide.png) no-repeat -140px -160px;

}



.main-guide .link-list-item.currency.t1:before {

  background: url(/static/ap/images/spr_ico_main_guide.png) no-repeat -70px -160px;

}



.main-guide .link-list-item.currency.t2:before {

  background: url(/static/ap/images/spr_ico_main_guide.png) no-repeat -210px -160px;

}



.main-guide .link-list-item.d-shopping.t1 a:before {

  background: url(/static/ap/images/spr_ico_main_guide.png) no-repeat 0 -240px;

}



.main-guide .link-list-item.d-shopping.t2 a:before {

  background: url(/static/ap/images/spr_ico_main_guide.png) no-repeat -140px -240px;

}



.main-banner {

  width: 990px;

  padding: 30px 0 50px;

  margin: 0 auto;

  position: relative;

  overflow: hidden;

}



.main-banner-wrap {

  position: relative;

}



.main-banner-list {

  position: relative;

  top: 0;

  left: 0;

  white-space: nowrap;

}



.main-banner-item {

  margin-right: 10px;

  float: left;

  position: relative;

}



.main-banner-link {

  display: block;

}



.main-banner-link img {

  display: block;

}



.main-banner-control-arrow {

  width: 100%;

  position: absolute;

  top: 50%;

  left: 0;

  z-index: 100;

}



.main-banner-control-arrow > .arrow {

  width: 16px;

  height: 33px;

  padding: 0;

  border: none;

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

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translateY(-85%);

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

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

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

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

  text-indent: -99999em;

}



.main-banner-control-arrow > .arrow.prev {

  margin-left: -541px;

}



.main-banner-control-arrow > .arrow.prev.end {

  opacity: 0.2;

}



.main-banner-control-arrow > .arrow.next {

  background-position: -26px 0;

  margin-left: 525px;

}



.main-banner-control-arrow > .arrow.next.end {

  opacity: 0.2;

}



.main-banner-control-paging {

  position: absolute;

  bottom: 20px;

  left: 50%;

  margin-left: 451px;

  z-index: 100;

}



.main-banner-control-paging .play-button {

  display: block;

  width: 20px;

  height: 19px;

  padding: 0;

  border: none;

  border-radius: 0;

  float: left;

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

  text-indent: -99999em;

}



.main-banner-control-paging .play-button.play {

  background-position: 0 0;

  margin-right: 4px;

}



.main-banner-control-paging .play-button.pause {

  background-position: -24px 0;

}



.main-banner-control-paging .paging-visual {

  float: left;

}



.main-banner-control-paging .paging-item {

  float: left;

  margin-right: 10px;

  width: 11px;

  height: 11px;

  border: 2px solid #333;

  border-radius: 50%;

  position: relative;

  overflow: hidden;

}



.main-banner-control-paging .paging-link {

  display: block;

  width: 11px;

  height: 100%;

  text-indent: -99999em;

  position: absolute;

  left: -2px;

  bottom: 0;

}



.main-banner-control-paging .paging-link.on {

  background: #d9d9d9;

}



.contents {

  width: 100%;

  min-width: 1200px;

}



.location {

  position: relative;

}



.location-btn {

  position: absolute;

  top: 20px;

  right: 25px;

}



.location-btn button {

  width: 44px;

  height: 22px;

  border: none;

  background: #fff;

}





.location-btn button + button {

  border-left: 1px solid #f2f2f2;

}



.location-bar {

  position: absolute;

  top: 20px;

  left: 25px;

}



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

  z-index: 1;

}



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

  font-weight: bold;

}



.contents-visual {

  min-height: 300px;

  height: 300px;

  padding-top: 60px;

  position: relative;

  background-size: cover;

}



.contents-visual:before { content: '';

  display: block;

  width: 100%;

  height: 100%;

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

  position: absolute;

  top: 0;

  left: 0;

}



.contents-visual-head {

  font-size: 2.25rem;

}



.contents-visual-head .color-o {

  color: #fff;

}



.contents-visual .inner-section {

  height: 100%;

  position: relative;

}



.contents-visual .inner-section .bg-banner-iconlist {

  top: 10px;

}



.contents-visual.departure {

  background: url(/static/ap/images/bg_sub_visual_departure.jpg) center no-repeat;

}



.contents-visual.search-airline {

  background: url(/static/ap/images/bg_sub_visual_airline.jpg) center no-repeat;

  padding-top: 53px;

}



.contents-visual.facilities {

  padding-top: 53px;

  background: url(/static/ap/images/bg_base_top06.jpg) center no-repeat;

}



.contents-visual.path-departure {

  background: url(/static/ap/images/bg_sub_visual_path_departure.jpg) center no-repeat;

  padding-top: 30px;

}



/* 코비드19 추가 20.8.19 */

.contents-visual.path-departure.covid {

  padding-top: 60px;

}



.en .contents-visual.path-departure.covid {

  padding-top: 30px;

}

/* 코비드19 추가 끝 20.8.19 */



/* 코비드19 추가 21.11.05 */

.btn-type-normal.point.red {

  background: #d43e41;

}



.btn-type-normal.point.covid-line2 {

  width: 100%;

  height: 80px;

  line-height: 25px;

  padding: 15px 90px 0 90px;

  margin-right: 20px;

  text-align: center;

}



.btn-type-normal.point.covid-line-auto {

  width: 100%;

  height: auto;

  line-height: 25px;

  padding: 15px 90px 10px 90px;

  margin-right: 20px;

  text-align: center;  

}



.head-ch {

  font-family: sans-serif, "Noto Sans SC";

  vertical-align: -2px;

}



.btn-type-normal.covid-half {

  width: 99%;

}



.covid .heading-level3 {

  margin-bottom: 0 !important;

}



.covid .text-box.color-w {

  background: #FFF;

}



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

  .btn-type-normal.point.covid-line2 {

    font-size: 0.95rem;

    padding: 15px 0 0 0;

  }

}



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

  .btn-type-normal.covid-half {

    width: 100%;

    font-size: 0.825rem;

    padding: 0;

  }

}



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

  .btn-type-normal.point.covid-line2 {

    line-height: 18px;

    height: 70px;

  }

  .btn-type-normal.point.covid-line2.arrow-point-right:after {

    display: none;

  }

  .btn-type-normal.point.covid-line-auto {

    padding: 15px 10px;

    line-height: 120%;

  }

  .btn-type-normal.point.covid-line-auto .font20 {

    font-size: 0.95rem;

  }

  .btn-type-normal.point.covid-line-auto.arrow-point-right:after {

    display: none;

  }

}

/* 코비드19 끝 21.11.05 */



/* 코비드_교통안내 시작_21.6.18 */

.covid-trans {

  position: relative;

  padding-left: 140px;

  min-height: 120px;

}



.covid-trans:before {

  content: '';

  display: block;

  position: absolute;

  width: 120px;

  height: 120px;

  top: 0;

  right: 0;

  left: 0;

  bottom: 0;

  border-radius: 60px;

  background: #f2f3f6 url(/static/ap/images/covid_trans.png) no-repeat;

}



.covid-trans h5 {

  font-size: 1.125rem;

  color: #42519e;

  margin-bottom: 10px;

}



.covid-trans.covid-trans01,.covid-trans.covid-trans05,.covid-trans.covid-trans06 {

  padding-top: 35px;

}



.covid-trans.covid-trans02,.covid-trans.covid-trans03,.covid-trans.covid-trans04 {

  padding-top: 25px;

}



.covid-trans.covid-trans01:before {

  background-position: 32px 25px;

}



.covid-trans.covid-trans02:before {

  background-position: -92px 25px;

}



.covid-trans.covid-trans03:before {

  background-position: -210px 25px;

}



.covid-trans.covid-trans04:before {

  background-position: -328px 25px;

}



.covid-trans.covid-trans05:before {

  background-position: 10px -90px;

}



.covid-trans.covid-trans06:before {

  background-position: -109px -90px;

}



.covid-box-item-area .covid-box {

  display: block;

  border: 1px solid #d9d9d9;

  text-align: center;

  width: 98%;

  margin: 0 5px 10px;

}



.covid-box-item-area .covid-box-text {

  display: block;

  width: 98%;

  text-align: center;

}

/* 코비드_교통안내 끝 */



.contents-visual.airline-city {

  background: url(/static/ap/images/bg_sub_visual_airline.jpg) center no-repeat;

  padding-top: 70px;

}



.contents-visual.departure-procedures {

  background: url(/static/ap/images/bg_departure_procedures.jpg) center no-repeat;

}



/* 코비드19 추가 */

.contents-visual.departure-procedures.aa {

  min-height: 400px;

  height: 400px;

  padding:40px;	

  background: url(/static/ap/images/bg_departure_procedures1.jpg) center no-repeat;

}



.contents-visual.bg8.aa {

  min-height: 400px;

  height: 400px;

  padding:40px;

  background: url(/static/ap/images/bg_immigration_procedure1.jpg) center no-repeat;

}

/* 코비드19 추가 끝*/



.contents-visual.bg1 {

  background: url(/static/ap/images/bg_movie01.jpg) no-repeat;

}



.contents-visual.bg4 {

  background: url(/static/ap/images/bg_base_top04.jpg) center no-repeat;

}



.contents-visual.bg5 {

  background: url(/static/ap/images/bg_base_top05.jpg) center no-repeat;

}



.contents-visual.path-departure {

  background: url(/static/ap/images/bg_sub_visual_path_departure.jpg) center no-repeat;

}



.contents-visual.entry-route {

  background: url(/static/ap/images/bg_entry_route.jpg) center no-repeat;

}



.contents-visual.bg8 {

  background: url(/static/ap/images/bg_immigration_procedure.jpg) center no-repeat;

}



.contents-visual.domestic {

  background: url(/static/ap/images/bg_domestic.jpg) center no-repeat;

}



.congestion {

  width: auto;

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

  padding-left: 24px;

  float: right;

  position: absolute; right: 24px;

  top: -10px;

  text-align: center;

}



.congestion-title {

  margin-bottom: 10px;

  color: #ffae44;

  font-size: 1.5rem;

  line-height: 1.3;

}



.congestion-title .point {

  color: #fff;

}



.con_right .congestion {

  right: 0;

  top: 70px;

  padding: 30px 0 30px 24px;

}



.congestion-quick-link {

  width: 126px;

  height: 30px;

  padding: 0 10px;

  line-height: 30px;

  color: #fff;

  font-size: 0.875rem;

  border: 1px solid #fff;

  border-radius: 20px;

  box-sizing: border-box;

  display: inline-block;

  text-align: left;

}



.congestion-quick-link.ico {

  text-indent: 0;

}



.congestion-quick-link.ico:after {

  left: 95px;

}



.congestion-quick-link:hover {

  border-color: rgba(255, 255, 255, 0.4);

  color: #ffae44;

}



.menu-mobile-ui {

  display: none;

}



.tab-main {

  width: 416px;

  margin: 0 auto;

  text-align: center;

}



.tab-main-list {

  display: inline-block;

}



.tab-main-list-item {

  float: left;

}



.tab-main-list-item-link {

  width: 208px;

  line-height: 50px;

  color: #fff;

  font-weight: 400;

  display: inline-block;

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

  box-sizing: border-box;

  font-size: 1.5rem;

}



.tab-main-list-item-link.on {

  background: #fff;

  color: #42519e;

  font-weight: 900;



}



.tab-main-list-item-link.on:hover {

  color: #42519e;

}



.tab-main-list-item-link.left {

  border-top-left-radius: 5px;

  border-bottom-left-radius: 5px;

  border-right: none;

}



.tab-main-list-item-link.right {

  border-top-right-radius: 5px;

  border-bottom-right-radius: 5px;

  border-left: none;

}



.tab-main-list-item-link:hover {

  color: rgba(255, 255, 255, 0.5);

}



.tab-sub {

  width: 100%;

  position: absolute;

  left: 0;

  bottom: 0;

  text-align: center;

}



.tab-sub-list {

  width: 100%;

}



.tab-sub-list-item {

  float: left;

  width: calc(50% - 2px);

  height: 72px;

  margin-left: 4px;

}



.tab-sub-list-item-link {

  width: 100%;

  height: 100%;

  line-height: 72px;

  background: rgba(66, 81, 158, 0.9);

  color: #fff;

  font-size: 1.25rem;

  font-weight: 300;

  display: inline-block;

}



.tab-sub-list-item-link.line2 {

  line-height: 25px;

  padding-top: 12px;

}



.tab-sub-list-item-link.on {

  color: #42519e;

  background: #fff;

  font-weight: 700;

}



.tab-sub-list-item:first-child {

  margin-left: 0;

}



/* 코비드19_진단센터 추가 */

.sub-menu-tab-list {

  display: table;

  margin: auto;

}



.sub-menu-tab-list.col-2 .sub-menu-tab-item {

  width: 25%;

}



.sub-menu-tab-list.col-3 .sub-menu-tab-item {

  width: 20%;

}



.sub-menu-tab-list.col-4 .sub-menu-tab-item {

  width: 20%;

}



.sub-menu-tab-list.col-5 .sub-menu-tab-item {

  width: 12%;

  padding: 0;

}



.sub-menu-tab-list.col-7 .sub-menu-tab-item {

  width: 11%;

  padding: 0;

}



.sub-menu-tab-item {

  display: table-cell;

  text-align: center;

  padding: 0 25px;

  position: relative;

}



.sub-menu-tab-item:after {

  position: absolute;

  top: 0;

  left: 0;

  content: '';

  display: block;

  width: 1px;

  height: 80%;

  background: rgba(217, 217, 217, 0.4);

}



.sub-menu-tab-item:first-child {

  margin-left : 0;

}



.sub-menu-tab-item:first-child:after {

  display: none;

}



.sub-menu-tab-link {

  display: inline-block;

  padding-bottom: 20px;

  font-family: spoqa, sans-serif;

  font-size: 1.2rem;

  font-weight: 500;

  line-height: 20px;

  text-align: center;

  vertical-align: top;

}



.sub-menu-tab-list.col-7 .sub-menu-tab-link {

  font-size: 1.1rem;

  line-height: 20px;

  font-family: none !important;

}



.sub-menu-tab-link:hover::after, .sub-menu-tab-link.on::after {

  content: '';

  display: block;

  width: 96px;

  height: 4px;

  background: #42519e;

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  margin: auto;

}



.sub-menu-tab-link:hover, .sub-menu-tab-link.on {

  color: #42519e;

  font-weight: 900;

}



.covid-box-item {

  border: 1px solid #d9d9d9;

  width: 100%;

  padding: 30px;

}



.covid-box-item .article-head {

  font-size: 1.3rem;

}



.covid-box-item .list1-item {

  line-height: 130%

}



.covid-box-item .list1-item:before {

  content: "·";

  font-size: 1.6rem;

  position: absolute;

  top: -2px;

  left: 0;

}



.covid-box-item-area {

  display: inline-block;

  width: 100%;

}



.covid-box-item-area3 {

    display: inline-block;

    width: 100%;

}



.covid-box-item-area3 li {

    width: 33.33%;

    float: left;

    padding: 0 0 5px 0;

}



.covid-box-item-area3 .btn-type-normal.btn3 {

    width: 98%;

    font-weight: 500;

    font-size: 1rem;

}



.covid-box-item-area li {

  width: 50%;

  float: left;

  padding: 0 0 5px 0;

}



.covid-box-item-area.block li {

  width: 100%;

  padding: 0 0 5px 0;

}



.covid-box-item-area .list1 {

  display: block;

  margin-top: 10px;

}



.covid-box-item-area .list1-item {

  width: 100%;

  line-height: 1rem;

  text-align: center;

}



.covid-box-item-area .list1-item:before {

  content: "";

}



.covid-box-item-area .btn-type-normal {

  padding: 0 45px 0 25px;

}



.covid-box-item-area .btn-type-normal.btn3 {

  width: 98%;

  font-weight: 500;

  font-size: 1rem;

}



.covid-box-item-area .btn-type-normal.btn4 {

  width: 99%;

  font-weight: 500;

  font-size: 1rem;

  background: #333649;

  color:#fff;

  border:none;

  text-align:center;

  margin: 0 0 10px;

}



.step2-list.col-5.white .step2-list-item {

  min-height: 150px;

  width: calc(17% - 10px);

  margin-left: 53px;

  border-radius:5%;

}



.step2-list.col-5 .article-num-box{

margin-bottom:0px !important;

}



.step2-list-item.ico::after{

  width: 29px;

  height: 23px;

  background-position: -41px -345px;

  top: 40%;

  left: auto;

  right: -40px;

  bottom: auto;

}



.step2-list.col-5 .step2-list-item.ico{

  text-indent: 0px;

}



.step2-list.col-6.white .step2-list-item {

  min-height: 200px;

  width: calc(16.666% - 10px);

  margin-left: 12px;

}



.step2-list.col-6.covid19 .step2-list-item {

  min-height: 265px;

}



.step2-list.white .step2-list-item:first-child {

  margin-left: 0;

}



.step2-list.white .step2-list-item {

  width: calc(25% - 8px);

  min-height: 276px;

  background: #fff;

  border: 1px solid #d9d9d9;

  margin-left: 10px;

}



.step2-list.white .step2-list-item.wide {

  width: calc(50% - 7px);

}



.step2-list.white .step2-list-head .article-tit {

  color: #5d6279;

  font-weight: 800;

}



.step2-list.white .article-num-box {

  border-bottom: 1px solid #dde3ed;

}



.step2-list.white .article-num-box .article-num {

  color: #dde3ed;

}



.step2-list.white .article-desc {

  color: #222;

  font-weight: 400;

}



.ko .covid19 .list1-item {

  word-break: keep-all;

}



.step2-list-item {

  background: #333649;

  padding: 40px 15px 21px;

  margin-left: 24px;

  float: left;

}



.step2-list-item:first-child {

  margin-left: 0;

}



.step2-list-item .step2-list-head {

  text-align: center;

}



.step2-list-item .step2-list-head .article-tit {

  font-size: 1.5rem;

  color: #ffae43;

  line-height: 1;

  letter-spacing: -1px;

}



.step2-list-item .step2-list-head .article-num-box {

  display: block;

  width: 100%;

  height: 33px;

  margin-bottom: 26px;

  position: relative;

}



.step2-list-item .step2-list-head .article-num-box .article-num {

  display: block;

  height: 33px;

  font-size: 2.5rem;

  font-weight: 700;

  line-height: 1;

  position: absolute;

  right: -1px;

  bottom: 0;

}



.step2-list-item .step2-list-body {

  text-align: center;

}



.step2-list-item .step2-list-body.left {

  text-align: left;

  letter-spacing: -1px;

}



.step2-list-item.long {

  padding: 25px 15px;

  line-height : 140%;

}



.timesetting-date .btn-covid {

  font-size: 1rem;

  font-weight: 600;

}



.timesetting-date .txt-covid {

  clear: both;

  text-align: left;

  font-weight: 600;

  color: #d43e41;

}

/* 코비드19_진단센터 끝*/



.search-flight-detail {

  margin-bottom: 20px;

  display: inline-block;

}



.search-flight-detail.arr-detail .terminal {

  width: 220px;

}



.search-flight-detail.arr-detail .terminal .search-flight-detail-select-article {

  width: 50%;

}



.search-flight-detail.arr-detail .terminal .search-flight-detail-select-article:last-child {

  width: 50%;

  border-right: 0;

}



.search-flight-detail.arr-detail .search-flight-detail-select-article {

  width: 166px;

}



.search-flight-detail.arr-detail .search-flight-detail-select-article.double .search-flight-detail-select-article {

  width: 75px;

}



.search-flight-detail-option {

  float: left;

  margin-right: 15px;

}



.search-flight-detail-option input[type="radio"].radio {

  display: none;

}



.search-flight-detail-option input[type="radio"].radio + .search-option-btn {

  height: 60px;

  padding: 0 18px;

  line-height: 60px;

  cursor: pointer;

  display: block;

  background: #fff;

  border: 1px solid #a5a7aa;

  box-sizing: border-box;

  color: #666;

  font-size: 1rem;

  float: left;

}



.search-flight-detail-option input[type="radio"].radio:checked + .search-option-btn {

  cursor: default;

  color: #343951;

  font-weight: 800;

  border: 1px solid #323648;

}



.search-flight-detail-option input[type="radio"].radio:checked + .search-option-btn:after {

  left: 0;

}



.search-flight-detail-option.terminal {

  width: 140px;

  height: 60px;

  border: 1px solid #666;

  box-sizing: border-box;

}



.search-flight-detail-option.terminal .search-flight-detail-select-article {

  width: 140px;

  border-right: 1px solid #666;

  box-sizing: border-box;

}



.search-flight-detail-select {

  height: 60px;

  border: 1px solid #666;

  box-sizing: border-box;

  float: left;

}



.search-flight-detail-select-article {

  width: 186px;

  height: 58px;

  padding: 18px 10px;

  font-size: 1rem;

  box-sizing: border-box;

  border: none;

  border-right: 1px solid #d9d9d9;

  vertical-align: bottom;

  float: left;

}



.search-flight-detail-select-article.double {

  padding: 0;

}



.search-flight-detail-select-article.double .search-flight-detail-select-article {

  width: 85px;

  float: left;

}



.search-flight-detail-select-article.double .search-flight-detail-select-article:last-child {

  border-right: 0;

  border-left: 1px solid #d9d9d9;

  float: right;

}



.search-flight-detail-select-article.double .dash {

  font-size: 0.75rem;

  float: left;

  display: block;

  height: 100%;

  line-height: 58px;

  padding: 0 3px;

}



.search-flight-detail-select-airplane {

  width: 189px;

  height: 58px;

  line-height: 58px;

  padding: 0 10px;

  background: #fcfbe8;

  border: none;

  box-sizing: border-box;

  font-size: 1rem;

  float: left;

}



.search-flight-detail-select-btn {

  width: 62px;

  height: 58px;

  padding: 20px;

  border: none;

  vertical-align: bottom;

  background: #323648;

  text-indent: -9999px;

  display: inline-block;

}



.search-flight-detail-select-btn:hover {

  background: #272a3a;

}



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

  width: 150px;

  padding-left: 25px;

}



.search-flight-search-btn.size.ico:after {

  right: 80px;

  top: 4px;

}



.search-flight-search-btn strong {

  margin-left: 10px;

}



.search-flight-search-btn.ico {

  text-indent: 0;

}



.search-flight-search-btn.ico:after {

  right: 60px;

  top: 4px;

}



.search-airline-head {

  text-align: center;

}



.search-airline-head-title {

  margin-bottom: 20px;

  color: #fff;

  font-size: 2.375rem;

  font-family: nanumsq, sans-serif;

  font-weight: 300;

}



.search-airline-name {

  display: table;

  margin: 0 auto;

}



.search-airline-name .checkbox-label {

  margin-left: 32px;

  color: #fff;

  position: relative;

  bottom: 4px;

}



.search-airline-name .checkbox:checked + label {

  color: #fff;

}



.search-airline-name-tag {

  margin-top: 8px;

  text-align: left;

}



.search-airline-name-tag .search-tag-item {

  display: inline-block;

  margin-left: 20px;

}



.search-airline-name-tag .search-tag-item:first-child {

  margin-left: 0;

}



.search-airline-name-tag .search-tag-link {

  color: #fff;

  font-size: 1rem;

}



.search-airline-name-result {

  display: block;

  text-align: right;

  color: #fff;

  font-size: 1rem;

}



.search-airline-name-option {

  width: 182px;

  height: 58px;

  padding: 0 15px;

  line-height: 1;

  border: none;

  font-size: 1.125rem;

  float: left;

}



.search-airline-name-txt {

  width: 323px;

  height: 58px;

  padding: 0 15px;

  border: 0;

  font-size: 1.25rem;

  color: #666;

  font-weight: 300;

  border-left: 1px solid #d9d9d9;

  float: left;

}



.search-airline-name-txt.wide {

  width: 520px;

}



.search-airline-name-btn {

  width: 132px;

  height: 58px;

  padding-left: 30px;

  background: #42519e;

  border: none;

  color: #fff;

  font-size: 1.625rem;

  line-height: 58px;

}



.search-airline-name-btn.ico {

  text-indent: 0;

}



.search-airline-name-btn.ico:after {

  top: 1px;

  right: 62px;

}





/*공항지도 검색*/

.field.map .field-radio + .field-radio-label {

  min-width: 120px;

  text-align: center;

  padding: 8px;

  border: 1px solid #666;

  border-left: 0;

}



.field.map .field-group:first-child {

  border-left: 1px solid #666;

}



.field.map .field-group label {

  margin-right: 0;

}



.field.map-category-check {

  margin-top: -1px;

  background: #fff;

  border: 1px solid #6b6b6b;

  padding: 20px;

}



.field.map-category-check .field-radio + .field-radio-label {

  min-width: inherit;

  text-align: center;

  padding: 8px;

  border: none;

  background: none;

  font-size: 1rem;

  position: relative;

}



.field.map-category-check .field-radio + .field-radio-label:before {

  content: '';

  display: block;

  width: 1px;

  height: 9px;

  background: #a1a1a1;

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  margin: auto;

}



.field.map-category-check .field-radio + .field-radio-label.first:before {

  display: none;

}



.field.map-category-check .field-radio:checked + .field-radio-label {

  background: none;

  color: #42519e;

  border: none;

  font-weight: 900;

}



.field.map-category-check .field-group label {

  margin-right: 0;

}



.field .field-radio {

  position: absolute;

  width: 30px;

  height: 30px;

  display: inline-block;

}



.field .field-radio + .field-radio-label {

  display: block;

  padding: 5px 10px;

  background: #fff;

  border: 1px solid #d9d9d9;

  color: #666;

  font-size: 0.875rem;



  float: left;

  cursor: pointer;

}



.field .field-radio:checked + .field-radio-label {

  background: #000;

  color: #fff;

  border: 1px solid #000;

}



.field-group {

  display: block;

  margin-top: 10px;

}



.field-group label {

  margin-right: 6px;

}



.field-group:first-child {

  margin-top: 0;

}



.field-group.brand .field-radio-label {

  padding: 0;

  min-width: 32px;

  min-height: 30px;

  border: 1px solid #666;

  color: #000;

  font-size: 1rem;

  font-weight: 600;

  line-height: 30px;

  vertical-align: middle;

  text-align: center;

  box-sizing: border-box;

}



.field-group.brand .field-radio-label.pd10 {

  padding: 0 10px;

}



.field-group.big {

  margin: 30px 0 20px;

}



.field-group.big .field-radio-label {

  padding: 10px 32px;

  border: 1px solid #666;

  margin-bottom: 10px;

  color: #000;

  font-size: 1.125rem;

  vertical-align: middle;

  text-align: center;

  box-sizing: border-box;

  margin-right: 0;

}



.field-group-tit {

  min-width: 150px;

  margin-right: 20px;

  float: left;

  font-size: 1.25rem;

  font-weight: 900;

  line-height: 28px;

}



/*검색*/

.search-map {

  width: 100%;

  padding: 10px 20px;

  background: #f3f4f8;

  border: 1px solid #6b6b6b;

  margin-top: -1px;

  box-sizing: border-box;

}



.search-map-title {

  font-size: 1rem;

  font-weight: 800;

  float: left;

  position: relative;

  top: 12px;

  padding-right: 15px;

}



.search-map-title.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;

}



.search-map-input {

  display: inline-block;

}



.search-map-input-item {

  float: left;

}



.search-map-input-item:last-child {

  margin-right: 0;

}



.search-map-input-select, .search-map-input-txt {

  height: 40px;

  padding: 0 10px;

  border: 1px solid #d9d9d9;

  border-right: 0;

  font-size: 0.9375rem;

  color: #444;

  box-sizing: border-box;

  float: left;

}



.search-map-input-select {

  border-right: 1px solid #d9d9d9;

  width: 135px;

  background-color: #FFF;

}



.search-map-input-select.small {

  border-right: 1px solid #d9d9d9;

  width: 80px;

}



.search-map-input-text {

  height: 40px;

  border: 1px solid #d9d9d9;

  padding-left: 10px;

  width: 330px;

}



.search-map-btn {

  width: 80px;

  height: 40px;

  background: #42519e;

  border: none;

  color: #fff;

  font-size: 1rem;

  font-weight: 900;

  line-height: 40px;

}



.search-map-svg {

  width: calc(100% - 249px);

  background: #333649;

  height: 700px;

  border: 1px solid #d9d9d9;

  border-right: 0;

  float: left;

  overflow: hidden;

}



.search-map-svg img {

  width: 100%;

}



.search-map-svg-control {

  position: absolute;

  top: 20px;

  left: 20px;

  border: 1px solid #a6a7ab;

  width: 32px;

  z-index: 2;

  background: #fff;

}



.search-map-svg-control .zoom-level {

  width: 30px;

  height: 64px;

  background: #fff url(/static/ap/images/bg_map_zoom_ruler.png) no-repeat;

  position: relative;

}



.search-map-svg-control .zoom-level-item {

  text-indent: -999em;

  width: 30px;

  height: 17px;

  position: relative;

  border: none;

}



.search-map-svg-control .zoom-level-item:first-child:before {

  display: none;

}



.search-map-svg-control .zoom-level-item:before {

  content: '';

  display: block;

  width: 12px;

  height: 1px;

  background: #a6a7ab;

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  margin: auto;

}



.search-map-svg-control .zoom-level-item.on {

  background: #dbdfe7;

}



.search-map-svg-control .ui-slider-handle {

  width: 30px;

  height: 15px;

  background: #dbdfe7;

  position: absolute;

  cursor: pointer;

}



.search-map-svg-control svg g {

  transition: all .4s;

}



.search-map-svg-control .svgbtn {

  width: 30px;

  height: 30px;

  background: #fff;

  text-indent: -999em;

  position: relative;

  border: none;

}



.search-map-svg-control .svgbtn:after {

  content: '';

  display: block;

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

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  margin: auto;

}



.search-map-svg-control .svgbtn.zoom-in {

  margin-bottom: 15px;

  border-bottom: 1px solid #d9d9d9;

}



.search-map-svg-control .svgbtn.zoom-in:after {

  width: 10px;

  height: 10px;

  background-position: -12px -20px;

}



.search-map-svg-control .svgbtn.zoom-out {

  border-top: 1px solid #d9d9d9;

}



.search-map-svg-control .svgbtn.zoom-out:after {

  width: 10px;

  height: 2px;

  background-position: -36px -24px;

}



.search-map-svg-control .svgbtn.map-full-screen {

  width: 30px;

  height: 30px;

  background: #fff;

  text-indent: -999em;

  position: relative;

  border: none;

}



.search-map-svg-control .svgbtn.map-full-screen:after {

  content: '';

  display: block;

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

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  margin: auto;

}



.search-map-svg-control .svgbtn.map-full-screen.full-screen:after {

  background-position: -30px 0;

}



.search-map-svg-control .svgbtn:hover:after {

  opacity: .5;

}



.search-map-clear {

  position: relative;

  overflow: hidden;

  min-height: 700px;

  margin-top: 20px;

  transition: all .4s;

}



.search-map-clear.full-screen {

  height: 1000px;

}



.search-map-clear.full-screen .search-map-box {

  height: 100%;

}



.search-map-clear.full-screen .search-map-svg {

  height: 100%;

}



.search-map-clear.full-screen .search-map-wrap {

  height: 100%;

}



.search-map-clear.on {

  border: 1px solid #d9d9d9;

}



.search-map-clear.on .search-map-svg {

  width: 100%;

  border: 0;

  position: absolute;

}



.search-map-clear.on .search-map-wrap {

  right: -249px;

}



.search-map-clear.on .search-map-box {

  display: none

}



.search-map-clear.on .search-map-control:after {

  transform: rotate(180deg);

}



.search-map-result.off .search-map-list {

  display: none;

}



.search-map-wrap {

  position: relative;

  width: 249px;

  height: 700px;

  background: #fff;

  border: 1px solid #d9d9d9;

  box-sizing: border-box;

  float: right;

  transition: all .4s;

  z-index: 10;

}



.search-map-box {

  width: 249px;

  height: 700px;

  overflow: auto;

}



.search-map-box-inner {

  padding: 0 20px 20px;

}



.search-map-box-level1 {

  border-bottom: 2px solid #d9d9d9;

  padding: 10px 20px;

  background: #333649;

  color: #fff;

  font-size: 1.5rem;

  font-weight: 400;

}



.search-map-box-level2 {

  display: block;

  font-size: 1.25rem;

  font-weight: 300;

  padding-bottom: 10px;

  border-bottom: 1px solid #d9d9d9;

  margin: 10px 20px 0;

  position: relative;

}



.search-map-box-level2 + .search-map-box-inner {

  display: none;

}



.search-map-box-level2.on + .search-map-box-inner {

  display: block;

}



.search-map-box-level2.on:after {

  transform: rotate(270deg);

}



.search-map-box-level2:after {

  content: '';

  display: block;

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

  width: 6px;

  height: 10px;

  position: absolute;

  top: 0;

  bottom: 10px;

  margin: auto;

  right: 10px;

  transform: rotate(90deg);

}



.search-map-box-level3 {

  display: block;

  font-size: 1rem;

  font-weight: 400;

  background: #f2f4f7;

  padding: 8px;

}



.search-map-box-level3.on {

  background: #333649;

  color: #fff;

}



.search-map-box-level3.on + .search-map-list {

  display: block;

}



.search-map-box-level3 + .search-map-list {

  display: none;

}



.search-map-list {

  margin-top: 10px;

}



.search-map-list-item:hover, .search-map-list-item.on {

  font-weight: 900;

}



.search-map-list-item:hover .search-map-list-link, .search-map-list-item.on .search-map-list-link {

  color: #42519e;

}



.search-map-list-link {

  color: #666;

  font-size: 1rem;

}



.search-map-control {

  position: absolute;

  top: 0;

  bottom: 0;

  left: -22px;

  margin: auto;

  background: #fff;

  width: 22px;

  height: 68px;

  border: 1px solid #d9d9d9;

  border-right: 0;

  text-indent: -999em;

}



.search-map-control:after {

  content: '';

  display: block;

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

  width: 8px;

  height: 12px;

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  margin: auto;

}



.search-map-contents.full-screen {

  width: 100%;

  margin: 30px auto 0;

}





.global-search {

  border-bottom: 1px solid #42519e;

}



.global-search-area {

  width: 100%;

  text-align: center;

  margin: 0 auto;

  position: relative;

}



.global-search-area-field {

  display: inline-block;

  position: relative;

}



.global-search-area-field-txt {

  width: 520px;

  height: 58px;

  padding: 0 15px;

  font-size: 1.25rem;

  color: #666;

  font-weight: 300;

  border: 4px solid #42519e;

  float: left;

}



.global-search-area-field-btn {

  width: 132px;

  height: 58px;

  padding-left: 30px;

  background: #42519e;

  border: none;

  color: #fff;

  font-size: 1.625rem;

  line-height: 58px;

  float: left;

}



.global-search-area-field-btn.ico {

  text-indent: 0;

}



.global-search-area-field-btn.ico:after {

  background-position: -74px -134px;

  width: 22px;

  height: 22px;

  top: 1px;

  right: 62px;

}



.global-search-area-field-checkbox {

  display: inline-block;

  position: absolute;

  left: 80%;

  top: 15px;

  float: right;

}



.global-search-option {

  width: 182px;

  height: 58px;

  padding: 0 15px;

  line-height: 1;

  border: none;

  font-size: 1.125rem;

  float: left;

}



.global-search-tag {

  margin: 10px 0 30px;

  text-align: center;

}



.global-search-tag-item {

  display: inline-block;

  margin-left: 20px;

}



.global-search-tag-item:first-child {

  margin-left: 0;

}



.global-search-tag-item-link {

  color: #666;

  font-size: 1rem;

}



.global-search .tab-nav {

  position: relative;

  bottom: -1px;

}



.global-search-word {

  padding: 30px 20px 20px;

  background: #fff;

}



.global-search-word-title {

  font-family: nanumsq, sans-serif;

  font-weight: 700;

  font-size: 1.25rem;

  margin-bottom: 20px;

}



.global-search-word-list-item-link {

  color: #323648;

}



.global-search-word-list-item-link .num {

  width: 22px;

  height: 22px;

  display: inline-block;

  text-align: center;

  font-size: 0.875rem;

  border: 1px solid #666;

  margin-right: 8px;

}



.global-search-word .word-list-btn {

  position: absolute;

  top: 30px;

  right: 20px;

}



.global-search-word .word-list-btn-link {

  width: 20px;

  display: inline-block;

  position: relative;

  text-indent: -999em;

}



.global-search-word .word-list-btn-link:after {

  content: '';

  display: block;

  position: absolute;

  top: 0;

  right: 0;

  left: 0;

  bottom: 0;

  margin: auto;

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

}



.global-search-word .word-list-btn-link.pre {

  float: left;

}



.global-search-word .word-list-btn-link.pre:after {

  background-position: 0 0;

  width: 19px;

  height: 20px;

}



.global-search-word .word-list-btn-link.next:after {

  background-position: -19px 0;

  width: 20px;

  height: 20px;

}



.global-search-result-tab {

  display: block;

  text-align: center;

}



.global-search-category {

  display: inline-block;

}



.global-search-category-item {

  float: left;

  line-height: 1.2;

  width: auto;

  padding: 0 10px;

}



.global-search-category-item + .global-search-category-item {

  border-left: 1px solid #d9d9d9;

}



.global-search-category-item-link {

  width: 100%;

  padding: 10px 10px 10px 45px;

  display: inline-block;

  font-family: spoqa, sans-serif;

  font-size: 1rem;

  text-align: center;

  position: relative;

}



.global-search-category-item-link .result-num {

  color: #42519e;

  font-weight: 800;

  display: block;

  text-align: center;

}



.global-search-category-item-link:before {

  content: '';

  display: block;

  padding-left: 5px;

  margin: 0 auto;



  position: absolute;

  top: 20px;

  left: 10px;

  right: auto;

  bottom: 0;

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

}



.global-search-category-item-link.search-all:before {

  background-position: -21px -12px;

  width: 22px;

  height: 22px;

}



.global-search-category-item-link.search-start:before {

  background-position: -64px -18px;

  width: 24px;

  height: 10px;

}



.global-search-category-item-link.search-arrive:before {

  background-position: -110px -15px;

  width: 22px;

  height: 15px;

}



.global-search-category-item-link.search-transfer:before {

  background-position: -158px -13px;

  width: 16px;

  height: 19px;

}



.global-search-category-item-link.search-traffic:before {

  background-position: -191px -12px;

  width: 22px;

  height: 22px;

}



.global-search-category-item-link.search-shopping:before {

  background-position: -230px -12px;

  width: 22px;

  height: 22px;

}



.global-search-category-item-link.search-service:before {

  background-position: -318px -12px;

  width: 22px;

  height: 22px;

}



.global-search-category-item-link.search-map:before {

  background-position: -272px -11px;

  width: 22px;

  height: 24px;

}



.global-search-category-item-link.search-cs:before {

  background-position: -356px -12px;

  width: 22px;

  height: 22px;

}



.global-search-category-item-link.search-co:before {

  background-position: -21px -52px;

  width: 22px;

  height: 23px;

}



.global-search-category-item-link.search-cyber:before {

  background-position: -64px -52px;

  width: 31px;

  height: 23px;

}



.global-search-category-item-link.search-client:before {

  background-position: -105px -49px;

  width: 24px;

  height: 24px;

}





.global-search-category-item-link.search-business:before {

  background-position: -155px -51px;

  width: 26px;

  height: 20px;

}





.global-search-category-item-link.search-support:before {

  background-position: -193px -49px;

  width: 23px;

  height: 21px;

}



.global-search-category-item-link.search-recruit:before {

  background-position: -232px -47px;

  width: 23px;

  height: 22px;

}



.global-search-category.co .global-search-category-item-link {

  width: 150px;

}



.global-search-result {

  width: 100%;

  margin-top: 30px;

  text-align: left;

  border-top: 1px solid #d9d9d9;

}



.global-search-result .multi-col.line:before {

  content: "";

  display: block;

  width: 1px;

  height: 100%;

  background: #d9d9d9;

  position: absolute;

  top: 0;

  left: 80%;

}



.global-search-result-total {

  margin-top: 30px;

  font-size: 1.25rem;

}



.global-search-result-box {

  margin: 5px 0 30px;

  position: relative;

}



.global-search-result-box-title {

  font-size: 1.25rem;

  font-weight: 800;

  padding: 20px 30px;

  border-bottom: 1px solid #d9d9d9;

}



.global-search-result-box-quick {

  position: absolute;

  top: 15px;

  right: 20px;

}



.global-search-result-box-quick-list .box-quick-title {

  color: #666;

  font-size: 1rem;

  float: left;

  margin-top: 8px;

  margin-right: 10px;

}



.global-search-result-box-quick-list .box-quick-item {

  float: left;

}



.global-search-result-box-quick-list .box-quick-item .btn-type-small {

  font-size: 0.875rem;

  min-width: 95px;

  margin-left: 10px;

}



.global-search-result-box-ico {

  display: inline-block;

  position: relative;

  text-indent: -999em;

  padding-right: 15px;

}



.global-search-result-box-ico:before {

  content: '';

  display: block;

  position: absolute;

  top: 0;

  right: 0;

  left: 0;

  bottom: auto;

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

}



.global-search-result-box-ico.map:before {

  background-position: -10px -10px;

  width: 24px;

  height: 24px;

}



.global-search-result-box-ico.link:before {

  background-position: -44px -10px;

  width: 24px;

  height: 24px;

}



.global-search-result-box .list {

  padding: 20px 30px;

}



.global-search-result-box .list-item {

  width: 33.333%;

  float: left;



  font-size: 1rem;

  margin-bottom: 10px;

}



.global-search-result-box .list-item em {

  margin-left: 20px;

}



.global-search-result .result-category {

  padding-top: 30px;

}



.global-search-result .result-category-article {

  border-bottom: 1px solid #d9d9d9;

  position: relative;

}



.global-search-result .result-category-article-more {

  position: absolute;

  top: 37px;

  right: 0;

  font-size: 1rem;

  display: inline-block;

  padding-right: 30px;

}



.global-search-result .result-category-article-more:after {

  content: '';

  display: inline-block;

  position: relative;

  top: 0;

  right: -10px;

  left: auto;

  bottom: 0;

  margin: auto;

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

  width: 7px;

  height: 13px;

}



.global-search-result .result-category-article .not-find {

  padding: 40px 0;

  text-align: center;

  border-top: 1px solid #d9d9d9;

}



.global-search-result .result-category-title {

  padding: 30px 45px  25px;

  font-size: 1.25rem;

  font-weight: 800;

}



.global-search-result .result-category-title:before {

  content: '';

  display: block;

  margin: 0 auto;

  position: absolute;

  top: 33px;

  left: 10px;

  right: auto;

  bottom: 0;

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

}



.global-search-result .result-category-title.search-all:before {

  background-position: -21px -12px;

  width: 22px;

  height: 22px;

}



.global-search-result .result-category-title.search-start:before {

  background-position: -64px -18px;

  width: 24px;

  height: 10px;

}



.global-search-result .result-category-title.search-arrive:before {

  background-position: -110px -15px;

  width: 22px;

  height: 15px;

}



.global-search-result .result-category-title.search-transfer:before {

  background-position: -158px -13px;

  width: 16px;

  height: 19px;

}



.global-search-result .result-category-title.search-traffic:before {

  background-position: -194px -12px;

  width: 22px;

  height: 22px;

  top: 30px;

}



.global-search-result .result-category-title.search-shopping:before {

  background-position: -235px -12px;

  width: 22px;

  height: 22px;

  top: 30px;

}



.global-search-result .result-category-title.search-service:before {

  background-position: -315px -12px;

  width: 30px;

  height: 23px;

  top: 30px;

}



.global-search-result .result-category-title.search-map:before {

  background-position: -272px -11px;

  width: 27px;

  height: 24px;

  top: 29px;

}



.global-search-result .result-category-title.search-cs:before {

  background-position: -361px -12px;

  width: 22px;

  height: 22px;

  top: 30px;

}



.global-search-result .result-category-title.search-co:before {

  background-position: -21px -52px;

  width: 22px;

  height: 23px;

  top: 30px;

}



.global-search-result .result-category-title.search-cyber:before {

  background-position: -64px -52px;

  width: 31px;

  height: 23px;

  top: 30px;

}



.global-search-result .result-category-title.search-client:before {

  background-position: -105px -49px;

  width: 30px;

  height: 24px;

  top: 30px;

}



.global-search-result .result-category-title.search-business:before {

  background-position: -155px -51px;

  width: 26px;

  height: 20px;

  top: 30px;

}



.global-search-result .result-category-title.search-support:before {

  background-position: -193px -51px;

  width: 23px;

  height: 21px;

  top: 30px;

}



.global-search-result .result-category-title.search-recruit:before {

  background-position: -232px -47px;

  width: 26px;

  height: 22px;

  top: 30px;

}



.global-search-result .result-category .table.vt.borad-view {

  border-top: 1px solid #d9d9d9;

  border-bottom: 1px solid #d9d9d9;

}



.global-search-result .result-category .table.vt.borad-view + .table.vt.borad-view {

  border-top: none;

  border-bottom: none;

}



.global-search-result .result-category .table.vt.borad-view .reply-box {

  padding: 20px 40px;

  margin-bottom: 0;

  border: none;

  background: #fff;

}



.global-search-result .result-category .table.vt.borad-view .reply-box .reply-head {

  margin: 10px 0 0 0;

}



.global-search-result .result-category .table.vt.borad-view .reply-box .location-list-item {

  float: left;

  display: inline-block;

  position: relative;

  padding-right: 20px;

  font-size: 0.875rem;

}



.global-search-result .result-category .table.vt.borad-view .reply-box .location-list-item:after {

  content: '';

  display: block;

  position: absolute;

  top: 0;

  right: 6px;

  left: auto;

  bottom: 0;

  margin: auto;

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

  width: 5px;

  height: 9px;

}



.global-search-result .result-category .table.vt.borad-view .reply-box .location-list-item:last-child:after {

  background: none;

}



.global-search-result .result-category .table.vt.borad-view .reply-box .reply-body-desc {

  margin-bottom: 10px;

  font-size: 1.25rem;

}



.global-search-result .result-category .table.vt.borad-view .reply-box .reply-body-txt {

  font-size: 1rem;

  line-height: 1.7;

}



.global-search-result .result-category .table.vt.borad-view .reply-box .reply-body .thum {

  width: 103px;

  height: 103px;

  border: 1px solid #d9d9d9;

  text-align: center;

  float: left;

  margin-right: 20px;

}



.global-search-result .result-category .table.vt.borad-view .reply-box .reply-body .thum.error {

  display: none;

}



.global-search-result .result-category .table.vt.borad-view .reply-box .view-file {

  border: none;

  padding: 10px 0;

}



.global-search-research {

  position: absolute;

  top: 15px;

  right: -205px;

}



.update {

  margin-bottom: 20px;

  text-align: right;

}



.update-time {

  font-size: 0.875rem;

  color: #666;

  margin-right: 10px;

}



.update-refresh {

  height: 26px;

  padding: 0 10px  0 25px;

  line-height: 21px;

  border: 1px solid #d9d9d9;

  background: #fff;

  font-size: 0.825rem;

  color: #666;

  border-radius: 5px;

}



.update-refresh.ico {

  text-indent: 0;

}



.update-refresh.ico:after {

  right: 52px;

  top: 5px;

}



.update.mb10 {

  margin-bottom: 10px;

}



.layer {

  border: 4px solid #42519e;

  background: #fff;

  position: absolute;

  top: 50%;

  left: 50%;

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

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

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

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

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

  overflow-y: auto;

  z-index: 10;

}



.layer.find-my-terminal {

  min-width: 642px;

  overflow-y: auto;

  border: 4px solid #fefefe;

  padding: 36px 36px 70px;

  background: url(/static/ap/images/bg_lp_modal.jpg) center no-repeat;

  background-size: cover;

}



.layer.find-my-terminal .layer-area {

  text-align: center;

  padding: 0; }



.layer.find-my-terminal .layer-title {

  font-size: 2.125rem;

  font-family: exo, sans-serif;

  font-weight: 700;

  color: #ffae43;

  text-align: center;

  border-bottom: 0;

  margin-bottom: 0;

  padding-bottom: 0;

}



.layer.find-my-terminal .layer-title:before {

  content: '';

  display: block;

  width: 49px;

  height: 60px;

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

  margin: 0 auto 26px;

}



.layer.find-my-terminal .layer-title:after {

  content: '';

  display: block;

  height: 2px;

  width: 44px;

  background: rgba(255, 255, 255, 0.4);

  margin: 26px auto 24px;

}



.layer.find-my-terminal .layer-article {

  margin-bottom: 0;

}



.layer.find-my-terminal .layer-close {

  display: block;

  width: 25px;

  height: 25px;

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

  border: 0;

  text-indent: -99999em;

  position: absolute;

  z-index: 99999;

  top: 20px;

  right: 20px;

  padding: 0;

}



.layer.find-my-terminal .layer-close:hover {

  opacity: .7;

}



.layer.find-my-terminal .layer-check {

  float: left;

  width: 140px;

  height: 56px;

  background: #323648;

  color: #fff;

  font-size: 1.25rem;

  line-height: 56px;

  border: 0;

}



.layer.find-my-terminal .layer-search {

  float: left;

  width: calc(100% - 140px);

  height: 56px;

  line-height: 56px;

  border: 0;

  font-size: 1.125rem;

  color: #666;

  padding: 0 30px;

}



.layer.find-my-terminal .layer-inputbox {

  display: inline-block;

  width: 100%;

}



.layer.find-my-terminal .layer-inputbox-desc {

  color: #fff;

  margin: 10px 0;

  font-size: 1.25rem;

}



.layer.find-my-terminal .layer-inputbox-btn {

  background: #323648;

  padding: 6px 10px;

  border-radius: 50px;

  font-size: 1rem;

  color: #fff;

  transition: all .2s;

}



/* 수하물 조회 시작 */

.layer.find-my-bag {

  min-width: 812px;

  overflow-y: auto;

  border: 4px solid #fefefe;

  padding: 36px;

  background: url(/static/ap/images/bg_lp_baggage.jpg) center no-repeat;

  background-size: cover;

  font-family: roboto, sans-serif;

}



.layer.find-my-bag .layer-area {

  text-align: center;

  padding: 0; 

}



.layer.find-my-bag .layer-title {

  font-size: 2.125rem;

  font-family: exo, sans-serif;

  font-weight: 700;

  color: #ffae43;

  text-align: center;

  border-bottom: 0;

  margin-bottom: 0;

  padding-bottom: 0;

}



.layer.find-my-bag .layer-title:before {

  content: '';

  display: block;

  width: 64px;

  height: 60px;

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

  margin: 0 auto 26px;

}



.layer.find-my-bag .layer-title:after {

  content: '';

  display: block;

  height: 2px;

  width: 44px;

  background: rgba(255, 255, 255, 0.4);

  margin: 26px auto 24px;

}



.layer.find-my-bag .layer-article {

  margin-bottom: 0;

}



.layer.find-my-bag .layer-close {

  display: block;

  width: 25px;

  height: 25px;

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

  border: 0;

  text-indent: -99999em;

  position: absolute;

  z-index: 99999;

  top: 20px;

  right: 20px;

  padding: 0;

}



.layer.find-my-bag .layer-close:hover {

  opacity: .7;

}



.find-my-bag .input-align .capcha {

  height: 50px;

}

.find-my-bag .input-align .capcha + .user-input-text {

  width: calc(100% - 550px) !important;

  padding: 0 20px !important;

}



.layer.find-my-bag .layer-check {

  width: 100%;

  height: 50px;

  background: #323648;

  color: #fff;

  font-size: 1.25rem;

  line-height: 56px;

  border: 0;

  margin: 5px 0 0 0;

  float: right;

}



.layer.find-my-bag .input-align {

  width: 100%;

}



.layer.find-my-bag .layer-search {

  float: left;

  height: 56px;

  line-height: 56px;

  border: 1px solid #efefef;

  font-size: 1.1rem;

  color: #666;

  padding: 0 15px;

  margin-bottom: 5px;

}



.layer.find-my-bag .layer-search.flight {

  width: 22%;

}



.layer.find-my-bag .layer-search.seat {

  width: 19%;

}



.layer.find-my-bag .layer-search.baggage {

  width: 23%;

}



.layer.find-my-bag .layer-select-day {

  float: left;

  width: 18%;

  height: 56px;

  line-height: 56px;

  border: 1px solid #efefef;

  font-size: 1.1rem;

  color: #666;

}



.layer.find-my-bag .layer-inputbox {

  display: inline-block;

  width: 100%;

  margin-top: 10px;

}



.layer.find-my-bag .layer-title .layer-inputbox-desc {

  display: block;

  color: #ffc170;

  font-weight:400;

  line-height: 120%;

  padding-top: 10px;

}



.layer.find-my-bag .layer-inputbox-desc {

  display: inline-block;

  color: #fff;

  font-size: 1.063rem;

}



.layer.find-my-bag .layer-inputbox-desc li {

  text-align: left;

  position: relative;

  padding-left: 12px;

}



.layer.find-my-bag .layer-inputbox-desc li:before {

  content: "*";

  position: absolute;

  top: 2px;

  left: 0;

}



.layer.find-my-bag .layer-inputbox-btn {

  background: #323648;

  padding: 6px 10px;

  border-radius: 50px;

  font-size: 1rem;

  color: #fff;

  transition: all .2s;

}



.table.baggage tr {

  border-top: 1px solid #323232;

}



.table.baggage th {

  text-align:center;

  border: 0;

  border-right: 1px solid #323232;

  vertical-align: middle;

  line-height: 1.2rem;

  color: #FFF;

  font-weight: 600;

  font-size: 1rem !important;

}



.table.baggage th .info-root {

  display: block;

  color: #999;

  font-size: .8rem;

}



.table.baggage .flight-from {

  display: inline-block;



  line-height: 18px;

  padding: 10px 30px 15px 30px;

}



.table.baggage .flight-from .info-root {

  display: block;

  color: #999;

  font-size: .75rem;

}



.table.baggage .flight-from .info-country {

  display: block;

  color: #ffae44;

  font-weight: 600;

}



.table.baggage .flight-from .info-airline {

  display: block;

  color: #ffae44;

  font-weight: 600;

}



.table.baggage .flight-from.fico {

  position: relative;

  margin-right: 50px;

}



.table.baggage .flight-from.fico:after {

  content: '';  

  width: 47px;

  height: 47px;

  position: absolute;

  background: url(/static/ap/images/ico_airplane_arrow_baggage.png);

  right: -50px;

  top: 15px;

}



.table.baggage .flight-from.fico.fico-arr:after {

  background-position : -52px -2px;

}



.table.baggage .flight-from.fico.fico-dep:after {

  background-position : -2px -2px;

}



.table.baggage {

  margin: 20px 0;

  border-bottom: 1px solid #323232;

}



.table.baggage .baggage-result {

  text-align: left !important;

  color: #fff;

  font-weight: normal;

  padding: 20px 30px;

  font-size: 1rem !important;

  line-height: 18px;

}



.result-point {

  color: #ffae44;

  font-weight: 600;

}



.baggage-info-none {

  border-top: 1px solid #323232;

  border-bottom: 1px solid #323232;

  padding: 20px 0;

  margin: 20px 0;

  color: #fff;

  font-size: 1rem;

  line-height: 22px;

}



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

  .mb20 a.btn-type-normal + a.btn-type-normal {

    margin-top: 5px

  }

  .layer.find-my-bag {

    min-width: 100%;

    border: none;

    padding: 40px 15px 50px 15px;

  }

  .layer.find-my-bag .layer-title {

    font-size: 1.5rem;

  }

  .layer.find-my-bag .input-align {

    width: 100%;

    margin: 3px 0;

  }

  .layer.find-my-bag .layer-search {

    height: 50px;

    line-height: 50px;

    font-size: 1rem;

    padding: 0 20px;

    margin: 0;

  }

  .layer.find-my-bag .layer-search.flight, .layer.find-my-bag .layer-search.seat, .layer.find-my-bag .layer-search.baggage {

    width: 50%;

  }

  .layer.find-my-bag .layer-select-day {

    width: 50%;

    height: 50px;

    line-height: 50px;

    font-size: 1rem;

    padding-left: 20px !important;

  }

  .layer.find-my-bag .layer-check {

    width: 100%;

    height: 50px;

    line-height: 50px;

    font-size: 1rem;

  }

  .find-my-bag .input-align .capcha {

    width: 30%;

    height: 50px;

  }

  .find-my-bag .input-align .capcha + .user-input-text {

    width: 40% !important;

    padding: 0 20px !important;

    height: 50px !important;

  }

}



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

  .table.baggage colgroup col:first-child {

    display: block;

  }

  .table.baggage th {

    display: block;

    padding: 5px 0;

    border-bottom: 1px solid #323232;

    border-left: 1px solid #323232;

  }

  .table.baggage td {

    display: block;

    width: 100%;

  }

  .layer.find-my-bag .layer-inputbox-desc {

    font-size: 1rem;

  }

  .layer.find-my-bag .layer-search {

    width: 100%;

    height: 50px;

    line-height: 50px;

    font-size: 1rem;

  }

  .layer.find-my-bag .layer-search.flight, .layer.find-my-bag .layer-search.seat, .layer.find-my-bag .layer-search.baggage {

    width: 100%;

  }

  .layer.find-my-bag .layer-select-day {

    width: 100%;

    height: 50px !important;

  }

  .layer.find-my-bag .layer-check {

    width: 100%;

    height: 50px;

    line-height: 50px;

    font-size: 1rem;

  }

  .table.baggage .baggage-result {

    text-align: center !important;

    padding: 20px 0;

  }

  .table.baggage .flight-from {

    display: block;

    line-height: 18px;

    width: 100%;

  }

  .table.baggage .flight-from.fico {

    margin-right: 0;    

    padding-bottom: 50px;

  }

  .table.baggage .flight-from.fico:after {

    content: '';

    position: absolute;

    top: 70px;

    left: calc(50% - 24px);

  }

  .find-my-bag .input-align .capcha {

    width: 50%;

    height: 50px;

  }

  .find-my-bag .input-align .capcha + .user-input-text {

    width: 100% !important;

    padding: 0 20px !important;

  }

}

/* 수하물 조회 끝 */



.layer.system {

  display: none;

  max-width: 550px;

  min-width: 550px;

  border: 4px solid #fefefe;

  position: relative;

  top: auto;

  left: auto;

  transform: none;

  float: left;

  width: calc(50% - 5px);

  margin-right: 5px;

  background: url(/static/ap/images/bg_system_check_popup.jpg) center no-repeat;

  background-size: cover;

}



.layer.system .layer-system-wrap {

  border: 1px solid #fff;

  margin-top: 20px;

  padding: 10px;

}



.layer.system .layer-system-list {

  text-indent: 10px;

}



.layer.system .layer-system-list-tit {

  float: left;

  width: 150px;

  color: #fff;

  text-align: left;

  line-height: 1.4;

  font-size: 0.875rem;

}



.layer.system .layer-system-list-tit:before {

  content: "·";

  font-size: 1.125rem;

  margin-right: 5px;

}



.layer.system .layer-system-list-desc {

  color: #fff;

  text-align: left;

  line-height: 1.7;

  font-size: 0.875rem;

}



.layer.system .layer-system-desc {

  color: #fff;

  margin-bottom: 30px;

}



.layer.system .layer-system-desc.point {

  color: #ffae43;

  font-size: 1rem;

  margin-bottom: 0;

}



.layer.system .layer-area {

  text-align: center;

  padding: 20px;

}



.layer.system .layer-title {

  font-size: 1.75rem;

  color: #fff;

  font-weight: 700;

  font-family: exo, sans-serif;

  text-align: center;

  border-bottom: 0;

  margin-bottom: 0;

}



.layer.system .layer-title:after {

  content: '';

  display: block;

  height: 2px;

  width: 44px;

  background: rgba(255, 255, 255, 0.4);

  margin: 20px auto 0;

}



.layer.system .layer-article {

  margin-bottom: 0;

}



.layer.system .layer-article.systemico {

  overflow-y: auto;

}



.layer.system .layer-system-close {

  display: block;

  width: 25px;

  height: 25px;

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

  border: 0;

  text-indent: -99999em;

  position: absolute;

  z-index: 99999;

  top: 20px;

  right: 20px;

  padding: 0;

}



.layer.system .layer-system-close:hover {

  opacity: .7;

}



.layer.system .layer-check {

  float: left;

  width: 140px;

  height: 56px;

  background: #323648;

  color: #fff;

  font-size: 1.25rem;

  line-height: 56px;

  border: 0;

}



.layer.system .layer-guide {

  width: 100%;

  height: 46px;

  background: #fff;

  text-align: right;

  padding-top: 11px;

}



.layer.system .layer-guide-box {

  display: inline-block;

}



.layer.system .btn-group {

  margin-top: 30px;

}



.layer.system .layer-inputbox-btn {

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

  min-width: 155px;

  margin-left: 6px;

  display: inline-block;

  padding: 8px 10px;

  border-radius: 50px;

  font-size: 0.825rem;

  color: #fff;

  text-align: left;

  position: relative;

}



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

  display: block;

}



.layer.off {

  display: none;

}



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

  position: absolute;

  width: auto;

  height: auto;

}



.layer-wrap.system:after {

  content: none;

}



.layer-wrap#airportOnMapWrap .layer {

  max-height: inherit;

  height: 96%;

}



.layer-wrap.popup {

  position: static;

}



.layer-wrap.popup .layer {

  position: static;

  top: 0;

  left: 0;

  transform: inherit;

}



.layer-wrap.popup:after {

  display: none;

}



.layer.size {

  width: 940px;

}



.layer.size.max-height {

  max-height: 890px;

}



.layer.capchasize {

  width: 598px;

}



.layer.address-layer {

  width: 600px;

}



.layer.address-layer.size {

  width: 912px;

}



.layer.address-layer.max-size {



  width: 1145px;

}



.layer.address-layer.max-size.max-height {

  max-height: 890px;

}



.layer.login-area {

  width: 600px;

}



.layer.reservation2 {

  width: 900px;

  padding-bottom: 25px;

  height: 95%;

}



.layer.questionnaire {

  width:1152px;

}



.layer.questionnaire  .input-align {

  width:auto;

}



.layer.questionnaire .input-align .user-input-text {

  width:200px;border-top:1px solid #d9d9d9!important;

}



.layer-wrap #departure_congestion {

  height: 95% !important;

}



.layer-wrap .gate-shortest-path {

  height: 95% !important

}



.layer-area {

  padding: 40px 20px;

  position: relative;

}



.layer-area.table-guide-pop-up {

  width: 100% !important;

}



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

  height: 25px;

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

  border: 0;

  text-indent: -99999em;

  position: absolute;

  z-index: 99999;

  top: 20px;

  right: 30px;

  padding: 0;

}



.layer-close.close2 {

  width: 26px;

  height: 26px;

}



.layer-close.login {

  display: block;

  width: 31px;

  height: 31px;

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

  text-indent: -99999em;

  position: absolute;

  top: 20px;

  right: 20px;

}



.layer-article {

  margin-bottom: 20px;

  position: relative;

}



.layer-article.systemico:after {

  content: '';

  display: none;

  width: 64px;

  height: 55px;

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

  background-size: cover;

  margin: 15px auto 0;

}



.layer-article .textarea {

  overflow: scroll;

  font-size: 0.825rem;

  white-space: pre-wrap;

  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-family: roboto, spoqa, sans-serif;

}



.layer-article .textarea-agree {

  overflow-y: scroll;

  font-size: 1rem;

  width: 100%;

  height: 200px;

  padding: 20px 50px;

  border: 1px solid #d9d9d9;

  box-sizing: border-box;

}



.layer-article .textarea-agree>ol {

  list-style-type: decimal;

}



.layer-article.mb60 {

  margin-bottom: 60px;

}



.layer-article-title {

  margin-bottom: 20px;

  font-size: 1.125rem;

  font-weight: 900;

}



.layer-article-title.float {

  margin: 0;

  float: left;

  line-height: 32px;

}



.layer-article-input {

  width: 100%;

  height: 50px;

  font-size: 1rem;

  text-align: center;

  color: #666;

  background: #fcfbe8;

  border: 1px solid #d9d9d9;

  box-sizing: border-box;

}



.layer-article-box {

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

  font-size: 0.825rem;

}



.layer-article p.font18 {

  font-size: 1.125rem;

}



.layer-article p.font20 {

  font-size: 1.25rem;

}



.layer-article button {

  height: 50px;

  font-size: 1.125rem;

}



.layer-article button .btn-register {

  height: 56px;

  padding: 10px;

  background: #42519e;

  border: 1px solid #42519e;

  color: #fff;

  font-weight: 700;

  font-size: 1.25rem;

}



.layer-article.article2 {

  margin-bottom: 10px;

  margin-top: 15px;

}



.layer .list1 {

  font-size: 0.875rem; letter-spacing: -0.02rem;

}



.layer .list1-item.font14 {

  line-height: 50px;

}



.layer .list1-item.font14:before {

  top: -16px;

}



.layer .list1-item:before {

  top: -12px;

}



.layer .radio-type1-label {

  font-size: 1rem;

}



.layer .info-desc {

  font-size: 0.875rem;

}



.layer-btn {

  float: left;

}



.layer-btn-login {

  width: 190px;

  height: 110px;

  background: #42519e;

  border: none;

  color: #fff;

  font-size: 1.5rem;

}



.update-refresh.size {

  height: 26px;

  font-size: 0.8125rem;

}



.update-refresh.down {

  padding: 0 10px 0 30px;

  position: relative;

}



.update-refresh.down:before {

  content: '';

  display: block;

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

  width: 13px;

  height: 12px;

  position: absolute;

  top: 0;

  left: 10px;

  bottom: 0;

  margin: auto;

}



#TEL1, #TEL2, #TEL3 {

  width: 30% !important;

}



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

  color: #fff;

  background: #323648;

  border: 0;

  border-radius: 30px;

}



.tab-nav-list-item {

  width: 25%;

  float: left;

  cursor: pointer;

}



.tab-nav-list-link {

  display: block;

  height: 54px;

  background: #f2f2f2;

  border: 1px solid #d9d9d9;

  border-bottom-color: #42519e;

  font-size: 1.25rem;

  font-weight: 300;

  color: #666;

  line-height: 54px;

  text-align: center;

}



.tab-nav-list-link.on {

  border: 2px solid #42519e;

  border-bottom: none;

  background: #fff;

  font-weight: 700;

  color: #42519e;

}



.tab-area {

  height: 100%;

  position: relative;

}



.tab-area-heading {

  display: block;

  padding: 10px 5px;

  line-height: 1.5;

  background: #f2f2f2;

  border: 1px solid #d9d9d9;

  border-bottom-color: #42519e;

  position: absolute;

  top: 0;

  font-size: 1.25rem;

  font-weight: 400;

  color: #666;

  text-align: center;

  cursor: pointer;

}



.tab-area-heading.on {

  border: 2px solid #42519e;

  border-bottom: none;

  background: #fff;

  font-weight: 900;

  color: #42519e;

}



.tab-area-content {

  display: none;

  padding-top: 54px;

}



.tab-area-content.on {

  display: block;

}



.tab-sub.col-3 .tab-sub-list-item {

  width: calc(33.33% - 4px);

}



.tab-sub.col-3 .tab-sub-list-item:first-child {

  margin-left: 2px;

}



.tab-sub.col-4 .tab-sub-list-item {

  width: calc(24.33% - 4px);

}



.tab-sub.col-4 .tab-sub-list-item:first-child {

  margin-left: 2px;

}



.tab-sub.col-5 .tab-sub-list-item {

  width: calc(20% - 4px);

}



.tab-sub.col-5 .tab-sub-list-item:first-child {

  margin-left: 2px;

}



.field2 {

  width: 242px;

  height: 32px;

  float: right;

  display: block;

}



.field2 .field2-radio {

  display: none;

}



.field2 .field2-radio + .field2-radio-label {

  display: block;

  background: #fff;

  border: 1px solid #d9d9d9;

  color: #666;

  font-size: 0.875rem;

  float: left;

  cursor: pointer;

}



.field2 .field2-radio:checked + .field2-radio-label {

  background: #000;

  color: #fff;

}



.field2 .field2-radiomain + .field2-radiomain-label {

  display: inline-block;

  color: #666;

  font-size: 0.875rem;

  cursor: pointer;

}



.field2 .field2-radiomain:checked + .field2-radiomain-label {

  color: #222;

  font-weight: 900;

}



.field2-division {

  float: left;

}



.field2-division:first-child .field2-radiomain-label:before {

  display: none;

}



.field2-division.col-2 {

  width: calc(100% - 170px);

}



.field2-division.col-2 .field2-radio-label {

  margin-bottom: 4px;

}



.field2-radio-label {

  padding: 0;

  min-width: 120px;

  min-height: 32px;

  border: 1px solid #666;

  color: #000;

  font-size: 1rem;

  font-weight: 600;

  line-height: 30px;

  vertical-align: middle;

  text-align: center;

  box-sizing: border-box;

}



.field2-radio-label.pd10 {

  padding: 0 10px;

}



.field2-group {

  display: block;

  margin-top: 10px;

}



.field2-group label {

  margin-right: 6px;

}



.field2-group:first-child {

  margin-top: 0;

}



.field2-group.big {

  border-left: 1px solid #666;

}



.field2-group.big .field2-radio-label {

  border: 1px solid #666;

  border-left: 0;

  color: #000;

  font-size: 0.875rem;

  vertical-align: middle;

  text-align: center;

  box-sizing: border-box;

  margin-right: 0;

}



.field2-group-tit {

  min-width: 150px;

  margin-right: 20px;

  float: left;

  font-size: 0.875rem;

  font-weight: 900;

  line-height: 28px;

}



.table2 {

  width: 100%;

}



.table2-article {

  position: relative;

  padding-top: 36px;

  width: 100%;

}



.table2-article-box {

  height: 136px;

  overflow: auto;

}



.table2.vt-dark {

  font-size: 0.875rem;

  line-height: 2.6;

}



.table2.vt-dark th {

  font-size: 0.875rem;

  padding: 0;

  line-height: 2.6;

}



.table2.vt-dark td {

  padding: 0;

  line-height: 3.2;

}



.table2 table {

  position: relative;

}



.table2 thead tr {

  position: absolute;

  top: 0;

  display: table-row;

  background-color: #323648;

  width: 100%;

  height: 36px;

}

	

.agreement-bold-underline{

  font-size: 1.05rem;

  font-weight: bold;

  text-decoration: underline;

}



.agreement-bold-blue{

  font-size: 1.05rem;

  font-weight: bold;

  color: blue;

}



p.agreement-bold-blue2{

  font-size: 1.05rem;

  font-weight: bold;

  color: blue;

} 



.agreement-bold-red{

  font-size: 1.05rem;

  font-weight: bold;

  color: red;

}



.agreement-bold-black{

  font-size: 1.05rem;

  font-weight: bold;

  color: #000000;

}



.agreement-normal{

  font-weight: normal;

}



.agreement-title-underline {

  font-size: 1.05rem;

  font-weight: bold;

  text-decoration: underline;

}

.agreement-titles-underline {

  margin-bottom: 7px;

  font-size: 0.875rem;

  text-decoration: underline;

}

.agreement-content {

  font-size: 1.05rem;

}

.agreement-contents {

  font-size: 0.875rem;

}

.agreement-blue {

  color: blue;

  font-size: 1.05rem;

}



.table2 thead th {

  width: 179px;

}





.table2 thead th.wid {

  width: 358px;

}



.table2 thead th:first-child {

  width: 135px;

}



.table2 tbody {

  display: table-row-group;

  height: 300px;

}



.table2 tbody tr {

  height: 100%;

}



.table2 tbody td {

  text-align: center;

}



.table2 tbody td strong.blue {

  color: #4674c9;

}



.table2 tbody td strong.green {

  color: #2c8179;

}



.table2 tbody td strong.yellow {

  color: #ffae44;

}



.table2 tbody td strong.brown {

  color: #dd7714;

}



.table2 tbody td strong.red {

  color: #d43e41;

}



.table-guide {

  position: relative; }



.table-guide-btn {

  display: block;

  float: left;

  padding: 0;

  height: 25px;

  background: 0;

  border: 0;

}



.table-guide-btn-text {

  line-height: 24px;

  height: 25px;

  color: #666666;

  display: block;

  font-size: 1rem;

  float: left;

}



.table-guide-ico {

  float: left;

  margin-left: 10px;

  width: 24px;

  height: 24px;

}



.table-guide-pop-up {

  display: none;

  position: absolute;

  bottom: 30px;

  left: 0;

  background: #fff;

  border: 2px solid #42519e;

  z-index: 99999;

}



.table-guide-pop-up-depth-list {

  display: block;

}



.table-guide-pop-up-list {

  margin-bottom: 20px;

}



.table-guide-pop-up-item {

  margin-left: 15px;

  float: left;

  font-family: spoqa, sans-serif;

  font-weight: 700;

  color: #666666;

}



.table-guide-pop-up-item:first-child {

  width: 100px;

  margin-left: 0;

}



.table-guide-pop-up-item:before {

  content: '';

  display: block;

  width: 24px;

  height: 24px;

  float: left;

  margin-right: 9px;

  border-radius: 50%;

}



.table-guide-pop-up-item.blue:before {

  background: #4674c9;

}



.table-guide-pop-up-item.green:before {

  background: #2c8179;

}



.table-guide-pop-up-item.yellow:before {

  background: #ffae44;

}



.table-guide-pop-up-item.brown:before {

  background: #dd7714;

}



.table-guide-pop-up-item.red:before {

  background: #d43e41;

}



.table-guide-list {

  float: right;

}



.table-guide-item {

  margin-left: 45px;

  float: left;

  font-family: spoqa, sans-serif;



  font-weight: 700;

  color: #666666;

}



.table-guide-item:before {

  content: '';

  display: block;

  width: 24px;

  height: 24px;

  float: left;

  margin-right: 9px;

  border-radius: 50%;

}



.table-guide-item.blue:before {

  background: #4674c9;

}



.table-guide-item.green:before {

  background: #2c8179;

}



.table-guide-item.yellow:before {

  background: #ffae44;

}



.table-guide-item.brown:before {

  background: #dd7714;

}



.table-guide-item.red:before {

  background: #d43e41;

}



.local {

  width: 100%;

}



.local-list {

  border-left: 1px solid #a5a7aa;

  border-right: 1px solid #a5a7aa;

}



.local-list-item {

  width: 16.666%;

  border-right: 1px solid #d9d9d9;

  border-top: 1px solid #d9d9d9;

  float: left;

}



.local-list-item:last-child {

  border-right: none;

}



.local-list-item-link {

  height: 58px;

  display: block;

  background: #fff;

  font-size: 1rem;

  font-weight: 300;

  color: #666;

  text-align: center;

  line-height: 58px;

}



.local-list-item-link.on {

  color: #fff;

  background: #323648;

  border: 0;

  font-weight: 800;

  position: relative;

}





.local-list-item-link.on:after {

  width: 16px;

  height: 16px;

  content: '';

  position: absolute;

  left: 0;

  right: 0;

  margin: auto;

  top: 45px;

  background: #323648;

  z-index: 1;

  transform: rotate(45deg);

}



.local-town {

  padding: 30px 30px 20px;

  border: 1px solid #a5a7aa;

  background: #f2f2f2;

}



.local-town-item {

  width: 12.5%;

  height: 30px;

  float: left;

  border-right: 1px solid #d9d9d9;

  text-align: center;

  margin-bottom: 20px;

}



.local-town-item:nth-child(8n) {

  border-right: none;

}



.local-town-item:last-child {

  border-right: none;

}



.local-town-item-link.on {

  color: #41519e;

  border-bottom: 2px solid #41519e;

  font-weight: 800;

}



.table3 {

  width: 100%;

}



.imgbox {

  width: 100%;

  vertical-align: top;

}



.map-absolute-area {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  margin: auto;

  display: block;

}



.map-departure-congestion01 {

  position: relative;

  background: #f3f4f8;

  width: 100%;

  height: 352px;

}



.map-departure-congestion01 .map-absolute-area {

  width: 439px;

  height: 301px;

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

}



.map-departure-congestion01 .remarks-column-list-item {

  color: #444;

  font-family: spoqa;

  line-height: 1.3rem;

}



.map-departure-congestion01 .remarks-column-list-item:before {

  content: '';

  display: block;

  width: 20px;

  height: 20px;

  float: left;

  margin-right: 9px;

  border-radius: 50%;

  background: #a6b1cc;

}



/* 2018.9.10 추가 */



.map-departure-congestion01 .remarks-column-list-item .blue:before {

  background: #477fc0;

}



.map-departure-congestion01 .remarks-column-list-item .green:before {

  background: #22b5c5;

}



.map-departure-congestion01 .remarks-column-list-item .orange:before {

  background: #f88d00; 

}



.map-departure-congestion01 .remarks-column-list-item .red:before {

  background: #e85756; 

}



/* 2018.9.10 추가 끝 */





.map-departure-congestion01 .remarks-column-list-item + .remarks-column-list-item {

  margin-top: 10px;

}



.map-departure-congestion02 {

  position: relative;

  background: #f3f4f8;

  width: 100%;

  height: 352px;

}



.map-departure-congestion02 .map-absolute-area {

  width: 476px;

  height: 313px;

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

}



.map-departure-congestion02 .remarks-column-list-item {

  color: #444;

  font-family: spoqa;

  line-height: 1.3rem;

}



.map-departure-congestion02 .remarks-column-list-item:before {

  content: '';

  display: block;

  width: 20px;

  height: 20px;

  float: left;

  margin-right: 9px;

  border-radius: 50%;

  background: #a6b1cc;

}



.map-departure-congestion02 .remarks-column-list-item + .remarks-column-list-item {

  margin-top: 10px;

}

/* 2019.01.07 출국장혼잡도 추가 시작*/

.map-departure-congestion01 .remarks-column-list01,.map-departure-congestion02 .remarks-column-list01 {

  position: absolute;

  top: 20px;

  left: 20px;

}

.map-departure-congestion01 .remarks-column-list02,.map-departure-congestion02 .remarks-column-list02 {

  position: absolute;

  bottom: 20px;

  right: 20px;

}

.map-departure-congestion01 .remarks-column-list-item.square:before,.map-departure-congestion02 .remarks-column-list-item.square:before {

  border-radius: 0;

}

.remarks-column-list02 .step1:before,.map-absolute-area .step1 {

  background: #477fc0;

}

.remarks-column-list02 .step2:before,.map-absolute-area .step2 {

  background: #22b5c5;

}

.remarks-column-list02 .step3:before,.map-absolute-area .step3 {

  background: #f88d00;

}

.remarks-column-list02 .step4:before,.map-absolute-area .step4 {

  background: #e85756;

}

.remarks-column-list02 .step5:before,.map-absolute-area .step5 {

  background: #abaeb1;

}

.table-congestion .sub-layer-close {

  display: block;

  width: 20px;

  height: 20px;

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

  border: 0;

  text-indent: -99999em;

  position: absolute;

  z-index: 99999;

  top: 0;

  right: 10px;

  padding: 0;

}

.table-congestion .layer-article {

  margin: -20px 0 !important;

}

.table-congestion .sticker {

  display: inline-block;

  width: 80px;

  padding: 0;

  line-height: 26px;

  color: #222;

  font-size: 0.75rem;

  text-align: center;

}

.table-congestion .sticker.blue {

  background: #beeaff;

}

.table-congestion .sticker.yellow {

  background: #fff1af;

}

.table-congestion .sticker.orange {

  background: #ffddbc;

}

.table-congestion .sticker.red {

  background: #ffa5a5;

}

.table-congestion .table.vt-dark {

  margin-top: 40px;

  font-size: 0.85rem;

}

.table-congestion .table.vt-dark th {

  padding: 10px 0;

  font-size: 0.85rem;

  text-align: center;

}

.table-congestion .table.vt-dark td {

  padding: 10px 0;

  text-align: center;

}

/* 2019.01.07 추가 출국장혼잡도 끝*/

.congestion-mark1-1 {

  position: absolute;

  top: 180px;

  left: 330px;

}



.congestion-mark1-2 {

  position: absolute;

  top: 157px;

  left: 290px;

}



.congestion-mark1-3 {

  position: absolute;

  top: 139px;

  left: 242px;

}



.congestion-mark1-4 {

  position: absolute;

  top: 139px;

  left: 146px;

}



.en .congestion-mark1-4 .congestion-mark-color {

    margin-left: 20%;

}



.congestion-mark1-5 {

  position: absolute;

  top: 157px;

  left: 98px;

}



.congestion-mark1-6 {

  position: absolute;

  top: 180px;

  left: 55px;

}



.congestion-mark2-1 {

  position: absolute;

  top: 179px;

  right: 161px;

}



.congestion-mark2-2 {

  position: absolute;

  top: 179px;

  left: 160px;

}



.congestion-mark-number {

  font-weight: 700;

  line-height: 1.7;

  font-size: 0.75rem;

  text-align: center;

  min-width: 50px;

  height: 25px;

  box-sizing: border-box;

  background: #ffffff;

  border: 2px solid #7d7d7d;

  border-radius: 23px;

  position: relative;

  margin-bottom: 6px;

  z-index: 2;

  padding: 0 3px;

}



.congestion-mark-number:after {

  content: '';

  display: block;

  position: absolute;

  z-index: 2;

  left: 15px;

  bottom: -13px;

  width: 0;

  height: 0;

  border-top: 6px solid #ffffff;

  border-bottom: 8px solid transparent;

  border-right: 8px solid transparent;

  border-left: 8px solid  transparent;

}



.congestion-mark-number:before {

  content: '';

  position: absolute;

  z-index: 1;

  left: 13px;

  bottom: -18px;

  display: block;

  width: 0;

  height: 0;

  border-top: 8px solid #7d7d7d;

  border-bottom: 10px solid transparent;

  border-right: 10px solid transparent;

  border-left: 10px solid  transparent;

}



.congestion-mark-color {

  display: block;

  width: 24px;

  height: 24px;

  border-radius: 50%;

  text-align: center;

  line-height: 24px;

  color: #ffffff;

  margin: 0 auto;

}



.congestion-mark-color.blue {

  background: #4674c9;

}



.congestion-mark-color.green {

  background: #2c8179;

}



.congestion-mark-color.yellow {

  background: #ffae44;

}



.congestion-mark-color.brown {

  background: #dd7714;

}



.congestion-mark-color.red {

  background: #d43e41;

}



.congestion-mark-color.gray {

  background: #bfc8dc;

}



.inner-tab2 {

  display: inline-block;

  position: absolute;

  top: 0;

  right: 0;

}



.inner-tab2 .btn-type-tab {

  box-sizing: border-box;

  min-width: 120px;

  height: 32px;

  padding: 4px 20px;

  border: 1px solid #666;

  color: #444;

  background: #ffffff;

  float: left;

  text-align: center;

  font-size: 0.875rem;

}



.inner-tab2 .btn-type-tab.on {

  border: 0;

  color: #fff;

  background: #222;

}



.inner-tab2 .btn-type-tab + .btn-type-tab {

  margin: 0;

}



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

}



.site-map-heading.site-leave:before {

  width: 40px;

  height: 36px;

  background-position: 0 0;

}



.site-map-heading.site-arrival:before {

  width: 41px;

  height: 36px;

  background-position: -47px 0;

}



.site-map-heading.site-transfer:before {

  width: 33px;

  height: 36px;

  background-position: -97px 0;

}



.site-map-heading.site-traffic:before {



  width: 35px;

  height: 36px;

  background-position: -138px 0;

}



.site-map-heading.site-shopping:before {

  width: 35px;

  height: 36px;

  background-position: -177px 0;

}



.site-map-heading.site-service:before {

  width: 38px;

  height: 36px;

  background-position: 0px -40px;

}



.site-map-heading.site-airport-map:before {

  width: 38px;

  height: 36px;

  background-position: -47px -41px;

}



.site-map-heading.site-customer:before {

  width: 38px;

  height: 36px;

  background-position: -94px -40px;

}



.site-map-heading.site-mypage:before {

  width: 46px;

  height: 36px;

  background-position: -137px -40px;

}





.site-map-list-depth1-item {

  width: 256px;

  float: left;

  text-align: center;

  margin-right: 30px;

}



.site-map-list-depth1-item:last-child {

  margin-right: 0;

}



.site-map-list-depth1-item.wide-row {

  width: 265px;

}



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

  color: #222;

}



.site-map-list-depth2-link:hover {

  color: #41519e;

  font-weight: 900;

}



.digr-incheon-airport-glance01 {

  text-indent: -99999em;

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

  height: 395px;

  margin-top: 0;

}



.digr-incheon-airport-glance02 {

  text-indent: -99999em;

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

  height: 432px;

  margin-top: 0;

}



.digr-terminal-interconnection {

  background: url(/static/ap/images/digr_terminal_interconnection.jpg) no-repeat center;

  height: 379px;

  text-indent: -999em;

}



.ir-technique {

  text-indent: -99999em;

}



.question-wrap {

  border-bottom: 1px solid #d9d9d9;

  margin-bottom: 16px;

  padding-bottom: 20px;

}



.question-wrap.last-question {

  border: 0;

  margin-bottom: 0;

}



.question-num {

  display: inline-block;

  min-width: 63px;

  height: 31px;

  background: #333649;

  color: #fff;

  text-align: center;

  font-size: 1rem;

  padding: 8px;

  margin-right: 14px;

  float: left;

}



.question-txt {

  margin-top: 6px;

  float: left;

}



.question-length {

  text-align: right;

  margin-top: 10px;

}



.layer-text {

  width: 150px;

  height: 50px;

  line-height: 50px;

  padding: 0 10px;

  font-size: 1rem;

  border: 1px solid #d9d9d9;

  box-sizing: border-box;

}



.layer-text-box label {

  display: inline-block;

  width: 21%;

  line-height: 50px;

}



.layer-text-box input {

  width: 75%;

}



.layer-text-box .layer-text {

  width: 119px;

}



.layer-text-box-right label {

  display: inline-block;

  width: 30%;

  line-height: 50px;

}



.layer-text-box-right .timesetting-date-day {

  width: calc(70% - 46px);

}



.layer-text-box-right .timesetting-date-calendar {

  height: 56px;

}



.layer-text-box-right .layer-text {

  width: 150px;

}



.y-scroll {

  max-height: 500px;

  overflow-y: scroll;

}



.rough-map {

  min-height: 420px;

  background-size: cover;

  padding-top: 60px;

}



.rough-map .congestion {

  top: 60px;

  border-left: 0;

}



.rough-map-tit {



  position: absolute;

  top: 0;

  color: #fff;

  font-family: nanumsq, sans-serif;

  font-size: 2.875rem;

  font-weight: 300;

  line-height: 1.1;

}



.rough-map.arrival {

  background: url(/static/ap/images/bg_sub_visual_stepleave.jpg) center no-repeat;

}





.sub-top {

  min-height: 300px;

  height: 300px;

  background-size: cover;

  text-align: center;

}



.sub-top-inner {

  display: table;

  width: 1152px;

  height: 100%;

  margin: auto;

  position: relative;

}



.sub-top-descbox {

  display: table-cell;

  font-family: nanumsq, sans-serif;

  color: #fff;

  font-size: 2.5rem;

  font-weight: 300;

  vertical-align: middle;

}



.en .con_right .sub-top-descbox, .ch .con_right .sub-top-descbox, .ja .con_right .sub-top-descbox  {

  padding: 0 200px;

}



.sub-top-descbox-text {

  line-height: 1.2;

}



.sub-top-descbox-tit {

  font-size: 3.125rem;

}



.sub-top-descbox-tit.small {

  font-size: 2.5rem;

}



.sub-top-descbox-sub {

  font-size: 1.375rem;

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

}



.sub-top-descbox.center { text-align: center;

  display: block;

}



.sub-top-descbox.path-departure {

  text-align: center;

  margin: 0 auto;

  display: block;

}



.sub-top-descbox.airline-city {

  text-align: center;

  margin: 0 auto;

  display: block;

}



.sub-top-descbox.immigration-procedure {

  text-align: center;

  margin: 0 auto;

  display: block;

}



.sub-top-btn-group {

  height: auto;

  margin-top: 28px;

}



.sub-top-btn-group .btn-type-down:first-child {

  margin-right: 14px;

}



.sub-top-linkbox {



  display: block;

  height: 122px;

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

  border: 2px solid rgba(222, 227, 235, 0.6);

  font-size: 1.625rem;



  line-height: 122px;

}



.sub-top-linkbox-text {

  position: relative;

}



.sub-top-linkbox-text:before {

  content: '';

  display: inline-block;

  background: url(/static/ap/images/spr_ico_bgset.png) no-repeat -253px -40px;

  width: 34px;

  height: 34px;

  position: relative;

  top: 8px;

  margin-right: 10px;

}



.sub-top-linkbox .btn-type-small {

  vertical-align: middle;

}



.sub-top.type2 .sub-top-descbox {

  display: block;

  padding-top: 70px;

}



.sub-top.type3 {

  height: 350px;

}



.sub-top.type3 .sub-top-descbox {

  display: block;

  padding-top: 52px;

}



.sub-top.type3 .sub-top-descbox .sub-top-descbox-text .sub-top-descbox-tit {

  font-size: 4.375rem;

}



.sub-top.type3 .sub-top-descbox .sub-top-descbox-text .sub-top-descbox-tit .color-o {

  font-family: roboto, sans-serif;

  font-weight: 300;

}



.sub-top.type3 .sub-top-descbox .sub-top-descbox-text .sub-top-descbox-tit .text-georgia {

  display: inline-block;

  font-size: 6.125rem;

  -moz-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(-10deg, 0deg);

  -webkit-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(-10deg, 0deg);

  -o-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(-10deg, 0deg);

  -ms-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(-10deg, 0deg);

  transform: scale(1) rotate(0deg) translate(0px, 0px) skew(-10deg, 0deg);

}



.sub-top.type3 .sub-top-descbox .sub-top-descbox-text .btn-type-infolink { margin-left: 8px;

  vertical-align: super;

}



.sub-top.type3 .inner-section {

  position: relative;

  height: 100%;

}



.sub-top.type4 {

  height: 420px;



}



.sub-top.type4 .sub-top-descbox .sub-top-descbox-text {

  font-family: roboto, sans-serif;

}



.sub-top.type4 .sub-top-descbox .sub-top-descbox-text:after {

  content: '';



  display: block;

  width: 2px;

  height: 40px;

  background: #fff;

  margin: 20px auto;

}



.sub-top.type4 .sub-top-descbox .sub-top-descbox-text .sub-top-descbox-tit {

  font-size: 5.625rem;

  font-weight: 900;

  line-height: 1;

}



.sub-top.type4 .sub-top-descbox .sub-top-descbox-text .sub-top-descbox-sub {

  display: block;

  font-size: 1.75rem;

}



.sub-top.type4 .sub-top-descbox .sub-top-descbox-text .btn-type-infolink {

  margin-left: 8px;

  vertical-align: super;

}



.sub-top.bg1 {

  background: url(/static/ap/images/bg_base_top01.jpg) center no-repeat;

}



.sub-top.bg2 {

  background: url(/static/ap/images/bg_base_top02.jpg) center no-repeat;

}



.sub-top.bg3 {

  background: url(/static/ap/images/bg_base_top03.jpg) center no-repeat;

}



.sub-top.bg4 {

  background: url(/static/ap/images/bg_base_top04.jpg) center no-repeat;

}



.sub-top.bg5 {

  background: url(/static/ap/images/bg_base_top05.jpg) center no-repeat;

}



.sub-top.bg6 {

  background: url(/static/ap/images/bg_base_top07.jpg) center no-repeat;

}



.sub-top.bg6.type3 {

  height: 420px;

  position: relative;

}



.sub-top.bg6.type3 .sub-top-descbox {



  padding-top: 100px;

}



.sub-top.path-departure {

  background: url(/static/ap/images/bg_sub_visual_path_departure.jpg) center no-repeat;

}





.sub-top.bg7 {

  background: url(/static/ap/images/bg_parking_info.jpg) center no-repeat;

}



.sub-top.bg8 {

  background: url(/static/ap/images/bg_immigration_procedure.jpg) center no-repeat;

}











/* 배경추가 */



.sub-top.bg9 {

  background: url(/static/ap/images/bg_base_top09.jpg) center no-repeat;

}



.sub-top.bg10 {

  background: url(/static/ap/images/bg_base_top10.jpg) center no-repeat;

}



.sub-top.bg11 {

  background: url(/static/ap/images/bg_base_top11.jpg) center no-repeat;

}



.sub-top.bg12 {

  background: url(/static/ap/images/bg_base_top12.jpg) center no-repeat;

}



.sub-top.bg13 {

  background: url(/static/ap/images/bg_base_top13.jpg) center no-repeat;

}



/* 배경추가 끝*/



.sub-top.direction {

  background: url(/static/ap/images/bg_sub_layer_banner_bg_direction.jpg) no-repeat center;

  background-size: cover;

}



.section-bg {

  height: 420px;

  background: url(/static/ap/images/bg_section01.jpg) center no-repeat;

  position: relative;

}



.section-bg.transfer-bg {

  background: url(/static/ap/images/bg_transfer02.jpg) center no-repeat;

}



.section-bg-inner {

  display: table;

  height: 100%;

}



.section-bg-inner.split {

  float: left;

  width: 50%;

}



.section-bg-inner.bgcolor-b {

  background: rgba(66, 81, 158, 0.6);

  padding-left: 108px;

}



.section-bg-contents {

  display: table-cell;

  vertical-align: middle;

}



.section-bg-contents2 {

  display: inline-block;

  float: left;

  margin-left: 40px;

  width:435px;

}



.section-bg-contents3 {

  display: inline-block;

  float: left;

  margin-left: 40px;

  width:385px;

}





.section-bg-contents2 .logo-text {

  font-size: 0.875rem;

  color: #ffffff;

}



.section-bg-list {

  margin-top: 34px;

}



.section-bg-list.col-multi .section-bg-list-item {

  float: none;

  width: 570px;

  margin: auto;

  display: block;

}



.section-bg-list.col-multi .section-bg-list-item .btn-type-small {

  margin-top: 20px;

}



.section-bg-list.col-multi .section-bg-list-item .section-bg-list-inner {

  float: left;

  width: 50%;

  position: relative;

}



.section-bg-list.col-multi .section-bg-list-item .section-bg-list-inner:before {

  content: '';

  display: block;

  background: rgba(255, 255, 255, 0.5);

  width: 1px;

  height: 20px;

  position: absolute;

  top: 0;

  bottom: 0;

  margin: auto;

}



.section-bg-list.col-multi .section-bg-list-item .section-bg-list-inner:first-child:before {

  display: none;

}



.section-bg-list.col-2 {

  display: inline-block;

}



.section-bg-list.col-2 .section-bg-list-item {

  width: 270px;

}



.section-bg-list.col-4 .section-bg-list-item {

  width: calc(25% - 18px);

}



.section-bg-list.col-5 .section-bg-list-item {

  width: calc(20% - 20px);

  padding: 27px 0;

}



.section-bg-list.col-5 .section-bg-list-tit {

  font-size: 1.375rem;



}





.section-bg-list-item {

  float: left;

  display: table;

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

  padding: 27px;

  margin-left: 24px;

  border: 2px solid rgba(222, 227, 235, 0.5);

}



.section-bg-list-item:first-child {

  margin-left: 0;

}



.section-bg-list-inner { display: table-cell;

  vertical-align: middle;

  text-align: center;

}



.section-bg-list-inner .btn-type-small {

  margin-top: 20px;

  min-width: 126px;

}



.section-bg-list-tit {

  font-family: nanumsq, sans-serif;

  color: #fff;

  font-size: 1.625rem;

  font-weight: 300;

}



.section-bg.tour-info {

  background: url(/static/ap/images/bg_tourinfo.jpg);

  height: 510px;

}



.section-bg.airline-city {

  background: url(/static/ap/images/bg_airline_city.jpg);

  height: 240px;

  margin-bottom: 20px;

}



.section-bg.airline-city .section-bg-inner .section-bg-contents .section-bg-head:after {

  margin: 30px auto 0;

}



.section-bg-head {

  display: block;

  font-family: nanumsq, sans-serif;

  color: #fff;

  font-size: 2.875rem;

  font-weight: 300;

  text-align: center;

}



.section-bg-head:after {

  content: '';

  display: block;

  width: 40px;

  height: 2px;

  background: #fff;

  margin: 30px auto;

}



.section-bg-head2 {

  display: block;

  font-family: nanumsq, sans-serif;

  color: #fff;

  font-size: 1.125rem;

  font-weight: 300;

}



.section-bg-head2:after {

  content: '';

  display: block;

  width: 100%;

  height: 1px;

  margin-top: 10px;

  background: #fff;

  opacity: 0.3;



}



.section-bg-desc {

  color: #fff;

  line-height: 1.5;

  text-align: center;

}



.section-bg-desc.left {

  text-align: left;

}



.section-bg-sublist {

  color: #fff;

}



.section-bg-sublist-tit {

  font-size: 1.375rem;

  font-weight: 700;

  margin-top: 20px;

}



.section-bg-sublist-desc {

  padding-top: 8px;

  line-height: 1.5;

}



.section-bg .btn-type-infolink {

  margin-bottom: 30px;

}



.section-bg .contents-sub-head {

  padding: 0 !important;

}



.section-bg .contents-sub-head .clip-white:after {

  margin: 20px auto 0;

}



.section-bg.parking-info {

  background: url(/static/ap/images/bg_parking_info.jpg);

  height: 420px;

}



.section-bg.parking-info .section-bg-inner {

  height: 350px;

}



.top-notice {

  display: inline-block;

  width: 860px;

  margin: 10px 0 0 40px;

  padding-top: 7px;

  border-top: 1px solid rgba(255, 255, 255, 0.3);

}



.top-notice .top-notice-desc {

  color: #fff;

  font-size: 0.825rem;

}



.top-notice .top-notice-desc:before {

  content: '';

  display: inline-block;

  margin-right: 8px;

  background: url(/static/ap/images/ico_notice.png);

  width: 17px;

  height: 12px;

  vertical-align: -1px;

}





/* 2018. 09. 07 추가 */



.en .contents-visual.facilities .top-notice2-desc {

  padding: 0 200px;

}



.top-notice2-desc {

  padding: 10px 0 20px 0;

  margin: 20px 0 20px 0;

  color: #fff;

}



.top-notice2-desc:before {

  content: '';

  display: inline-block;

  margin-right: 8px;

  background: url(/static/ap/images/ico_notice.png);

  width: 17px;

  height: 12px;

  vertical-align: -1px;

}



.search-airline-head .top-notice2-desc {

  padding-top: 0px ;

}







/* 2018. 09. 07 추가 끝 */



/* 2018. 11. 30 추가 */

.top-notice.top-notice3 {

  margin:0;

  border:none;

}

.top-notice.top-notice3 .top-notice-desc {

  font-size: 1rem;

}

/* 2018. 11. 30 추가 끝 */



.inner-tab {

  position: relative;

  top: -54px;

}



.inner-tab-heading {

  border: none;

  background: #3e4b91;

  color: #fff;

}



.inner-tab-heading.on {

  background: #fff;

  color: #42519e;

  font-weight: 800;

}



.boxmodel.parking .boxmodel-list-item .boxmodel-list-item-inner {

  padding: 30px 30px 20px;

}



.boxmodel-list {

  display: table;

  width: 100%;

  margin-bottom: 30px;

}



.boxmodel-list.h-472 {

  height: 497px;

}



.boxmodel-list.h-360 {

  height: 360px;

}



.boxmodel-list.h-327 {

  height: 327px;

}



.boxmodel-list.h-420 {

  height: 420px;

}



.boxmodel-list.h-498 {

  height: 498px;

}



.boxmodel-list.h-520 {

  height: 520px;

}



.boxmodel-list.box-border {

  border-top: 1px solid #dee3eb;

  padding-top: 30px;

}



.boxmodel-list-head {

  font-family: nanumsq, sans-serif;

  font-size: 2.125rem;

  font-weight: 400;

  text-align: center;

  line-height: 1.4;

  /* 터미널도착 */

  /* 탑승수속 */

  /* 수하물 */

  /* 세관신고 */

  /* 출국장 이동 및 입국장 */

  /* 보안검색 */

  /* 출국심사 및 입국심사 */

  /* 인천국제공항 도착 */

  /* 신고서 작성 */

  /* 세관검사 */

  /* 비자 */

  /* 국제운전면허증 */

  /* 버스 */



  /* 콜밴 */

  /* 공항철도 */

  /* 출국 전 준비 new */

  /* 주차대행안내 */

  /* 주차요금안내 */

  /* 주차요금계산기 */

  /* 내차위치찾기 */

  /* 주차장혼잡도보기 */

  /* 주차장안내 */

  /* 환승 - 제1여객터미널에서 환승하기 */

  /* 환승 - 탑승동에서 환승하기 */

  /* 환승 - 제2여객터미널에서 환승하기 */

}



.boxmodel-list-head.small {

  font-size: 1.5rem;

}



.boxmodel-list-head.reverse {

  font-size: 1.75rem;

  /* 임산부 유아 동반 */

  /* 어린이 동반 */

  /* 교통약자 동반 */

  /* 애완동물 동반 */

}



.boxmodel-list-head.reverse:after {

  display: none;

}



.boxmodel-list-head.reverse:before {

  content: '';

  display: block;

  height: 79px;

  margin: 18px auto 0 auto;

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

}



.boxmodel-list-head.reverse.pregnantwoman:before {

  background-position: -587px -118px;

  width: 58px;

}



.boxmodel-list-head.reverse.child:before {

  background-position: -690px -112px;

  width: 58px;

}



.boxmodel-list-head.reverse.traffickingweak:before {



  background-position: -50px -215px;

  width: 55px;



}



.boxmodel-list-head.reverse.pet:before {

  background-position: -171px -216px;

  width: 56px;

}



.boxmodel-list-head:after {

  content: '';

  display: block;

  height: 80px;

  margin: 18px auto 0 auto;

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

}



.boxmodel-list-head.noicon:after {

  display: none;

}



.boxmodel-list-head.arrival:after {

  background-position: -34px -34px;

  width: 88px;

}



.boxmodel-list-head.procedure:after {

  background-position: -158px -34px;

  width: 70px;

}



.boxmodel-list-head.baggage:after {

  background-position: -265px -32px;

  width: 55px;

}



.boxmodel-list-head.customs:after {

  background-position: -359px -36px;

  width: 57px;

  height: 90px;

}



.boxmodel-list-head.leave:after {

  background-position: -453px -29px;

  width: 86px;

}



.boxmodel-list-head.security:after {

  background-position: -570px -28px;

  width: 90px;

}



.boxmodel-list-head.screening:after {

  background-position: -696px -27px;

  width: 51px;

}



.boxmodel-list-head.incheon-arrival:after {

  background-position: -34px -125px;

  width: 88px;

}



.boxmodel-list-head.statement:after {

  background-position: -176px -125px;

  width: 44px;

}



.boxmodel-list-head.examination:after {

  background-position: -274px -125px;

  width: 57px;

}



.boxmodel-list-head.visa:after {

  background-position: -361px -126px;

  width: 57px;

}



.boxmodel-list-head.certification:after {

  background-position: -459px -117px;

  width: 73px;

}



.boxmodel-list-head.bus:after {

  background-position: -270px -217px;

  width: 52px;

}



.boxmodel-list-head.callvan:after {

  background-position: -355px -220px;

  width: 53px;

}



.boxmodel-list-head.airtrack:after {

  background-position: -466px -207px;

  width: 73px;

}



.boxmodel-list-head.departure-ready:after {

  background-position: -583px -210px;

  width: 67px;

}



.boxmodel-list-head.valet-service:after {

  background-position: -698px -207px;

  width: 49px;

}



.boxmodel-list-head.calendar:after {

    background-position: -330px -510px;

    width: 70px;

}



.boxmodel-list-head.time:after {

    background-position: -430px -510px;

    width: 60px;

}



.boxmodel-list-head.parking-fee:after {

  background-position: -55px -319px;

  width: 52px;

}



.boxmodel-list-head.parking-fee-calculator:after {

  background-position: -169px -319px;

  width: 58px;

}



.boxmodel-list-head.parking-charge:after {

  background-position: -694px -413px;

  width: 63px;

}



.boxmodel-list-head.car-position:after {

  background-position: -264px -311px;

  width: 58px;

}



.boxmodel-list-head.parking-congestion:after {

  background-position: -353px -308px;

  width: 56px;

}



.boxmodel-list-head.parking-info:after {

  background-position: -485px -305px;



  width: 39px;

}



.boxmodel-list-head.terminal_first:after {

  background-position: -42px -397px;

  width: 99px;

}



.boxmodel-list-head.terminal_passenger:after {

  background-position: -199px -400px;

  width: 116px;

}



.boxmodel-list-head.terminal-second:after {

  background-position: -365px -408px;

  width: 103px;

}



/* 19.7.31 추가 */



.boxmodel-list-head.terminal-airline:after {

  background-position: -190px -505px;

  width: 130px;

}



.boxmodel-list-head.terminal-t1:after {

  background-position: -565px -295px;

  width: 100px;

}





.boxmodel-list-head.terminal-t2:after {

  background-position: -675px -295px;

  width: 95px;

}



.boxmodel-list-head.terminal-move:after {

  background-position: -25px -505px;

  width: 130px;

}



/* 19.7.31 추가 끝*/



.boxmodel-list-item {

  display: table-cell;

  height: 100%;

  vertical-align: top;

}



.boxmodel-list-item-inner {

  height: 100%;

  padding: 24px 30px 20px;

  background: #fff;

  border: 1px solid #dee3eb;

}



.boxmodel-list-item-inner.color {

  background: #f2f4f7;

}



/* 코비드 20.09.15 추가 */



.boxmodel-list-item-inner.color2 {

  background: #0e1524;

  border: 1px solid #333333;

  padding-bottom: 0px;

}



.boxmodel-list-item-inner.after {

  margin-top: -1px !important;

}



.boxmodel-list-num.covid:before, .boxmodel-list-num.covid:after {

  width: 0;

  background: #333333;

}



.boxmodel-list-num.covid {

  color: #fff; 

  font-size: 2.1rem;

  font-weight: 500;

  line-height: 1.3;

  margin-bottom: 24px;

  border: 1px solid #555555;

  width: 100%;

  margin: 0 auto;

  display: block;

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

  padding:10px;   

}



/* 코비드 20.09.15 추가 끝*/







.boxmodel-list-item-inner.img {

  border: none;

  background-size: cover !important;

}



.boxmodel-list-item-inner.img .boxmodel-btn-group {

  margin-top: 72%;

}



.boxmodel-list-item-inner.img.leave {

  background: url(/static/ap/images/bg_step_leave.jpg);

}



.boxmodel-list-item-inner.img.entry {

  background: url(/static/ap/images/bg_step_entry.jpg);

}



.boxmodel-list-item-inner.img.domestic-interchange_01 {

  background: url(/static/ap/images/bg_domestic_interchange_01.jpg);

}



.boxmodel-list-item-inner.img.domestic-interchange_02 {

  background: url(/static/ap/images/bg_domestic_interchange_02.jpg);

}



.boxmodel-list-item-inner.img.domestic-flights {



  background: url(/static/ap/images/bg_domestic_flights.jpg);

}



.boxmodel-list-item-inner.img .boxmodel-list-head {

  color: #fff;

  font-size: 2.875rem;

  font-weight: 500;

  margin-top: 80px;

}



.boxmodel-list-item-inner.img .boxmodel-list-head:after {

  display: none;

}



.boxmodel-list-item-inner.img .boxmodel-list-desc {

  color: #fff;

  font-size: 1.125rem;

  font-weight: 300;

  text-transform: uppercase;

  margin-top: 6px;

}



.boxmodel-list-item.text-left .boxmodel-list-desc {

  text-align: left;

}



.boxmodel-list-item.text-small {

  color: #444;

  font-size: 1rem;

  letter-spacing: -1px;

}



.boxmodel-list-item.list-end {

  width: 66.66%;

  color: #b7c0ce;

  font-size: 2.225rem;

  text-align: center;

  position: relative;

}



.boxmodel-list-item.list-end .list-end-content {

  line-height: 352px;

}



.boxmodel-list-item.col-full {

  width: 100%;

}



.boxmodel-list-item.col-full .boxmodel-list-item-inner {

  border-right: 0;

  border-left: 0;

}



.boxmodel-list-item.col-1 {

  width: 100%;

}



.boxmodel-list-item.col-1 .leave-check {

  border-right: 0;

  border-left: 0;

  padding: 24px 30px 0;

}



.boxmodel-list-item.col-1 .leave-check .col-btn {

  width: 100%;

  margin-bottom: -2px;

}



.boxmodel-list-item.col-1 .leave-check .col-btn a {

  text-align: center;

  border: 1px solid #f2f4f7;

}



.boxmodel-list-item.col-1 .leave-check .col-btn-link1 {

  float: left;

  width: 20%;

}



.boxmodel-list-item.col-1 .leave-check .col-btn-link2 {

  width: 100%;

}



.boxmodel-list-item.col-1 .leave-check .col-btn-link3 {

  float: left;

  width: 33.33%;

}



.boxmodel-list-item.col-1 .leave-check .col-btn-link4 {

  float: left;

  width: 25%;

}



/* 2018.11.02 추가 */

.boxmodel-list-item.col-1 .leave-check .col-btn-link5 {

  float: left;

  width: 50%;

}

/* 2018.11.02 추가 끝*/



.boxmodel-list-item.col-2 { width: 50%;

}



.boxmodel-list-item.col-2 .boxmodel-list-item-inner {

  margin-right: 12px;

}



.boxmodel-list-item.col-2:last-child .boxmodel-list-item-inner {

  margin-left: 12px;

  margin-right: 0;

}



.boxmodel-list-item.col-3 {

  width: 33.3333333%;

}



.boxmodel-list-item.col-3 .boxmodel-list-item-inner {

  margin-right: 12px;

}



.boxmodel-list-item.col-3:nth-child(2) .boxmodel-list-item-inner {

  margin-left: 12px;

}



.boxmodel-list-item.col-3:last-child .boxmodel-list-item-inner {

  margin-left: 12px;

  margin-right: 0;

}



.boxmodel-list-num {

  display: block;

  position: relative;

  margin-bottom: 30px;

  color: #97a4b9;

  font-family: nanumsq, sans-serif;

  font-weight: 400;

  text-align: center;

  font-size: 1.1rem;

}



.boxmodel-list-num:before, .boxmodel-list-num:after {

  content: '';

  display: block;

  position: absolute;

  top: 0;

  bottom: 0;

  margin: auto;

  width: calc(50% - 40px);

  height: 1px;

  background: #dbdfe6;

}



.boxmodel-list-num:before {

  left: 0;

}



.boxmodel-list-num:after {

  right: 0;

}



.boxmodel-list-support {

  font-size: 1.25rem;

}



.boxmodel-list-desc {

  color: #000;

  line-height: 1.5;

  text-align: center;

}



.boxmodel-list-item.text-left .boxmodel-list-desc {

  text-align: left;

}



.boxmodel-list-item.text-small {

  color: #444;

  font-size: 1rem;

  letter-spacing: -1px;

}



.boxmodel-list-item.col-two-thirs {

  width: 66.66%;

}



.boxmodel-list-item.col-two-thirs .boxmodel-list-item-inner {

  margin-left: 12px;

}



.boxmodel-list-item.col-two-thirs.right .boxmodel-list-item-inner {

  margin-left: 0;

  margin-right: 12px;

}



.boxmodel-list-item.col-1 {

  width: 100%;

}



.boxmodel-list-item.list-end {

  color: #b7c0ce;

  font-size: 2.225rem;

  text-align: center;

  position: relative;

}



.boxmodel-list-item.list-end .list-end-content {

  line-height: 352px;

}



.boxmodel-list-item.col-2 {

  width: 50%;

  line-height: 1.7;



  text-align: center;

}



.boxmodel-btn-group {

  height: 38px;

  margin-bottom: 4px;

  line-height: 38px;

}



.boxmodel-btn-group.col-2 {

  border: 1px solid #d9e0ea;

  border-radius: 4px;

  overflow: hidden;

}



.boxmodel-btn-group.col-2 .boxmodel-btn-link {

  float: left;

  width: 50%; border: none;

  border-radius: 0;

}



.boxmodel-btn-group.col-2 .boxmodel-btn-link:first-child {

  border-right: 1px solid #d9e0ea;

}



.boxmodel-btn-group.row-2 {

  height: 80px;

  line-height: 80px;

}



.boxmodel-btn-group.row-3 {

  height: 66px;

  line-height: 66px;

}



.boxmodel-btn-group.row-3-1 {

  height: 52px;

  line-height: 52px;

}



.boxmodel-btn-groupsub {

  display: block;

  margin: auto;

  background: #f8f8f8;

  border: 1px solid #d9e0ea;

  border-radius: 4px;







  font-size: 1.125rem;

  overflow: hidden;

}



.boxmodel-btn-groupsub-tit {

  display: inline-block;

  width: 100%;

  height: 38px;

  background: #fff;

  border-bottom: 1px solid #d9d9d9;

  line-height: 38px;

  text-indent: 20px;

  font-weight: 600;

}



.boxmodel-btn-groupsub .list2 {

  width: 100%;

  padding: 8px 0 8px 20px;

  line-height: 1.7;

  transition: all .2s;

}



.boxmodel-btn-groupsub .list2-link {

  width: 100%;

  height: 100%;

  text-indent: 0;

  font-weight: 600;

}



.boxmodel-btn-groupsub .list2-link.ico:after {

  left: auto;

  right: 20px;

}



.boxmodel-btn-groupsub .list2-link:hover {

  color: #999;

}



.boxmodel-btn-link {

  display: block;

  position: relative;

  height: 100%;

  margin: auto;

  background: #fff;

  border: 1px solid #d9e0ea;

  border-radius: 4px;

  font-size: 1.125rem;

  font-weight: 600;

  text-indent: 20px;

  transition: all .2s;

}



a.boxmodel-btn-link.ico.arrow-link-right.mt10.size {

    width: 28%;

}



.boxmodel-btn-link2 {

  display: block;

  position: relative;

  height: 100%;

  margin: auto;

  background: #fff;

  border: 1px solid #d9e0ea;

  border-radius: 4px;

  font-size: 1.25rem;

  font-weight: 600;

  text-indent: 20px;

  transition: all .2s;

  width:32%;

  float:left;

}





.boxmodel-btn-link.small {

  font-size: 1rem;



}



.boxmodel-btn-link:hover {

  background: #f2f4f7;

}



.boxmodel-btn-link.ico:after {

  left: auto;

  right: 20px;

}



.boxmodel-btn-link2.ico:after {

  left: auto;

  right: 20px;

}





.boxmodel-btn-link .link-guide {

  color: #666;

  font-size: 1rem;

  vertical-align: 1px;

}



.icontxt {

  display: table;

  width: 100%;

  height: 100%;

}



.icontxt:before {

  content: "";

  display: table;

  width: 155px;

  height: 155px;

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

}



.icontxt-title {

  width: 100%;

  display: table-cell;

  vertical-align: middle;

  height: 100%;

  text-align: center;

  font-family: nanumsq, sans-serif;

  font-size: 1.75rem;

  font-weight: 400;

  line-height: 1.3;

}



.icontxt.icon-check-passport:before {

  background-position: -12px -21px;

}



.icontxt.icon-check-visa:before {

  background-position: -181px -21px;

}



.icontxt.icon-check-mma:before {

  background-position: -518px -21px;

}



.icontxt.icon-check-international-driver-license:before {

  background-position: -349px -21px;

}



.btn-type-infolink {

  height: 50px;

  padding: 0 60px 0 20px;

  line-height: 50px;

  border: 2px solid #fff;

  color: #fff;

  font-size: 1.25rem;

  font-weight: 400;

  cursor: pointer;

}



.btn-type-infolink:hover {

  border-color: rgba(255, 255, 255, 0.4);

  color: #ffae44;

}



.btn-type-infolink:hover:after {

  opacity: .4;

}



.btn-type-infolink.ico {

  text-indent: 0;

}



.btn-type-infolink.ico:after {

  left: auto;

  right: 18px;

}





.btn-type-normal {

  min-width: 222px;

  height: 50px;

  background: #fff;

  padding: 0 45px 0 20px;

  line-height: 50px;

  border: 1px solid #666;

  font-size: 1.125rem;

  text-align: left;

}



.btn-type-normal.point {

  background: #42519e;

  border: 0;

  vertical-align: top;

  color: #fff;

}



.btn-type-normal.pointg {

  background: #3a7e81;

  border: 0;

  vertical-align: top;

  color: #fff;

}





.btn-type-normal.btn3 {

  background-color: #333649;

  color: #fff;

  border: none;

}



.btn-type-normal.arrow-point-right:hover:after {

  right: 16px !important;

}



.btn-type-normal.ico {

  text-indent: 0;

}



.btn-type-normal.ico:after {

  left: auto;

  right: 18px;

  transition: all .4s;

}

#tourSearchBtn.btn-type-normal {

  min-width: 180px;

}

.btn-type-round-under {

  min-width: 198px;

  height: 47px;



  line-height: 47px;

  padding: 0 32px 0 22px;

  background: none;

  border: 2px solid #d9d9d9;

  border-radius: 50px;

  color: #fff;

  font-size: 1.125rem;

  font-weight: 600;

  text-align: left;

  cursor: pointer;

}



.btn-type-round-under:hover {

  border-color: rgba(255, 255, 255, 0.4);

}



.btn-type-round-under:hover:after {

  opacity: .4;



}



.btn-type-round-under.ico {

  text-indent: 0;

}



.btn-type-round-under.ico:after {

  left: auto;

  right: 22px;

}



.btn-type-small {

  min-width: 146px;

  height: 30px;

  background: #fff;

  padding: 0 30px 0 12px;

  line-height: 30px;

  border: 1px solid #d9d9d9;

  border-radius: 50px;

  font-size: 0.875rem;

  font-weight: 400;

  cursor: pointer;

}



.btn-type-small.point {

  background: #f2f2f2;

}



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

  min-width: 100px;

  text-align: center;

}



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

  height: 70px;

  padding: 0 96px 0 20px;

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

  border: 2px solid rgba(242, 244, 247, 0.5);

  color: #fff;



  font-size: 1.5rem;

  font-weight: 600;

  line-height: 70px;

  cursor: pointer;

}



.btn-type-down:hover {

  color: rgba(255, 255, 255, 0.4);

  color: #ffae44;

}



.btn-type-down:hover:after {

  opacity: .5;

}



.btn-type-down.ico {

  text-indent: 0;

}



.btn-type-down.ico:after {

  left: auto;

  right: 16px;

}



.guide-desc {

  display: block;

  color: #666;

  font-size: 1rem;

  line-height: 1.6;

}



.guide-desc.inline {

  display: inline-block;



}



.guide-desc.color {



  color: #d43e41;

}





.guide-desc.mark {

  text-indent: -20px;

  padding-left: 20px;

}



.guide-desc.mark:before {

  content: "※";

}



.guide-desc.mark-center {

  text-indent: 0;

  padding: 0 0;

  text-align: center;

}



.guide-desc.mark2 {

  text-indent: -20px;

  padding-left: 20px;

}



.guide-desc.mark2:before {

  content: "*";

  position: relative;

  top: 4px;

}



.guide-notice {

  display: block;

  color: #666;

  font-size: 1rem;

  line-height: 1.6;

  margin: 20px 0 50px 0;

}



.guide-notice:before {

  content: '';

  display: inline-block;

  margin-right: 8px;

  background: url(/static/ap/images/ico_notice_all.png);

  width: 17px;

  height: 12px;

}

.guide-notice2 {

  display: block;

  color: #666;

  font-size: 1rem;

  line-height: 1.6;

  margin: 20px 0 -20px 0;

}



.guide-notice2:before {

  content: '';

  display: inline-block;

  margin-right: 8px;

  background: url(/static/ap/images/ico_notice_all.png);

  width: 17px;

  height: 12px;

}



.layer-article .guide-notice2 {

  padding-bottom: 20px;

}



.logo-list-item {

  float: left;

  font-size: 0.875rem;

  display: block;

  color: #fff;

  margin-left: 20px;

  /*&:first-child{

      margin-left: 0;

    }

    &.asiana{

      width: 93px;

      background-position: 0 0;

    }

    &.jejuair{

      width: 53px;

      background-position: -108px 0;

    }

    &.jinair{

      width: 67px;

      background-position: -186px 0;

    }

    &.tway{

      width: 30px;

      background-position: -276px 0;

    }

    &.eastar{

      width: 64px;

      background-position: -334px 0;

    }

    &.airseoul{

      width: 76px;

      background-position: -423px 0;

    }

    &.koreanair{

      width: 85px;

      background-position: 0 -27px;

    }

    &.airfrance{

      width: 92px;

      background-position: -98px -28px;

    }

    &.klm{

      width: 28px;

      background-position: -208px -28px;

    }

    &.delta{

      width: 70px;

      background-position: -249px -27px;

    }*/

}



.logo-list-item:first-child {

  margin-left: 0;

}



.ko .logo-list-item:nth-child(6){

  margin-left: 0;

}



.etc-page {

  text-align: center;

  margin-top: 120px;

}



.etc-page-article {

  display: inline-block;

  max-width: 600px;

}



.etc-page-article .btn-type-normal {

  margin-top: 60px;

}



.etc-page-heading {

  font-size: 2.375rem;

}



.etc-page-heading:before {

  display: block;

  content: '';

  width: 154px;

  height: 154px;

  border-radius: 50%;

  margin: 0 auto 40px auto;

}





.etc-page-heading.error:before {



  background: url(/static/ap/images/ico_error.png) center no-repeat #f8f8f8;

}







.etc-page-desc {

  margin-top: 30px;

  font-size: 0.9375rem;

}



.etc-page-link {

  color: #42519e;

}



.bg-include-inner {

  display: table;

  width: 100%;

  height: 100%;



  text-align: center;

  margin-top: 40px;

  border-bottom: 1px solid #323648;

}



.bg-include-video {

  width: 854px;

  height: 480px;

  margin: auto;

  background: #000;

}



.bg-include-video-iframe {

  width: 100%;

  height: 100%;

}



.slide-banner {

  width: 100%;

  margin: auto;

  position: relative;

}



.slide-banner-wrap {

  width: 100%;

  overflow: hidden;

}



.slide-banner-list {

  width: 100%;

  height: 160px;

  margin-top: 40px;

  position: relative;

}



.slide-banner-list-item {

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

}



.slide-banner-list-item .slide-ad01 {

  background: url(/static/ap/images/bg_slide_banner01.jpg) no-repeat center;

}



.slide-banner-list-item .slide-ad02 {

  background: url(/static/ap/images/bg_slide_banner02.jpg) no-repeat center;

}



.slide-banner-list-item .slide-ad03 {

  background: url(/static/ap/images/bg_slide_banner03.jpg) no-repeat center;

}



.slide-banner-list-link {

  display: block;

  width: 33.33%;



  height: 100%;

  color: #fff;

}



.slide-banner-list-desc {

  display: block;

  font-size: 1.625rem;

  line-height: 1;

}



.slide-banner-list-strong {

  font-size: 2.75rem;

}



.slide-banner-list .color-y {

  color: #ffaa20;

}



.slide-banner-list .color-b {

  color: #222222;

}



.slide-banner-btn {

  display: block;

  width: 48px;

  height: 58px;

  border: none;

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

  position: absolute;

  bottom: 0;

  top: 0;

  margin: auto;

}



.slide-banner-btn.slide-left {

  left: 0;

}



.slide-banner-btn.slide-right {

  right: 0;

}





.slide-banner-btn:hover {

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

}



.fix-banner {

  height: 140px;

}



.fix-banner-col {

  width: 50%;

  height: 100%;

  float: left;

  position: relative;

  font-weight: 900;

  color: #666;

}



.fix-banner-col-textgroup {

  position: absolute;

  top: 20px;

  left: 26px;

}



.fix-banner-col-subtit {

  display: block;

  font-size: 1rem;

  text-transform: uppercase;

}



.fix-banner-col-tit {

  display: block;

  margin-top: 6px;

  font-size: 1.75rem;

}



.fix-banner-col-view {

  position: absolute;

  right: 20px;

  bottom: 20px;

  color: #666;

  font-size: 0.875rem;

}



.fix-banner-col .color-g {

  color: #e6cd9c;

}



.fix-banner-col .color-o {

  color: #dd7714;

}





.fix-banner-col .color-w {

  color: #fff;

}



.fix-banner-col.fix-ad01 {

  background: url(/static/ap/images/bg_fix_banner01.jpg) no-repeat;

}





.fix-banner-col.fix-ad02 {

  background: url(/static/ap/images/bg_fix_banner02.jpg) no-repeat;

}



.fix-banner-link {

  display: block;

  width: 100%;

  height: 100%;

}



.fix-banner-img {

  width: 100%;

  vertical-align: bottom;

}



.bg-banner {

  min-height: 220px;

  background-size: cover;

}



.bg-banner .inner-section {

  position: relative;

  height: 100%;

}



.bg-banner-iconlist {

  position: absolute;

  right: 24px;

  top: 80px;

  float: right;

}



.bg-banner-iconlist-item {

  float: left;

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

}



.bg-banner-iconlist-item:first-child {

  border-left: 0;

}



.bg-banner-bgico {

  display: inline-block;

  height: auto;

  margin: 0 30px;

  position: relative;

  line-height: 1.4;

  padding-top: 60px;

  color: #fff;

  font-weight: 700;

}





.bg-banner-bgico:hover {

  opacity: .8;

}



.bg-banner-bgico:after {

  content: '';

  display: block;

  margin: 0 auto 16px;

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

  position: absolute;

  top: 0px;

  right: 0;

  left: 0;

}



.bg-banner-bgico.shopping:after {

  background-position: -169px -38px;

  width: 50px;

  height: 35px;

  left: -10px;

}



.bg-banner-bgico.reservation:after {

  background-position: -169px -38px;

  width: 50px;

  height: 35px;

  left: -10px;

}





.bg-banner-bgico.event:after {

  background-position: -30px -34px;

  width: 44px;

  height: 43px;

}



.bg-banner-bgico.map:after {

  background-position: -102px -35px;

  width: 43px;

  height: 41px;

}



.bg-banner-bgico.survey:after {

  background-position: -30px -113px;

  width: 46px;

  height: 40px;

}



.bg-banner-bgico.poll:after {

  background-position: -30px -113px;

  width: 46px;

  height: 40px;

}



.bg-banner-bgico.coupon:after {

  background-position: -100px -109px;

  width: 54px;

  height: 45px;

}



.bg-banner-bgico.tip:after {

  background-position: -100px -109px;

  width: 54px;

  height: 45px;

}



.bg-banner-tit {

  display: block;

  padding-top: 25px;

  font-family: roboto, sans-serif;

  color: rgba(255, 255, 255, 0.5);

  font-size: 3rem;

  font-weight: 300;

  line-height: 1.1;

}



.bg-banner-tit strong {

  color: #fff;

  font-family: roboto, sans-serif;

  font-size: 5.125rem;

  text-transform: uppercase;

}



.bg-banner-tit .banner-tit-sub {

  display: block;

  font-size: 1.125rem;

  color: #FFF;

  margin-top: 10px;

}



.bg-banner-banner {

  width: 1152px;

  margin: auto;

}



.bg-banner.food {

  background: url(/static/ap/images/bg_shopping.jpg) center no-repeat;

}



.bg-banner.dutyfree {

  background: url(/static/ap/images/bg_shopping_01.jpg) center no-repeat;

}



.bg-banner.shopping {

  background: url(/static/ap/images/bg_shopping_02.jpg) center no-repeat;

}





.bg-banner.transfer {

  min-height: 220px;

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

  background-size: cover;

}



.bg-banner.shuttle { 

  background: url(/static/ap/images/bg_shuttle.jpg) center no-repeat;

  background-size: cover;

}



.bg-banner.transfer.tour {

  min-height: 300px;

  background: url(/static/ap/images/bg_transfer_tour.jpg) center no-repeat;

  background-size: cover;

}



.bg-banner.transfer .tab-sub.col-2, .bg-banner.transfer .tab-sub.col-3 {

  top: 228px

}



.bg-banner.shuttle .tab-sub.col-5 {

  top: 228px

}



/* 입국장 면세점 안내 */

.dutyfree-info {

    margin-bottom: 15px;

}



.en .dutyfree-info:before,.ch .dutyfree-info:before,.ja .dutyfree-info:before {

    content: '※';

}

/* 입국장 면세점 안내 */



.filter {

  position: relative;

}



.filter.on .filter-brand-search-detail {

  display: block;

}



.filter-terminal-search-heading {

  display: block;

  height: 0;

  text-indent: -999em;

}



.filter-terminal-search-depth1 {

  height: 46px;

  margin-bottom: 16px;

  line-height: 46px;

}



.filter-terminal-search-depth1 .input-box {

  float: left;

}



.filter-terminal-search-depth1 .input-box .field-radiomain {

  display: inline-block;

  position: absolute;

  width: 10px;

  height: 10px;

  top: 0;

  left: 0;

}



.filter-terminal-search-depth1 .input-box.base {

  margin-left: 30px;

}



.filter-terminal-search-depth1 .input-box.base label:after {

  top: 0;

}



.filter-terminal-search-depth1 .input-box .field-division:before {

  content: '';

  display: inline-block;

  width: 1px;

  height: 20px;

  background: #d9d9d9;

  margin: 0 18px;

}



.filter-terminal-search-depth1 .input-box .field-division:first-child:before {

  display: none;

}



.filter-terminal-search-depth2 {

  padding: 20px;

  background: #f2f2f2;

  border: 1px solid #d9d9d9;

}



.filter-terminal-search-depth2.off {

  display: none;

}



.filter-brand-search-btn {

  display: inline-block;

  text-align: left;

  text-indent: 10px;

  width: 140px;

  height: 46px;

  line-height: 1;

  border: 1px solid #2c8279;

  background: #1e1e1e;

  position: absolute;

  top: 0;

  right: 0;

  color: #fff;

  font-size: 1rem;

}



.filter-brand-search-btn:after {

  left: auto;

  right: 12px;

}



.filter-brand-search-btn.on:after {

  background-position: -460px -67px;

}



.filter-brand-search-btn:hover {

  background: #333;

}



.filter-brand-search-detail {

  display: none;

  width: 100%;

  background: #fff;

  border: 1px solid #a5a7aa;

  position: absolute;

  top: 45px;

  left: 0;

  z-index: 2;

}



.filter-brand-search-detail-head {

  padding: 20px 30px;

  background: #f2f2f2;

  border-bottom: 1px solid #d9d9d9;

}



.filter-brand-search-detail-close {

  width: 25px;

  height: 25px;

  background: none;

  position: absolute;

  top: 20px;

  right: 20px;

  border: 0;

}



.filter-brand-search-detail-close:hover {

  opacity: .5;

}



.filter-brand-search-detail-result {

  overflow: auto;

  max-height: 194px;

  padding: 20px 30px 40px;

}



.filter-brand-search-detail-result .brand-list-item {

  width: 16%;

  float: left;

}



.filter-brand-search-detail-result .brand-list-link {

  color: #666;

  font-size: 1rem;

}



.filter-brand-search-detail-result .brand-list-link.on {

  color: #000;

  font-weight: 700;

}



.filter-brand-search-detail-result .brand-list-link:hover {

  color: #000;

  font-weight: 700;

}



.filter-brand-search-detail-result:after {

  content: '';

  display: block;

  width: 90%;

  height: 20px;

  background: #fff;

  position: absolute;

  bottom: 0;

  left: 0;

}



.filter-store-search {

  width: 280px;

  height: 46px;

  border-bottom: 1px solid #000;

  position: absolute;

  top: 0;

  right: 150px;

}



.filter-store-search-input {

  width: 100%;

  height: 100%;

  padding-right: 50px;

}



.filter-store-search-input input {

  width: 100%;

  height: 100%;

  border: 0;

  background: none;

  color: #666;



  font-size: 1.125rem;

  font-weight: 300;

  line-height: 46px;

}



.filter-store-search-icon {

  width: 50px;

  height: 100%;

  position: absolute;

  top: 0;

  right: 0;

}



.filter-store-search-icon .ico {

  width: 100%;

  height: 100%;

  border: 0;

  background: none;

}



.filter-store-search-icon .ico:after {

  right: -14px;

}



.filter-option {

  border: 0;

  background: #666;

  text-indent: 0;

  color: #fff;

  font-size: 0.875rem;

  padding: 4px 14px 4px 30px;

  position: absolute;

  bottom: 0;

  right: 0;



  z-index: 4;

}





.filter-option:after {

  right: auto;

  left: 10px;

}



.filter-option:hover {

  background: #777;

}



.filter-option.on:after {

  background-position: -440px -67px;



}



.filter-service-field {

  background: #fff;

  padding: 42px 0 20px 0;

  position: relative;

  border-bottom: 1px solid #000;

}



.filter-service-field.on .field {

  display: none;

}



.field-division.small .field-radiomain-label {

  font-size: 1.25rem !important;

}



.field .field-radio {

  display: inline-block;

  position: absolute;

  width: 10px;

  height: 10px;

  z-index: -999;

}



.field .field-radio + .field-radio-label {

  display: block;

  padding: 5px 10px;

  background: #fff;

  border: 1px solid #d9d9d9;

  color: #666;

  font-size: 0.875rem;

  float: left;

  cursor: pointer;

}



.field .field-radio:checked + .field-radio-label {

  background: #000;

  color: #fff;

  border: 1px solid #000;

}



.field .field-radiomain:focus + .field-radiomain-label {

  display: inline-block;

  color: #666;

  font-size: 1.625rem;

  outline:1px dotted #000 !important;

  z-index:1000;

  cursor: pointer;

}







.field .field-radio:focus + .field-radio-label {

  display: block;

  padding: 5px 10px;

  border: 1px solid #d9d9d9;

  font-size: 0.875rem;

  float: left;

  cursor: pointer;

  outline:1px dotted #000 !important;

  z-index:1000;

}



.field .field-radiomain + .field-radiomain-label {

  display: inline-block;

  color: #666;

  font-size: 1.625rem;

  cursor: pointer;

}



.field .field-radiomain:checked + .field-radiomain-label {

  color: #222;

  font-weight: 900;

}



.field-division {

  float: left;

}



.field-division:first-child .field-radiomain-label:before {

  display: none;

}



.field-division.col-2 {

  width: calc(100% - 170px);

}



.field-division.col-2 .field-radio-label {

  margin-bottom: 4px;

}



.field-group {

  display: block;

  margin-top: 10px;

}



.field-group label {

  margin-right: 6px;

}



.field-group:first-child {

  margin-top: 0;

}



.field-group.brand .field-radio-label {

  padding: 0;

  min-width: 32px;

  min-height: 30px;

  border: 1px solid #666;

  color: #000;

  font-size: 1rem;

  font-weight: 600;

  line-height: 30px;

  vertical-align: middle;

  text-align: center;

  box-sizing: border-box;

}







.field-group.brand .field-radio-label.pd10 {

  padding: 0 10px;

}



.field-group.big {

  margin: 30px 0 20px;

}



.field-group.big .field-radio-label {

  padding: 10px 32px;

  border: 1px solid #666;

  margin-bottom: 10px;

  color: #000;

  font-size: 1.125rem;

  vertical-align: middle;

  text-align: center;

  box-sizing: border-box;

  margin-right: 0;



}



.field-group-tit {

  min-width: 130px;

  margin-right: 20px;

  float: left;

  font-size: 1.25rem;

  font-weight: 900;

  line-height: 28px;

}



.boxmodel2.course .boxmodel2-table-tit {

  width: 154px;

}



.boxmodel2.course .boxmodel2-table-desc {

  width: calc(100% - 154px);

}



.boxmodel2.course .boxmodel2-imggroup {

  width: 368px;

}



.boxmodel2.course .boxmodel2-list-box-split.col-2 {

  width: calc(100% - 368px);

}



.boxmodel2 .boxmodel2-simple-detail {

  padding: 0 30px 30px;

}



.boxmodel2 .boxmodel-hrtour-mark {

  display: inline-block;

  padding: 10px 10px 10px 36px;

  background: #737373;

  border-radius: 50px;

  color: #fff;

  font-size: 0.875rem;

  position: relative;

  bottom: 2px;

}



.boxmodel2 .boxmodel-cost-mark {

  display: inline-block;

  padding: 10px 10px 10px 36px;

  background: #3d6dc5;

  border-radius: 50px;

  color: #fff;

  font-size: 0.875rem;

  position: relative;

  bottom: 2px;

}



.boxmodel2 .boxmodel-persons-mark {

  display: inline-block;

  padding: 10px 10px 10px 36px;

  background: #737373;

  border-radius: 50px;

  color: #fff;

  font-size: 0.875rem;

  position: relative;

  bottom: 2px;

}



.boxmodel2 .boxmodel-hrtour-mark:before {

  content: '';

  display: block;

  width: 20px;

  height: 20px;

  position: absolute;

  top: 0;

  left: 10px;

  bottom: 0;

  margin: auto;

  background: url(/static/ap/images/spr_transfer_ico.png) no-repeat -92px -18px;

}



.boxmodel2 .boxmodel-cost-mark:before {

    content: '';

    display: block;

    width: 20px;

    height: 20px;

    position: absolute;

    top: 0;

    left: 10px;

    bottom: 0;

    margin: auto;

    background: url(/static/ap/images/spr_transfer_ico.png) no-repeat -122px -18px;

}



.boxmodel2 .boxmodel-persons-mark:before {

    content: '';

    display: block;

    width: 20px;

    height: 20px;

    position: absolute;

    top: 0;

    left: 10px;

    bottom: 0;

    margin: auto;

    background: url(/static/ap/images/spr_transfer_ico.png) no-repeat -152px -18px;

}



.boxmodel2-tab-btngroup {

  margin: 24px 0;

  float: right;

}



.boxmodel2-tab-btngroup .ico {

  width: 22px;

  height: 22px;

  display: inline-block;

  border: 0;

  background: none;

  margin-left: 20px;

}



.boxmodel2-tab-btngroup .ico:hover {

  opacity: .8;

}



.boxmodel2-tab-btngroup .ico.view-list.on:after {

  background-position: -401px -189px;

}



.boxmodel2-tab-btngroup .ico.view-thumbnail.on:after {

  background-position: -275px -189px;

}



.boxmodel2-list.simple .boxmodel2-table {

  padding: 6px 0;

}



.boxmodel2-list.simple .boxmodel2-maintit {

  margin-bottom: 10px;

}



.boxmodel2-list.simple .boxmodel2-table-tit {

  width: 56px;



}





.boxmodel2-list.simple .boxmodel2-table-desc {

  width: calc(100% - 56px);

}





.boxmodel2-list-item {

  margin-top: 20px;

  position: relative;

  border: 1px solid #d9d9d9;

}



.boxmodel2-list-item:first-child {

  margin-top: 0;

}



.boxmodel2-list-item .boxmodel2-list-detail {

  display: none;

}





.boxmodel2-list-item.on .boxmodel2-list-detail {

  display: block;

}



.boxmodel2-list-item.on .btn-type-small {

  color: #fff;

  background: #333649;

  border: 0;

  line-height: 1;

}



.boxmodel2-list-item.on .btn-type-small:after {

  background-position: -460px -67px;

}



.boxmodel2-list-item.todclock:after {

  content: '24h';

  position: absolute;

  top: 15px;

  right: 15px;

  display: block;

  width: 40px;

  height: 40px;

  border-radius: 50%;

  line-height: 40px;

  border: 4px solid #d43e41;

  color: #d43e41;

  font-weight: 900;

  text-align: center;

}



/* 상업시설 앨범형 변경_22.07.06*/

.boxmodel2-list.col-3 .boxmodel2-list-item {

  float: left;

  position: relative;

  width: calc(33.33% - 16px);

  height: 520px;

  margin: 0 24px 30px 0;

  overflow: auto;

}



.en #shop_detail.boxmodel2-list.col-3 .boxmodel2-list-item {

  height : 570px;

}



.boxmodel2-list.col-3 .boxmodel2-list-item:nth-child(3n) {

  margin-right: 0;

}



.boxmodel2-list.col-3 .boxmodel2-list-box {

  padding: 0;

}



.boxmodel2-list.col-3 .boxmodel2-list-box-split {

  width: 100%;

}



.boxmodel2-list.col-3 .boxmodel2-list-box-split.col-2 {

  padding: 20px

}



.boxmodel2-list.col-3 .boxmodel2-imggroup {

  width: 100% !important;

  height: 200px;

  overflow: hidden;

}



.boxmodel2-list.col-3 .view-map {

  word-break: keep-all;

}



.boxmodel2-list.col-3 .boxmodel2-table-tit {

  width: 90px;

  float: left;

  font-size: 1rem;

}



.boxmodel2-list.col-3 .boxmodel2-table-desc {

  width: calc(100% - 90px);

  float: left;

  font-size: 1rem;

}



.boxmodel2-list.col-3 .boxmodel2-table {

  width: 100%;

}



.boxmodel2-list.col-3 .boxmodel2-maintit {

  line-height: 130%

}



.boxmodel2-list.col-3 .boxmodel2-table {

  width: 100% !important;

}



.boxmodel2-list.col-3 .boxmodel2-table.w40 {

  border-top: 1px solid #f3f4f8;

}

/* 상업시설 앨범형 변경 끝_22.07.06*/



/* 우수매장 19.05.22 시작 */

.boxmodel2-icon-box {

    position: absolute;

    top: 10px;

    right: 15px;

}

.boxmodel2-icon-box .ic-todclock {

  display: inline-block;

  width: 48px;

  height: 48px;

  border-radius: 50%;

  line-height: 40px;

  border: 4px solid #d43e41;

  color: #d43e41;

  font-weight: 900;

  text-align: center;

}

.boxmodel2-icon-box .ic-bestfnb {

  display: inline-block;

  width: 50px;

  height: 50px;

  margin-left: 10px;

  line-height: 50px;

  text-indent: -9999em;

}

.ko .ic-bestfnb {

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

}

.en .ic-bestfnb {

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

  background-position: -70px 0;

}

.ch .ic-bestfnb {

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

  background-position: -70px 0;

}

.ja .ic-bestfnb {

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

  background-position: -70px 0;

}

/* 우수매장 19.05.22 끝 */



/* 위치보기 버튼 20.08.28 시작 */

.boxmodel2 .view-map {

  padding: 2px 10px;

  font-size: 0.825rem;

  font-weight: 400;

  color: #666;

  border: 1px solid #d9d9d9;

  border-radius: 15px;

  background: #fff;

}



.boxmodel2 .view-map:hover {

  border: 1px solid #4674c9;

  color: #4674c9;

}

/* 위치보기 버튼 20.08.28 끝 */



.boxmodel2-list-box {

  position: relative;

  padding: 15px;

}



.boxmodel2-list-box .btn-type-small {

  position: absolute;

  right: 28px;

  bottom: 24px;

}



.boxmodel2-list-box .imgbox {

  vertical-align: bottom;

}



.boxmodel2-list-box-split {

  float: left;

}



.boxmodel2-list-box-split.col-2 {

  padding-left: 20px;

  width: calc(100% - 300px);

}



.boxmodel2-list-detail {

  background: #f3f4f8;

  border-top: 1px solid #d9d9d9;

  padding: 30px;

}



.boxmodel2-list-detail-split {

  float: left;

}



.boxmodel2-list-detail-split.col-1 {

  width: calc(100% - 596px);

  padding-right: 40px;

}



.boxmodel2-list-detail-split.col-2 {

  width: 596px;

}



.boxmodel2-list-detail-split.col-2 .imgbox {

  vertical-align: top;

}



.boxmodel2-list-tit {

  display: block;

  font-size: 1.5rem;

  font-weight: 900;

  padding-bottom: 10px;

}



.boxmodel2-list-subtit {

  display: block;

  font-weight: 900;

}



.boxmodel2-list-info-tit {

  min-width: 132px;

  margin-right: 20px;

  float: left;

}



.boxmodel2-list .boxmodel2-list-box-split.col-1 .boxmodel2-imggroup {

  width: 300px;

}



.boxmodel2-thumbnail-item {

  width: calc(33.33% - 16px);

  margin: 0 24px 30px 0;

  border: 1px solid #d9d9d9;

  float: left;

  position: relative;

  height: 460px;

}



.boxmodel2-thumbnail-item:nth-child(3n) {

  margin-right: 0;

}



.boxmodel2-thumbnail-link {

  display: block;

  width: 100%;

  height: 100%;

}



.boxmodel2-thumbnail-link:hover .boxmodel2-thumbnail-cover {

  display: block;

  z-index: 3;

}



.boxmodel2-thumbnail-box .imgbox {

  width: 100%;

  vertical-align: top;

  border-bottom: 1px solid #d9d9d9;

}



.boxmodel2-thumbnail-box-split.row-2 {

  padding: 18px 34px;

}



.boxmodel2-thumbnail-box-split.row-2 .boxmodel2-desc {

  font-size: 1rem;

  display: -webkit-box;

  overflow: hidden;

  word-wrap: break-word;

  text-overflow: ellipsis;



  -webkit-line-clamp: 4;

  height: 5.6rem;

}



.boxmodel2-thumbnail-box-split.row-2 .boxmodel2-map-link {

  width: 100%;

  display: block;

  font-size: 0.875rem;

  overflow: hidden;

  text-overflow: ellipsis;

  word-wrap: break-word;

  white-space: nowrap;

}



.boxmodel2-thumbnail-box-split.row-2 .boxmodel2-map-link:before {

  content: '';

  display: block;

  width: 20px;

  height: 1px;

  background: #666;

  margin: 22px 0;

}



.boxmodel2-thumbnail-box-split.row-2 .boxmodel2-map-link:after { display: none;

}



.boxmodel2-thumbnail-cover {

  display: none;

  width: 100%;

  height: 100%;

  background: url(/static/ap/images/ico_thumbnail_hover.png) center no-repeat rgba(0, 0, 0, 0.8);

  position: absolute;

  top: 0;



  left: 0;

  text-align: center;

  z-index: 2;

}



.boxmodel2-thumbnail-cover-text {

  display: block;

  left: 0;

  right: 0;

  bottom: 146px;

  margin: auto;

  position: absolute;

  color: #fff;

}





.boxmodel2-thumbnail .boxmodel2-maintit {

  margin-bottom: 10px;

}



.boxmodel2-map-link:after {

  content: '';

  display: inline-block;

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

  width: 24px;

  height: 24px;

  vertical-align: middle;



  margin-left: 8px;

  position: relative;



  bottom: 1px;

}



.boxmodel2-maintit {

  display: block;

  margin-bottom: 10px;

  font-size: 1.25rem;

  line-height: 1;

  font-weight: 600;

}



.boxmodel2-maintit + .boxmodel2-column {

  border-top: 0;

}



.boxmodel2-column {

  border-top: 1px solid #f3f4f8;

}





.boxmodel2-column.col-2 .boxmodel2-table {

  width: 50%;

  float: left;

}



.boxmodel2-column.col-2 .boxmodel2-table.w60 {

  width: 60%;

}



.boxmodel2-column.col-2 .boxmodel2-table.w40 {

  width: 40%;

}



.boxmodel2-table {

  font-size: 1rem;

  padding: 4px 0;

  text-align: left;

}



.boxmodel2-table-tit {

  width: 100px;

  float: left;

  font-weight: 900;

}



.boxmodel2-table-tit.course:before {

  content: '';

  display: inline-block;

  background: url(/static/ap/images/spr_transfer_ico.png) no-repeat -15px -14px;

  width: 25px;



  height: 25px;

  position: relative;

  top: 7px;

  margin-right: 4px;

}



.boxmodel2-table-tit.scheadule:before {

  content: '';

  display: inline-block;

  background: url(/static/ap/images/spr_transfer_ico.png) no-repeat -50px -14px;

  width: 25px;

  height: 25px;

  position: relative;

  top: 7px;

  margin-right: 4px;

}



.boxmodel2-table-tit.included:before {

  content: '';

  display: inline-block;

  background: url(/static/ap/images/spr_transfer_ico.png) no-repeat -15px -50px;

  width: 25px;

  height: 25px;

  position: relative;

  top: 7px;

  margin-right: 4px;

}



.boxmodel2-table-tit.excluded:before {

  content: '';

  display: inline-block;

  background: url(/static/ap/images/spr_transfer_ico.png) no-repeat -50px -50px;

  width: 25px;

  height: 25px;

  position: relative;

  top: 7px;

  margin-right: 4px;

}



.boxmodel2-table-tit.accommodation:before {

  content: '';

  display: inline-block;

  background: url(/static/ap/images/spr_transfer_ico.png) no-repeat -15px -85px;

  width: 25px;

  height: 25px;

  position: relative;

  top: 7px;

  margin-right: 4px;

}



.boxmodel2-table-desc {

  width: calc(100% - 100px);

  float: right;

}



.boxmodel2-table-desc.text-info {

  font-size: 1rem;

  line-height: 1.2;

  display: -webkit-box;

  overflow: hidden; word-wrap: break-word;

  text-overflow: ellipsis;

  -webkit-line-clamp: 2;

  height: 2.4rem;

}



.boxmodel2-table-desc.icodesc {

  padding-top: 6px;

}



.boxmodel2-desc {

  line-height: 1.4;

}



.boxmodel2-desc p {

  line-height:1.4

}



.boxmodel2-imggroup {

  position: relative;

}



.boxmodel2-imggroup-mark {

  position: absolute;

  top: 0;

  left: 0;

  color: #fff;

  font-size: 0.875rem;

  padding: 4px 10px;

}



.boxmodel2-imggroup-mark.green {

  background: #2c8179;

}



.boxmodel2-imggroup-mark.brown {

  background: #604f3c;

}



.boxmodel2-imggroup-mark.red {

  background: #d43e41;

}



.boxmodel2-imggroup-mark.blue {

  background: #41519f;

}



.boxmodel2-imggroup-mark.gray {

  background: #444;

}



.boxmodel2 .color-lb {

  color: #4674c9;

  margin-right: 10px;

}



.responsive-form-box {

  position: relative;

}





.responsive-form-box-area {

  width: 100%;

  height: 100%;

}



.responsive-form-box.send {

  width: 368px;

  height: 50px;

  padding-right: 58px;

}



.responsive-form-box.send input {

  width: 100%;

  height: 100%;

  box-sizing: border-box;

  border: 1px solid #a5a7aa;

  border-right: 0;

  font-size: 1.125rem;

  line-height: 50px;

  font-weight: 300;

  text-indent: 20px;

}



.responsive-form-box.send .responsive-form-box-btn {

  width: 58px;

  height: 100%;

  border: 0;

  background: #2c8279;

  color: #fff;

  font-size: 0.875rem;



}



.responsive-form-box-hide {

  display: none;

}



.responsive-form-box-btn {

  position: absolute;

  right: 0;

  top: 0;

}



.position-box108 {

  margin-top: -149px;

}



.position-box70 {

  margin-top: -70px;

}



.position-box70 .filter-service-field {

  padding: 30px;

}





.position-box70 .base {

  position: relative;

  top: 1px;

  left: 6px;

}





.position-box70 .base label:after {

  padding-top: 4px;

}



.ft20 {

  font-size: 1.25rem;

  line-height: 1.4;

}



.label-hide {

  position: absolute;

  left: -999em;

  width: 1em;

  overflow: hidden;

}



/*주차요금계산기*/

.calculator {

  width: 100%;

  padding: 20px;

  background: #323648;

}



/*날짜및시간설정*/

.timesetting-date .timesetting-subtit {

  display: block;

  color: #fff;

  font-weight: 700;

  margin-bottom: 10px;

}



.timesetting-date-title {

  line-height: 56px;

  padding-right: 10px;

}



.timesetting-date.f-left, .timesetting-date.f-right {

  min-height: 56px;

}



.timesetting-date-day {

  width: 140px;

  height: 56px;

  padding: 0;

  border: 1px solid #d9d9d9;

  border-right: 0;

  font-size: 1rem;

  padding-left: 10px;

  color: #666;

}



.timesetting-date-calendar {

  width: 46px;

  height: 56px;

  border: 1px solid #d9d9d9;

  border-left: 0;

  background: #fff;

}



.timesetting-date-calendar:after {

  background-position: -99px -96px;

  width: 17px;

  height: 16px;

}



.timesetting-date-calendar + .timesetting-date-option {

  border-left: 0;

}



.timesetting-date-option {

  width: 170px;

  height: 56px;

  background: #fff;

  font-size: 1rem;

  padding-left: 10px;

  border: 1px solid #d9d9d9;

  color: #666;

}



.timesetting-date-option + .timesetting-date-option {

  border-left: 0;

}



.timesetting-dash {

  margin: 0 auto;

  padding-left: 15px;

  text-align: center;

  color: #fff;

  font-size: 1.375rem;

  line-height: 58px;

}

label.TOUR_DATE {

  text-indent: -9999px;

  position: absolute;

}

.guidebox {

  display: table;

  width: 100%;

  height: 200px;

}



.guidebox.col-department {

    height: 100px;

    margin-top: 40px;

}



.guidebox.row-type {

  height: 130px;

}



.guidebox.row-type .row-col-line {

  border: 1px solid #d9d9d9;

  border-right: 0;

  height: 100%;

  padding: 40px;

}



.guidebox.row-type .row-col {

  width: 20%;

}



.guidebox.row-type .col-3 {

  width: 20%;

  border-left: 1px solid #474a5b;

}



.guidebox-col {

  display: table-cell;

  width: 33.33%;

}



.guidebox-col.col-1 {

  padding: 40px 40px 0;

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

  width: 66.66%;

  border-right : 1px solid #d9d9d9;

}



.col-department .guidebox-col.col-2 {

    border: 1px solid #d9d9d9;

    border-left: 0;

    width: 68%;

}



.guidebox-col.col-3 {

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

  height: 264px;

}



.guidebox .guidebox-bottom {

  margin-top: 38px;

  padding-top: 30px;

  border-top: 1px solid #484a5c;

}



.guidebox-tit {

  font-family: nanumsq, sans-serif;

  font-size: 1.25rem;

  font-weight: 600;

  line-height: 1.5;

}



.guidebox-list .list1-item {

  margin-bottom: 8px;

  font-size: 1rem;

}



.guidebox-list .list1-item:last-child {

  margin-bottom: 0;

}



.guidebox-list .list1-item:before {

  font-size: 1.25rem;

  top: -4px;

}



.shop-depart .guidebox-list .list1-item:nth-child(2) > label {

  visibility: hidden;

}



.shop-depart .guidebox-list .list1-item.depart:nth-child(2):before {

  display: none;

}



.guidebox-desc {

  color: #fff;

  font-size: 1.25rem;

  font-weight: 600;

  margin-bottom: 18px;

  white-space: nowrap;

}



.resize {

  width: 365px;

  height: 50px;

}





.pd-resize {

  padding: 8px 20px 7px !important;

}



.btn-center {

  display: table;

  margin: auto;

  padding: 20px 0 60px;

}



.btn-center .btn-type-small {

  min-width: 166px;

  position: absolute;

  right: 0;

}



/*파일 첨부, 주소 검색*/

.user-input {

  width: 957px;

}



.user-input-text {

  width: 800px;

  height: 50px;

  font-size: 1rem;

  border: 1px solid #d9d9d9;

  box-sizing: border-box;

  float: left;

}



.user-input-link {

  min-width: 145px;

  height: 50px;

  line-height: 50px;

  padding: 0 20px;

  background-color: #f2f2f2;

  border: 1px solid #d9d9d9;

  font-weight: 900;

  text-align: center;

  display: inline-block;

}



.user-input-link.small {

  min-width: 84px;

  height: 26px;



  line-height: 26px;

  font-size: 0.8125rem;

  font-weight: 700;

  color: #666;

}



.user-input.id {

  width: 410px;

}



.user-input.id .user-input-text {

  width: 263px;

  padding: 0 10px;

  border-right: 0;

  float: left;

}



.object-list {

  width: 250px;

  height: 50px;

  padding: 0 15px;

  border: 1px solid #d9d9d9;

  font-size: 1rem;

  vertical-align: top;

}



.object-listoption {

  font-size: 1rem;

}



.object-list.email {

  width: 157px;

  margin-right: 8px;

}



.object-list.small {

  width: 150px;

}



.object-list-title {

  line-height: 50px;

  padding: 0 10px;

}



.inquery_sub_code {

  display: inline-block;

}



.search-result-tab .sub-menu-tab-iconlist-item {



  padding: 0 18px;

}



.sub-menu-tab {

  width: 100%;

  border-bottom: 1px solid #d9d9d9;

}



.sub-menu-tab-iconlist {

  display: table;

  margin: auto;

}



.sub-menu-tab-iconlist-item {

  display: table-cell;

  text-align: center;

  padding: 0 15px;

  position: relative;

}



.sub-menu-tab-iconlist-item:after {



  position: absolute;

  top: 0;

  right: 0;

  content: '';

  display: block;

  width: 1px;



  height: 80%;

  background: rgba(217, 217, 217, 0.4);

}



.sub-menu-tab-iconlist-item:first-child {

  margin-left: 0;

}



.sub-menu-tab-iconlist-item:last-child {

  margin-right: 0;

}



.sub-menu-tab-iconlist-item:last-child:after {

  display: none;

}



.sub-menu-tab-iconlist .result-num {

  display: block;

  color: #42519e;

  font-weight: 900;

  margin-top: 6px;

}



.sub-menu-tab-iconlist-link {

  display: inline-block;

  width: 115px;

  padding-bottom: 20px;

  font-family: spoqa, sans-serif;

  font-size: 1rem;

  font-weight: 700;

  line-height: 20px;

  text-align: center;

  vertical-align: top;

}



.sub-menu-tab-iconlist-link:hover::after, .sub-menu-tab-iconlist-link.on::after {

  content: '';

  display: block;

  width: 96px;

  height: 4px;

  background: #323648;

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  margin: auto;

}



.sub-menu-tab-iconlist-link:before {

  content: '';

  display: block;

  margin: 0 auto 19px;

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

}





/* 코비드19 추가 20.08.21 */



.sub-menu-tab-iconlist-link.covid {

  width: 160px;  

}



.sub-menu-tab-iconlist-link.checkin:before {

  background-position: 0 -445px;

  width: 60px;

  height: 60px;

}





.sub-menu-tab-iconlist-link.security:before {

  background-position: -71px -445px;

  width: 60px;

  height: 60px;



}



.sub-menu-tab-iconlist-link.commerce:before {

  background-position: -150px -445px;

  width: 60px;

  height: 60px;

}



.sub-menu-tab-iconlist-link.boarding:before {

  background-position: -225px -445px;

  width: 60px;

  height: 60px;

}



.sub-menu-tab-iconlist-link.quarantine:before {

  background-position: -296px -445px;

  width: 60px;

  height: 60px;

}



.sub-menu-tab-iconlist-link.baggage:before {

  background-position: -365px -445px;

  width: 60px;

  height: 60px;

}



/* 코비드19 추가 끝 20.08.21 */



.sub-menu-tab-iconlist-link.pip01:before {

    background-position: 0 -530px;

    width: 52px;

    height: 52px;}





.sub-menu-tab-iconlist-link.pip02:before {

    background-position: -75px -530px;

    width: 53px;

    height: 52px;}





.sub-menu-tab-iconlist-link.pip03:before {

    background-position: -155px -530px;

    width: 56px;

    height: 52px; }





.sub-menu-tab-iconlist-link.pip04:before {

    background-position: -227px -532px;

    width: 52px;

    height: 52px; }



.sub-menu-tab-iconlist-link.pip05:before {

    background-position: -295px -532px;

    width: 54px;

    height: 52px;

}



.sub-menu-tab-iconlist-link.pip06:before {

    background-position: -365px -532px;

    width: 52px;

    height: 52px;

}



.sub-menu-tab-iconlist-link.question:before {

  background-position: 0 0;

  width: 51px;

  height: 52px;

}



.sub-menu-tab-iconlist-link.question:hover:before, .sub-menu-tab-iconlist-link.question.on:before {

  background-position: 0 -52px;

}



.sub-menu-tab-iconlist-link.appraisal:before {

  background-position: -71px 0;

  width: 42px;

  height: 52px;

}



.sub-menu-tab-iconlist-link.appraisal:hover:before, .sub-menu-tab-iconlist-link.appraisal.on:before {



  background-position: -71px -52px;

}



.sub-menu-tab-iconlist-link.suggestion:before {

  background-position: -250px -163px;

  width: 54px;

  height: 52px;

}



.sub-menu-tab-iconlist-link.suggestion:hover:before, .sub-menu-tab-iconlist-link.suggestion.on:before {

  background-position: -250px -106px;

}



.sub-menu-tab-iconlist-link.phone:before {

  background-position: -193px 0;

  width: 45px;

  height: 52px;

}



.sub-menu-tab-iconlist-link.phone:hover:before, .sub-menu-tab-iconlist-link.phone.on:before {



  background-position: -193px -52px;

}



.sub-menu-tab-iconlist-link.lost-property:before {

  background-position: -248px 0;

  width: 56px;

  height: 52px;

}



.sub-menu-tab-iconlist-link.lost-property:hover:before, .sub-menu-tab-iconlist-link.lost-property.on:before {

  background-position: -248px -52px;

}



.sub-menu-tab-iconlist-link.advisory-panel:before {

  background-position: -319px 0;

  width: 54px;

  height: 52px;

}



.sub-menu-tab-iconlist-link.advisory-panel:hover:before, .sub-menu-tab-iconlist-link.advisory-panel.on:before {

  background-position: -319px -52px;

}



.sub-menu-tab-iconlist-link.damage-relief:before {

  background-position: -386px 0;

  width: 51px;

  height: 52px;

}



.sub-menu-tab-iconlist-link.damage-relief:hover:before, .sub-menu-tab-iconlist-link.damage-relief.on:before {

  background-position: -386px -52px;

}



.sub-menu-tab-iconlist-link:hover, .sub-menu-tab-iconlist-link.on {

  color: #42519e;

  font-weight: 900;

}



.sub-menu-tab-iconlist-link.contact-us:before {

  background-position: 0px -159px;

  width: 52px;

  height: 52px;

}



.sub-menu-tab-iconlist-link.contact-us:hover:before, .sub-menu-tab-iconlist-link.contact-us.on:before {

  background-position: 0px -102px;

}



.sub-menu-tab-iconlist-link.complain:before {

  background-position: -67px -159px;

  width: 50px;

  height: 52px;

}



.sub-menu-tab-iconlist-link.note:before {

  background-position: -385px 0px;

  width: 50px;

  height: 52px;

}



.sub-menu-tab-iconlist-link.note:hover:before, .sub-menu-tab-iconlist-link.note.on:before {

  background-position: -385px -52px;

  width: 50px;

  height: 52px;

}



.sub-menu-tab-iconlist-link.complain:hover:before {

  background-position: -67px -103px;

}



.sub-menu-tab-iconlist-link.airbot:before {

  background-position: -320px -163px;

  width: 50px;

  height: 52px;

}



.sub-menu-tab-iconlist-link.airbot:hover:before {

  background-position: -320px -106px;

}



.sub-menu-tab-iconlist-link.airstar:before {

  background-position: -235px -75px;

  width: 50px;

  height: 52px;

}



.sub-menu-tab-iconlist-link.airstar:hover:before {

  background-position: -235px -75px;

}



.sub-menu-tab-iconlist-link.privacy:before {

  background-position: -129px -161px;

  width: 49px;

  height: 54px;

}



.sub-menu-tab-iconlist-link.privacy:hover:before {

  background-position: -129px -104px;

}





.sub-menu-tab-iconlist-link.delete-member:before {

  background-position: -192px -160px;

  width: 52px;

  height: 54px;

}



.sub-menu-tab-iconlist-link.delete-member:hover:before {

  background-position: -192px -103px;

}



.search-cs-box {

  height: 99px;

  background: #323648;

  position: relative;

}



.search-cs-head {

  display: block;

  line-height: 58px;

  position: absolute;

  top: 50%;

  left: 50%;

  margin: -29px 0 0 -324px;

}



.search-cs-head-title {

  float: left;

  color: #fff;

  font-size: 1rem;

  font-family: spoqa, sans-serif;

  font-weight: 900;

  margin-right: 25px;

}



.search-cs-head.option {

  left: 40%;

}



.search-cs-option {

  width: 200px;

  height: 56px;

  padding: 0 15px;

  color: #666;

  border: 1px solid #666;

  box-sizing: border-box;

  float: left;

  font-size: 1rem;

}



.search-cs-name {

  display: block;

  float: left;

}



.search-cs-name-txt {

  width: 403px;

  height: 56px;

  line-height: 56px;

  padding: 0 15px;

  border: 1px solid #666;

  box-sizing: border-box;

  border-right: 0;

  float: left;

  font-size: 1rem;

}



.search-cs-name-btn {

  width: 62px;

  height: 56px;

  background: #42519e;

  border: none;

  float: left;

}



.search-cs-name-btn:after {

  background-position: -74px -134px;

  width: 22px;

  height: 22px;

}



.heading-level1 {

  margin-bottom: 40px;

  /*  font-family: nanumsq, sans-serif; */

  font-size: 2.375rem;

  font-weight: 300;

}



.heading-level1.center {

  text-align: center;

}



.heading-level1.personal-info-heading {

  float: left;

}



.mb60 {

margin-bottom : 60px;

}



.heading-level2 {



  margin-bottom: 20px;

  font-family: nanumsq, sans-serif;

  font-size: 1.5rem;

  font-weight: 400;

}



.heading-level3 {

  margin-bottom: 20px;

  font-size: 1.25rem;

  font-weight: 700;

  font-family: nanumsq, sans-serif;

}



.heading-level3.bus:before {

  content: '';

  display: inline-block;

  width: 49px;

  height: 50px;

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

  vertical-align: middle;

  margin-right: 8px;

}



.heading-level3.ktx:before {

  content: '';

  display: inline-block;



  width: 49px;

  height: 50px;

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

  vertical-align: middle;

  margin-right: 8px;

}



.inner-col.tpt-arex {

 padding: 0 0 0 12px !important;

}





.inner-col.tpt-incbus {

 margin: -140px 0 0 -12px;

}



.heading-level4 {

  margin-bottom: 20px;

  font-size: 1.125rem;

  font-weight: 700;

  color: #42519e;

}



.btn-type-small.download {

  min-width: 0;

  font-family: spoqa, sans-serif;

  font-weight: 700;

}



.ico.download:after {

  background-position: -68px -98px;

  width: 13px;

  height: 12px;

}



.login1-box {

  height: 232px;

  border: 1px solid #d9d9d9;

  background: #f3f4f8;

  position: relative;

}



.login1-head {

  display: block;

  text-align: center;

}



.login1-head-title {

  margin: 49px 0;

  font-family: spoqa, sans-serif;

  font-weight: 700;

  color: #444444;

}



.login1-name {

  display: inline-block;

  margin: 0 auto;

}



.login1-name-label {

  float: left;

  margin-right: 50px;

  line-height: 58px;

}



.login1-name-txt {

  width: 259px;

  height: 58px;

  line-height: 58px;

  padding: 0 15px;

  border: 1px solid #d9d9d9;

  border-right: 0;

  float: left;

  font-size: 1rem;

}



.login1-name-btn {

  width: 108px;

  height: 58px;

  background: #42519e;

  text-align: center;

  color: #fff;

  font-size: 1.125rem;

  border: none;

  float: left;

}



.search-phone-box {

  height: 98px;

  background: #f2f4f7;

  border: 1px solid #d9d9d9;

  position: relative;

}



.search-phone-head {

  display: block;

  text-align: center;

  width: 100%;

}



.search-phone-head-title {

  display: none;

}



.search-phone-name {

  display: inline-block;

  margin: 19px auto;

}



.search-phone-name-label {

  float: left;

  margin-right: 31px;

  line-height: 58px;

  font-family: spoqa, sans-serif;

  font-weight: 900;

}



.search-phone-name-txt {

  width: 403px;

  height: 56px;

  padding: 0 15px;

  border: 1px solid #666666;

  border-right: 0;

  float: left;

}



.search-phone-name-btn {

  width: 62px;

  height: 58px;

  background: #323648;

  border: none;

  float: left;

}



.search-phone-name-btn:after {

  background-position: -74px -134px;

  width: 22px;

  height: 22px;

}



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

}



.multi-col.line .inner-col, .multi-col.gutter .inner-col {

  padding: 0 12px 0 0;

}



.multi-col.line .inner-col:last-child, .multi-col.gutter .inner-col:last-child {

  padding: 0 0 0 12px;

}



.multi-col.normal-3 .inner-col {

  width: calc(33.33% - 16px) !important;

  margin-left: 24px;

}



.multi-col.normal-3 .inner-col:first-child {

  margin-left: 0;

}



.multi-col {

  position: relative;

}



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

  width: 50%;

}



.multi-col.double .inner-col.w-auto {

  width: auto;

  padding-right: 24px;

}



.multi-col.double .inner-col.w70 {

  width: 70%;

  padding-right: 24px;

}



.multi-col.double .inner-col.w30 {

  width: 30%;

}



.multi-col.double .inner-col.w60 {

  width: 60%;

}



.multi-col.double .inner-col.w40 {

  width: 40%;

  padding-left: 27px;

}



.multi-col.double .inner-col.w55 {

  width: 55%;

}



.multi-col.double .inner-col.w45 {

  width: 45%;

  padding-left: 27px;

}



.multi-col.double .inner-col.w40r {

  width: 40%;

  padding-right: 27px;

}



.multi-col.double .inner-col.w41 {

  width: 41%;

}



.multi-col.double .inner-col.w59 {

  width: 59%;

}



.multi-col.double .inner-col.pl10 {

  padding-left: 15px;

}



.multi-col.double .inner-col.pd0 {

  padding: 0;

}



.multi-col.double .inner-col.w80 {

  width: 80%;

}



.multi-col.double .inner-col.w20 {

  width: 20%;

}



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

  float: right;

}



.multi-col.triple .inner-col {

  width: 33.33%;

}



.multi-col.triple.small .inner-col {

  width: 32.5%;

  margin-right: 13px;

}



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

  margin-right: 0;

}



.multi-col.line:before {

  content: "";

  display: block;

  width: 1px;

  height: 100%;

  background: #d9d9d9;

  position: absolute;

  top: 0;

  left: 50%;

}



.multi-col.log-in {

  border-bottom: 1px solid #d9d9d9;

  padding-bottom: 20px;

}



.log-in .log-in-ex {

    text-align: left;

    display: block;

    font-size: 0.85rem;

    padding-top: 5px;

    color: #666;

}



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

  display: inline-block;

  width: calc(25% - 15px);

  margin-left: 16px;

}



.section-img-list.col-4 .section-img-list-item:first-child {

  margin-left: 0;

}



.section-banner {

  height: 260px;

  padding-top: 65px;

  text-align: center;

  color: #fff;

}



.section-banner-title {

  margin-bottom: 20px;

  font-size: 2rem;

  color: #fff;



}



.section-banner-title .big {

  font-size: 3.125rem;

  line-height: 1;

}



.section-banner-txt {

  margin-bottom: 10px;

}



.section-banner-txt .big {

  font-size: 3.125rem;

  line-height: 1;

}



.section-banner-link {

  border-radius: 30px;

  padding: 0 100px 0 20px;

}



.section-banner.faq1 {

  background: url(/static/ap/images/bg_banner_faq_01.jpg) no-repeat;

}



.section-banner.faq2 {

  background: url(/static/ap/images/bg_banner_faq_02.jpg) no-repeat;

}



.section-banner.commend {

  background: url(/static/ap/images/bg_banner_commend.jpg) no-repeat;

}



.section-banner.wide {

  width: 100%;

}



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

  padding: 26px 0;

  display: block;

  font-size: 1.25rem;

  text-indent: 0;

}



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

}



.borad-view .view-head {

  padding: 25px 30px;

  border-bottom: 1px solid #a5a7aa;

}



.borad-view .view-head-tit {

  display: inline;

  font-size: 1.375rem;

  font-weight: 900;

}



.borad-view .view-head-date {

  display: inline;

  float: right;

}



.borad-view .view-head-info {

  margin-top: 16px;

  font-size: 1rem;

}



.borad-view .view-head-info .info-tit {

  float: left;

  margin-right: 10px;

}



.borad-view .view-head-info .info-desc {

  float: left;

}



.borad-view .view-head-info .info-desc:after {

  content: "";

  display: inline-block;

  width: 1px;

  height: 16px;

  margin: auto 20px;

  background: #d9d9d9;

  vertical-align: middle;

}



.borad-view .view-head-info .info-desc:last-child:after {

  display: none;

}



.borad-view .view-body {

  padding: 30px 30px 70px;

}





.borad-view .view-body h2 {

  margin-bottom: 20px;

  line-height: 1.5;

}



.borad-view .view-body div {

  margin-bottom: 20px;

  line-height: 1.5;

}



.borad-view .view-body p {

  margin-bottom: 20px;

}



.borad-view .view-file {

  border-top: 1px solid #d9d9d9;

  padding: 30px;

}



.borad-view .view-file .file-group-text {

  float: left;

  width: 124px;

  color: #002222;

  font-size: 1rem;

  line-height: 1.7;

}



.borad-view .view-file .file-list {

  float: left;

}



.borad-view .view-file .file-list-link {

  color: #666;

  font-size: 1rem;

}



.borad-view .view-file .crud-ico {

  text-indent: 24px;

}



.borad-view .view-file .crud-ico:after {

  right: auto;

  bottom: 4px;

}



.borad-view .reply-box {

  background: #f2f4f7;

  padding: 40px;

  border: 1px solid #d9d9d9;

  margin-bottom: 30px;

}



.borad-view .reply-box .reply-head {

  margin-bottom: 30px;

}



.borad-view .reply-box .reply-head-tit {

  float: left;



  padding-left: 20px;

  font-weight: 900;

  text-indent: 0;

  line-height: 1;

}



.borad-view .reply-box .reply-head-tit:after {

  right: auto;

}



.borad-view .reply-box .reply-head-info {

  float: right;

  font-size: 1rem;



}



.borad-view .reply-box .reply-head-info .info-tit {

  float: left;

  margin-right: 10px;

  color: #002222;

}



.borad-view .reply-box .reply-head-info .info-desc {

  float: left;

  color: #444;

}



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



}



.borad-view .reply-box .reply-head-info .info-desc:last-child:after {

  display: none;

}



.table.hr.writing td {

  padding: 10px 20px;

  height: 70px;

  line-height: 1;

}



.table.hr.writing td.agreement-offer {

  padding: 25px 20px;

}



.table.hr.writing td.agreement-offer .agreement-offer-title {

    font-size: 1.125rem;

    padding-bottom: 5px;

}



.table.hr.writing td .guide-desc {

  margin-bottom: 10px;

}



.table.hr.small th {

  min-width: auto;

  font-weight: 400;

}



.table.hr.small td {

  padding: 10px;

  font-size: 0.95rem;

}



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

}





.crud-ico.file-hwp:after {

  background-position: -19px -18px;

  width: 14px;

  height: 17px;

}



.crud-ico.file-txt:after {

  background-position: -44px -18px;

  width: 15px;

  height: 17px;

}



.crud-ico.file-img:after {

  background-position: -70px -18px;

  width: 13px;

  height: 17px;

}



.crud-ico.file-xlsx:after {

  background-position: -94px -18px;

  width: 14px;

  height: 17px;













}



.crud-ico.file-ppt:after {

  background-position: -119px -18px;

  width: 14px;

  height: 17px;

}



.crud-ico.file-pdf:after {

  background-position: -144px -18px;

  width: 14px;

  height: 17px;

}



.crud-ico.arrow-reply:after {

  background-position: -19px -56px;

  width: 12px;

  height: 13px;

}





.crud-ico.lock:after {

  background-position: -45px -52px;

  width: 13px;

  height: 17px;

}



.crud-ico.good:after {

  background-position: -52px -89px;

  width: 24px;

  height: 24px;

}



.crud-ico.bad:after {

  background-position: -16px -89px;

  width: 24px;

  height: 24px;

}



.pagenation {

  display: table;

  margin: 0 auto;

}



.pagenation .ico {

  width: 44px;

  height: 44px;

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

  height: 44px;

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

}



.pagenation-list-item:hover .pagenation-list-link {

  color: #fff;

}



.pagenation-list-item.on {

  background: #42519e;

  border: 0;

}



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

  color: #fff;

}



.pagenation-list-link {

  display: block;

  width: 100%;

  height: 100%;

  line-height: 44px;

  text-align: center;

}



.faq-category-list {

  border-top: 2px solid #222;

  border-right: 1px solid #d9d9d9;

  border-bottom: 2px solid #222;

}



.faq-category-list-item {

  width: 20%;

  float: left;

  position: relative;

}



.faq-category-list-item .select-category {

  position: absolute;

}



.faq-category-list-item .select-category-label {

  padding: 10px 20px;

  display: block;

  border-left: 1px solid #d9d9d9;

  border-bottom: 1px solid #d9d9d9;

  cursor: pointer;

}



.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 .select-category:focus + .select-category-label {

    display: block;

    outline: 1px dotted #000 !important;

    z-index: 1000;

    cursor: pointer;

}



.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 탭유형 시작 */

.faq-category-tab {

  clear: both;

  height: 40px;

}

.faq-category-tab .faq-category-list-item {

  float:left;

  border-top: 1px solid #666;

  border-right: 1px solid #666;

  margin-left: -1px;

}



.faq-category-tab-list.tab-7 .faq-category-list-item {

  width: 14.3%;

}



.faq-category-tab .faq-category-list-item .select-category {

  position: absolute;

}



.faq-category-tab .faq-category-list-item .select-category-label {

  padding: 10px 0;

  text-align:center;

  display: block;

  border-left: 1px solid #666;

  border-bottom: 1px solid #666;

  cursor: pointer;

  font-size: 0.95rem;

}



.faq-category-tab .faq-category-list-item .select-category-label.ico {

  text-indent: 0;

}



.faq-category-tab .faq-category-list-item .select-category:checked + .select-category-label {

  background: #222;

  color: #fff;

}



.faq-category-tab .faq-category .select-category:focus + .select-category-label {

  display: block;

  outline: 1px dotted #000 !important;

  z-index: 1000;

  cursor: pointer;

}

/* faq 탭유형 끝 */



.today-box {

  padding: 20px 0;

  background: #f2f4f7;

}



.today-box .praise, .today-box .inconvenience {

  height: 68px;

  line-height: 68px;

  text-align: center;

  position: relative;



}



.today-box .praise-title, .today-box .inconvenience-title {

  font-size: 1.25rem;

  display: block;

}



.today-box .praise-no, .today-box .inconvenience-no {

  font-size: 2.25rem;

  position: relative;

  top: 5px;

}



.today-box .praise-no.red, .today-box .inconvenience-no.red {

  color: #d43e41;

}



.today-box .emoticon:after {

  content: '';

  display: block;

  position: absolute;

  top: 0;

  right: 0;

  left: 0;

  bottom: 0;

  margin: auto;

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

}



.today-box .praise-title:after {

  background-position: -10px -10px;

  width: 50px;

  height: 58px;

  top: 20px;



  left: 150px;

  right: auto;

}



.today-box .inconvenience-title:after {

  background-position: -77px -10px;

  width: 50px;

  height: 58px;

  top: 20px;

  left: 150px;

  right: auto;

}



.user-text {

  width: 250px;

  height: 50px;

  line-height: 50px;

  padding: 0 10px;

  font-size: 1rem;

  border: 1px solid #d9d9d9;

  box-sizing: border-box;

}



.user-text.wide {

  width: 100%;

}



.user-text.height {

  height: 200px;

  padding: 15px;

  line-height: 1.5;

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

}



.user-text.email {

  width: 140px;

  margin-left: 5px;

  margin-right: 5px;

}



.user-text.email-wide {

  width: 85%;

  margin-bottom: 10px;

}



.user-text.direct-input {

  width: 296px;

  height: 40px;

}



.user-text.color-gr {

  background: #f2f2f2;

}



/*파일 첨부, 주소 검색*/

.user-input {

  width: 957px;

}



.user-input-text {

  width: 800px;

  height: 50px;

  font-size: 1rem;

  border: 1px solid #d9d9d9;

  box-sizing: border-box;

  float: left;

}



.user-input-link {

  min-width: 145px;

  height: 50px;

  line-height: 50px;

  padding: 0 20px;

  background-color: #f2f2f2;

  border: 1px solid #d9d9d9;

  font-weight: 900;

  text-align: center;

  display: inline-block;

}



.user-input-link.small {

  min-width: 84px;



  height: 26px;

  line-height: 26px;

  font-size: 0.8125rem;

  font-weight: 700;

  color: #666;

}



.user-input.id {

  width: 410px;

}



.user-input.id .user-input-text {

  width: 263px;

  padding: 0 10px;

  border-right: 0;

  float: left;

}



/*select*/

.object-list {

  width: 250px;

  height: 50px;

  padding: 0 15px;

  border: 1px solid #d9d9d9;

  font-size: 1rem;

  vertical-align: top;

}



.object-listoption {

  font-size: 1rem;

}



.object-list.email {

  width: 157px;

  margin-right: 8px;

}



/*이용일시*/

.timesetting-date.low .timesetting-date-day,

.timesetting-date.low .timesetting-date-option {

  width: 220px;

  height: 50px;

  box-sizing: border-box;

}



.timesetting-date.low .timesetting-date-calendar {

  height: 50px;

}



/*진단센터*/

.timesetting-date.short .timesetting-date-day {

  width: 140px;

  height: 50px;

  box-sizing: border-box;

}



.timesetting-date.short .input-search.btn-covid {

  width: 130px;

  background: #42519e;

  border: 1px solid #d9d9d9;

  border-left: none;

  color: #FFF;

}





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

  .timesetting-date.short {

    display: block;

    width: 100%;

    float: left;

  }

  .timesetting-date.short .timesetting-date-day {

    width: calc(100% - 50px);

    margin: auto;

  }

}



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

  .timesetting-date.short .timesetting-date-day {

    height: 40px;

  }

  .timesetting-date.short .input-search.btn-covid {

    width: 100%;

    height: 40px;

  }

}



/* 만족도조사 시작 */



.customer-rate-box .text-box-headline {

  font-size: 1.125rem;

}

.customer-rate {

  padding-bottom: 10px; 

  width: 100%;

  float: left;

}



.customer-rate .customer-rate-list {

  display: inline-block;

  float: left;

  width: 20%;

}



.customer-rate .rate-radio {

  -webkit-appearance: radio;

  -moz-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: 15%;

  font-size: 0.9375rem;

}



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

  display: inline-block;

  width: 84%;

  height: 30px !important;

  border: 1px solid #d9d9d9;

  box-sizing: border-box;

}



.text-box .rate-btn {

  text-indent: 0;

  height: 70px;

  padding-top: 15px;

  margin-left: 20px;

  background: #42519e;

  border: none;

  color: #fff;

  min-width: 150px;

  line-height: 40px;

  font-weight: 600;

  text-align: left;

}



.customer-rate-box .rate-btn {

  padding-top: 2px;

  font-size: 1.129rem;

}



.text-box .rate-btn.ico:after {

  left: auto;

  right: 18px;

}



.en .customer-rate .rate-area {

  font-size: 0.825rem;

}

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

  width: 35%



}

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

  width: 65%;

}

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

  width: 18%;

}

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

  width: 23%;

}



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

  width: 25%

}

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

  width: 75%;

}





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

    .customer-rate-box {

      width: 100%;

      clear: both;

    }

    .text-box .rate-btn {

      width: 100%;

      text-align: center;

      height: 40px;

      padding: 0 15px;

      margin-left: 0;

    }

 }



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



    .search-box-btn.h50 {

    height: 50px !important;

    }



    .customer-rate-box .inner-col {

      width: 100% !important;

      float: none;

      margin-top: 20px;  

    }

    .customer-rate-box .text-box-headline {

      font-size: 1rem;

    }

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

      line-height: 1rem !important;

      padding-top: 5px;

      font-size: 0.75rem;

    }

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

      width: 21% !important;

    }

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

      width: 18% !important;

    }

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

      width: 17% !important;

    }

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

      width: 20% !important;

    }

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

      width: 24% !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;

    }

}



/* 만족도조사 끝 */





/*글상자*/

.text-box {

  width: 100%;

  border: 1px solid #d9d9d9;

  padding: 30px;

}



.text-box-headline {

  font-weight: 700;

  font-family: nanumsq, sans-serif;

}





.text-box-headline-col {

  margin-bottom: 20px;

}



.text-box .headline-ico {

  float: left;

  margin-right: 10px;

  width: 20px;

  height: 20px;

}



.text-box .headline-ico:after {

  width: 20px;

  height: 20px;

  background-position: -275px -135px;

}



.text-box-col {

  width: 50%;

  float: left;

}



.text-box-right {

  margin-left: 18px;

}



/*글상자*/

.text-left {

  text-align: left;

}



.text-right {

  text-align: right;

}



.text-right .left {

  text-align: left;

}



.text-center {

  text-align: center;

}



.font18 {

  font-size: 1.125rem;

}



.font20 {

  font-size: 1.25rem;

}



.font26 {

  font-size: 1.625rem;

}



/*글작성 필수아이콘*/

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

}



button, a {

  cursor: pointer;

}



.relief {

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

  width: 1151px;

  height: 591px;

}



.relief .ir-technique {

  text-indent: -99999em;

}



.lost-found .ir-technique {

  text-indent: -99999em;

}



.lost-found .lost-box {

  width: 50%;

  height: 698px;

}



.lost-found .lost-box.found {

  float: left;

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

}



.lost-found .lost-box.belongings {

  float: left;

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

}



.step-member {

  width: 100%;

  height: 59px;

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

  text-indent: -99999em;

}



.step-member.step-1 {

  background-position: center 0;

}



.step-member.step-2 {

  background-position: center -69px;

}



.step-member.step-3 {

  background-position: center -138px;

}



.step-member.step-4 {

  background-position: center -207px;

}



.step-member.step-5 {

  background-position: center -276px;

}



/*회원가입*/

.join-service {

  width: 100%;

  margin-bottom: 50px;

  text-align: center;

  display: block;

}



.join-service-list {

  display: inline-block;

}



.join-service-list-item {

  width: 214px;

  height: 214px;

  margin: 0 20px 50px 0;

  padding-top: 160px;

  float: left;

  font-size: 1rem;

  position: relative;

  background: #f6f7fa;

  border-radius: 50%;

  color: #333649;

}



.join-service-list-item:last-child {

  margin-right: 0;

}



.join-service-list-item.two {

  padding-top: 138px;

  line-height: 1.5;

}



.join-service-list-item:before {

  content: '';



  display: block;

  position: absolute;

  top: 0;

  right: 0;

  left: 0;

  bottom: auto;

  margin: auto;

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

}



.join-service-list-item.sms:before {

  background-position: -10px -10px;

  width: 214px;

  height: 214px;

}



.join-service-list-item.lost:before {

  background-position: -246px -10px;

  width: 214px;

  height: 214px;

}



.join-service-list-item.tour:before {

  background-position: -482px -10px;

  width: 214px;

  height: 214px;

}



.join-service-list-item.cs:before {

  background-position: -710px -10px;

  width: 214px;

  height: 214px;

}



.join-service-list-item.application:before {

  background-position: -950px -10px;

  width: 214px;

  height: 214px;

}



.join-agree-article {



  border-bottom: 1px solid #d9d9d9;

  padding: 30px 20px;

}



.join-agree-all {

  padding: 30px 20px 0;

}



/*

.join-membership .password-change {

  width: 100px;

  display: inline-block;

}

*/



.join-membership .password-find {

  width: 140px;

  display: inline-block;

}



.join-ipin-btn {

  margin-top: 60px;

  text-align: center;

}



.join-ipin-btn .btn-type-normal {

  width: 355px;

}



.join-ipin-btn-simple {

  margin-top: 5px;

}



.join-ipin-btn-simple .btn-type-normal {

  width: 177px;

  padding: 10px 15px;

}



.join-step-btn {

  margin-top: 40px;

  text-align: center;

}



.join-step-btn .btn-type-normal {

  min-width: 176px;



}



.join-step-btn .btn-type-normal.left {

  padding: 0 20px 0 45px;

  text-align: right;

}



.join-step-btn .btn-type-normal.left.ico:after {

  left: 18px;

  right: auto;

}





.join-step-procedure {

  height: 315px;

  padding: 40px;



  border-bottom: 1px solid #d9d9d9;

  position: relative;

  display: block;

}



.join-step-procedure-ico {

  padding-top: 130px;

  text-align: center;

}



.join-step-procedure-ico:before {

  content: '';

  display: block;

  position: absolute;

  top: 0;

  right: 0;

  left: 0;

  bottom: auto;

  margin: auto;

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

}



.join-step-procedure-ico.finish:before {

  background-position: -122px -10px;

  width: 112px;

  height: 96px;

  top: 40px;

}





.join-step-procedure-ico.certification {

  margin-top: 30px;

  position: relative;



  display: block;

}



.join-step-procedure-ico.certification:before {

  background-position: -12px -13px;

  width: 90px;

  height: 90px;

}



.btn-tab .btn-type-tab {

  min-width: 115px;

  height: 40px;

  border: 1px solid #666; border-right: 0;

  color: #444;

  float: left;

  text-align: center;

  background: #fff;

  box-sizing: border-box;

}



.btn-tab .btn-type-tab.on {

  color: #fff;

  background: #222;

  border: 1px solid #222;

  border-right: 0;

}



.btn-tab .btn-type-tab + .btn-type-tab {

  margin: 0;

}



.btn-tab .btn-type-tab:last-child {

  border-right: 1px solid #666;

}



/*약관*/

.agreement-box {

  width: 100%;

  height: 148px;

  padding: 20px 15px;

  overflow-y: auto;

  background: #f5f6f7;

  border: 1px solid #e2e5e9;

}



.agreement-box-title {

  font-size: 0.99rem;

  margin-bottom: 10px;

  font-weight:700;

}



.agreement-box-txt {

  font-size: 1rem;

  color: #666;

  margin-bottom: 20px;

}





/*k-pop*/

.kpop-step {

  margin-top: 35px;

}



.kpop-step-list {

  padding-left: 30px;

}



.kpop-step-list-item {

  float: left;

  display: inline-block;

  position: relative;

  text-indent: -999em;

  font-size: 0;

}



.kpop-step-list-item:before {

  content: '';

  display: block;

  width: 116px;

  height: 116px;

  margin: 0 auto;

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

}



.kpop-step-list-item.step1:before {

  background-position: -10px -12px;

}



.kpop-step-list-item.step2:before {

  background-position: -191px -12px;

}



.kpop-step-list-item.step3:before {

  background-position: -371px -12px;

}



.kpop-step-list-item.step4:before {

  background-position: -552px -12px;

}



.kpop-step-list-item.step5:before {

  background-position: -731px -12px;

}



.kpop-step-list-item.step6:before {

  background-position: -912px -12px;

}



.kpop-step-list-item + .kpop-step-list-item {

  margin-left: 60px;

}



.kpop-step-list-item:after {

  content: '';

  display: block;

  position: absolute;

  width: 10px;

  height: 19px;

  top: 0;

  right: auto;

  left: 140px;

  bottom: 0;

  margin: auto;

  background: url(/static/ap/images/spr_ico_step_kpop.png) -154px -61px no-repeat;

}



.kpop-step-list-item:last-child:after {



  background: none;

}





.kpop-transport-list {

  margin-top: 17px;

}



.kpop-transport-list-item {

  display: inline-block; position: relative;

  padding-left: 45px;

  line-height: 1.5;

}



.kpop-transport-list-item:before {

  content: '';

  position: absolute;

  width: 35px;

  height: 36px;

  top: 4px;

  left: 0;

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

}



.kpop-transport-list-item.metro:before {

  background-position: -13px -10px;

}



.kpop-transport-list-item.bus:before {

  background-position: -13px -65px;

}



.kpop-transport-list-item + .kpop-transport-list-item {

  margin-left: 80px;

}



.digr-way-bus {

  border: 1px solid #d9d9d9;

  padding: 40px 40px 20px;

}



.digr-way-bus .guide-desc {

  padding: 50px 0 20px;

}



.digr-way-bus-tit {

  font-size: 1.125rem;

  font-weight: 600;

  float: left;

  width: 90px;

}



.digr-way-bus-list {

  float: left;

  width: calc(100% - 90px);

  margin: 12px 0;

}



.digr-way-bus-list:before {

  content: '';

  display: block;

  height: 3px;

  width: 100%;

  background: #d9d9d9;

  margin-bottom: 10px;

}





.digr-way-bus-list-item {

  float: left;

  position: relative;

  width: 33.33%;

}



.digr-way-bus-list-item.t1 {

  text-align: center;

}



.digr-way-bus-list-item:first-child:before {

  right: auto;

}





.digr-way-bus-list-item:last-child {

  text-align: right;

}



.digr-way-bus-list-item:last-child:before {



  left: auto;

}





.digr-way-bus-list-item.t2:before {

  background: #68aac6;

}



.digr-way-bus-list-item.t1:before {

  background: #6787cf;

}



.digr-way-bus-list-item:before {

  content: '';

  display: inline-block;

  width: 12px;

  height: 12px;



  border-radius: 50%;

  background: #595757;

  position: absolute;

  top: -17px;

  left: 0;

  right: 0;

  margin: auto;

}



.digr_way1 {

  text-indent: -999em;

  width: 562px;

  height: 275px;

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

}



.digr_way2 {

  text-indent: -999em;

  height: 416px;

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

  border: 1px solid #d9d9d9;

}



/* 셔틀버스 시작 20.07.02 */



.multi-col.double .inner-col.w40r {

  width: 40%;

  padding-right: 27px;

}



.headline-shuttle-route {

  text-align: center;

  border-top: 2px solid #444444;

  border-bottom: 1px solid #d9d9d9;

  background: #f3f4f8;

  font-size: 1rem;

  padding: 20px 0;

}



.area-shuttle-route {

  max-height: 600px;

  overflow-y: auto;

  border-bottom: 1px solid #444444;

}



.item-shuttle-route .item-route {

  padding: 10px 20px 10px 50px;

  border-bottom: 1px solid #d9d9d9;

  position: relative;

}



.item-shuttle-route .item-route:last-child {

  border-bottom: none;

}



.item-shuttle-route .item-route:before {

  content: "";

  display: block;

  width: 1px;

  height: 100%;

  background: #d9d9d9;

  position: absolute;

  top: 0;

  left: 25px;

}



.item-shuttle-route .item-route:after {

  content: "";

  display: block;

  width: 17px;

  height: 17px;

  position: absolute;

  top: calc(50% - 9px);

  left: 18px;

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

}



.item-shuttle-route .item-route.on a {

  font-size: 1.025rem;

  font-weight: 600;

  color: #42519e;

}



.item-shuttle-route .item-route.on:after {

  content: "";

  display: block;

  width: 30px;

  height: 25px;

  position: absolute;

  top: calc(50% - 10px);

  left: 15px;

  background: url(/static/ap/images/spr_ico_shuttle.png) no-repeat -24px 0;

}



.headline-shuttle-routenow {

  text-align: center;

  background: #323648;

  padding: 20px 0;

  height: 55px;

  color:#fff;

}



.headline-shuttle-routenow .now-route {

  font-size: 1.25rem;

  display: inline-block;

}





.headline-shuttle-routenow .pre-route {

  display: inline-block;

  width: 20%;

  font-size: 1rem;

  font-weight: normal;

  vertical-align: top;

  position: relative;

}



.headline-shuttle-routenow .pre-route:after {

  content: ">";

  display: block;

  position: absolute;

  top: 0;

  right: -10px;

}



.headline-shuttle-routenow .pre-route.none:after {

  display: none;

}



.headline-shuttle-routenow .next-route {

  display: inline-block;

  width: 20%;

  font-size: 1rem;

  font-weight: normal;

  vertical-align: top;

  position: relative;

}



.headline-shuttle-routenow .next-route:after {

  content: ">";

  display: block;

  position: absolute;

  top: 0;

  left: -10px;

}



.headline-shuttle-routenow .next-route.none:after {

  display: none;

}



.shuttle-route-select {

  width: calc(100% - 60px);

  border: none;

  height: 37px;

  margin-top: -11px;

  border: 1px solid #272a3a;

  font-size: 1rem;

}



.shuttle-route-select-btn {

  width: 37px;

  height: 37px;

  vertical-align: top;

  margin-top: -11px;

  border: 1px solid #272a3a;

  background: #466fb7;

}



.shuttle-route-select-btn:hover {

  background: #272a3a;

}



.ico.shuttle-route-select-btn:after {

  background-position: -67px -128px;

  width: 35px;

  height: 35px;

}



.area-shuttle-timeline {

  overflow: auto;	

}



.table.shuttle th {

  border-bottom: 1px solid #d9d9d9;

  background: #f3f4f8;

  line-height: 1.4;

  font-size: 0.9rem;

  font-weight: 700;

  vertical-align: middle;

}



.table.shuttle td {

  border-bottom: 1px solid #d9d9d9;

  line-height: 1.4;

  font-size: 0.9rem;

  font-weight: 500;

  vertical-align: middle;

  padding: 10px 0 10px 20px;

}



.table.shuttle-timeline {

  width: 50%;



  float: left;

}



.table.shuttle-timeline.week th:first-child {

  border-left: none;

}



.table.shuttle-timeline th {

  border-bottom: 1px solid #d9d9d9;

  border-left: 1px solid #d9d9d9;

  background: #f3f4f8;

  line-height: 1.4;

  font-size: 0.8rem;

  font-weight: 500;

  vertical-align: middle;

  padding: 3px 0;

}



.table.shuttle-timeline.holi th {

  background: #f8f5f3;

}



.table.shuttle-timeline tbody th {

  font-size: 0.9rem;

  font-weight: bold;

}



.table.shuttle-timeline td {

  border-bottom: 1px solid #d9d9d9;



  border-left: 1px solid #d9d9d9;

  line-height: 1.4;

  font-size: 0.9rem;

  font-weight: 500;

  vertical-align: middle;

  padding: 0 5px;

  height: 29px;

  width: calc(100% - 40px);

}



.table.shuttle-timeline .shuttle-min>li {

  display: inline-block;

  margin: 0 6px;

}



.suttle-time {

  line-height: 1.5 !important;

}



/* 셔틀버스 _ 1080px */

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

  .area-shuttle-route {

    height: 400px;

  }

  .area-shuttle-timeline {

    height: auto;

    border-bottom: 1px solid #444444;

  }

  .table.shuttle-timeline .shuttle-min>li {

    margin: 0 5px;

  }

  .table.shuttle-timeline td {

    height: 20px;

  }

  .item-shuttle-route .item-route, .item-shuttle-route .item-route.on a {

    font-size: 0.9rem;

  }

}



/* 셔틀버스 _ 640px */

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

  .headline-shuttle-route {

    padding: 10px 0;

    font-size: 0.9rem;

  }

  .area-shuttle-route {

    height: 400px;

  }

  .headline-shuttle-routenow .pre-route, .headline-shuttle-routenow .next-route {

    display: none;

  }

  .headline-shuttle-routenow .now-route {

    width: 100%;

    font-size: 1rem;

  }

  .shuttle-route-select-btn {

    width: 40px;

    height: 40px;

  }

  .area-shuttle-timeline {

    overflow: scroll;

    position: relative;

  }

  .table.shuttle-timeline {

    width: 270px;

  }

  .table.shuttle-timeline.holi {

    position: absolute;

    left: 270px;

  }

  .table.shuttle-timeline tbody th {

    width: 12%;

  }

  .item-shuttle-route .item-route, .item-shuttle-route .item-route.on a {

    font-size: 0.85rem;

  }

  .item-shuttle-route .item-route:before {

    left: 9px;

  }

  .item-shuttle-route .item-route:after {

    left: 2px;

  }

  .item-shuttle-route .item-route.on:after {

    left: 0;

  }

  .item-shuttle-route .item-route {

    padding-left: 25px;

  }

}

/* 셔틀버스 끝 */



.sub-menu-tab-iconlist-link.contact-us:before {

  background-position: 0px -159px;

  width: 52px;

  height: 52px;

}



.sub-menu-tab-iconlist-link.contact-us:hover:before { background-position: 0px -102px;

}



.sub-menu-tab-iconlist-link.complain:before {

  background-position: -67px -159px;

  width: 50px;

  height: 52px;

}



.sub-menu-tab-iconlist-link.complain:hover:before, .sub-menu-tab-iconlist-link.complain.on:before {

  background-position: -67px -103px;

}



.mypage-pagenation {

  margin-top: 40px;

  margin-bottom: 60px;

}



.mypage-text-box {

  width: 1152px;

  height: 171px;

  margin: 0 auto;

}



.complain-arrow {

  right: -931px;

  width: 190px;

  height: 50px;

  margin-bottom: 60px;

}



.sub-menu-tab-iconlist-link.complain:before {

  background-position: -67px -159px;

  width: 50px;

  height: 52px;

}



.sub-menu-tab-iconlist-link.complain:hover:before {

  background-position: -67px -103px;

}



.sub-menu-tab-iconlist-link.privacy:before {

  background-position: -129px -161px;

  width: 49px;

  height: 54px;

}



.sub-menu-tab-iconlist-link.privacy:hover:before, .sub-menu-tab-iconlist-link.privacy.on:before {

  background-position: -129px -104px;

}



.search-customer-text.privacy-text {

  width: 50%;

}



.select-link.privacy-link {

  width: 131px;

  height: 50px;



  font-size: 1rem;

  padding: 0 10px;

  border: 1px solid #d9d9d9;

}



.sub-menu-tab-iconlist-link.privacy:before {

  background-position: -129px -161px;

  width: 49px;

  height: 54px;

}



.sub-menu-tab-iconlist-link.privacy:hover:before {

  background-position: -129px -104px;

}



.sub-menu-tab-iconlist-link.delete-member:before {

  background-position: -192px -160px;

  width: 52px;

  height: 54px;

}



.sub-menu-tab-iconlist-link.delete-member:hover:before, .sub-menu-tab-iconlist-link.delete-member.on:before {

  background-position: -192px -103px;

}



.user-text.privacy-text {

  width: 403px;

  height: 50px;

}



.password-change {

  font-size: 1rem;

  width: 150px;

  display: inline-block;

}



.password-change-text1 {

  width: 290px;

  height: 50px;

}



.password-change-text2 {

  width: 290px;

  height: 50px;

}



.view-info-pw {

  margin-left: 10px;

}



.password-info {

  font-size: 0.875rem;

  color: #666;

}



.find-info-list {

  margin: 10px 0;

  display: inline-block;

}



.find-info-item {

  float: left;

  position: relative;

}



.find-info-item:first-child {

  padding-right: 10px;

}



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

  content: '';

  display: block;

  width: 1px;

  height: 15px;

  position: absolute;

  top: 4px;

  right: 0;

  background: #666;

}



.find-info-link {

  font-size: 1rem;

  color: #444;

}



.find-info-link.pw {

  padding-left: 10px;



}



.sign-in {

  padding-bottom: 20px;

}



.sign-in-title {

  font-size: 1.125rem;

  color: #444;

}



.sign-in-txt {

  font-size: 1rem;

  color: #444;

}



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

}





.sign-in-col1 {

  float: left;

}



.sign-in-col2 {

  float: left;

}



.contents.border {



  border-bottom: 1px solid #b7c0ce;

}



.route-list-item {

  height: 60px;

  position: relative;

  margin-bottom: 2px;

}



.route-list-item .multi-col .route-list-item .route-name {

  width: 40%;

}



.route-list-item .multi-col .route-list-item .route-desc {

  width: 60%;

}



.route-list-item .multi-col .route-list-item.moving .route-desc {

  line-height: 1.4;

  font-size: 1rem;

  padding-top: 9px;

  letter-spacing: -1px;

}



.route-list-item:after {

  content: "";

  display: block;

  width: 4px;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

}



.route-list-item.double-row {

  height: 122px;

}



.route-list-item.double-row .route-name {

  height: 122px;

  line-height: 122px;

}



/* 코비드19 추가 20.9.7 */





.route-list-item.double-row-h {

  height: 90px;

}



.route-list-item.double-row-h .route-name {

  height: 90px;

  line-height: 90px;

}



.route-list-item.double-row-h .route-desc {

  height: 90px;

  line-height: 90px;

}



.en .route-list-item.double-row-h {



  height: 90px;

}



.en .route-list-item.double-row-h .route-name {

  height: 90px;

  line-height: 90px;

}



.en .route-list-item.double-row-h .route-name.lh {

  line-height: normal;

  padding-top: 25px;

}



.en .route-list-item.double-row-h .route-desc {

  height: 90px;

  line-height: 90px;

}



.en .route-list-item.double-row {

  height: 122px;

}



.en .route-list-item.double-row .route-name {

  height: 122px;

  line-height: 122px;

}



.en .route-list-item.double-row .route-desc {

  height: 122px;

  line-height: 122px;

}



.route-list-item.treble-row {

height : 172px;

}



.route-list-item.treble-row .route-name {

height : 172px;

line-height : 172px;

}



.route-list-item.treble-row .route-desc {

height : 172px;

line-height : 172px;

}



.en .route-list-item.treble-row {

height : 172px;

}



.en .route-list-item.treble-row .route-name {

height : 172px;

line-height : 172px;

}



.en .route-list-item.treble-row .route-desc {

height : 172px;

line-height : 172px;

}



/* 코비드19 추가 완료 20.9.7 */



.route-list-item.double-row .route-name .move {

  top: 50%;

  transform: translateY(-50%);

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

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

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

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

}



.route-list-item.double-row .route-desc {

  height: 122px;

  line-height: 122px;

}



.route-list-item.general:after {

  background: #a87b50;



}



.route-list-item.departure:after {

  background: #132d5b;

}



.route-list-item.moving:after {

  background: #b34b58;

}



.route-list-item.tax-free:after {

  background: #6182c0;

}



.route-list-item.tax-free2:after {

  background: #bfdfe0;

}



.route-list-item.arrival:after {

  background: #42519e;

}



.route-list-item .route-name {

  width: 20%;

  height: 60px;

  padding-left: 25px;

  border-top: 1px solid #d9d9d9;

  border-bottom: 1px solid #d9d9d9;

  border-right: 1px solid #d9d9d9;

  float: left;

  font-size: 1.25rem;

  font-weight: 700;

  line-height: 60px;

  position: relative;

}



/* 코비드19 추가 20.8.19 */



.route-list-item .route-name.covid {

  width: 30%;

}



.route-list-item .route-desc.covid {

  width: 70%;

}



/* 코비드19 추가 끝 20.8.19 */



.route-list-item .route-name .move {

  font-size: 0.85rem;

  font-weight: 400;

  position: absolute;

  top: 10px;

  right: 20px;

  line-height: normal;

  padding-bottom: 16px;

}



.route-list-item .route-name .move:after {

  content: "";

  display: block;

  width: 0;

  height: 0;

  position: absolute;



  top: 19px;



  left: 2px;

}



.route-list-item .route-name .move.general:after {

  border-top: 14px solid #a97c50;

  border-left: 10px solid transparent;

  border-right: 10px solid transparent;

}



.route-list-item .route-name .move.departure:after {

  border-top: 14px solid #132d5b;

  border-left: 10px solid transparent;

  border-right: 10px solid transparent;

}



.route-list-item .route-name .move.tax-free:after {

  border-top: 14px solid #6182D1;

  border-left: 10px solid transparent;

  border-right: 10px solid transparent;

}



.route-list-item .route-name .move.tax-free2:after {

  border-top: 14px solid #bfdfe0;

  border-left: 10px solid transparent;

  border-right: 10px solid transparent;

}



.route-list-item .route-name .move.moving:after {

  border-top: 14px solid #b34b58;

  border-left: 10px solid transparent;

  border-right: 10px solid transparent;

}



.route-list-item .route-desc {

  width: 80%;

  height: 60px;

  padding-left: 33px;

  border-top: 1px solid #d9d9d9;

  border-bottom: 1px solid #d9d9d9;

  border-right: 1px solid #d9d9d9;

  float: left;

  font-size: 1.125rem;

  line-height: 60px;

}



.route-list-item .route-desc.small {

  font-size: 1rem;

  line-height: 1.4;

  padding: 9px 33px 0;

}



/* 코비드19 추가 20.8.19 */

.route-list-item .route-desc.small.text2 {

    line-height: 1.7;

    padding: 20px 33px;

}



.route-list-item .route-desc.small.text3 {

    padding: 14px 22px 22px 33px;

}



.route-list-item .route-name.covid.lh {

  line-height : normal; 

  padding-top : 10px;

}



.covid-text {

 font-size:1rem;

 display: table-cell;

 padding-left : 20px;

}



/* 코비드19 추가 끝 20.8.19 */





section.cargo .table-like.vt-dark .flight-wrap {

  border: 0;

}



.flight-info-basic-airline img {

  width: 120px;

  height: 40px;

}



.vt-dark.even td img {

  width: 120px;

  height: 40px;

}



.vt-dark.even td:nth-child(7) img, .vt-dark.even td:nth-child(8) img {

  width: auto;

  height: auto;

}



.vt-dark.even td:nth-child(7) img, .vt-dark.even td:nth-child(9) img {

    width: auto;

    height: auto;

}



.vt-dark.even td:nth-child(7) img:hover, .vt-dark.even td:nth-child(8) img:hover {



  opacity: .5;

}



.vt-dark.even td:nth-child(7) img:hover, .vt-dark.even td:nth-child(9) img:hover {

  opacity: .5;

}



.table-like {

  display: table;

  width: 100%;

}



.table-like caption {

  display: none;

}



.table-like.vt-dark .caption-like {

  display: none;

}



.table-like.vt-dark .codeshare-wrap {

  margin-top: 10px;

  border: 1px solid #999;

  border-left: 0;

}



.table-like.vt-dark .codeshare-wrap .flight-info-basic-link:first-child {

  border-top: 1px solid #999;

}



.table-like.vt-dark .codeshare-wrap .flight-info-basic-link:last-child .td-like {

  border-bottom: 0;

}



.table-like.vt-dark .codeshare-wrap .flight-info-basic-link .td-like:last-child {

  border-right: 0;

}



.table-like.vt-dark .flight-wrap {

  margin-top: 10px;

  border: 1px solid #999;

}



.table-like.vt-dark .flight-wrap .flight-info-basic-link .td-like {

  border-top: 0;

  border-bottom: 0;

}



.table-like.vt-dark .flight-wrap .flight-info-basic-link.cargo-brd .td-like {

  border-right: 1px solid #f2f4f7;

  border-top: 1px solid #999;

  border-bottom: 1px solid #999;

}



.table-like.vt-dark .flight-wrap .flight-info-basic-link.cargo-brd .td-like:last-child {

  border-right: 1px solid #999;

}



.table-like.vt-dark .flight-wrap .flight-info-basic-link .td-like:last-child {

  border-right: 0;

}



.table-like.vt-dark .tr-like.first {

  border-top: 0;

}



.tr-like.flight-info-basic{

    display: block;

}



.table-like.vt-dark .tr-like.codeshare {

  position: relative;

  margin-top: -1px;

  display: block;

}



.table-like.vt-dark .tr-like.codeshare:first-child .td-like {

  border-top: 1px solid #999;

}



.table-like.vt-dark .tr-like.codeshare .ico-codeshare {

  z-index: 2;

  position: absolute;

  left: 23px;

  top: 50%;

  margin-top: -8px;

  display: block;

  text-indent: -999em;

  font-size: 0;

}



.table-like.vt-dark .tr-like.codeshare .ico-codeshare:before {

  content: '';

  display: block;

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

  background-size: 8px 18px;

  width: 8px;

  height: 18px;

}



.table-like.vt-dark .tr-like.not-changed .time-changed {

  display: block;

  height: 60px;

  line-height: 60px;

}





.table-like.vt-dark .tr-like.not-changed .ico-codeshare {

  top: 50%;

  margin-top: -9px;

}



.table-like.vt-dark .tr-like.flight-info-detail .td-like {

  height: 185px;

  border: 0;

  position: relative;

}



.table-like.vt-dark .tr-like.flight-info-detail .td-like:after {

  height: 124px;

  content: "";

  display: block;

  border-left: 1px solid rgba(255, 255, 255, 0.15);

  position: absolute;

  top: 35px;

  right: 0;

}



.table-like.vt-dark .tr-like.flight-info-detail .td-like:nth-child(3):after {

  display: none;

}



.table-like.vt-dark .tr-like.flight-info-detail .td-like.share-close {

  border-left: 1px solid rgba(255, 255, 255, 0.15);

}



.table-like.vt-dark .th-like {

  display: table-cell;

  padding: 18px 0 16px;

  border-right: 1px solid #474a5b;

  background: #323648;



  font-size: 1rem;

  font-weight: 400;

  color: #fff;

  text-align: center;

  vertical-align: middle;

}



.table-like.vt-dark .th-like:last-child {

  border-right: 0;

}



.table-like.vt-dark .th-like.half {

  padding: 12px;

}



.table-like.vt-dark .th-like.sub {

  padding: 6px 0 8px;

  border-top: 1px solid #212535;

  border-right: 1px solid #212535;

  background: #4d5164;

  font-size: 0.875rem;

}



.table-like.vt-dark .th-like.sub:last-child {

  border-right: 0;

}



.table-like.vt-dark .td-like {

  display: table-cell;

  padding: 19px 20px 16px;

  line-height: 1.4;

  border-right: 1px solid #f2f4f7;

  border-top: 1px solid #d9d9d9;

  border-bottom: 1px solid #d9d9d9;

  vertical-align: middle;

}



.table-like.vt-dark .td-like.center {

  text-align: center;

}



.table-like.vt-dark .td-like:last-child {

  border-right: 1px solid #d9d9d9;

}



.table-like.vt-dark .td-like .btn-newsflash {

  display:inline-block;

  width: 30px;

  height: 30px;

  border: 0;

  background: #fff;

  text-indent: -999em;

  background: url(/static/ap/images/ico_mobile_sms.png) 50% no-repeat;

}



.table-like.vt-dark .td-like .btn-newsflash:hover {

  opacity: 0.5;

}



.table-like.vt-dark .td-like.share-close {

  padding: 0;

}



.table-like.vt-dark .td-pop {

  display: none;

  height: 185px;

  position: absolute;

  top: 0;

  right: 0;

  z-index: 10;

}



.table-like.vt-dark .td-pop.on {

  display: block;

}



.table-like.vt-dark .td-pop-close-btn {

  display: block;

  width: 21px;

  height: 21px;

  padding: 0;

  background: none;

  border: none;

  position: absolute;

  top: 15px;

  right: 15px;

  z-index: 1;

  cursor: pointer;

}



.table-like.vt-dark .td-pop-close-btn.ico:after {

  background-position: -145px -191px;

  width: 21px;

  height: 21px;

}



.table-like.vt-dark .td-pop-close-btn:hover {

  opacity: .5;

}



.flight-info-basic-link {

  cursor: pointer;

  display: block;

  outline: 1px solid transparent;

}



.flight-info-basic-link:hover > .td-like {

  background: #fafafa;

}



.flight-info-basic-link .flight {

  text-align: center;

}



.flight-info-basic-status {

  position: relative;

}



.flight-info-basic-status .time-changed {

  font-size: 1.5rem;

}



.flight-info-basic-status .time-due {

  font-size: 0.875rem;

  color: #4f73bc;

  text-decoration: line-through;

}



.flight-info-basic-status:after {

  content: "";

  display: block;

  width: 4px;

  height: calc( 100% + 2px);

  position: absolute;

  top: -1px;

  left: 0;

}



.flight-info-basic-status.departure:after, .flight-info-basic-status.boarding-closed:after, .flight-info-basic-status.type-dark:after {

  background: #323648;

}



.flight-info-basic-status.delay:after, .flight-info-basic-status.type-red:after {

  background: #d43e41;

}



.flight-info-basic-status.boarding-on:after, .flight-info-basic-status.type-blue:after {

  background: #42519e;

}



.flight-info-basic-status.boarding-closing:after, .flight-info-basic-status.type-cyan:after {

  background: #2c8179;

}



.flight-info-basic-status.boarding-ready:after, .flight-info-basic-status.type-gray:after {

  background: #a5a7aa;

}



.flight-info-basic-status.type-chekopen:after {

  background: #2c982c;

}



.flight-info-basic-status.type-chekclose:after {

  background: #ad4638;

}



.flight-info-basic-status.type-boready:after {

  background: #6c7295;

}



.flight-info-basic-status.type-boclose:after {

  background: #994265;

}



.flight-info-basic-status.type-start:after {

  background: #4b8fe4;

}



.flight-info-basic-status.type-cancle:after {

  background: #a3a3a3;

}



.flight-info-basic .situation-info {

  width: 76px;

  height: 28px;

  margin: 0 auto;

  line-height: 29px;

  display: block;

  color: #fff;

  font-size: 0.875rem;

  border-radius: 5px;

}



.flight-info-basic .situation-info.delay, .flight-info-basic .situation-info.type-red {

  background: #d43e41;

}



.flight-info-basic .situation-info.boarding-on, .flight-info-basic .situation-info.type-blue {

  background: #42519e;

}



.flight-info-basic .situation-info.boarding-closing, .flight-info-basic .situation-info.type-cyan {

  background: #2c8179;

}



.flight-info-basic .situation-info.type-chekopen {

  background: #2c982c;

}



.flight-info-basic .situation-info.type-chekclose {

  background: #ad4638;

}



.flight-info-basic .situation-info.type-boready {

  background: #6c7295;

}



.flight-info-basic .situation-info.type-boclose {

  background: #994265;

}



.flight-info-basic .situation-info.type-start {

  background: #4b8fe4;

}



.flight-info-basic .situation-info.type-cancle {

  background: #a3a3a3;

}



.flight-info-basic-no-result {

  width: 100% !important;

  height: 89px;

  line-height: 89px;

  border: 1px solid #d9d9d9;

}



.flight-info-basic-no-result.center {

  text-align: center;

}



.flight-info-detail {

  display: none;

  height: 185px;

  background: url(/static/ap/images/bg_flight_info_detail_bg.jpg) no-repeat;

  position: relative;

}



.flight-info-detail.on {

  display: block;

}



.flight-info-detail-heading-title {

  color: #fff;

  font-weight: 900;

  float: left;

}



.flight-info-detail-heading-title .view-way {

  margin-left: 10px;

  padding: 4px 10px;

  font-size: 0.75rem;

  font-weight: 400;

  position: relative;

  bottom: 3px;

  color: #fff;

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

  border-radius: 20px;

}



.flight-info-detail-heading-title .view-way:hover {

  border: 1px solid #ffae44;

}



.flight-info-detail-heading-desc {

  font-size: 0.875rem;

  color: #fff;

  float: right;

  margin-top: 5px;

}



.flight-info-detail-heading-desc .strong {

  color: #ffae44;

}



.flight-info-detail-airline {

  text-align: center;

  padding-top: 20px;

  background: url(/static/ap/images/ico_airplane_arrow_departure.png) 50% 30px no-repeat;

}



.flight-info-detail-airline .flight-info-detail-country {

  color: #ffae44;

  font-size: 1rem;

}



.flight-info-detail-airline .flight-info-detail-date {

  color: #999;

  font-size: 0.75rem;

  margin-top: 5px;

}



.flight-info-detail-airline.arrival {

  background: url(/static/ap/images/ico_airplane_arrow_arrival.png) 50% 40px no-repeat;

}



.flight-info-detail-way {

  margin-top: 30px;

}



.flight-info-detail-way .way-list {

  display: block;

}



.flight-info-detail-way .way-list-item {

  min-width: 66px;

  text-align: center;

  float: left;

}



.flight-info-detail-way .way-list-item-heading {

  line-height: 1.2;

  font-size: 0.8125rem;

  color: #ccc;

  display: block;

}



.flight-info-detail-way .way-list-item-content {

  padding: 0 19px;

  font-size: 1.25rem;

  color: #fff;

  display: block;

}



.flight-info-detail-way .way-list-item.ico {

  text-indent: 0;

}



.flight-info-detail-way .way-list-item.ico:after {

  background-position: -147px -63px;

  width: 22px;

  height: 22px;

  left: auto;

  right: -10px;

  top: auto;

  bottom: 0;

}



.flight-info-detail-way .way-list.arrival .way-list-item {

  margin-right: 25px;

}



.flight-info-detail-way .way-list.arrival .way-list-item.ico:after {

  right: -25px;

}



.flight-info-detail-way.pop {

  background: #323648;

  display: block;

  margin: 0 auto;

  text-align: center;

}



.flight-info-detail-way.pop-title {

  color: #ffae44;

  font-size: 1.125rem;

  float: left;

  margin-bottom: 30px;

}



.flight-info-detail-way.pop .display-inline {

  display: inline-block;

}



.flight-info-detail-way.pop .way-list {

  margin: 20px 10px 20px 50px;

  display: inherit;

}



.flight-info-detail-way.pop .way-list-item {

  font-size: 0.8125rem;

  color: #ccc;

}



.flight-info-detail-way.pop .way-list-item-content {

  padding: 0 10px;

  display: inline-block;

}



.flight-info-detail-way.pop .way-list-item.ico:after {

  right: -30px;

}



.flight-info-detail-way.pop .way-list-item + .way-list-item {

  margin-left: 60px;

}



.flight-info-detail-dest {

  color: #fff;

}



.flight-info-detail-dest .dest-weather {

  margin-top: 25px;

  float: left;

}



.flight-info-detail-dest .dest-weather-img {



  float: left;

}



.flight-info-detail-dest .dest-weather-temp {

  width: 120px;

  float: left;

  font-size: 1.75rem;

}



.flight-info-detail-dest .dest-weather-temp .min-temp {

  float: left;

}



.flight-info-detail-dest .dest-weather-temp .celsius {

  font-size: 0.75rem;

  position: relative;

  top: -8px;



}



.flight-info-detail-dest .dest-date {

  margin-top: 25px;

  font-size: 0.875rem;

  text-align: center;

  float: right;

}



.flight-info-detail-share {

  display: block;

  width: 100%;

  height: 93px;

  background: none;

  border: none;

  line-height: 145px;

  color: #999;

  font-size: 0.75rem;

  cursor: pointer;

  text-align: center;

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

}



.flight-info-detail-share:hover:after {

  opacity: .5;

}



.flight-info-detail-share.ico {

  text-indent: 0;

}



.flight-info-detail-share.ico:after {

  background-position: -37px -185px;

  width: 32px;

  height: 32px;

  margin-top: 25px;

}



.flight-info-detail-close {

  display: block;

  width: 100%;

  height: 93px;

  background: none;

  border: none;

  cursor: pointer;

  text-align: center;

}



.flight-info-detail-close:hover {

  opacity: 0.5;

}



.flight-info-detail-close.ico:after {

  background-position: -95px -188px;

  width: 25px;

  height: 25px;

}



.flight-info-detail-sns {

  width: 206px;

  height: 185px;

  padding: 27px 18px 23px;

  background: #fff;

  border-right: 1px solid #d9d9d9;

  border-bottom: 1px solid #d9d9d9;

}



.flight-info-detail-sns .sns-item {



  float: left;



  margin-bottom: 15px;

}



.flight-info-detail-sns .sns-item-link {

  display: block;

  width: 75px;

  padding-top: 40px;

  position: relative;

  text-align: center;

  font-size: 0.875rem;

}



.ico-sns {

  display: inline-block;

  position: relative;

}



.ico-sns:after {

  content: '';

  display: block;

  position: absolute;

  top: 0;

  left: 50%;

  transform: translate(-50%);

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

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

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

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

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

}



.ico-sns.kakao:after {

  background-position: -11px -11px;

  width: 35px;

  height: 35px;

}



.ico-sns.mail:after {

  background-position: -206px -12px;

  width: 35px;

  height: 35px;

}



.ico-sns.line:after {

  background-position: -76px -11px;

  width: 35px;

  height: 35px;

}



.ico-sns.copy:after {

  background-position: -206px -57px;

  width: 35px;

  height: 35px;

}



input[type="radio"], input[type="checkbox"] {

  z-index: -999;

}



.select-category-label {

  background: #fff;

}



.filed-group.big input[type="radio"] {

  visibility: hidden;

}



.boxmodel2-list-box {

  background: #fff;

}



.field-radiomain-label {

  background: #fff;

}



.header-search-item button:focus {

  box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 2px;

}



input[type="radio"]:focus + label, input[type="checkbox"]:focus + label {

	outline: -webkit-focus-ring-color auto 5px;

}



.radio-type1 {

  text-align: center;

}



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

  line-height: 1.7;

  color: #666;

}



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

}



.radio-type1.left {

  text-align: left;

}



.radio-type2 {

  text-align: left;

}





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

}



.radio-type2-label.ico {

  text-indent: 0;

}



.radio-type2-label.ico:after {

  background-position: -130px -293px;

  width: 27px;

  height: 27px;

  top: 0;

  left: 0;

  right: auto;

  display: block;

}



.radio-type2-label + .radio-type1-radio {

  margin-left: 40px;

}



.radio-type2-label.questionnaire {

  padding: 0 20px 0 30px;

}



.radio-type2-top {

  margin-bottom: 14px;

}



.radio-type2 .radio-box {

  display: inline-block;

  min-width: 196px;

}



.checkbox:checked + label {

  color: #222;

  line-height: 30px;

}



.checkbox:checked + label.ico:after {

  background-position: -271px -293px;

}



.checkbox-label {

  height: 27px;

  padding: 0 20px 0 40px;

  font-size: 1rem;

  line-height: 30px;

  color: #666;

}



.checkbox-label.ico {

  text-indent: 0;

}



.checkbox-label.ico:after {

  background-position: -225px -293px;

  width: 27px;

  height: 27px;

  top: 0;

  left: 0;

  right: auto;

  display: block;

}



.checkbox-type2 {

  text-align: center;

}



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

  font-size: 1.25rem;

  line-height: 1.7;

  color: #666;

}



.checkbox-type2-label.ico {

  text-indent: 0;

}



.checkbox-type2-label.ico:after {

  background-position: -130px -294px;

  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;

}



.checkbox-type2 input[type="checkbox"] {

  margin: -2px !important;

}



.checkbox-board-list {

  width: 15px;

  height: 15px;

  -webkit-appearance: checkbox;

  -moz-appearance: checkbox;

}



/*

.tab-sub.terms .tab-sub-list-item {

  width: calc(20% - 4px);

}

*/



.tab-sub.terms .tab-sub-list-item:first-child {

  margin-left: 2px;

}



.tab-sub.col-6 .tab-sub-list-item {

  width: calc(16.7% - 4px);

}



.tab-sub.col-6 .tab-sub-list-item:first-child {

  margin-left: 0;

}



.tab-sub.col-7 .tab-sub-list-item {

  width: calc(14.2% - 4px);

}



.tab-sub.col-7 .tab-sub-list-item:first-child {

  margin-left: 0;

}



.terms_box {

  width: 100%;

  overflow: hidden;

  border: 1px solid #d7d7d7;

}



.terms_box_w {

  margin: 40px 58px;

  overflow: hidden;

}



.terms_info {

  float: left;

  width: 33.333%;

  overflow: hidden;

}



.terms_info:nth-child(3n) {

  padding-left: 60px;

}



.terms_info li span {

  width: 70px;

  margin-bottom: 22px;

  font-size: 1rem;

  display: inline-block;

}



.terms_info li:last-child span {

  margin-bottom: 0;

}



.terms_info li a {

  display: inline-block;

}



.wid360 {

  width: 360px !important;

}



.wid347 {

  width: 347px !important;

}



.wid305 {

  width: 305px !important;

}



.wid200 {

  width: 200px !important;

}



.wid230 {

  width: 230px !important;

}



.wid480 {

  width: 480px !important;

}



.terms_tit {

  margin: 40px 0;

  font-size: 1.25rem;

  color: #333;

  font-weight: 800;

  line-height: 40px;

}



.terms_txt li {

  margin-bottom: 40px;

}



.terms_sub_tit {

  margin-bottom: 17px;

  color: #333;

  font-weight: bold;

  line-height: 14px;

  display: block;

}



.terms_sub_txt {

  display: block;

  margin: 5px 0 20px 16px;

  font-size: 1rem;

  line-height: 1.7;

}



.tbl_st01 {

  width: 100%;

  border-top: 1px solid #c7c4c7;

  border-spacing: 0;

  border-collapse: collapse;

}



.tbl_st01 caption {

  display: none;

}



.tbl_st01 thead th {

  padding: 5px 10px;

  color: #383838;

  line-height: 1.7;

  font-weight: 700;

  background: #ececec;

  border-right: 1px solid #dadada;

  border-bottom: 1px solid #dadada;

  text-align: center;

  vertical-align: middle;

}



.tbl_st01 thead th:last-child {

  border-right: 0;

}



.tbl_st01 tbody td, .tbl_st01 tbody th {

  padding: 5px 10px;

  line-height: 1.5;

  font-size: 1rem;

  border-right: 1px solid #dadada;

  border-bottom: 1px solid #dadada;

  text-align: center;

  vertical-align: middle;

}



.tbl_st01 tbody td:last-child {

  border-right: 0;

}



.tbl_st01 tbody td.no-lastchild {

  border-right:1px solid #dadada;

}



.brd-r {

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

}



.tbl_st01.text-left td {

  text-align: left;

}



/* 개인정보 개정 시작_230310 */

.list_circle {

  counter-reset: circle 0;

}

.list_item_circle {

  position: relative;

  padding-left: 30px;

  margin-bottom: 10px;

}

.list_item_circle::before {

  position: absolute;

  top: 1px;

  left: 5px;

  counter-increment: circle 1;

  content: counter(circle);

  font-size: 0.875rem;

  color: #333;

  font-weight: 700;

}

.list_item_circle::after {

  content: '';

  position:absolute;

  top: 3px;

  left: 0;

  display: inline-block;

  border: 1px solid #333;

  border-radius: 50%;

  width: 1rem;

  height: 1rem;

}



.list-step {

  display: flex;

}



.list-step .list-item-step {

  display: inline-block;

  position: relative;

  vertical-align: middle;

  text-align: center;

  border: 1px solid #dadada;

}



.list-step.step5 .list-item-step {

  width: calc(19% - 20px);

  margin-left: 35px;

}



.list-step.step5 .list-item-step:first-child {

  margin-left: 0;

}



.list-step.terms-list .list-item-step {

  height: 80px;

  background: #f2f4f7;

}



.list-item-step .valing {

  width: 200px;

  height: 80px;

  display: table-cell;

  vertical-align: middle;

}



.arrow-terms-right:after {

  content: '';

  position: absolute;

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

  background-position: -157px -65px;

  top: 35px;

  right: -25px;

  width: 8px;

  height: 12px;

}



.boxmodel-perinf {

  border: 1px solid #dee3eb;

  width: 100%;

  min-height: 140px;

  display: table;

}



.boxmodel-perinf.after {

  margin-top: -1px;

}



.boxmodel-perinf-col1 {

  text-align: center;

  padding: 110px 0 10px 0;

  display: table-cell;

  position: relative;

  width: 240px;

}



.boxmodel-perinf-col2 {

  display: table-cell;

  width: calc(100% - 240px);

  vertical-align: middle;

}



.ico_perinf {

  position: absolute;

  text-indent: -999em;

  display: block;

  width: 90px;

  height: 90px;

  top: 10px;

}



.ico_perinf:before {

  content: '';

  display: block;

  position: absolute;

  width: 90px;

  height: 90px;

  top: 0;

  right: 0;

  left: 0;

  bottom: 0;

  margin: auto;

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

}



.ico_perinf.perinf_01 {

  left: 30px;

}



.ico_perinf.perinf_02 {

  right: 25px;

}



.ico_perinf.perinf_03 {

  left: calc(50% - 45px);

}



.ico_perinf.ico_perinf_01:before {

  background-position: 4px 0;

}



.ico_perinf.ico_perinf_02:before {

  background-position: -123px 0;

}



.ico_perinf.ico_perinf_03:before {

  background-position: -250px 0;

}



.ico_perinf.ico_perinf_04:before {

  background-position: -379px 0;

}



.ico_perinf.ico_perinf_05:before {

  background-position: -505px 0;

}



.ico_perinf.ico_perinf_06:before {

  background-position: 4px -130px;

}



.ico_perinf.ico_perinf_07:before {

  background-position: -124px -129px;

}



.ico_perinf.ico_perinf_08:before {

  background-position: -251px -129px;

}



.ico_perinf.ico_perinf_09:before {

  background-position: -378px -130px;

}



.ico_perinf.ico_perinf_10:before {

  background-position: -506px -130px;

}



.ico_perinf.ico_perinf_11:before {

  background-position: 4px -258px;

}



.ico_perinf.ico_perinf_12:before {

  background-position: -124px -258px;

}



.ico_perinf.ico_perinf_13:before {

  background-position: -250px -258px;

}



.ico_perinf.ico_perinf_14:before {

  background-position: -378px -258px;

}



.ico_perinf.ico_perinf_15:before {

  background-position: -510px -258px;

}



.ico_perinf.ico_perinf_16:before {

  background-position: 4px -380px;

}



.ico_perinf.ico_perinf_17:before {

  background-position: -124px -380px;

}



.ico_perinf.ico_perinf_18:before {

  background-position: -251px -380px;

}



.ico_perinf.ico_perinf_19:before {

  background-position: -378px -380px;

}



.ico-label li {

  width: 16.2%;

  display: inline-block;

  vertical-align: top;

}



.box-perinf {

  display: none;

  position: relative;

  text-align: left;

  padding: 20px 30px;

  border-top: 1px solid #dee3eb;

  background: #f2f4f7;

}



.box-perinf.on {

  display: block;

}



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

  .list-step {

    display: block;

  }

  .list-step.terms-list .list-item-step {

    width: 100%;

    height: auto;

    margin: 2px 0;

    padding: 10px 0;

  }

  .list-item-step .valing {

    width: 100%;

    display: block;

    height: auto;

  }

  .list-item-step .valing br {

    display: none;

  }

  .box-perinf {

	padding: 20px;

	font-size: 0.925rem;

  }

  .box-perinf .font18 {

    font-size: 1.025rem;

  }

  .box-perinf .btn-type-small { 

    margin-top: 5px;

  }

}



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

  .ico-label li {

    width: 32.5%;

    font-size: 0.825rem;

  }

  .boxmodel-perinf {

    display: block;

  }

  .boxmodel-perinf-col1 {

    display: block;

    width: 100%;

  }

  .boxmodel-perinf-col2 {

    display: block;

    width: 100%;

    padding: 10px

  }

  .boxmodel-perinf-col2 li {

    padding: 2px 0 0 10px;

    margin: 0;

    font-size : 0.9rem

  }

  .ico_perinf.perinf_01 {

    left: calc(50% - 95px);

  }



  .ico_perinf.perinf_02 {

    right: calc(50% - 95px);

  }



  .ico_perinf.perinf_03 {

    left: calc(50% - 45px);

  }

}

/* 개인정보 개정 끝_230310 */



.link_underline {

  line-height: 1.7;

}



.mail_box {

  padding: 60px 0 40px 264px;

  background: url(/static/ap/images/img_mail.png) no-repeat 107px 54px;

}



.ml8 {

  margin-left: 8px;

}



.pl75 {

  padding-left: 75px;

}



.mgb0 {

  margin-bottom: 0 !important;

}



.loading {

  width: 100%;

  height: 100%;

  background: white;

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

}



.footer-contact-item:first-child:before {

  display: none;

}



.footer-copyright {

  color: #666;

  font-size: 0.75rem;

  letter-spacing: .3px;

  font-style: oblique;

}



/* 190215 footer right start */

.footer-align.right {

  position: relative;

  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 {

  float: right;

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

}



.ch .footer .relsite .select-list {

  top: -234px;

}



.ja .footer .relsite .select-list {

  top: -234px;

}



.footer .incheon-select {

  margin-top: 40px;

}

.footer .incheon-etc {

  position: absolute;

  top: 30px;

  right: 0;

  text-align: right;

}



.footer .incheon-etc .web-mark {

  display: inline-block;

}



.footer .incheon-etc .web-mark img {

  width:45px;

  height:32px;

}



.footer .incheon-etc .google-play-mark {

  display: inline-block;

  height: 30px;

  vertical-align: 5px;

}

.footer .incheon-etc .web_access_mark {

  display: inline-block;

  height: 30px;

  position: relative;

  bottom: 8px;

}

.footer .incheon-etc .web_access_mark img {

height: 71px;

}

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

}

.ch .footer .sns-list {

    position: absolute;

     /*

    right: 80px;

    width: 200px;

    */

}

.ch .incheon-wechat {

    position: absolute;

    top: 0;

    right: 0;

    width: 65px;

    height: 65px;

    text-indent: -9999999px;

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

}

.ch .footer .incheon-etc {

	top: 35px;

    right: 80px;

}

.ch .footer .relsite {

    margin-top: 40px;

}



/* 190215 footer right end */



.ch {

  font-size: 14px;

}

/* 190312 member start */

.ch .step-member {

  width: 100%;

  height: 59px;

  background: url(/static/ap/images/spr_bg_step_member_ch.png) no-repeat; text-indent: -99999em;

}

.ch .step-member.step-2 {

  background-position: center 0;

}

.ch .step-member.step-4 {

  background-position: center -69px;

}

.ch .step-member.step-5 {

  background-position: center -138px;

}

/* 190312 member end */

.ch .find-info-item {

  line-height: 3;

}



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

  top: 14px;

}



.ch .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 .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 .section-bg-contents2 {

  width: 410px;

}



.ch .section-bg-contents3 {

  width: 410px;

}

*/

.ch .bg-banner.transfer .tab-sub.col-3 {

  bottom: -122px;

}



.ch .tab-sub.terms .tab-sub-list-item a {

  font-size: 1rem;

}



.ch * {

  font-family: "Noto Sans SC", roboto, spoqa, sans-serif !important;

}



.ch .logo-list-item, .ja .logo-list-item {

  font-size: 0.9375rem;

}



/*

.ch .logo-list-item {

  float: left;

  font-size: 0.875rem;

  text-indent: -99999em;

  display: block;

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

  color: #fff;

  margin-left: 20px;

}

*/

.ch .logo-list-item:first-child {

  margin-left: 0;

}

/*

.ch .section-bg-contents2 .logo-list-item:nth-child(5){

  margin-left: 0;

}



.ch .section-bg-contents2 .logo-list-item:nth-child(9){

  margin-left: 0;

}

*/

.ch .logo-list-item.asiana {

  width: 93px;

  background-position: 0 0;

}



.ch .logo-list-item.jejuair {

  width: 53px;

  background-position: -108px 0;

}



.ch .logo-list-item.jinair {

  width: 67px;

  background-position: -186px 0;

}



.ch .logo-list-item.tway {

  width: 30px;

  background-position: -276px 0;

}



.ch .logo-list-item.eastar {

  width: 64px;

  background-position: -334px 0;

}



.ch .logo-list-item.airseoul {

  width: 76px;

  background-position: -423px -3px;

}



.ch .logo-list-item.koreanair {

  width: 85px;

  background-position: 0 -27px;

}



.ch .logo-list-item.airfrance {

  width: 92px;

  background-position: -98px -28px;

}



.ch .logo-list-item.klm {

  width: 28px;

  background-position: -208px -28px;

}



.ch .logo-list-item.delta {

  width: 70px;

  background-position: -249px -27px;

}



.ch .logo-list-item.aeromexico {

  width: 108px;

  background-position: -342px -27px;

}



.ch .logo-list-item.alitalia {

  width: 55px;

  background-position: 0 -60px;

}



.ch .logo-list-item.chinaair {

  width: 60px;

  background-position: -77px -60px;

}



.ch .logo-list-item.garuda {

  width: 81px;

  background-position: -427px -60px;

}



.ch .logo-list-item.xiamen {



  width: 70px;

  background-position: -243px -60px;

}



.ch .logo-list-item.czech {

  width: 60px;

  background-position: -161px -60px;

}



.ch .logo-list-item.aeroflot {

  width: 78px;

  background-position: -330px -60px;

}



.ch .logo-list-item.lcc {

  background: none;

  text-indent: 0;

  margin-top: 3px;

}



.ch .logo-list-item.etc {

  background: none;

  text-indent: 0;

  margin-top: 3px;

}

/*

.ch .top-big-popup {

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

}



.ch .top-big-popup.mobile {

  background: url(/static/ap/images/bg_mobile_top_big_popup.jpg) no-repeat center top;

  background-size: cover;

}

*/

.ch .contents-visual.transfer-tab {

  padding-top: 50px;

}



.en {

  /*footer*/

}



.en .bg-banner-bgico {

  font-size: 0.825rem;

  min-width: 45px;

  text-align: center;

}



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

  text-indent: 0;

}

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

  text-indent: 0;

}

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

  text-indent: 0;

}



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

  font-size: 0.825rem;

  line-height: 1.4;

  padding: 5px 12px;

}



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

  font-size: 0.87rem;

  line-height: 1.4;

  padding: 5px 12px;

}



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

  font-size: 0.87rem;

  line-height: 1.4;

  padding: 5px 12px;

}



.en .faq-category-list-item .select-category-label.ico {

  text-indent: 0;

  font-size: 0.75rem;

  letter-spacing: -0.5px;

}



.en .local-town-item {

  padding: 0 20px;

  height: 40px;

  font-size: 0.9rem;

  letter-spacing: -1px;

}



.en .route-bus-line-list-article > p {

  width: 140px;

  background: #f2f4f7;

  padding: 3px;

  white-space: unset;

  display: inline-block;



}



.en .guidebox-col.col-3 {

  padding: 20px;

}



/*

.en .section-bg-contents2 {

  width: 410px;

}



.en .section-bg-contents3 {

  width: 410px;

}

*/



.en .guide-wrap {

  height: 360px;

}



.en .guide-wrap .guide-box .box-left {

  width: 40%;

}



.en .guide-wrap .guide-box .box-right {

  width: 60%;

}

/*

.en .top-big-popup {

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

}



.en .top-big-popup.mobile {

  background: url(/static/ap/images/bg_mobile_top_big_popup.jpg) no-repeat center top;

  background-size: cover;

}

*/

.en .contents-visual .section-bg-contents2:last-child {

  width: 485px;

}





.en .contents-visual .section-bg-contents2:last-child .logo-list .etc {

  margin-left: 0;

}



.en .contents-visual.transfer-tab {

  padding-top: 30px;

}



.en .search-airline-name-btn {

  font-size: 1.125rem;

}



.en .bussearch .search-area-btn {

  font-size: 1.125rem;

}



.en .step2-list.col-4 .step2-list-item {

  min-height: 570px;

}



.en .step2-list.col-4.white .step2-list-item {

  min-height: 316px;

}



.en .step2-list.col-6.white .step2-list-item {

  min-height: 320px;

}



.en .step2-list.white .btn-type-small {

  height: auto;

  line-height: 1.4;

  padding: 5px 30px 5px 15px;

}



.en .layer-article {

  margin-bottom: 20px;

  position: relative;

}



.en .layer-article .textarea {

  width: 100%;

  height: 200px;

  padding: 0 10px;

  line-height: 1.7;

  text-align: left;

  border: 1px solid #d9d9d9;

  box-sizing: border-box;

  color: #666;

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

}



.en .layer .inner-tab .btn-type-tab {

  padding: 0 20px;

}



.en .step-member {

  width: 100%;

  height: 59px;

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

  text-indent: -99999em;

}



.en .step-member.step-2 {

  background-position: center 0;

}



.en .step-member.step-4 {

  background-position: center -69px;

}



.en .step-member.step-5 {

  background-position: center -138px;

}



.en .find-info-item {

  line-height: 3;

}



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

  top: 14px;

}



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

}



.en .f-spoqa {

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

}

/*

.en .logo-list-item {

  float: left;

  font-size: 0.875rem;

  text-indent: -99999em;

  display: block;

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

  color: #fff;

  margin-left: 20px;

}

*/

.en .logo-list-item:first-child {

  margin-left: 0;

}



.en .section-bg-contents2 .logo-list-item:nth-child(4),

.ch .section-bg-contents2 .logo-list-item:nth-child(4),

.ja .section-bg-contents2 .logo-list-item:nth-child(4) {

  margin-left: 0;

}



.en .section-bg-contents2 .logo-list-item:nth-child(7),

.ch .section-bg-contents2 .logo-list-item:nth-child(7),

.ja .section-bg-contents2 .logo-list-item:nth-child(7) {

  margin-left: 0;

}



.en .section-bg-contents3 .logo-list-item:nth-child(5),

.ch .section-bg-contents3 .logo-list-item:nth-child(5),

.ja .section-bg-contents3 .logo-list-item:nth-child(5) {

  margin-left: 0;

}



.en .logo-list-item.asiana {

  width: 93px;

  background-position: 0 0;

}



.en .logo-list-item.jejuair {

  width: 53px;

  background-position: -108px 0;

}



.en .logo-list-item.jinair {

  width: 67px;

  background-position: -186px 0;

}



.en .logo-list-item.tway {

  width: 30px;

  background-position: -276px 0;

}



.en .logo-list-item.eastar {

  width: 64px;

  background-position: -334px 0;

}



.en .logo-list-item.airseoul {

  width: 76px;

  background-position: -423px -3px;

}



.en .logo-list-item.koreanair {

  width: 85px;

  background-position: 0 -27px;

}



.en .logo-list-item.airfrance {

  width: 92px;

  background-position: -98px -28px;

}



.en .logo-list-item.klm {

  width: 28px;

  background-position: -208px -28px;

}



.en .logo-list-item.delta {

  width: 70px;

  background-position: -249px -27px;

}



.en .logo-list-item.aeromexico {

  width: 108px;

  background-position: -342px -27px;

}



.en .logo-list-item.alitalia {

  width: 55px;

  background-position: 0 -60px;

}



.en .logo-list-item.chinaair {

  width: 60px;

  background-position: -77px -60px;

}



.en .logo-list-item.garuda {

  width: 81px;

  background-position: -427px -60px;

}



.en .logo-list-item.xiamen {

  width: 70px;

  background-position: -243px -60px;

}



.en .logo-list-item.czech {

  width: 60px;

  background-position: -161px -60px;

}



.en .logo-list-item.aeroflot {

  width: 78px;

  background-position: -330px -60px;

}



.en .logo-list-item.lcc {

  background: none;

  text-indent: 0;

  margin-top: 3px;



}



.en .logo-list-item.etc {

  background: none;

  text-indent: 0;

  margin-top: 3px;

}



.en .btn-type-small.double {

  height: auto;

  padding: 5px 12px;

  line-height: normal;

}





.en .search-flight-search-btn.ico:after {

  right: 77px;

  top: -2px;

}



.en .search-flight-detail-option input[type="radio"].radio + .search-option-btn {

  min-width: 58px;

  text-align: center;

  padding: 0 6px;

}



.en .global-search-category-item {

  padding: 0;

}



.en .global-search-result {

  width: 100%;

  margin-top: 30px;

  text-align: left;

  border-top: 1px solid #d9d9d9;

}



.en .global-search-result .multi-col.line:before {

  content: "";

  display: block;

  width: 1px;

  height: 100%;

  background: #d9d9d9;

  position: absolute;

  top: 0;

  left: 80%;

}



.en .global-search-result-total {

  margin-top: 30px;

  font-size: 1.25rem;

}



.en .global-search-result-box {

  margin: 5px 0 30px;

  position: relative;

}



.en .global-search-result-box-title {

  font-size: 1.25rem;

  font-weight: 800;

  padding: 20px 30px;

  border-bottom: 1px solid #d9d9d9;

}



.en .global-search-result-box-quick {

  position: absolute;

  top: 15px;

  right: 20px;

}



.en .global-search-result-box-quick-list .box-quick-title {

  color: #666;

  font-size: 1rem;

  float: left;

  margin-top: 8px;

  margin-right: 10px;

}



.en .global-search-result-box-quick-list .box-quick-item {

  float: left;

}



.en .global-search-result-box-quick-list .box-quick-item .btn-type-small {

  font-size: 0.875rem;

  min-width: 95px;

  margin-left: 10px;

}



.en .global-search-result-box-ico {

  display: inline-block;

  position: relative;

  text-indent: -999em;

  padding-right: 15px;

}



.en .global-search-result-box-ico:before {

  content: '';

  display: block;

  position: absolute;

  top: 0;

  right: 0;

  left: 0;

  bottom: auto;

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

}



.en .global-search-result-box-ico.map:before {

  background-position: -10px -10px;

  width: 24px;

  height: 24px;

}



.en .global-search-result-box-ico.link:before {

  background-position: -44px -10px;

  width: 24px;

  height: 24px;

}



.en .global-search-result-box .list {

  padding: 20px 30px;

}



.en .global-search-result-box .list-item {

  width: 33.333%;

  float: left;

  font-size: 1rem;

  margin-bottom: 10px;

}



.en .global-search-result-box .list-item em {

  margin-left: 20px;

}



.en .global-search-result .result-category {

  padding-top: 30px;

}



.en .global-search-result .result-category-article {

  border-bottom: 1px solid #d9d9d9;

  position: relative;

}



.en .global-search-result .result-category-article-more {

  position: absolute;

  top: 37px;

  right: 0;

  font-size: 1rem;

  display: inline-block;

  padding-right: 30px;

}



.en .global-search-result .result-category-article-more:after {

  content: '';

  display: inline-block;

  position: relative;

  top: 0;

  right: -10px;

  left: auto;

  bottom: 0;

  margin: auto;

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

  width: 7px;

  height: 13px;

}



.en .global-search-result .result-category-article .not-find {

  padding: 40px 0;

  text-align: center;

  border-top: 1px solid #d9d9d9;

}



.en .global-search-result .result-category-title {

  padding: 30px 45px  25px;

  font-size: 1.25rem;

  font-weight: 800;

}



.en .global-search-result .result-category-title:before {

  content: '';

  display: block;

  margin: 0 auto;

  position: absolute;

  top: 33px;

  left: 10px;

  right: auto;

  bottom: 0;

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

}



.en .global-search-result .result-category-title.search-all:before {

  background-position: -21px -12px;

  width: 22px;

  height: 22px;

}



.en .global-search-result .result-category-title.search-start:before {

  background-position: -64px -18px;

  width: 24px;

  height: 10px;

}



.en .global-search-result .result-category-title.search-arrive:before {

  background-position: -110px -15px;

  width: 22px;

  height: 15px;

}



.en .global-search-result .result-category-title.search-transfer:before {

  background-position: -158px -13px;

  width: 16px;

  height: 19px;

}



.en .global-search-result .result-category-title.search-traffic:before {

  background-position: -194px -12px;

  width: 22px;

  height: 22px;

  top: 30px;

}



.en .global-search-result .result-category-title.search-shopping:before {

  background-position: -235px -12px;

  width: 22px;

  height: 22px;

  top: 30px;

}



.en .global-search-result .result-category-title.search-service:before {

  background-position: -315px -12px;

  width: 30px;

  height: 23px;

  top: 30px;

}



.en .global-search-result .result-category-title.search-map:before {

  background-position: -272px -11px;

  width: 27px;

  height: 24px;

  top: 29px;

}



.en .global-search-result .result-category-title.search-cs:before {

  background-position: -361px -12px;

  width: 22px;

  height: 22px;

  top: 30px;

}



.en .global-search-result .result-category-title.search-co:before {

  background-position: -21px -52px;

  width: 22px;

  height: 23px;

  top: 30px;

}



.en .global-search-result .result-category-title.search-cyber:before {

  background-position: -64px -52px;

  width: 31px;

  height: 23px;

  top: 30px;

}



.en .global-search-result .result-category-title.search-client:before {

  background-position: -105px -49px;

  width: 30px;

  height: 24px;

  top: 30px;

}



.en .global-search-result .result-category-title.search-business:before {

  background-position: -155px -51px;

  width: 26px;

  height: 20px;

  top: 30px;

}



.en .global-search-result .result-category-title.search-support:before {

  background-position: -193px -51px;

  width: 23px;

  height: 21px;

  top: 30px;

}



.en .global-search-result .result-category-title.search-recruit:before {

  background-position: -232px -47px;

  width: 26px;

  height: 22px;

  top: 30px;

}



.en .global-search-result .result-category .table.vt.borad-view {

  border-top: 1px solid #d9d9d9;

  border-bottom: 1px solid #d9d9d9;

}



.en .global-search-result .result-category .table.vt.borad-view + .table.vt.borad-view {

  border-top: none;

  border-bottom: none;

}



.en .global-search-result .result-category .table.vt.borad-view .reply-box {

  padding: 20px 40px;

  margin-bottom: 0;

  border: none;

  background: #fff;

}



.en .global-search-result .result-category .table.vt.borad-view .reply-box .reply-head {

  margin: 10px 0 0 0;

}



.en .global-search-result .result-category .table.vt.borad-view .reply-box .location-list-item {

  float: left;

  display: inline-block;

  position: relative;

  padding-right: 20px;

  font-size: 0.875rem;

}



.en .global-search-result .result-category .table.vt.borad-view .reply-box .location-list-item:after {

  content: '';



  display: block;

  position: absolute;

  top: 0;

  right: 6px;

  left: auto;

  bottom: 0;

  margin: auto;

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

  width: 5px;

  height: 9px;

}



.en .global-search-result .result-category .table.vt.borad-view .reply-box .location-list-item:last-child:after {

  background: none;

}



.en .global-search-result .result-category .table.vt.borad-view .reply-box .reply-body-desc {

  margin-bottom: 10px;

  font-size: 1.25rem;

}



.en .global-search-result .result-category .table.vt.borad-view .reply-box .reply-body-txt {

  font-size: 1rem;

  line-height: 1.7;

}



.en .global-search-result .result-category .table.vt.borad-view .reply-box .reply-body .thum {

  width: 103px;

  height: 103px;

  border: 1px solid #d9d9d9;

  text-align: center;

  float: left;

  margin-right: 20px;

}



.en .global-search-result .result-category .table.vt.borad-view .reply-box .reply-body .thum.error {

  display: none;

}



.en .global-search-result .result-category .table.vt.borad-view .reply-box .view-file {

  border: none;

  padding: 10px 0;

}



.en .global-search-research {

  position: absolute;

  top: 15px;

  right: -205px;

}



.en .global-search-area-field-btn {

  font-size: 1rem;

}



.en .global-search-area-field-btn:after {

  top: 1px;

  right: 91px;

}



.en .footer-call {

  margin: 20px 0 15px;

}



.en .footer-contact-item {

  display: block;

}



.en .footer-contact-item:before {

  width: 0;

  margin-right: 0;

}



.en .route-list-item {

  height: 60px;

  position: relative;

  margin-bottom: 2px;

}



.en .route-list-item.h80 {

  height: 80px;

}



.en .route-list-item.h80 .route-name {

  height: 80px;

  line-height: 80px;

}



.en .route-list-item.h80 .route-desc {

  height: 80px;

}



.en .route-list-item.h80 .route-list-item {

  height: 80px;

}



.en .route-list-item .multi-col .route-list-item .route-name {

  width: 48%;

}



.en .route-list-item .multi-col .route-list-item .route-desc {

  width: 52%;

}



.en .route-list-item .multi-col .route-list-item.moving .route-desc {

  line-height: 1.4;

  font-size: 1rem;

  padding-top: 9px;

  letter-spacing: -1px;

}



.en .route-list-item .multi-col .route-list-item.moving .route-desc span {

  font-size: 0.825rem;

}



.en .route-list-item:after {

  content: "";

  display: block;

  width: 4px;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

}



.en .route-list-item.double-row {

  height: 142px;

}



.en .route-list-item.double-row .route-name {

  height: 142px;

  line-height: 142px;

}



.en .route-list-item.double-row .route-name.lh {

    line-height: normal;

    padding-top: 50px;

}



.en .route-list-item.double-row .route-name .move {

  top: 50%;

  transform: translateY(-50%);

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

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

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

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

}



.en .route-list-item.double-row .route-desc {

  height: 142px;

  line-height: 122px;

}



.en .route-list-item.arrival .route-name {

  width: 30%;

}



.en .route-list-item.arrival .route-desc {

  width: 68%;

}



.en .route-list-item .route-name {

  width: 24%;

  font-size: 1rem;

}



.en .route-list-item .route-name .move {

  font-size: 0.75rem;

  top: 14px;

  right: 10px;

}



.en .route-list-item .route-name .move:after {

  top: 19px;

  left: 7px;

}



.en .route-list-item .route-name .move.general:after {

  border-top: 10px solid #a97c50;

  border-left: 6px solid transparent;

  border-right: 6px solid transparent;

}



.en .route-list-item .route-name .move.departure:after {

  border-top: 10px solid #132d5b;

  border-left: 6px solid transparent;

  border-right: 6px solid transparent;

}



.en .route-list-item .route-name .move.tax-free:after {

  border-top: 10px solid #6182D1;

  border-left: 6px solid transparent;

  border-right: 6px solid transparent;

}



.en .route-list-item .route-name .move.tax-free2:after {

  border-top: 10px solid #bfdfe0;

  border-left: 6px solid transparent;

  border-right: 6px solid transparent;

}



.en .route-list-item .route-name .move.moving:after {

  border-top: 10px solid #b34b58;

  border-left: 6px solid transparent;

  border-right: 6px solid transparent;

}



.en .route-list-item .route-desc {

  width: 76%;

  height: 60px;

  padding: 10px 25px;

  float: left;

  font-size: 1rem;

  line-height: 1.4;

}



.en .route-list-item .route-desc.small {

  font-size: 1rem;

  line-height: 1.4;

  padding: 9px 33px ;

}



.en .tab-sub.terms .tab-sub-list-item a {

  font-size: 1rem;

}



.en .boxmodel-list-head {

  font-size: 2rem;

}



.ja {

  font-size: 14px;

}

/* 190312 member start */

.ja .step-member {

  width: 100%;

  height: 59px;

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

  text-indent: -99999em;

}

.ja .step-member.step-2 {

  background-position: center 0;

}

.ja .step-member.step-4 {

  background-position: center -69px;

}

.ja .step-member.step-5 {

  background-position: center -138px;

}

/* 190312 member end */

.ja .find-info-item {

  line-height: 3;

}



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

  top: 14px;

}



.ja .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 .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 .bg-banner.transfer .tab-sub.col-3 {

  bottom: -122px;

}

/*

.ja .section-bg-contents2 {

  width: 410px;

}



.ja .section-bg-contents3 {

  width: 410px;

}

*/

.ja .gnb-depth2-link {

  font-size: 1rem;

}





.ja .digr-way-bus-list-item {

  font-size: 0.825rem;

}



.ja .boxmodel-btn-link {

  font-size: 1rem;

  letter-spacing: -1px;

}



.ja .boxmodel-btn-link .link-guide {

  font-size: 0.825rem;

  letter-spacing: -1px;

}



.ja .tab-sub.terms .tab-sub-list-item a {

  font-size: 1rem;

}



.ja .guide-wrap {

  height: 360px;

}



.ja * {

  font-family: "Noto Sans JP", roboto, spoqa, sans-serif !important;

}

/*

.ja .top-big-popup {

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

}



.ja .top-big-popup.mobile {

  background: url(/static/ap/images/bg_mobile_top_big_popup.jpg) no-repeat center top;

  background-size: cover;

}

*/

.ja .contents-visual.transfer-tab {

  padding-top: 40px;

}



.ja .gnb .header-search-btn .gnb-search {

  padding: 6px 8px 6px 32px;

}



.ja .boxmodel-list-head.small {

  font-size: 1.25rem;

}

/*

.ja .logo-list-item {

  float: left;

  font-size: 0.875rem;

  text-indent: -99999em;

  display: block;

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

  color: #fff;

  margin-left: 20px;

}

*/

.ja .logo-list-item:first-child {

  margin-left: 0;

}



.ja .section-bg-contents2 .logo-list-item:nth-child(5){

  margin-left: 0;

}

.ja .section-bg-contents2 .logo-list-item:nth-child(9){

  margin-left: 0;

}



.ja .logo-list-item.asiana {

  width: 93px;

  background-position: 0 0;

}



.ja .logo-list-item.jejuair {

  width: 53px;

  background-position: -108px 0;

}



.ja .logo-list-item.jinair {

  width: 67px;

  background-position: -186px 0;

}



.ja .logo-list-item.tway {



  width: 30px;

  background-position: -276px 0;

}



.ja .logo-list-item.eastar {

  width: 64px;



  background-position: -334px 0;

}



.ja .logo-list-item.airseoul {

  width: 76px;

  background-position: -423px -3px;

}



.ja .logo-list-item.koreanair {

  width: 85px;

  background-position: 0 -27px;

}



.ja .logo-list-item.airfrance {



  width: 92px;



  background-position: -98px -28px;

}



.ja .logo-list-item.klm {

  width: 28px;

  background-position: -208px -28px;

}



.ja .logo-list-item.delta {

  width: 70px;

  background-position: -249px -27px;

}



.ja .logo-list-item.aeromexico {

  width: 108px;

  background-position: -342px -27px;

}



.ja .logo-list-item.alitalia {

  width: 55px;

  background-position: 0 -60px;

}



.ja .logo-list-item.chinaair {

  width: 60px;

  background-position: -77px -60px;

}



.ja .logo-list-item.garuda {

  width: 81px;

  background-position: -427px -60px;

}



.ja .logo-list-item.xiamen {

  width: 70px;

  background-position: -243px -60px;

}



.ja .logo-list-item.czech {

  width: 60px;

  background-position: -161px -60px;

}



.ja .logo-list-item.aeroflot {

  width: 78px;

  background-position: -330px -60px;

}



.ja .logo-list-item.lcc {

  background: none;

  text-indent: 0;

  margin-top: 3px;

}



.ja .logo-list-item.etc {

  background: none;

  text-indent: 0;

  margin-top: 3px;

}



.ja .table.vt, .ja .table.vt-dark, .ja .table.hr {

  word-break: normal;

}



.ja .route-list-item .multi-col .route-list-item.moving .route-desc {

  font-size: 1rem;

}



.ja .route-list-item .multi-col .route-list-item.moving .route-desc span {

  font-size: 0.75rem;

}



.ja .route-list-item .route-name {

  font-size: 1.125rem;

}



.ja .route-list-item .route-desc {

  font-size: 1rem;

}



.ja .route-list-item .route-desc.small {

  font-size: 1rem;

}



html.ie {

  overflow: inherit !important;

}



html.ie .input-box.base {

  padding: 0 20px 0 0;

}



html.ie .input-box.base label:after {

  display: none;

}



html.ie .checkbox:checked + label {

  padding: 0 20px 0 10px;

}



html.ie .checkbox:checked + label.ico:after {

  display: none;

}



html.ie .checkbox-label {

  padding: 0 20px 0 10px;

}



html.ie .checkbox-label.ico:after {

  display: none;

}



html.ie .checkbox-type2-radio:checked + label {

  padding: 0 20px 0 10px;

}



html.ie .checkbox-type2-radio:checked + label.ico:after {

  display: none;

}



html.ie .checkbox-type2-label {

  padding: 0 20px 0 10px;

}



html.ie .checkbox-type2-label.ico:after {

  display: none;

}



html.ie .radio-type1 {

  display: block;

}



html.ie .radio-type1-radio:checked + label {

  padding: 0 20px 0 10px;

}



html.ie .radio-type1-radio:checked + label.ico:after {

  display: none;

}



html.ie .radio-type1-label {

  padding: 0 20px 0 10px;

}



html.ie .radio-type1-label.ico {

  text-indent: 0;

}



html.ie .radio-type1-label.ico:after {

  display: none;

}



html.ie .radio-type2 {

  text-align: left;

  display: block;

}



html.ie .radio-type2-radio:checked + label {

  padding: 0 20px 0 10px;

}



html.ie .radio-type2-radio:checked + label.ico:after {

  display: none;

}



html.ie .radio-type2-label {

  padding: 0 20px 0 10px;

}



html.ie .radio-type2-label.ico {

  text-indent: 0;

}



html.ie .radio-type2-label.ico:after {

  display: none;

}



.ie .section2 .main-content {

  -ms-transform: none;

  margin: -255px -571px;

}



.ie .section3 .main-content {

  -ms-transform: none;

  margin: -273px -502px;

}



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

  .ie .section2 .main-content {

    margin: 0;

  }

  .ie .section3 .main-content {

    margin: 0;

  }

}



.ie .layer-text-box-right .layer-text {

  width: 150px;

}



.ie input::-ms-clear {

  display: none;

}



.ie .vd-bd-r {

  border-right: 1px solid #f2f4f7;

}



.ie .vd-bd-l {

  border-left: 1px solid #f2f4f7;

}



.ie .vd-bd-t {

  border-top: 1px solid #d9d9d9;

}



.ie .vd-bd-b {

  border-bottom: 1px solid #d9d9d9;

}



.ie .ie10 .tr-like.not-changed .time-changed {

  display: block;

  height: 60px;

  line-height: 60px;

}



.ie .ie10 .tr-like.not-changed .ico-codeshare {

  top: 50%;

  margin-top: -9px;

}



.ch .route-bus-stop {

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



}



.ch .route-bus-stop2 {

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

}



.ch .digr-incheon-airport-glance01 {

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

  background-size: contain !important;

}



.ch .digr-incheon-airport-glance02 {

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

  background-size: contain !important;

}



.ch .digr-terminal-interconnection {

  background: url(/static/ap/images/digr_terminal_interconnection_ch.jpg) no-repeat center;

  background-size: contain !important;

}



.ch .relief {

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

  background-size: contain !important;

}



.ch .lost-found .lost-box.found {

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

  background-size: contain !important;

}



.ch .lost-found .lost-box.belongings {

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

  background-size: contain !important;

}



.ch .customs_inspection {

  height: 400px;

  text-indent: -999em;

  background: url(/static/ap/images/digr_customs_inspection_procedure_ch.png) center no-repeat #333649;

  background-size: contain !important;

}



.ch .digr_airport_railroad {

  text-indent: -999em;

  background: url(/static/ap/images/digr_airport_railroad_ch.png) center no-repeat #fff;

  background-size: contain !important;

}



.ch .digr_ktx_route {

  text-indent: -999em;

  background: url(/static/ap/images/digr_ktx_route_ch.png) center no-repeat #fff;

  background-size: contain !important;

  border: 1px solid #dcdcdc;

}





.ch .digr-airport-limousine-route {

  background: url(/static/ap/images/digr_airport_limousine_route_ch.png) center no-repeat #f2f4f7;

  background-size: contain !important;

}



.ch .digr-airport-kal-route {

  background: url(/static/ap/images/digr_airport_kal_route_ch.png) center no-repeat #f2f4f7;

  background-size: contain !important;

}



.ch .digr-airport-kal-route-en {

  background: url(/static/ap/images/digr_airport_kal_route_ch.png) center no-repeat #f2f4f7;

  background-size: contain !important;

}



.ch .digr-city-airport-terminal-seoul {

  background: url(/static/ap/images/digr_city_airport_terminal_seoul_ch.png) no-repeat #333649 center;

  background-size: contain !important;

}





.ch .digr-city-airport-terminal-samsung {

  background: url(/static/ap/images/digr_city_airport_terminal_samsung_ch.png) no-repeat #333649 center;

  background-size: contain !important;

}



.ch .digr-city-airport-terminal-kwangmyung {

  background: url(/static/ap/images/digr_city_airport_terminal_kwangmyung_ch.png) no-repeat #333649 center;

  background-size: contain !important;

}



.ch .info-graphic.baggage1 {

  background: url(/static/ap/images/digr_info_graphic01_ch.png) center no-repeat #323648;

  background-size: contain !important;

}



.ch .info-graphic.baggage2 {

  background: url(/static/ap/images/digr_info_graphic02_ch.png) center no-repeat #323648;

  background-size: contain !important;

}



.ch .info-graphic.baggage3 {

  background: url(/static/ap/images/digr_info_graphic03_ch.png) center no-repeat #323648;

  background-size: contain !important;

}



.ch .info-graphic.packing {

  background: url(/static/ap/images/digr_info_graphic04_ch.png) center no-repeat #323648;

  background-size: contain !important;

}



.ch .digr_way2 {

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

}



.en .route-bus-stop {

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

}



.en .route-bus-stop2 {

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

}



.en .digr-incheon-airport-glance01 {

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

  background-size: contain !important;



}



.en .digr-incheon-airport-glance02 {

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

  background-size: contain !important;

}



.en .digr-terminal-interconnection {

  background: url(/static/ap/images/digr_terminal_interconnection_en.jpg) no-repeat center;

  background-size: contain !important;

}



.en .relief {

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



  background-size: contain !important;

}



.en .lost-found .lost-box.found {

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

  background-size: contain !important;

}



.en .lost-found .lost-box.belongings {

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

  background-size: contain !important;

}



.en .customs_inspection {

  background: url(/static/ap/images/digr_customs_inspection_procedure_en.png) center no-repeat #333649;

  background-size: contain !important;

}



.en .digr_airport_railroad {

  background: url(/static/ap/images/digr_airport_railroad_en.png) center no-repeat #fff;

  background-size: contain !important;

}



.en .digr_ktx_route {

  background: url(/static/ap/images/digr_ktx_route_en.png) center no-repeat #fff;

  background-size: contain !important;

}



.en .digr-airport-limousine-route {

  background: url(/static/ap/images/digr_airport_limousine_route_en.png) center no-repeat #f2f4f7;

  background-size: contain !important;

}



.en .digr-airport-kal-route {

  background: url(/static/ap/images/digr_airport_kal_route_en.png) center no-repeat #f2f4f7;

  background-size: contain !important;

}



.en .digr-airport-kal-route-en {

  background: url(/static/ap/images/digr_airport_kal_route_en.png) center no-repeat #f2f4f7;

  background-size: contain !important;

}



.en .digr-city-airport-terminal-seoul {

  background: url(/static/ap/images/digr_city_airport_terminal_seoul_en.png) no-repeat #333649 center;

  background-size: contain !important;

}



.en .digr-city-airport-terminal-samsung {

  background: url(/static/ap/images/digr_city_airport_terminal_samsung_en.png) no-repeat #333649 center;

  background-size: contain !important;

}



.en .digr-city-airport-terminal-kwangmyung {

  background: url(/static/ap/images/digr_city_airport_terminal_kwangmyung_en.png) no-repeat #333649 center;

  background-size: contain !important;

}



.en .info-graphic.baggage1 {

  background: url(/static/ap/images/digr_info_graphic01_en.png) center no-repeat #323648;

  background-size: contain !important;

}



.en .info-graphic.baggage2 {

  background: url(/static/ap/images/digr_info_graphic02_en.png) center no-repeat #323648;

  background-size: contain !important;

}



.en .info-graphic.baggage3 {

  background: url(/static/ap/images/digr_info_graphic03_en.png) center no-repeat #323648;

  background-size: contain !important;

}



.en .info-graphic.packing {

  background: url(/static/ap/images/digr_info_graphic04_en.png) center no-repeat #323648;

  background-size: contain !important;

}



.en .digr_way2 {

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

}



.ja .route-bus-stop {

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

}



.ja .route-bus-stop2 {

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

}



.ja .digr-incheon-airport-glance01 {

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

  background-size: contain !important;

}



.ja .digr-incheon-airport-glance02 {

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

  background-size: contain !important;

}



.ja .digr-terminal-interconnection {

  background: url(/static/ap/images/digr_terminal_interconnection_ja.jpg) no-repeat center;

  background-size: contain !important;

}



.ja .relief {

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

  background-size: contain !important;

}



.ja .lost-found .lost-box.found {

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

  background-size: contain !important;

}



.ja .lost-found .lost-box.belongings {

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

  background-size: contain !important;

}



.ja .customs_inspection {

  height: 400px;

  text-indent: -999em;

  background: url(/static/ap/images/digr_customs_inspection_procedure_ja.png) center no-repeat #333649;

  background-size: contain !important;

}



.ja .digr_airport_railroad {

  text-indent: -999em;

  background: url(/static/ap/images/digr_airport_railroad_ja.png) center no-repeat #fff;

  background-size: contain !important;

}



.ja .digr_ktx_route {

  text-indent: -999em;

  background: url(/static/ap/images/digr_ktx_route_ja.png) center no-repeat #fff;

  background-size: contain !important;

  border: 1px solid #dcdcdc;

}



.ja .digr-airport-limousine-route {

  background: url(/static/ap/images/digr_airport_limousine_route_ja.png) center no-repeat #f2f4f7;

  background-size: contain !important;

}



.ja .digr-airport-kal-route {

  background: url(/static/ap/images/digr_airport_kal_route_ja.png) center no-repeat #f2f4f7;

  background-size: contain !important;

}



.ja .digr-airport-kal-route-en {

  background: url(/static/ap/images/digr_airport_kal_route_ja.png) center no-repeat #f2f4f7;

  background-size: contain !important;

}



.ja .digr-city-airport-terminal-seoul {

  background: url(/static/ap/images/digr_city_airport_terminal_seoul_ja.png) no-repeat #333649 center;

  background-size: contain !important;

}



.ja .digr-city-airport-terminal-samsung {

  background: url(/static/ap/images/digr_city_airport_terminal_samsung_ja.png) no-repeat #333649 center;

  background-size: contain !important;

}



.ja .digr-city-airport-terminal-kwangmyung {

  background: url(/static/ap/images/digr_city_airport_terminal_kwangmyung_ja.png) no-repeat #333649 center;

  background-size: contain !important;

}



.ja .info-graphic.baggage1 {

  background: url(/static/ap/images/digr_info_graphic01_ja.png) center no-repeat #323648;

  background-size: contain !important;

}



.ja .info-graphic.baggage2 {

  background: url(/static/ap/images/digr_info_graphic02_ja.png) center no-repeat #323648;

  background-size: contain !important;

}



.ja .info-graphic.baggage3 {

  background: url(/static/ap/images/digr_info_graphic03_ja.png) center no-repeat #323648;

  background-size: contain !important;

}



.ja .info-graphic.packing {

  background: url(/static/ap/images/digr_info_graphic04_ja.png) center no-repeat #323648;

  background-size: contain !important;

}



.ja .digr_way2 {

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

}



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

  .gnb.bg .header-search-btn.gnb-search:after {

    left: 0;

  }

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

  }

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

  }

  .header {

    transition: none;

    min-width: inherit;

  }

  .header:after {

    content: '';

    display: block;

    width: 100%;

    height: 50px;

    background: #fff;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    z-index: 8888;

  }  

  .header-site {

    top: auto;



    bottom: 0;

    width: 100%;

    left: 0;

    padding: 30px 0;



    background: #fff;

  }

  .header-site-item {

    font-weight: 600;

    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;

    font-weight: 600;

  }

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

    margin-bottom: 10px;

    position: relative;

    top: 0;

  }

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

    font-size: 0.825rem;

    /* &:after{

               background-position:-154px -131px;

               width: 22px;

               height: 27px;

             }*/

  }

  .header-search-btn.gnb-search {

    font-size: 0.825rem;

    position: relative;

    z-index: 10;

  }

  .header-search-btn.gnb-search:after {

    left: 0;

  }

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

  }

  .gnb {

    width: 40%;

    padding: 0;

    height: 100%;

    top: 0;

    left: -100%;

    z-index: 99997;

  }

  .gnb.mobile-on {

    left: 0;

    transition: left .3s ease-out;

  }

  .gnb.mobile-off {

    left: -100%;

    transition: left .3s ease-out;

  }

  .gnb-depth1 {

    width: 100%;

    height: 100%;

    padding: 20px;

    overflow: auto;

    padding-bottom: 210px;

  }

  .gnb-depth1-item {

    width: 100% !important;

    float: none;

    height: 45px;

    border-bottom: 1px solid #d9d9d9;

    overflow: hidden;

  }

  .gnb-depth1-item.on {

    height: auto;

  }

  .gnb-depth1-item.on .gnb-depth1-link:after {

    transform: rotate(180deg);

  }



  .gnb-depth1-item:hover:after, .gnb-depth1-item.on:after {

    top: 43px;

  }

  .gnb-depth1-link {

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

  }

  .gnb-depth2-item {

    margin-bottom: 10px;

    line-height: inherit;

  }

  .gnb-depth2-link {

    font-size: 1.125rem;

  }

  /* 공사 메뉴 시작 */

  .en .gnb-co .gnb-depth1-link, .ch .gnb-co .gnb-depth1-link, .ja .gnb-co .gnb-depth1-link {

    text-align: left;

  }

  /* 공사 메뉴 끝 */

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

    height: 16px;

    border: 0;

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

    position: absolute;

    top: 27px;

    right: 19px;

    text-indent: -999em;

    background-size: contain;

  }

  .gnb:after {

    display: none;

  }

  .gnb.bg .header-search-item.gnb-search {

    position: relative;

    top: auto;

    left: auto;

    float: left;

    margin-left: 10px;



  }



  .quick {



    width: 60px;

    height: 60px;

    border-radius: 50%;

    top: auto;



    bottom: 15px;

    right: 15px;

    transform: none;



    z-index: 99998;

  }

  .quick-menu-list {

    background: none;

    border-radius: 0;

  }

  .quick-menu-list.quick-on .quick-menu-list-item {

    width: auto;

    opacity: 1;

    transition: all .2s ease-out;

  }

  .quick-menu-list.quick-on .quick-menu-list-item:nth-child(5) {

    bottom: 270px;

  }

  .quick-menu-list.quick-on .quick-menu-list-item:nth-child(6) {

    bottom: 210px;

  }

  .quick-menu-list.quick-on .quick-menu-list-item:nth-child(7) {

    bottom: 150px;

  }

  .quick-menu-list.quick-on .quick-menu-list-item:nth-child(8) {

    bottom: 90px;

  }

  .quick-menu-list.quick-on .quick-menu-list-item:nth-child(9) {

    bottom: 70px;

  }

  .quick-menu-list.quick-off .quick-menu-list-item {

    transition: all .2s ease-out;

  }

  .quick-menu-list-item {

    width: 50px;



    padding: 0;

    text-align: center;

    position: absolute;

    white-space: nowrap;

    right: 5px;

    bottom: 0;

    opacity: 0;

  }

  .quick-menu-list-item.top {

    display: none;

  }

  .quick-menu-list-item:hover {

    background: none;

  }

  .quick-menu-list-link {

    height: 50px;

    padding: 14px 60px 0 0;

    position: relative;

    color: #fff;

    text-align: right;

    font-size: 0.8rem;

  }

  .quick-menu-list-link.my-terminal:before {

    height: 26px;

    right: 13px;

  }

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

    height: 20px;

    right: 4px;

  }

  .quick-menu-list-link.move-terminal:before {

    height: 22px;

    right: 13px;

  }

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

    height: 30px;

    right: 10px;

  }

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

    height: 30px;

    right: 10px;

  }

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

    height: 26px;

    right: 12px;

  }



  .quick-menu-list-link.travel-info {

    padding-top: 14px;

  }

  .quick-menu-list-link.travel-info:before {

    height: 24px;

    right: 13px;

  }

  .quick-menu-list-link:before {

    position: absolute;

    top: 50%;

    right: 16px;

    transform: translateY(-50%);

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

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

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

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

    z-index: 1;

  }

  .quick-menu-list-link:after {

    content: "";

    display: block;

    width: 50px;

    height: 50px;

    border-radius: 50px;

    background: #272936;

    position: absolute;

    top: 0;

    right: 0;

    z-index: 0;

    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2), 0 2px 10px rgba(0, 0, 0, 0.3);

  }



  /* 공사 퀵메뉴 시작 */

  .quick-menu-co.quick-on .quick-menu-list-link {

    height: 50px;

    padding: 15px 60px 0 0;

    position: relative;

    color: #fff;

  }

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

    height: 16px;

    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-co.quick-on .quick-menu-list-item.sns-box {

    display: none;

  }

  .quick-menu-co.quick-on .quick-menu-list-item:nth-child(1), .quick-menu-co.quick-on .quick-menu-list-item:nth-child(2), .quick-menu-co.quick-on .quick-menu-list-item:nth-child(3), .quick-menu-co.quick-on .quick-menu-list-item:nth-child(4) {

   display: none;

  }

  .quick-menu-co.quick-on .quick-menu-list-item:nth-child(7) {

    bottom: 250px;

  }

  .quick-menu-co.quick-on .quick-menu-list-item:nth-child(8) {

    bottom: 190px;

  }

  .quick-menu-co.quick-on .quick-menu-list-item:nth-child(9) {

    bottom: 130px;

  }



  .en .quick-menu-co.quick-on .quick-menu-list-item:nth-child(7) {

    bottom: 190px;

  }

  .en .quick-menu-co.quick-on .quick-menu-list-item:nth-child(8) {

    bottom: 130px;

  }



  .ch .quick-menu-co.quick-on .quick-menu-list-item:nth-child(7) {

    bottom: 190px;

  }

  .ch .quick-menu-co.quick-on .quick-menu-list-item:nth-child(8) {

    bottom: 130px;

  }



  .ja .quick-menu-co.quick-on .quick-menu-list-item:nth-child(7) {

    bottom: 190px;

  }

  .ja .quick-menu-co.quick-on .quick-menu-list-item:nth-child(8) {

    bottom: 130px;

  }

  /* 공사 퀵메뉴 끝 */



  .quick-toggle {

    display: block;

    width: 100%;

    height: 100%;

    border: 0;

    background: #439096;

    position: relative;

    right: 0;

    text-indent: -99999em;

    z-index: 10;

    opacity: 1;

    transition: opacity .3s ease-out;

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

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

  }

  .quick-toggle:after {

    content: "";

    display: block;

    width: 20px;



    height: 1px;

    background: #fff;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

  }

  .quick.none {

    display: none;

  }

  .gnb-depth2-link {

    display: block;

    width: 100%;

    height: 100%;

  }

  .gnb-depth1-item:hover:after, .gnb-depth1-item.on:after {

    display: none;

  }

  .gnb-depth1-item.on .gnb-depth1-link {

    border-bottom: 2px solid #42519e;

  }

  .scrollfix {

    height: 100%;

    position: fixed;

    overflow: hidden;

    width: 100%;

  }

}



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

  .ft-info p br {

    display: none;

  }

  #top-contents.contents {

    padding-top: 60px;

  }

  .inner-section.responsive {

    width: 100%;

    min-width: inherit;



    padding: 0 15px;

  }

  .inner-list-item {

    padding-left: 12px;

  }

}



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

  #dv_loungeCoupon .text-center br {

    display: none;

  }

  #departure_congestion_content .vt-dark {

    table-layout: inherit;

  }

  #editarea {

    height: auto !important;

    overflow-y: inherit !important;

  }

  .layer.address-layer .timesetting-date-calendar {

    width: 40px !important;

  }

  .layer-text {

    height: 40px;

    line-height: 40px;

  }

  .object-list {

    height: 40px;

    line-height: 40px;

  }

  .inquery_sub_code {

    display: block;

    margin-top: 5px;

  }

  .user-text {

    height: 40px;

    line-height: 40px;

  }

  .layer .tab-area-heading {

    height: auto;

  }

  .layer.reservation2 {

    width: 100% !important;

  }

  .layer .coupon {

    padding: 0;

  }

  .layer .coupon input[type="text"] {

    width: 100% !important;

  }

  .layer .coupon .carnum {

    width: 50%;

    float: none;

    line-height: 40px;

    text-align: left;

  }

  .layer .coupon .carnum.name {

    margin-left: 0;

  }

  .layer .coupon-number {

    padding-top: 0;

  }

  .layer .coupon-number:after {

    margin: 10px 0;

  }

  .layer .coupon-number label {

    width: 100%;

    display: block;

    float: none;

    height: 40px;

  }

  .layer .coupon-body:after {

    margin: 10px 0;

  }

  .layer .coupon-body-email {

    text-align: left;

    margin-bottom: 10px;

    height: 50px;

  }

  .layer .coupon-body-rdo {

    padding-top: 0;

    float: none;

  }

  .layer .coupon-body-gender {

    margin-top: 40px;

  }

  .layer .coupon-search-btn {

    position: static;

  }

  .layer .coupon-search-btn button {

    height: 40px !important;

    line-height: 40px !important;

  }

  .layer .coupon .layer-text-box-right {

    width: 150px !important;

  }

  .things-form .timesetting-date {

    width: 50%;

    min-height: 40px;

    float: left;

  }

  .things-form .search-flight-detail-select-btn {

    width: 100%;

    height: 40px !important;

  }

  .kpop-reservation-list-item {

    width: 50%;

    padding: 0;

  }

  .kpop-reservation-list-item.ico {

    text-indent: 0;

  }

  .kpop-reservation-list-item.ico:after {

    display: none;

  }

  .kpop-reservation-list-item.on .list-article .article-txt {

    color: #2f4985;

    font-weight: 900;

  }

  .kpop-reservation-list-item .list-article {

    background: #fff;

    width: 100%;

    height: 40px;

    font-size: 0.75rem;

  }

  .kpop-reservation-list-item .list-article .article-txt {

    line-height: 40px;

  }

  .tab-half .tab-nav-list-item {

    width: 100% !important;

  }



  .tab-nav .tab-nav-list .tab-nav-list-item {

    width: 100% !important;

  }

  .inner-section {

    width: 100%;

    min-width: inherit;

    padding: 0 15px;

  }

  

 .btn-box2 {

 float:none;

 }  

  

  article, aside, details, figcaption, figure,

  footer, header, menu, nav, section {



    font-size: 1rem !important;

  }

  mark {

    font-size: 1rem;

  }

  .mt10 {

    margin-top: 10px;

  }

  .mt20 {

    margin-top: 20px;

  }

  .mt25 {

    margin-top: 20px;

  }

  .mt35 {

    margin-top: 20px;

  }

  .mt40 {

    margin-top: 20px;

  }

  .mt55 {

    margin-top: 0;

  }

  .mt60 {

    margin-top: 20px;

  }

  .mt100 {

    margin-top: 20px;

  }

  .ml10 {

    margin-left: 10px;

  }

  .article {

    margin-bottom: 40px;

  }

  .article:last-child {

    margin-bottom: 0;

  }

  .article-head {

    margin-bottom: 10px;

    font-size: 1.125rem;

    font-weight: 700;

    line-height: 1.4;

  }

  .contents-sub-head {

    padding: 15px 0 15px;

  }

  .contents-sub-head-title {

    font-size: 1.5rem;

    line-height: 1.3;

  }

  .contents-sub-head-title-lv3 {

    font-size: 1.5rem;

  }

  .contents-sub-head.clip, .contents-sub-head.clip-white {

    padding: 20px 0 10px;

  }

  .contents-sub-head.clip:after, .contents-sub-head.clip:before, .contents-sub-head.clip-white:after, .contents-sub-head.clip-white:before {

    display: none;

    height: 24px;

  }

  .contents-sub-head.clip-white .contents-sub-head-title-lv3 {

    font-size: 1.5rem;

    font-weight: 400;

  }

  .contents-sub-head.clip-white.down {

    color: #fff;

  }

  .contents-sub-head-article {

    margin-top: 10px;

    font-size: 0.825rem;

  }

  .ml10 {

    margin-left: 0;

  }

  /* 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: 100;

  }

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

  }

  .table.vt-dark.table-responsive td {

    padding: 16px 10px;

  }

  .airline-table {

    table-layout: inherit;

    display: block;

  }

  .airline-table thead,

  .airline-table tbody,

  .airline-table tr,

  .airline-table th,

  .airline-table td {

    display: block;

  }

  .airline-table thead tr {

    position: absolute;

    left: -999em;

    top: -999em;

  }

  .airline-table.table.vt-dark tbody tr:first-child {

    border-top: 4px solid #474a5b;

  }

  .airline-table.table.vt-dark tbody td {

    border: 0;

    padding: 0;

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

  }

  .airline-table.table.vt-dark tbody td:first-child {

    border-top: 0;

    padding: 4px;

    text-align: center;

  }

  .airline-table.table.vt-dark tbody td:first-child:before {

    display: none;

  }

  .airline-table tr {

    border: 1px solid #d9d9d9;

    border-top: 4px solid #474a5b;

    margin-bottom: 10px;

  }

  .airline-table tr:first-child {

    border-top: 0;

  }

  .airline-table tr:after {

    content: '';

    display: block;

    clear: both;

  }

  .airline-table td {

    padding: 0;

    border: 0;

    position: relative;

    float: left;

    width: 50%;

    font-size: 1rem;

  }

  .airline-table td p.font16 {

    font-weight: 700;

    font-size: 1.125rem;

  }

  .airline-table td img {

    vertical-align: middle;

    height: 100%;

  }

  .airline-table td:nth-child(4), .airline-table td:nth-child(3), .airline-table td:nth-child(2) {

    width: 100%;

  }

  .airline-table td:nth-child(7) img, .airline-table td:nth-child(8) img {

    height: 15%;

    width: 15%;

  }

  .airline-table td:first-child {

    border-top: 0;

    width: 100%;

  }

  .airline-table td:before {

    font-weight: 400;

    display: inline-block;

    min-width: 60px;

    padding: 10px;

    font-size: 0.825rem;

    color: #999;

  }

  .airline-table td:nth-child(1):before {

    content: '항공사명';

  }

  .airline-table td:nth-child(2):before {

    content: '국적';

  }

  .airline-table td:nth-child(3):before {

    content: '대표연락처';

  }

  .airline-table td:nth-child(4):before {

    content: '공항연락처';

  }

  .airline-table td:nth-child(5):before {

    content: 'IATA';

  }

  .airline-table td:nth-child(6):before {

    content: 'ICAO';

  }

  .airline-table td:nth-child(7):before {

    content: '터미널';

  }

  .airline-table td:nth-child(8):before {

    content: '출발현황';

  }

  .airline-table td:nth-child(9):before {

    content: '도착현황';

  }



  /* global sprite icon */

  .ico.base-close:after {

    background-position: -71px -94px;

    background-size: 250px 200px;

    width: 13px;

    height: 13px;

  }

  .contents-sub-head.clip-white.down {

    margin-top: 30px;

  }

  .terms_sub_txt > div {

    padding-left: 0 !important;

  }

  .contents-visual.departure-procedures .congestion {

    margin-bottom: 0;

  }

  .input-align {

    width: 100%;

  }

  .input-align .capcha {

    width: 50%;

    height: 40px;

    line-height: 40px;

    float: left;

    font-size: 0.825rem;

  }

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

  }

  .layer .input-align {

    width: 100%;

  }

}





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

  body {

    -webkit-text-size-adjust: 100%;

    -moz-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%;

  }

  .contents-visual .section-bg-contents2:last-child {

    width: 100%;

  }

  .contents-visual .section-bg-contents2:last-child .logo-list .etc {

    margin-left: 20px;

  }

  .banner {

    background-size: cover !important;

    width: 100%;

    padding: 25px;

    min-height: inherit;

  }

  .banner-title {

    width: 100%;

    font-size: 2.75rem;

    padding-top: 0;

    margin: 0 auto;

    text-align: center;

  }

  .banner-title strong {

    display: inline-block;

  }

  .banner-title:after {

    top: 115px;

  }

  .banner-text br {

    display: none;

  }

  .table.hr.writing .agreement-offer .checkbox-type2-label {

    margin-bottom: 10px;

    text-align: left;

    width: 100%;

  }

  .inner-section .btn-type-normal {

    font-size: 1rem;

  }

  #myMaps div {

    width: 100% !important;

  }

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

    padding: 10px 0 !important;

    word-wrap: break-word !important;

  }

  .table.vt th:after {

    display: none;

  }

  .table td, .table th, .table strong, .table p {

    font-size: 0.75rem !important;

    word-break: inherit !important;

    word-wrap: break-word !important;

  }

  .table td .list1-item:before {

    display: none;

  }

  .table td .download {

    text-indent: -999em;

    width: 30px;

    min-width: 30px;

    height: 30px;

    margin: auto;

  }

  .table td .download:after {

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

    width: 13px;

    height: 12px;

    right: auto;

  }

  .table td .arrow-small-right {

    text-indent: -999em;

    width: 30px;

    min-width: 30px;

    height: 30px;

    margin: auto;

  }

  .table td .arrow-small-right:after {

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

    width: 16px;

    height: 12px;

    left: 5px;

  }

  .btn-type-small.mobile_btn {

    font-size: 0.85rem !important;

    display: block;

    width: 80% !important;

    text-indent: inherit !important;

    margin: 10px auto 0 !important;

  }

  .btn-type-small.mobile_btn:after {

    background: none !important;

  }

  a#exemption1, a#exemption2 {

   display: inline-block;

  }

  .table.table-block {

    display: table !important;

    white-space: normal !important;

  }

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

  }

  .table.vt.board-list td.text-over {

    max-width: 0;

    font-size: 1rem;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    width: 86%;

  }

  .table.vt.board-list td .board-list-link {

    font-size: 1rem;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    width: 86%;

    display: block;

  }

  .table.vt.board-list th {

    font-size: 0.815rem;

  }

  .table.vt.board-list th:after {

    top: 9px;

    right: -2px;

  }

  .table.vt.board-list colgroup col {

    width: 60% !important;

  }

  .table.vt.board-list colgroup col:first-child {

    width: 20% !important;

  }

  

  .table.vt.board-list.covid colgroup col:first-child {

    width: 90% !important;

  }

  

  .table.vt.board-list colgroup col:last-child {

    width: 20% !important;

  }

  .table.vt.board-list .mobile {

    display: none;

  }

  .table.vt, .table.vt-dark {

    table-layout: fixed;

  }

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

    text-align: left;

    padding: 5px;

  }

  .table.vt th.sub, .table.vt-dark th.sub {

    padding: 5px;

  }

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

    padding: 5px;

  }

  .table.vt td .btn-type-small, .table.vt-dark td .btn-type-small {

    border-radius: 5px;

    font-size: 0.75rem;

    font-weight: 600;

    padding: 5px;

    line-height: inherit;

    word-wrap: break-word;

    display: block; } .table.vt td.center, .table.vt-dark td.center {

    text-align: left;

  }

  .table.vt.board-list, .table.vt-dark.board-list {

    table-layout: inherit !important;

    font-size: 1rem;

    white-space: nowrap;

  }

  .table.vt.board-list th:nth-child(1), .table.vt.board-list th:nth-child(2), .table.vt.board-list th:nth-child(4), .table.vt.board-list th:nth-child(5), .table.vt.board-list th:nth-child(6), .table.vt-dark.board-list th:nth-child(1), .table.vt-dark.board-list th:nth-child(2), .table.vt-dark.board-list th:nth-child(4), .table.vt-dark.board-list th:nth-child(5), .table.vt-dark.board-list th:nth-child(6) {

    display: none;

  }

  

  /* 고객센터게시판 추가 */

  .table.vt.cus-list th:nth-child(2), .table.vt.cus-list th:nth-child(5),

  .table.vt.cus-list td:nth-child(2), .table.vt.cus-list td:nth-child(5)

  { display: table-cell !important; }

  .table.vt.cus-list th:nth-child(1), .table.vt.cus-list th:nth-child(3), .table.vt.cus-list th:nth-child(4), .table.vt.cus-list th:nth-child(6),

  .table.vt.cus-list td:nth-child(1), .table.vt.cus-list td:nth-child(3), .table.vt.cus-list td:nth-child(4), .table.vt.cus-list td:nth-child(6)

  { display: none; }



  /* 코비드게시판 추가 */

  .table.vt.board-list.covid th:nth-child(1), .table.vt.board-list.covid th:nth-child(4), .table.vt.board-list.covid th:nth-child(5), .table.vt-dark.board-list.covid th:nth-child(1), .table.vt-dark.board-list.covid th:nth-child(4), .table.vt-dark.board-list.covid th:nth-child(5){

    display: none;

  }

 

  .table.vt.board-list.covid th:nth-child(2) {

   display: block;

 }    

/* 코비드게시판 추가 끝*/

  

  .table.vt.board-list td, .table.vt-dark.board-list td {

    padding: 10px;

    font-size: 0.825rem;

  }

  .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:nth-child(1), .table.vt.board-list td:nth-child(2), .table.vt.board-list td:nth-child(4), .table.vt.board-list td:nth-child(5), .table.vt.board-list td:nth-child(6), .table.vt-dark.board-list td:nth-child(1), .table.vt-dark.board-list td:nth-child(2), .table.vt-dark.board-list td:nth-child(4), .table.vt-dark.board-list td:nth-child(5), .table.vt-dark.board-list td:nth-child(6) {

    display: none;

  }

  

   /* 코비드게시판 추가 */

  .table.vt.board-list.covid td:nth-child(1), .table.vt.board-list.covid td:nth-child(4), .table.vt.board-list.covid td:nth-child(5), .table.vt-dark.board-list.covid td:nth-child(1), .table.vt-dark.board-list.covid td:nth-child(4), .table.vt-dark.board-list.covid td:nth-child(5) {

    display: none;

  }



  

  .table.vt.board-list.covid td:nth-child(2) {

     display: table-cell;

   }

  

   /* 코비드게시판 추가 끝*/

  .table.vt.board-list td .board-list-link, .table.vt-dark.board-list td .board-list-link {



    font-size: 0.825rem;

  }

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

    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.basic br, .table.basic td br {

   display: inherit;

  }

  .table.basic td .list1-item:before {

   top: calc(50% - 20px);

  }

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

    border: none;

  }

  .table.vt-dark-res thead th {

    display: none;

  }

  .table.vt-dark-res tbody tr {

    display: block;

    border: 3px solid #000;

    width: 100%;

  }

  .table.vt-dark-res tbody tr + tr {

    margin-top: 20px;

  }

  .table.vt-dark-res tbody tr td {

    display: block;

    width: 60%;

    margin-left: 40%;

    position: relative;

  }

  .table.vt-dark-res tbody tr td:before {

    content: attr(data-th) ":";

    position: absolute;

    width: 60%;

    background-color: #999999;

    left: -60%;

  }

  .table.vt-dark-res tbody tr td {

    width: 100%;

    margin-left: 0%;

  }

  .table.vt-dark-res tbody tr td:before {

    width: 100%;

    left: 0;

    position: relative;

    display: block;

  }

  .text-right .btn-type-normal {

    width: 100% !important;

  }

  .reservation2 {

    width: 100% !important;

  }

  select, input[type="text"] {

    height: 40px !important;

    line-height: 40px !important;

  }



  /* 2019.01.07 추가*/

  .table-congestion .table.vt-dark th {

    text-align: center;

  }

  .table-congestion .table.vt-dark td {

    text-align: center;

  }

  /* 2019.01.07 추가 끝*/

  

  .lost-found .lost-box.found, .lost-found .lost-box.belongings {

    height: 400px;

  }



  .password-change {

    text-align: left;

    margin-left: 0;

  }

}



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

  body {

    min-width: inherit;

    overflow-x: hidden;

  }

  .fp-tableCell {

    display: block;

    height: auto !important;

  }

  .section3, .section2 {

    height: auto !important;

  }

  .main-visual-wrap {

    position: static;

  }

  .main-visual-search-weather {

    left: 20px;

    top: -57px;

    transform: none;

    padding: 0;

  }

  .main-visual-search-weather:before {

    display: none;

  }

  .main-visual {

    height: 100vh;

  }

  .main-visual-control-arrow > .arrow.prev {

    left: 15px;

    top: 20px;

  }

  .main-visual-control-arrow > .arrow.next {

    right: 15px;

    top: 20px;

  }

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

    height: auto;

  }

  .main-visual-search-flight {

    width: 100%;

  }

  .main-visual-search-flight .area-tab {

    width: 48%;

  }

  .main-visual-search-flight .area-tab.departure {

    font-size: 1rem;

  }

  .main-visual-search-flight .area-tab.arrival {

    font-size: 1rem;

  }

  .main-visual-search-flight .area-form {

    padding-bottom: 10px;

  }

  .main-visual-search-flight .area-form-button {

    right: 0;

  }

  .main-visual-search-inner {

    width: 100%;

    padding: 0 15px;

    margin-right: 0;

  }

  .main-visual-search-title {

    display: none;

  }

  .main-visual-search #fnSearchResult {

    overflow-y: hidden;

    height: 84px;

  }

  .main-visual-search-desc .airplane {

    font-size: 0.825rem;

    margin-bottom: 10px;

  }

  .main-visual-search-desc .airplane-terminal {

    width: 100%;

    margin-bottom: 6px;

  }

  .main-visual-search-desc .airplane-number {

    width: auto;

    margin-right: 6px;

    margin-bottom: 6px;

  }

  .main-visual-search-desc .airplane-destination {

    margin-right: 6px;

    width: auto;

  }

  .main-visual-search-desc .airplane .situation-info {

    margin-top: 4px;

  }

  .main-visual-search-desc .airplane .date {

    width: 100%;

  }

  .main-visual-search-desc .airplane-info-more {

    position: absolute;

    top: auto;

    bottom: 0;



    width: auto;

    right: 0;

  }

  .section2 {

    background-size: cover;

    height: auto;

  }

  .section2 .main-content {

    position: relative;

    top: 0;

    left: 0;

    transform: none;

    padding: 35px 15px;

    margin: 0 0;

  }

  .section2 .main-block {

    width: 100%;

  }

  .section2 .main-block .link-list {

    height: auto;

    padding: 15px;

  }

  .section2 .main-block-item {

    width: 50%;

    margin-right: 0; } .section2 .main-block-item:last-child {



    width: 100%;

    margin-bottom: 0;

  }

  .section2 .main-block-item:last-child .guide-box {

    width: 50%;

    float: left;

  }

  .section2 .main-block-item:last-child .guide-wrap {

    height: auto;

    clear: both;



    overflow: hidden;

  }

  .section2 .main-block-item .heading-group {

    height: 150px;

    padding: 35px;

  }

  .section2 .main-block-item .heading-group .heading-desc {

    padding: 0;

  }

  .section2 .main-block-item .heading-group.prepare {

    background-size: cover;

  }

  .section2 .main-block-item .heading-group.airport {

    background-size: cover;

  }

  .section2 .main-block-item .heading-group.transfer {

    background-size: cover;

  }

  /*

  .top-big-popup-text {

    display: block;

    width: 100%;

    height: 620px;

    background: url(/static/ap/images/bg_mobile_top_big_popup_ko.png) no-repeat center top;

    position: absolute;

    top: 50%;

    left: 50%;

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

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

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

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

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

    text-indent: -99999em;

    background-size: contain;

  }

  */

  .top-big-popup-close {

    display: none;

  }

}







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

  

  /*공항지도 검색*/

  .search-map {

    width: 100%;

  }

  .search-map-title {

    display: none;

  }

  .search-map-title.title2.necessary {

    display: none;

  }

  .search-map-input-item {

    margin-right: 0;

  }

  .search-map-input-item:last-child {

    margin-right: 0;

  }

  .search-map-input-select, .search-map-input-txt {

    height: 40px;

    padding: 0 10px;

    border: 1px solid #d9d9d9;

    border-right: 0;

    font-size: 0.9375rem;

    color: #444;

    box-sizing: border-box;

    float: left;

  }

  .search-map-input-select {

    width: 100px;

  }

  .search-map-input-text {

    height: 40px;

    width: 200px;

  }

  .search-map-btn {

    width: 60px;

  }

  .search-map-svg {

    width: 100%;

    border-right: 1px solid #d9d9d9;

    float: none;

  }

  .search-map-wrap {

    background: #fff;

    float: none;

    position: absolute;

    top: 0;

    right: 0;

  }

  .search-map-contents.full-screen {

    width: 100%;

    padding: 0;

  }



 .multi-col .inner-col.search-map-right {

    text-align: right;

  }

}





/* 혼잡도 추가 변경 */

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

  .map-departure-congestion01 .map-absolute-area {

    width: 256px;

    height: 184px;

    background-size: contain;

  }

  .map-departure-congestion01 .remarks-column-list-item {

    display: inline-block;

    font-size: 0.825rem;

	margin-right: 3px;

  }

  .map-departure-congestion01 .remarks-column-list-item:before {

    width: 14px;

    height: 14px;

    margin-top: 2px;

	margin-right: 4px;

  }

  .map-departure-congestion01 .remarks-column-list-item + .remarks-column-list-item {

    margin-top: 10px;



  }

  .map-departure-congestion02 .map-absolute-area {

    width: 256px;

    height: 184px;

    background-size: contain;

  }

  .map-departure-congestion02 .remarks-column-list-item {

    display: inline-block; font-size: 0.825rem;

	margin-right: 3px;

  }

  .map-departure-congestion02 .remarks-column-list-item:before {

    width: 14px;

    height: 14px;

    margin-top: 2px;

	margin-right: 4px;

  }

  .map-departure-congestion02 .remarks-column-list-item + .remarks-column-list-item {

    margin-top: 10px;

  }

  /* 2019.01.07 추가 출국장혼잡도 시작*/

  .map-departure-congestion01 .remarks-column-list01,.map-departure-congestion02 .remarks-column-list01 {

	top: 10px;

  }

  .map-departure-congestion01 .remarks-column-list02,.map-departure-congestion02 .remarks-column-list02 {

	left: 20px;

  }

 

  .table-congestion .layer-article {

    margin: 0 !important;

  }

  .table-congestion .sticker {

    width: 90%;

  }



  /* 2019.01.07 테이블 출국장혼잡도 끝*/

  .congestion-mark1-1 {

    position: absolute;

    top: 100px;

    left: 180px;

  }

  .congestion-mark1-1 .congestion-mark-number {

    right: -87px;

    top: 25px;

  }

  .congestion-mark1-2 {

    position: absolute;

    top: 82px;

    left: 158px;

  }

  .congestion-mark1-2 .congestion-mark-number {

    left: 31px;

    top: 9px;

  }

  .congestion-mark1-3 {

    position: absolute;

    top: 72px;

    left: 133px;

  }

  .congestion-mark1-3 .congestion-mark-number {

    left: 8px;

    top: 3px;

  }

  .congestion-mark1-4 {

    position: absolute;

    top: 72px;

    left: 77px;

  }

  .congestion-mark1-4 .congestion-mark-number {

    top: 3px;

  }

  .en .congestion-mark1-4 .congestion-mark-number {

    margin-left: -10px;

  }

  .congestion-mark1-5 {

    position: absolute;

    top: 84px;

    left: 45px;

  }

  .congestion-mark1-5 .congestion-mark-number {

    right: -20px;

    top: 12px;

  }

  .congestion-mark1-6 {

    position: absolute;

    top: 100px;

    left: 20px;

  }

  .congestion-mark1-6 .congestion-mark-number {

    right: -15px;

    top: 24px;

  }

  .congestion-mark2-1 {

    position: absolute;

    top: 72px;

    left: 138px;

  }

  .congestion-mark2-2 {

    position: absolute;

    top: 72px;

    left: 70px;

  }

  .congestion-mark-number {

    position: absolute;

    border: 1px solid #7d7d7d;

    height: 20px;

  }

  .congestion-mark-number:after {

    display: none;

  }

  .congestion-mark-number:before {

    display: none;

  }

  .congestion-mark-color {

    position: absolute;

    width: 14px !important;

    height: 14px !important;

    font-size: 0.75rem;

    line-height: 14px !important;

    left: 19px;

    right: 0;

    bottom: -42px;

  }



  /*다운로드버튼*/

  .btn-download {

    min-width: 100%;

    height: 30px;

    line-height: 30px;

    text-align: center;

    padding: 0;

  }



 .field.map .field-radio + .field-radio-label {



    min-width: 16.666%;

    padding: 14px !important;

    font-size: 0.75rem !important;

    letter-spacing: 0;

  }

  /*공항지도 검색*/

  .search-map {

    padding: 0;

    background: none;

    border: none;

  }

  .search-map-title {

    display: none;

  }

  .search-map-title.title2.necessary {

    display: none;

  }

  .search-map-input-item {

    width: 33.33%;

  }

  .search-map-input-item:last-child {

    margin-right: 0;

    width: 100%;

  }

  .search-map-input-select {

    width: 100%;

  }

  .search-map-input-select.small {

    width: 100%;

  }

  .search-map-btn {

    width: 65%;

    height: 40px;

    margin-top: 10px;

  }

  .search-map-box {

    width: 180px;

    height: 320px;

  }

  .search-map-box-level1 {

    font-size: 1rem;

    font-weight: 700;

  }

  .search-map-box-level2 {

    font-size: 1rem;

  }

  .search-map-box-level3 {

    font-size: 0.825rem;

  }

  .search-map-box-level3 .search-map-list-link {

    font-size: 0.825rem;

  }

  .search-map-svg {

    height: 320px;

    float: none;

  }

  .search-map-svg-control {

    position: absolute;

    top: 20px;

    left: 20px;

    border: 1px solid #a6a7ab;

    width: 32px;

    z-index: 2;

  }

  .search-map-svg-control .svgbtn:first-child {

    border-bottom: 1px solid #a6a7ab;

  }

  .search-map-clear {

    min-height: 320px;

  }

  .search-map-clear.full-screen {

    height: 500px;

  }

  .search-map-clear.full-screen .search-map-svg {

    transition: all .4s;

    height: 100%;

  }

  .search-map-clear.full-screen .search-map-wrap {

    height: 100%;

  }

  .search-map-clear.on {

    border: 1px solid #d9d9d9;

  }

  .search-map-clear.on .search-map-svg {

    width: 100%;

    border: 0;

    position: absolute;

  }

  .search-map-clear.on .search-map-wrap {

    right: -180px;

  }

  .search-map-clear.on .search-map-control:after {

    transform: rotate(180deg);

  }

  .search-map-wrap {

    width: 180px;

    height: 320px;

  }

  

  .multi-col .inner-col {

  width: 100% !important;

  float: none;

  }



  .multi-col .inner-col.btn-right {

    position: static;

    text-align: left;

  }

  .multi-col .inner-col.search-map-left {

    display: inline-block;

  }

  .multi-col .inner-col.search-map-left .search-map-input-select {

    margin-top: 0;

    border: 1px solid #666;

  }

  .multi-col .inner-col.search-map-left .search-map-input-text {

    width: 100%;

    border: 1px solid #666;

    margin-top: -1px;

  }

  .multi-col .inner-col.search-map-right {

    /* display: inline-block; */

  }

  .multi-col .inner-col.search-map-right .checkbox-label {

    /* margin-top: 10px; */

  }

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

    width: calc(50% - 15px);

  }

  .section-img-list.col-4 .section-img-list-item:nth-child(1), .section-img-list.col-4 .section-img-list-item:nth-child(3) {

    margin-left: 0;

  }

}





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

  body {

    min-width: inherit;

    overflow-x: hidden;

  }

  .main-visual-search-weather {

    left: 20px;

    top: -57px;

    transform: none;

    padding: 0;

  }

  .main-visual-search-weather:before {

    display: none;

  }

  .main-visual {

    height: 100vh;

  }

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



  }

  .main-visual-control-arrow > .arrow.prev:hover {

    left: 15px;

  }

  .main-visual-control-arrow > .arrow.next {

    background-position: -42px 0;

    right: 15px;

    top: 20px;

  }

  .main-visual-control-arrow > .arrow.next:hover {

    right: 15px;

  }

  .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-item .visual-text-box {

    z-index: 2;

    top: calc(42% - 55px);

  }

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



    font-size: 2.5rem !important;

  }

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

    font-size: 1.3rem !important;

    line-height: 1.4;

    padding: 0 30px;



    margin-bottom: 15px;

  }

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

    font-size: 1.125rem !important;

    line-height: 1.4;

    padding: 0 30px;

  }

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

    display: none;

  }



  .main-visual-item:nth-child(1) {

    background-image: url(/static/ap/images/bg_mobile_main_visual_01.jpg) !important;

  }

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

    background-image: url(/static/ap/images/bg_mobile_main_visual_02.jpg) !important;

  }

  .main-visual-item:nth-child(3) {

    background-image: url(/static/ap/images/bg_mobile_main_visual_03.jpg) !important;

  }

  .main-visual-item:nth-child(4) {

    background-image: url(/static/ap/images/bg_mobile_main_visual_04.jpg) !important;

  }

  .main-visual-item:nth-child(5) {

    background-image: url(/static/ap/images/bg_mobile_main_visual_05.jpg) !important;

  }

  .main-visual-search {

    height: auto;

    padding: 20px 0;



  }

  .main-visual-search-flight {

    width: 100%;

  }

  .main-visual-search-flight .area-tab {

    width: 48%;

  }

  .main-visual-search-flight .area-tab.departure {

    font-size: 1rem;

  }

  .main-visual-search-flight .area-tab.arrival {

    font-size: 1rem;

  }

  .main-visual-search-flight .area-form {

    padding-bottom: 10px;

  }

  .main-visual-search-flight .area-form-button {

    right: 0;

  }

  .main-visual-search-inner {

    width: 100%;

    padding: 0 15px;

    margin-right: 0;

  }

  .main-visual-search-title {

    display: none;

  }

  .main-visual-search-weather .weather-temperature {

    margin: 10px auto auto 0;

  }

  .main-visual-search #fnSearchResult {

    overflow-y: hidden;

    height: 84px;

  }

  .main-visual-search-desc .airplane {

    font-size: 0.825rem;

    margin-bottom: 10px;

  }

  .main-visual-search-desc .airplane-terminal {

    width: 100%;

    margin-bottom: 6px;

  }

  .main-visual-search-desc .airplane-number {

    width: auto;

    margin-right: 6px;

    margin-bottom: 6px;

  }

  .main-visual-search-desc .airplane-destination {

    margin-right: 6px;

    width: auto;

  }

  .main-visual-search-desc .airplane .situation-info {

    margin-top: 4px;

  }

  .main-visual-search-desc .airplane .date {

    width: 100%;

  }

  .main-visual-search-desc .airplane-info-more {

    position: absolute;

    top: auto;

    bottom: 0;

    width: auto;

    right: 0;

  }

  .section2 {

    background-size: cover;

    height: auto;

  }

  .section2 .main-content {



    position: relative;

    top: 0;

    left: 0;

    transform: none;

    padding: 35px 15px;

    margin: 0 0;

  }

  .section2 .main-content-heading {

    font-size: 1.25rem;

  }

  .section2 .main-block {

    width: 100%;

  }

  .section2 .main-block .link-list {

    height: auto;

    padding: 15px;

  }

  .section2 .main-block-item {

    width: 100%;

    margin-right: 0;

    margin-bottom: 30px;

  }

  .section2 .main-block-item:last-child {

    margin-bottom: 0;

  }

  .section2 .main-block-item:last-child .guide-box {

    width: 100%;

    float: none;

  }

  .section2 .main-block-item .guide-wrap {

    height: auto;

    padding: 20px;

  }

  .section2 .main-block-item .guide-wrap .guide-box {

    margin-bottom: 10px;

  }

  .section2 .main-block-item .guide-wrap .guide-box:first-child {

    height: auto;

  }

  .section2 .main-block-item .guide-wrap .guide-box .box-left {

    float: none;

    width: 100%;

  }

  .section2 .main-block-item .guide-wrap .guide-box .box-right {

    float: none;

    width: 100%;

  } .section2 .main-block-item .guide-wrap .guide-box .guide-list-item.layout-div {

    width: 100%;

    margin-right: 0;

  }

  .section2 .main-block-item .heading-group {

    height: auto;

    padding: 35px;

  }

  .section2 .main-block-item .heading-group .heading-desc {

    padding: 0;

  }

  .section2 .main-block-item .heading-group.prepare {

    background-size: cover;

  }

  .section2 .main-block-item .heading-group.airport {

    background-size: cover;

  }

  .section2 .main-block-item .heading-group.transfer {

    background-size: cover;

  }

  .top-big-popup.mobile {

    cursor: pointer;

  }

  /*

  .top-big-popup-text {

    display: block;

    width: 100%;

    height: 320px;

    background: url(/static/ap/images/bg_mobile_top_big_popup_ko.png) no-repeat center top;

    position: absolute;

    top: 50%;

    left: 50%;

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

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

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

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

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

    text-indent: -99999em;

    background-size: contain;

  }

  */

  .top-big-popup-close {

    display: none;

  }

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

    width: 100%;

    margin-left: 0;

  }

}



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

  .main .footer-graft {

    background: #f2f4f7;

  }

  .section3 {

    width: 100%;

    height: auto;

    margin: 0 auto;

    position: static;

    background-size: cover;

  }

  .section3 .main-guide .heading-group {

    padding: 35px 0;

    background-size: cover;

  }

  .section3 .main-content {

    width: 100%;

    position: static;

    transform: none;

    padding: 35px 15px;

  }

  .section3 .main-guide {

    width: 100%;

    background: none;

    border: none;

    display: block;

    text-align: center;

  }

  .section3 .main-guide-item {

    width: 50%;

    padding: 15px;

    display: inline-block;

    background: #fff;

    border: 1px solid #dee3eb;

  }

  .section3 .main-guide-item + .main-guide-item {

    border-top: none;

  }

  .section3 .main-guide-item .heading-group {

    width: 100%;

    height: auto;

  }

  .section3 .main-guide-item .link-list {

    font-size: 0.75rem;

  }

  .section3 .main-guide-item .link-list-item {

    padding-left: 65px;

    padding-top: 5%;

    text-align: left;

    line-height: 1rem;

  }

  .footer-graft .main-banner {

    width: 740px;

    padding: 20px 0 30px;

  }

  .footer-graft .main-banner-item {

    margin-right: 10px;

  }

  .footer-graft .main-banner-item img {

    width: 100%;

  }

  .footer-graft .main-banner-control-paging {

    margin-left: auto;

    transform: translateX(-50%);

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

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





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

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

    bottom: 5px;

  }

  .footer-graft .main-banner-control-arrow .arrow.prev {

    margin-left: -396px;

    transform: translateY(-55%);

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

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



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

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

  }

  .footer-graft .main-banner-control-arrow .arrow.next {

    margin-left: 380px;

    transform: translateY(-55%);

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

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

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

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

  }

  .link-list-item-title {

    position: static !important;

  }

  .link-list-item-title br {

    display: none;

  }

  .link-list-sub-link {

    padding-right: 10px;

  }

}



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

  .section3 {

    width: 100%;

    height: auto;

    margin: 0 auto;

    position: static;

    background-size: cover;

  }

  .section3 .main-guide .heading-group {

    padding: 35px 0;

    background-size: cover;

  }

  .section3 .main-content {

    width: 100%;

    padding: 0 15px;

    position: static;

    transform: none;

    padding: 35px 15px;

  }

  .section3 .main-content-heading {

    display: none;

  }

  .section3 .main-guide {

    width: 100%;

    background: none;

    border: none;

    display: block;

    text-align: center;

  }



  .section3 .main-guide-item {

    width: 100%;

    padding: 15px;

    float: none;

    clear: both;

    display: inline-block;

    background: #fff;

    border: 1px solid #dee3eb;

  }

  .section3 .main-guide-item + .main-guide-item {

    border-top: none;

  }

  .section3 .main-guide-item .heading-group {

    width: 100%;

    height: auto;

  }

  .section3 .main-guide-item .link-list {

    font-size: 0.75rem;

  }

  .section3 .main-guide-item .link-list-item {

    padding-left: 65px;

    text-align: left;

  }

  .footer-graft .main-banner {

    width: 740px;

    padding: 20px 0 30px;

  }

  .footer-graft .main-banner-item {

    margin-right: 10px;

  }

  .footer-graft .main-banner-item img {

    width: 100%;

  }

  .footer-graft .main-banner-control-paging {

    margin-left: auto;

    transform: translateX(-50%);

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

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

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

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

    bottom: 5px;

  }

  .footer-graft .main-banner-control-arrow .arrow.prev {



    margin-left: -396px;

    transform: translateY(-55%);

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

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

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

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

  }

  .footer-graft .main-banner-control-arrow .arrow.next {

    margin-left: 380px;

    transform: translateY(-55%);

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

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

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

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

  }

  .link-list-item-title {

    position: static !important;

  }

  .link-list-item-title br {

    display: none;

  }

  .link-list-sub-link {

    padding-right: 10px;

  }

}



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

  .gnb {

    width: 80%;

  }

  .top-popup-article {

    width: 100%;

    margin: 0 0 10px 0;

  }

  .footer-graft .main-banner {

    width: 240px;

    padding: 20px 0 30px;

  }

  .footer-graft .main-banner-item {

    margin-right: 0;

  }

  .footer-graft .main-banner-item img {

    width: 100%;

  }

  .footer-graft .main-banner-control-paging {

    margin-left: auto;

    transform: translateX(-50%);

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

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

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

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

    bottom: 5px;

  }

  .footer-graft .main-banner-control-arrow .arrow.prev {

    margin-left: -154px;

    transform: translateY(-55%);

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

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

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

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

  }

  .footer-graft .main-banner-control-arrow .arrow.next {



    margin-left: 138px;

    transform: translateY(-55%);

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

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

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

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

  }

}



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

  #TEL1, #TEL2, #TEL3, #MOBLPHON1, #MOBLPHON2, #MOBLPHON3 {

    width: 30% !important;

    text-align: center;

  }

  .contents {

    width: 100%;

    min-width: 100%;

  }

  /* 모바일 bg left로 밀기 */

  .contents-visual-head {

    padding: 0 20px;

  }

  .contents-visual.departure {

    background: url(/static/ap/images/bg_sub_visual_departure.jpg) left no-repeat;

  }

  .contents-visual.search-airline {

    background: url(/static/ap/images/bg_sub_visual_airline.jpg) left no-repeat;

  }

  .contents-visual.facilities {

    background: url(/static/ap/images/bg_base_top06.jpg) left no-repeat;

  }

  .contents-visual.path-departure {

    background: url(/static/ap/images/bg_sub_visual_path_departure.jpg) left no-repeat;

  }

  .contents-visual.airline-city {

    background: url(/static/ap/images/bg_sub_visual_airline.jpg) left no-repeat;

  }

  .contents-visual.departure-procedures {

    background: url(/static/ap/images/bg_departure_procedures.jpg) left no-repeat;

  }

  .contents-visual.bg1 {

    background: url(/static/ap/images/bg_movie01.jpg) left no-repeat;

  }

  .contents-visual.bg4 {

    background: url(/static/ap/images/bg_base_top04.jpg) left no-repeat;

  }

  .contents-visual.bg5 {

    background: url(/static/ap/images/bg_base_top05.jpg) left no-repeat;

  }

  .contents-visual.path-departure {

    background: url(/static/ap/images/bg_sub_visual_path_departure.jpg) left no-repeat;



  }

  .contents-visual.entry-route {

    background: url(/static/ap/images/bg_entry_route.jpg) left no-repeat;

  }

  .contents-visual.bg8 {

    background: url(/static/ap/images/bg_immigration_procedure.jpg) left no-repeat;

  }

  .contents-visual.domestic {

    background: url(/static/ap/images/bg_domestic.jpg) left no-repeat;

  }

  .section-bg.airline-city.mt35 {

    display: none;

  }

  .local-list-item {

    width: 14.2857%;

  }

  .local-list-item-link {

    height: auto;

    line-height: 2.4;

  }

  .local-town {

    padding: 30px 15px;

    margin-bottom: 10px;

  }

  .local-town-item {

    width: 33.33%;

    border: 0;

    margin: 0;

  }

}



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

  .location {

    display: none;

    position: static;

    padding: 10px 15px;

    height: auto;

    border-bottom: 1px solid #d9d9d9;

  }

  .location-btn {

    display: none;

    position: static;

  }

  .location-bar {

    position: static;

  }

  .location-bar-nav-item {



    display: none;

    padding-left: 20px;

    float: left;

    line-height: 1.7;

  }

  .location-bar-nav-item-link {

    color: #666;

    font-size: 0.75rem;

  }

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

    display: block;

    width: 100%;

    text-align: center;

    padding: 0;

  }

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

    font-size: 0.825rem;

    font-weight: 900;

  }

  .search-flight-search-txt + .search-flight-search-btn {

    width: 100% !important;

    text-indent: 0 !important;

  }

  .search-flight {

    padding: 0 0 10px;

    border-top: 0;

    min-width: 100%;

  }

  .search-flight .search-flight-search-option + .search-flight-search-txt {

    border-top: 0;

  }

  .search-flight-search {

    width: 100%;

    font-size: 1rem;

    font-weight: 700;

    background: #f8f8f8;

  }

  .search-flight-search-txt {

    width: 100%;

    margin-right: 0;

    position: static;

    height: 40px;

    line-height: 40px;

    border: 1px solid #d9d9d9;

    border-bottom: 0;

    color: #999;

  }



  .search-flight-search-option {

    width: 100%;

    height: 40px;

    text-align: center;

  }

  .search-flight-search-btn {

    width: 40px !important;

    height: 40px !important;

    text-indent: -999em !important;

    padding: 0;

  }

  .search-flight-search-btn.ico {

    font-size: 1rem;

    text-indent: 0;

  }

  .search-flight-search-btn.ico:after {

    top: 0 !important;

    left: 0;

    right: 0 !important;

    bottom: 0;

    margin: auto;

  }

  .search-flight-search .search-flight-search-txt + .search-flight-search-btn {

    width: 100%;

    font-size: 1.125rem;

    padding: 0;

    text-indent: 0;

    margin-top: 0;

  }

  .search-flight-search .search-flight-search-txt + .search-flight-search-btn.ico:after {

    display: none;

  }

  .search-flight-detail {

    min-width: 100%;

  }

  .search-flight-detail.arr-detail .terminal {

    border-bottom: 0;

    border: 1px solid #666;

    width: 100%;

  }

  .search-flight-detail.arr-detail .terminal .search-flight-detail-select-article {

    width: 50%;

  }

  .search-flight-detail.arr-detail .terminal .search-flight-detail-select-article.atc1 {

    border-right: 1px solid #d9d9d9;

  }

  .search-flight-detail.arr-detail .terminal .search-flight-detail-select-article:last-child {

    width: 50%;

  }

  .search-flight-detail.arr-detail .search-flight-detail-select-article {

    width: 50%;

  }

  .search-flight-detail.arr-detail .search-flight-detail-select-airplane {

    width: calc(100% - 40px);

  }

  .search-flight-detail.arr-detail .search-flight-detail-select-article.double .search-flight-detail-select-article {

    width: 50%;

  }

  .search-flight-detail.arr-detail .search-flight-detail-select-article.double .search-flight-detail-select-article:last-child {

    border-right: 0;

  }

  .search-flight-detail-option {

    float: none;

    margin-right: 0;

    margin-bottom: 10px;

  }

  .search-flight-detail-option input[type="radio"].radio + .search-option-btn {

    width: 50%;

    text-align: center;

    height: 40px;

    line-height: 40px;

  }

  .search-flight-detail-option.terminal {

    width: 100%;

    height: 40px;

    border-right: 0;

    margin-bottom: 0;

  }

  .search-flight-detail-option.terminal .search-flight-detail-select-article {

    width: 100%;

  }

  .search-flight-detail-select {

    height: auto;

    float: none;

  }

  .search-flight-detail-select-article {

    width: 50%;

    padding: 0 10px;

    border-bottom: 1px solid #d9d9d9;

    height: 40px;

    line-height: 40px;

  }

  .search-flight-detail-select-article:nth-child(4n) {

    border-right: 0;

  }

  .search-flight-detail-select-article.double .search-flight-detail-select-article {

    width: 50%;

  }

  .search-flight-detail-select-article.double .search-flight-detail-select-article:last-child {

    border-right: 0;

    border-left: 0;

  }

  .search-flight-detail-select-article.double .dash {

    display: none;

  }

  .search-flight-detail-select-airplane {

    height: 40px;

    line-height: 40px;

    width: calc(100% - 40px);

  }

  .search-flight-detail-select-btn {

    width: 40px;

    height: 40px;

  }

  .inner-tab2 {

    width: 100%;

    position: static;

  }

  .inner-tab2 .btn-type-tab {

    box-sizing: border-box;

    width: 50%;

    height: 30px;

  }

/* 혼잡도 사이즈 변경 시작 

  .map-departure-congestion01 .map-absolute-area {

    width: 256px;

    height: 184px;

    background-size: contain;

  }



  .map-departure-congestion01 .remarks-column-list-item {

    display: inline-block;

    font-size: 0.825rem;

    margin-right: 3px;

  }

  .map-departure-congestion01 .remarks-column-list-item:before {

    width: 14px;

    height: 14px;

    margin-top: 2px;

	margin-right: 4px;

  }



  .map-departure-congestion01 .remarks-column-list-item + .remarks-column-list-item {

    margin-top: 10px;

  }

  .map-departure-congestion02 .map-absolute-area {

    width: 256px;

    height: 184px;

    background-size: contain;

  }



  .map-departure-congestion02 .remarks-column-list-item {

    display: inline-block;   

    font-size: 0.825rem;

    margin-right: 3px;

  }

  .map-departure-congestion02 .remarks-column-list-item:before {

    width: 14px;

    height: 14px;

    margin-top: 2px;

	margin-right: 4px;

  }

  .map-departure-congestion02 .remarks-column-list-item + .remarks-column-list-item {

    margin-top: 10px;

  }

*/

  /* 2019.01.07 추가 출국장혼잡도 시작

  .map-departure-congestion01 .remarks-column-list01,.map-departure-congestion02 .remarks-column-list01 {

	top: 10px;

  }

  .map-departure-congestion01 .remarks-column-list02,.map-departure-congestion02 .remarks-column-list02 {

	left: 20px;

  }

 

  .table-congestion .layer-article {

    margin: 0 !important;

  }

  .table-congestion .sticker {

    width: 90%;

  }   

  .congestion-mark1-1 {

    position: absolute;

    top: 178px;

    left: 322px;

  }

  .congestion-mark1-2 {

    position: absolute;

    top: 82px;

    left: 158px;

  }

  .congestion-mark1-2 .congestion-mark-number {

    left: 31px;

    top: 9px;

  }

  .congestion-mark1-3 {

    position: absolute;

    top: 72px;

    left: 133px;

  }



  .congestion-mark1-4 {

    position: absolute;

    top: 72px;

    left: 77px;

  }

  .congestion-mark1-5 {

    position: absolute;

    top: 84px;

    left: 45px;

  }

  .congestion-mark1-5 .congestion-mark-number {

    right: -20px;

    top: 9px;

  }

  .congestion-mark1-6 {

    position: absolute;

    top: 179px;

    right: 161px;

  }

  .congestion-mark2-1 {

    position: absolute;

    top: 72px;

    left: 138px;

  }

  .congestion-mark2-2 {

    position: absolute;

    top: 72px;

    left: 70px;

  }

  .congestion-mark-number {

    position: absolute;

    border: 1px solid #7d7d7d;

    height: 20px;

  }

  .congestion-mark-number:after {

    display: none;

  }

  .congestion-mark-number:before {

    display: none;

  }

  .congestion-mark-color {

    position: absolute;

    width: 14px !important;

    height: 14px !important;

    font-size: 0.75rem;

    line-height: 14px !important;

    left: 19px;

    right: 0;

    bottom: -42px;

  }

  2019.01.07 테이블 출국장혼잡도 끝*/

  .table2-article {

    position: static;

    padding-top: 0;

  }

  .table2-article-box {

    height: auto;

    overflow: inherit;

  }

  .table2.vt-dark {

    text-align: center;

  }

  .table2.vt-dark th {

    text-align: center;

    line-height: 1.4;

  }

  .table2.vt-dark td {

    text-align: center !important;

    line-height: 1.4;

    padding: 5px 0;

  }

  .table2 table {

    position: static;

  }

  .table2 thead tr {

    position: static;

  }

  .table2 thead th {

    width: auto;

  }

  .table2 thead th.wid {

    width: auto;

  }

  .table2 thead th:first-child {

    width: auto;

  }

  .table2 tbody {

    display: table-row-group;

    height: auto;

  }

  .table2 tbody tr {

    height: auto;

  }

  .table2 tbody td {

    text-align: center;

  }

  .table-guide-btn {

    width: 100%;

    float: none;

    padding: 0;

  }

  .table-guide-btn-text {

    font-size: 0.825rem;

  }

  .table-guide-ico {

    float: right;

    margin-left: 0;

  }

  .table-guide-pop-up {

    bottom: 30px;



    left: 0;

    width: 100%;

    padding: 10px !important;

    margin-bottom: 10px;

  }

  /* 2019.01.07 추가 출국장혼잡도 시작*/ 

  .table-congestion .layer-article {

    margin-top: 5px !important;

  }

  .table-congestion .sticker {

    width: 90%;

  }

  .map-departure-congestion01 .remarks-column-list-item {

    font-size: 0.825rem;

	margin-right: 3px;

  }

  .map-departure-congestion02 .remarks-column-list-item {

        font-size: 0.825rem;

	margin-right: 3px;	

  }

  /* 2019.01.07 테이블 출국장혼잡도 끝*/

  .table-guide-pop-up .laye-articler-title {

    font-size: 0.9375rem;

  }

  .table-guide-pop-up-list {

    margin-bottom: 10px;

  }

  .table-guide-pop-up-item {

    font-size: 0.75rem;

    letter-spacing: -1px;

    margin-left: 0;

    float: left;

    line-height: 1;

  }

  .table-guide-pop-up-item:first-child {

    width: auto;

    margin-right: 20px;

  }

  .table-guide-pop-up-item:before {

    width: 10px;

    height: 10px;

    margin-right: 4px;

  }

  .table-guide-pop-up dd.table-guide-pop-up-item:before {

    display: none;

  }

  .table-guide-list {

    float: none;

    display: inline-block;

    margin-top: 20px;

  }

  .table-guide-item {

    margin-left: 6px;

    line-height: 1;

    letter-spacing: -1px;

  }

  .table-guide-item:first-child {

    margin-left: 0;

  }

  .table-guide-item:before {

    margin-right: 4px;

    width: 14px;

    height: 14px;

  }

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

    padding: 15px;

    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 {

    top: 0 !important;

    left: 0 !important;

    position: absolute;

    overflow-y: hidden;

    min-width: 100%;

    border: none;

    padding: 40px 0 0;

  }

  .layer.system .layer-area {

    overflow-y: scroll;

    height: calc(100% - 40px);

  }

  .layer.system .systemico {

    height: auto !important;

  }

  .layer.system .layer-guide {

    position: absolute;

    bottom: 0;

  }

  .layer.system .layer-system-list:last-child {

    margin: 0 auto 15px auto;

  }

  .layer.system .layer-system-list-tit {

    font-size: 1rem;

    padding-bottom: 0;

  }

  .layer.system .layer-system-list-desc {

    color: #fff;

    text-align: left;

    line-height: 1.7;

    font-size: 0.825rem;

    font-weight: 400;

  }

  .layer.system .layer-system-desc {

    color: #fff;

    margin-bottom: 20px;

  }

  .layer.system .layer-system-desc.point {

    margin-bottom: 20px;

    font-size: 0.825rem;

    font-weight: 400;

  }

  .layer.system .layer-system-desc.systemico:after {

    margin: 20px auto 50px;

  }

  .layer.system .layer-title {

    font-size: 1rem;

    padding-bottom: 0;

  }

  .layer.system .layer-title:after {

    margin: 10px auto 10px;

  }

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

    width: 100%;

  }

  .layer.size {

    width: 100%;

  }

  .layer.capchasize {

    width: 100%;

  }

  .layer.md-terminal {

    width: 100%;

  }

  .layer.address-layer {

    width: 100%;

  }

  .layer.address-layer.size {

    width: 100%;

  }

  .layer.address-layer.max-size {

    width: 100%;

  }

  .layer.address-layer.max-size.max-height {

    max-height: inherit;

  }

  .layer.login-area {

    width: 100%;

  }

  .layer.questionnaire {

    width: 100%;

  }



  .layer-wrap #departure_congestion {

    height: 100% !important;;

  }



  .layer-wrap .gate-shortest-path {

    height: 100% !important;;

  }



  .layer-area {

    padding: 0;

  }

  .layer-title {

    padding-bottom: 14px;

    margin-bottom: 24px;

    border-bottom: 1px solid #42519e;

    font-size: 1.1rem;

  }

  .layer-title.login {

    font-size: 2rem;

  }

  .layer-sub {

    font-size: 0.825rem !important;

  }

  .layer-input-text.user-text {

    width: 100%;

    height: 40px;

    line-height: 40px;

  }

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

    text-align: center;

  }

  .layer-btn {

    float: left;

  }

  .layer-btn-login {

    width: 100%;

    height: 40px;

    font-size: 1rem;

  }

  .enter {

    padding: 20px 15px;

    background: #fff;

    border-top: 0;

  }

  .enter-btn {

    width: 100%;

    font-size: 0.825rem;

  }

  .contents-visual {

    min-height: inherit;

    height: auto;

    padding: 30px 0 0;

    background-size: cover !important;

  }

  

  /* 코비드 */ 

  .contents-visual.departure-procedures.aa {

    min-height: inherit;

    height: auto;

  }

  

  .contents-visual.bg8.aa {

    min-height: inherit;

    height: auto;

  }

  /* 코비드 끝 */

  

  .contents-visual-head {

    font-size: 1.125rem;

    margin-bottom: 20px;

  }

  .contents-visual .inner-section {

    padding: 0;

  }

  .contents-visual.departure-procedures {

    padding: 30px 15px;

  }

  .contents-visual.airline-city {

    padding: 30px 0 0;

  }

  .contents-visual .sub-top-descbox {

    padding-bottom: 30px;

  }

  .contents-visual.search-airline {

    padding: 30px 0 0;

  }

  .contents-visual.facilities {

    padding: 30px 0 0;

  }

  .contents-visual.facilities .search-airline-name {

    margin-bottom: 30px;

  }

  .contents-visual.path-departure {

    padding: 30px 0 0;

  }

  .congestion {

    border-left: 0;

    padding-left: 0;

    float: none;

    position: static;

    margin-bottom: 15px;

    margin-top: 30px;

  }

  .congestion-title {

    padding: 0 15px;

    font-size: 1.125rem;

  }

  

  .boxmodel-list-num.covid {

    padding: 10px;

    font-size: 1.3rem;

  }    

  

  .congestion-title br {

    display: none;

  }

  .tab-main {

    width: 100%;

    height: auto;

    margin-bottom: 15px;

    padding: 0 30px;

  }

  .tab-main-list {

    width: 100%;

  }

  .tab-main-list-item {

    width: 50%;

  }

  .tab-main-list-item-link {

    width: 100%;

    height: 40px;

    line-height: 40px;

    display: inline-block;

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

    font-size: 1rem;

  }

  .tab-sub {

    position: static;

  }

  .tab-sub-list {

    display: flex;

  }

  .tab-sub-list-item {

    float: left;

    width: 50%;

    height: auto;

  }

  .tab-sub-list-item-link {

    font-size: 1rem;

    letter-spacing: -1px;

    line-height: 1.4;

    padding: 15px;

  }

  .tab-sub-list-item-link.line2 br {

    display: none;

  }

  .tab-sub-list-item + .tab-sub-list-item {

    margin-left: 0;

  }

  .tab-nav-list.map .menu-mobile-item {

    display: none;

  }

  .tab .map {

    display: flex;

  }

  .tab .map .tab-nav-list-item {

    display: block;

    width: 50% !important;

  }

  .tab .map .tab-nav-list-item .tab-nav-list-link {

    background: #f2f2f2;

    border: 1px solid #d9d9d9;

    height: 100%;

  }

  .tab .map .tab-nav-list-item .tab-nav-list-link.on {

    background: #fff;

  }

  .tab-nav .menu-mobile-ui {

    width: 100%;

    display: block;

    padding: 5px 30px;

    line-height: 1.5;

    background: #f2f2f2;

    border: 1px solid #d9d9d9;

    font-size: 1rem;

    font-weight: 900;

    color: #666;

    text-align: center;

    position: relative;

  }

  .tab-nav .menu-mobile-ui:after {

    content: '';

    width: 12px;

    height: 7px;

    display: block;

    position: absolute;

    top: 0;

    right: 10px;

    bottom: 0;

    margin: auto;

    transform: rotate(180deg);

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

  } .tab-nav-list {

    width: 100% !important;

  }

  .tab-nav-list.map {

    display: flex;

  }

  .tab-nav-list.map .tab-nav-list-item {

    display: block;

    width: 50% !important;

  }

  .tab-nav-list-item {

    display: none;

  }

  .tab-nav-list-item.open-ui {

    display: block;

  }

  .tab-nav-list-link {

    padding: 5px 30px;

    border-width: 1px;

    border-bottom-color: #d9d9d9;

    font-size: 1rem;

    background: #fff;

    height: inherit;

    line-height: 1.5;

  }

  .tab-nav-list-link.on {

    border-bottom: 2px solid #42519e;

  }

  .tab-nav-list-link.active {

    height: 100%;

    padding: 5px;

    line-height: 1.4;

  }

  .tab-area {

    height: 100%;

    left: 0;

  }

  .tab-area-heading {

    border: 2px solid #d9d9d9;

    font-size: 0.825rem;

    height: 54px;

  }

  .tab-area-heading.on {

    border-bottom: 2px solid #42519e;

  }

  /* 코비드19_진단센터 추가_1080 */

  .covid-box-item {

    padding: 15px 20px;

  }

  .sub-menu-tab-link {

   font-size: 0.9rem !important;;

  }

  .covid-box-item-area .btn-type-normal.btn3 {

    font-size: 0.95rem;

    padding: 0 30px 0 20px;

  }

  .covid-box-item-area .btn-type-normal.btn4 {

    width:98%;

    margin:0 0 5px;

  }

  .step2-list.col-6.white .step2-list-item {

    width: calc(33.3% - 12px);

    margin-bottom: 10px;

  }

  .step2-list.col-6.white .step2-list-item:nth-child(4) {

    margin-left: 0;

  }

  /* 코비드19_진단센터 추가 끝_1080 */



  .search-airline-head {

    padding: 0 15px;

  }

  .search-airline-head-title {

    margin-bottom: 10px;

    font-size: 1rem;

    font-weight: 400;

    padding-top: 10px;

  }

  .search-airline-name {

    display: inherit;

    margin-bottom: 30px;

  }

  .search-airline-name-option {

    width: 100%;

    height: 50px;

    font-size: 1rem;

    border: 1px solid #d9d9d9;

  }

  .search-airline-name-txt {

    width: calc(100% - 40px);

    height: 40px;

    font-size: 1rem;

  }

  .search-airline-name-btn {

    width: 40px;

    height: 40px;

    padding-left: 0;

    font-size: 1.125rem;

    line-height: 50px;

  }

  .search-airline-name-btn.ico {

    text-indent: -999em;

  }

  .search-airline-name-btn.ico:after {

    left: 0;

    right: 0;

  }

  .contents-visual.search-airline .search-airline-name-option {

    width: 40%;

    height: 40px;

  }

  .contents-visual.search-airline .search-airline-name-txt {

    width: calc(60% - 40px);

    height: 40px;

  }

  .contents-visual.search-airline .search-airline-name-btn {

    width: 40px;

    height: 40px;

  }

  .update {

    margin-bottom: 10px;

    text-align: left;

    overflow: hidden;

  }

  .update-time {

    line-height: 26px;

  }

  .update-refresh {

    float: right;

    width: 26px;

    padding: 0;

    line-height: inherit;

    border-radius: 50%;

  }

  .update-refresh.ico {

    text-indent: -9999px;

  }

  .update-refresh.ico:after {

    top: 3px;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

  }

  .update-refresh.down {

    margin-right: 4px;

    text-indent: -999em;

    padding: 0;

  }

  .update-refresh.down:before {

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

  }

  .update.mb10 {

    margin-bottom: 10px;

  }

  .local-list {

    width: 100% !important;

  }

  .local-list-item {

    width: 33.33% !important;

    border-right: 1px solid #d9d9d9;

    border-top: 1px solid #d9d9d9;

  }

  .local-list-item:last-child {

    width: 100%;

  }

  .local-list-item:nth-child(3n) {



    border-right: 0;

  }

  .local-list-item-link {

    font-size: 0.875rem;

  }

  .local-list-item-link:after {

    display: none;

  }

  .local-town {

    padding: 20px;

  }

  .local-town-item {

    text-align: left;

    padding-right: 0;

  }

  .local-town-item-link {

    font-size: 0.875rem;

  }

  .question-wrap {

    margin-bottom: 10px;

    padding-bottom: 10px;

  }

  .question-wrap.last-question {

    border: 0;

    margin-bottom: 0;

  }

  .question-num {

    font-size: 0.825rem;

    padding: 10px;

    margin-right: 0;

    float: none;

    margin-bottom: 10px;

  }

  .question-txt {

    line-height: 1.4;

    float: none;

  }

  .question-length {

    font-size: 0.825rem;

  }

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

  }



  .global-search {

    border-bottom: 0;

  }

  .global-search-area-field {

    width: 100%;

  }

  .global-search-area-field-txt {

    width: calc(100% - 40px);

    height: 50px; padding: 0 15px;

    border: 1px solid #d9d9d9;

    font-size: 1rem;

  }

  .global-search-area-field-btn {

    width: 40px;

    height: 40px;

    padding-left: 30px;

    line-height: 50px;

  }

  .global-search-area-field-btn.ico {

    text-indent: -999em;

    padding: 0;

  }

  .global-search-area-field-btn.ico:after {

    top: 0;

    right: 0;

    left: 0;

    bottom: 0;

    margin: auto;

  }

  .global-search-area-field-checkbox {

    display: block;

    position: static;

    float: none;

    margin-top: 10px;

  }

  .global-search-tag {

    margin: 10px 0;

  }

  .global-search-tag-item {

    margin-left: 15px;

  }

  .global-search-tag-item-link {

    font-size: 0.825rem;

  }

  .global-search-word {

    padding: 10px 0;

    background: #fff;

  }

  .global-search-word-title {

    font-family: nanumsq, sans-serif;

    font-weight: 700;

    font-size: 1.25rem;

    margin-bottom: 20px;

  }

  .global-search-word-list {

    clear: both;

    overflow: hidden;

  }

  .global-search-word-list-item {

    float: left;

    width: 50%;

  }

  .global-search-word .word-list-btn {

    position: absolute;

    top: 30px;

    right: 20px;

  }

  .global-search-word .word-list-btn-link {

    width: 20px;

  }

  .global-search-result-tab {

    display: block;

    text-align: center;

  }

  .global-search-category {

    width: 100%;

  }

  .global-search-category-item {

    width: 33.33%;

  }

  .global-search-category-item + .global-search-category-item {

    border-left: none;

  }

  .global-search-category-item-link {



    width: 100%;

    padding: 0;

    font-size: 0.825rem;

    line-height: 1.8;

  }

  .global-search-category-item-link:before {

    display: none;

  }

  .global-search-category.co .global-search-category-item-link {

    width: 150px;

  }

  .global-search-result {

    width: 100%;

    margin-top: 10px;

  }

  .global-search-result .multi-col.line:before {

    display: none;

  }

  .global-search-result-total {

    margin-top: 15px;

    font-size: 1rem;

  }

  .global-search-result-box {

    margin: 0;

    position: relative; }

  .global-search-result-box-title {

    font-size: 1.125rem;

    padding: 20px 0;

    border-bottom: 1px solid #d9d9d9;

  }

  .global-search-result-box-quick {

    position: static;

  }

  .global-search-result-box-quick-list .box-quick-title {

    color: #666;

    font-size: 1rem;

    float: none;

    text-align: center;

    margin-top: 10px;



    margin-bottom: 10px;

    margin-right: 0;

  }

  .global-search-result-box-quick-list .box-quick-item {

    width: calc(33.33% - 10px);

    margin-right: 10px;

  }

  .global-search-result-box-quick-list .box-quick-item .btn-type-small {

    font-size: 1rem;

    margin-left: 0;

  }

  .global-search-result-box .list {

    padding: 20px 0;

  }

  .global-search-result-box .list-item {

    width: 100%;

    float: none;

  }

  .global-search-result .result-category {

    padding-top: 0;

  }

  .global-search-result .result-category-title {

    font-size: 1.125rem;

  }

  .global-search-result .result-category .table.vt.borad-view .reply-box {

    padding: 10px 0 60px 0;

  }

  .global-search-result .result-category .table.vt.borad-view .reply-box .reply-body-desc {

    font-size: 1.125rem;

  }

  .global-search-result .result-category .table.vt.borad-view .reply-box .reply-body-txt {

    font-size: 1rem;

  }

  .global-search-result .result-category .table.vt.borad-view .reply-box .reply-body .thum {

    width: 100%;

    height: auto;

    float: none;

    margin-right: 0;

  }

  .global-search-result .result-category .table.vt.borad-view .reply-box .reply-body .thum .imgbox-extend {

    height: auto;

  }

  .global-search-result .result-category .table.vt.borad-view .reply-box .reply-body .thum .imgbox-extend img {

    width: 100%;

    margin-bottom: 10px;

  }

  .global-search-result .result-category .table.vt.borad-view .reply-box .view-file {

    border: none;

    padding: 10px 0;

  }

  .global-search-research {

    position: static;

    top: 15px;

    right: -205px;

  }

  .global-search-research .checkbox-label {

    margin-top: 10px;

  }

  .tab-sub.col-3 .tab-sub-list-item { width: 33.33%;

  }

  .tab-sub.col-3 .tab-sub-list-item:first-child {

    margin-left: 0;

  }

  .tab-sub.col-4 .tab-sub-list-item {

    width: 25%;

  }

  .tab-sub.col-4 .tab-sub-list-item:first-child {

    margin-left: 0;

  }

  .tab-sub.col-5 .tab-sub-list-item {

  width: 20%;

}



.tab-sub.col-5 .tab-sub-list-item:first-child {

  margin-left: 0px;

} 

  .digr-incheon-airport-glance01 {

    height: 194px;

    background-size: contain;

  }

  .digr-incheon-airport-glance02 {

    height: 194px;

    background-size: contain;



  }

  .layer .tab-area-heading {

    width: 50% !important;

  }

  .layer .tab-area-heading + .tab-area-content + .tab-area-heading {

    left: 50% !important;

  }

  .layer.size.max-height {

    max-height: 100%;

  }

  .layer.size.max-height img {

    width: 100%;

  }

  .layer-text-box label {

    display: inline-block;

    width: 100%;

    line-height: 1.4;

    text-align: center;

    margin: 5px 0;

  }

  .layer-text-box input {

    width: 100%;

  }

  .layer-text-box .layer-text {

    width: 100%;

  }

  .layer-text-box-right label {

    display: inline-block;

    width: 100%;

    line-height: 1.4;

  }

  .layer-text-box-right .timesetting-date-day {

    width: calc(100% - 40px);

    height: 40px !important;

  }

  .layer-text-box-right .timesetting-date-calendar {

    height: 40px !important;

    width: 40px;

  }

  .layer-text-box-right .layer-text {

    width: 100%;

  }

  .tab-area-content .writing label {

    display: inline-block;

    width: 100%;

    text-align: center;

    margin: 5px 0;

  }

  .tab-area-content .writing label.d-none {

    display: none;

  }

  .tab-area-content .writing .layer-text {

    width: 100%;

  }

  .tab-area-content .writing .layer-text.time {

    width: calc( 50% - 6px);

  }

  .tab-area-content .writing .list1-item {

    line-height: 1.4 !important;

    padding-left: 0;

  }



  .tab-area-content .writing .list1-item:before {

    display: none;

  }

  .tab-area-content .writing .mt20 {

    margin: 0;

  }

  .en .global-search-category-item {

    height: 70px;

  }

  .table2.vt-dark { display: table;

  }

}



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

  .table2.vt-dark {

    display: inline-block;

  }

  .y-scroll {

    max-height: inherit;

    overflow-y: inherit;



  }

}





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

  .boxmodel.parking .boxmodel-list-item {

    min-height: inherit;

  }

  .boxmodel-list {

    display: block;

  }

  .boxmodel-list.h-472 {

    height: auto;

  }

  .boxmodel-list.h-472 .boxmodel-list-item {



    height: 472px;

  }

  .boxmodel-list.h-360 {

    height: auto;

  }

  .boxmodel-list.h-360 .boxmodel-list-item {

    height: 360px;



  }

  .boxmodel-list.h-420 {

    height: auto;

  }

  .boxmodel-list.h-420 .boxmodel-list-item {

    height: 420px;

  }

  .boxmodel-list.h-498 {

    height: auto;

  }

  .boxmodel-list.h-498 .boxmodel-list-item {

    height: 498px;

  }

  .boxmodel-list.h-520 {

    height: auto;

  }

  .boxmodel-list.h-520 .boxmodel-list-item {

    height: 520px;

  }

  .boxmodel-list-head {

    font-size: 1.825rem;

  }

  .boxmodel-list-item {

    float: left;

    display: table;

    overflow: inherit;

  }

  .boxmodel-list-item-inner.img .boxmodel-list-desc {

    max-width: inherit;

  }

  .boxmodel-list-item.list-end {

    width: 50%;

  }

  .boxmodel-list-item.list-end .list-end-content {

    line-height: 393px;

  }

  .boxmodel-list-item.col-full {

    width: 100%;

  }

  .boxmodel-list-item.col-full .boxmodel-list-item-inner {

    border-right: 0;

    border-left: 0;

  }

  .boxmodel-list-item.col-1 {

    min-height: inherit;

    height: auto;

  }

  

  /* 19.07.29 추가 */

  

  .boxmodel-list-item.col-1 .boxmodel-list-item-inner:after {

    content: "";

    display: block;

    clear: both;

  }  



  

  .boxmodel-list-item.col-1:first-child .boxmodel-list-head {

    width : 55%;

    float : left;

    min-height:176px;  

  }

  

  .boxmodel-list-item.col-1:first-child .boxmodel-btn-group {

    width : 45%;

    float : right;

  }

  

   /* 19.07.29 추가 끝 */

  

  .boxmodel-list-item.col-2 .boxmodel-list-item-inner {

    margin-right: 12px;

  }

  .boxmodel-list-item.col-2:last-child .boxmodel-list-item-inner {

    margin-left: 12px;

    margin-right: 0;

  }

  .boxmodel-list-item.col-3 {

    width: 50%;

  }

  .boxmodel-list-item.col-3 .boxmodel-list-item-inner {

    margin-right: 12px;

  }

  .boxmodel-list-item.col-3:nth-child(2) .boxmodel-list-item-inner {

    margin-right: 0;

  }

  .boxmodel-list-item.col-3:last-child {

    min-height: inherit !important;

    height: auto !important;

    width: 100%;

    margin-top: 30px;

  }

  .boxmodel-list-item.col-3:last-child .boxmodel-list-item-inner {

    margin-left: 0;

  }

  .boxmodel-list-item.col-3:last-child .boxmodel-list-item-inner:after {

    content: "";

    display: block;

    clear: both;

  }

  .boxmodel-list-item.col-3:last-child .boxmodel-list-head {

    width: 55%;

    float: left;

    /* min-height: 176px; */

  }

  .boxmodel-list-item.col-3:last-child .boxmodel-list-head.callvan {

    margin-top: 33px;

    min-height: 100px;

  }

  .boxmodel-list-item.col-3:last-child .boxmodel-btn-group {

    width: 45%;

    float: right;

  }

  .boxmodel-list-item.col-3:last-child .boxmodel-btn-group.mt10 {

    margin-top: 0;

  }

  .boxmodel-list-item.col-3:last-child .boxmodel-list-desc {

    display: inline-block;

    width: 45%;

    margin-bottom: 10px;

    text-align: left;

    float: right;

  }

  .boxmodel-list-item.col-3:last-child .guide-desc {

    float: right;

    text-align: left;

    width: 45%;

  }

  .boxmodel-list-item.col-3:last-child .boxmodel-list-desc.mt10 {

    margin-top: 0;

  }

  .boxmodel-list-item.col-3:last-child .boxmodel-list-desc.mt20 {

    margin-top: 0;

  }

  .boxmodel-list-item.col-3:last-child .boxmodel-list-desc.mt40 {

    margin-top: 0;

  }

  .boxmodel-list-item.col-3:last-child .boxmodel-list-support {

    display: block;

    margin-top: 10px;

  }

  .boxmodel-list-item.col-3:last-child br {

    display: none;

  }

  .boxmodel-list-item.col-two-thirs {

    width: 50%;

  }

  .boxmodel-list-item.col-two-thirs.right {

    width: 100%;

    height: 400px;

  }

  .boxmodel-list-item.col-two-thirs.right .boxmodel-list-item-inner {

    margin-right: 0;

    width: 100%;

  }

  .boxmodel-btn-groupsub {

    display: block;

    max-width: 100%;

    margin: auto;

    background: #f8f8f8;

    border: 1px solid #d9e0ea;

    border-radius: 4px;

    font-size: 1.125rem;

    overflow: hidden;

  }

  .boxmodel-btn-groupsub-tit {

    display: inline-block;

    width: 100%;

    height: 38px;

    background: #fff;

    border-bottom: 1px solid #d9d9d9;

    line-height: 38px;

    text-indent: 20px;

    font-weight: 600;

  }

  .boxmodel-btn-groupsub .list2 {

    width: 100%;

    padding: 8px 0 8px 20px;

    line-height: 1.7;

    transition: all .2s;

  }

  .boxmodel-btn-groupsub .list2-link {

    width: 100%;

    height: 100%;

    text-indent: 0;

    font-weight: 600;

  }

  .boxmodel-btn-link {

    max-width: 100%;

  }



/* 19.7.29 추가 */  



  a.boxmodel-btn-link.ico.arrow-link-right.mt10.size {

    width: 100%;

  }    

/* 19.7.29 추가 끝*/    

  

  .boxmodel-btn-link2 {

    max-width: 100%; width:100%

  }  

  

  .boxmodel-btn-group.exclusive {

    height: 66px;

    line-height: 66px;

  }

  .boxmodel-btn-group.row-2 {

    overflow: inherit;

    height: 38px;

    line-height: 38px;

  }

  .boxmodel .guide-desc {

    text-align: center;

  }

}



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

  .top-notice {

    display: inline-block;

    width: 100%;

    margin: 0;

  }

  .top-notice .top-notice-desc {

    text-align: center;

    /*letter-spacing: -1px;*/

    color: #fff;

    font-size: 0.825rem;

    padding: 10px 15px 0;

  }

  .top-notice .top-notice-desc:before {

    content: '';

    display: inline-block;

    margin-right: 8px;

    background: url(/static/ap/images/ico_notice.png);

    width: 17px;

    height: 12px;

  }

  .top-notice:before {

    display: none;

  }

  .inner-section .top-notice2-desc {

    padding-left: 15px;

    padding-right: 15px;

    font-size: 0.825rem;

  }

  .sub-top-descbox .top-notice2-desc {

    font-size: 0.825rem;

    margin: 0;

    padding: 0 0 20px 0;

  }

  .con_right .sub-top-descbox {

    display: block;

    padding: 0 !important;

  }

  .con_right .congestion {

    padding: 0;

    margin: 0;

  }

  .en .contents-visual.facilities .top-notice2-desc {

    padding: 0 15px;

  }

}



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

  .sub-top {

    min-height: inherit;

    height: inherit !important;

    padding: 30px 15px;

  }

  .sub-top-inner {

    width: 100%;

  }

  .sub-top-descbox {

    font-size: 1.5rem;

    line-height: 1.4;

  }

  .sub-top-descbox.center span {

    padding: 0 20px;

    display: block;

  }

  .sub-top-descbox-tit {

    font-size: 1.5rem;

    line-height: 1.4;

    display: inline-block;

    padding: 0 20px;

  }

  .sub-top-descbox-sub {

    font-size: 1rem;

  }

  .sub-top-linkbox {

    height: inherit;

    font-size: 1rem;

    line-height: inherit;

    border: none;

    background: none;

  }

  .sub-top-linkbox .btn-type-round-under {

    margin-top: 20px;

  }

  .sub-top.type2 .sub-top-descbox {

    padding-top: 0;

  }

  .sub-top.type3 .sub-top-descbox {

    display: block;

    padding-top: 52px;

  }

  .sub-top.type3 .sub-top-descbox .sub-top-descbox-text .sub-top-descbox-tit {

    font-size: 2rem;

  }

  .sub-top.type3 .sub-top-descbox .sub-top-descbox-text .sub-top-descbox-tit .text-georgia {

    font-size: 3rem;

  }

  .sub-top.type3 .sub-top-descbox .sub-top-descbox-text .btn-type-infolink {

    margin-left: 0;

    margin-top: 10px;

  }

  .sub-top.type4 .sub-top-descbox .sub-top-descbox-text {

    font-family: roboto, sans-serif;

  }

  .sub-top.type4 .sub-top-descbox .sub-top-descbox-text:after {

    content: '';

    display: block;

    width: 2px;

    height: 40px;

    background: #fff;

    margin: 20px auto;

  }

  .sub-top.type4 .sub-top-descbox .sub-top-descbox-text .sub-top-descbox-tit {

    font-size: 3rem;



    font-weight: 900;

    line-height: 1;

  }

  .sub-top.type4 .sub-top-descbox .sub-top-descbox-text .sub-top-descbox-sub {

    display: block;

    font-size: 1.5rem;

  }

  .sub-top.type4 .sub-top-descbox .sub-top-descbox-text .btn-type-infolink {

    margin-left: 8px;

    vertical-align: super;

  }

  .section-bg-head:after {

    margin: 15px auto;

  }



  .section-bg {

    height: inherit !important;

    background-size: cover !important;

  }

  .section-bg.airline-city {

    padding: 60px 0;

  }

  .section-bg.transfer-bg {

    padding-top: 30px;

  }

  .section-bg-inner.split {

    float: none;

    width: 100%;

    height: 40%;

    padding: 30px 15px;

  }

  .section-bg-inner.split br {

    display: none;

  }

  .section-bg-inner.bgcolor-b {

    text-align: center;

    padding: 30px 15px;

    height: 60%;

  }

  .section-bg-list {

    margin-top: 0;

  }

  .section-bg-list.col-multi .section-bg-list-tit {

    font-size: 1rem;

  }

  .section-bg-list.col-multi .section-bg-list-item {

    width: 100%;

  }

  .section-bg-list.col-multi .section-bg-list-item .btn-type-small {

    margin-top: 10px;

  }

  .section-bg-list.col-4 .section-bg-list-item {

    width: 100%;

    padding: 14px 20px;

  }

  .section-bg-list.col-4 .section-bg-list-item:nth-child(3n) {

    margin-left: 0;

  }

  .section-bg-list.col-5 .section-bg-list-item {

    width: 100%;

    padding: 14px 20px;

  }

  .section-bg-list.col-5 .section-bg-list-item:nth-child(4n) {

    margin-left: 0;

  }

  .section-bg-list.col-5 .section-bg-list-tit {

    font-size: 1.125rem;

    font-weight: 700;

  }

  .section-bg-list-item {

    margin-bottom: -2px; margin-left: 0;

    border: none;

    width: 100% !important;

    background: none;

  }

  .section-bg-list-item:first-child {



    margin-left: 0;

  }

  .section-bg-list-inner {

    display: table-cell;

    vertical-align: middle;

    text-align: center;

  }

  .section-bg-list-inner .btn-type-small {

    margin-top: 8px;

    width: 100px;

  }

  .section-bg-list-tit {

    font-size: 1.125rem;

    font-weight: 700;

  }

  .section-bg-head {

    font-size: 1.5rem;

  }

  .section-bg-head:after {

    margin: 20px auto;

  }

  .section-bg-head2 {

    text-align: center;

    margin-bottom: 10px;

  }

  .section-bg-head2:after {

    display: none;

  }

  .section-bg-desc {

    font-size: 1rem;

  }

  .section-bg-desc.left {

    text-align: center;

  }

  .section-bg-sublist {

    margin: 15px auto auto;



  }

  .section-bg-sublist-tit {

    font-size: 1rem;

    margin-top: 20px;

  }

  .section-bg-sublist-desc {

    font-size: 0.825rem;

    color: #fff;

  }

  .section-bg-sublist-desc br {

    display: block !important;

  }

  .section-bg .contents-sub-head {

    padding: 0 !important;

  }

  .section-bg .contents-sub-head .clip-white:after {

    margin: 20px auto 0;

  }

  .section-bg.parking-info {

    height: 540px;

    background-size: cover;

  }

  .section-bg.parking-info .section-bg-inner {

    height: inherit;



  }

  .section-bg .btn-type-infolink {

    margin-bottom: 15px;

    border: 1px solid #fff;

  }

  .section-bg-contents2, .section-bg-contents3 {

    width: 100%;

    float: none;

    margin-left: 0;

    margin-bottom: 15px;

    text-align: center;

    /*padding: 0 15px;*/

  }

  

  .section-bg-contents3 .logo-list {

    width: 300px !important;

    margin: auto;

  }

  

  .section-bg-contents3 .logo-list-item {

    margin-left: 8px !important;

  } 

  

  .section-bg-contents2 .logo-text.mt20 {

    margin-top: 10px;



  }

  .section-bg-contents2 .logo-list {

    width: 300px !important;

    margin: auto;

  }

  .section-bg-contents2 .logo-list-item {

    margin-left: 8px !important;

  }

  

  .section-bg-contents2 + .congestion {

    margin-bottom: 0;

  }

  

  .icontxt {

    display: block;

  }

  .icontxt:before {

    display: block;

    margin: auto;

    background-size: 377px 176px;

    width: 77px;

    height: 77px;

  }

  .icontxt-title {

    display: block;

    font-size: 1.5rem;

    padding: 20px 0;



  }

  .icontxt.icon-check-passport:before {

    background-position: -7px -10px;

  }

  .icontxt.icon-check-visa:before {

    background-position: -91px -10px;

  }

  .icontxt.icon-check-international-driver-license:before {

    background-position: -176px -10px;

  }

  .icontxt.icon-check-mma:before {

    background-position : -260px -10px;

  }

  .btn-type-infolink {

    width: 70%;

    padding: 0;

    font-size: 1rem;

    height: 40px;

    line-height: 40px;

    text-align: center;

  }

  .btn-type-normal {

    width: 100%;

    padding: 0;

    font-size: 1rem;

    text-align: center;

  }

  .btn-type-round-under {

    width: 100%;

    padding: 0;

    font-size: 1rem;

    text-align: center;

  }

  .btn-type-small {

    width: 100%;

    height: 30px;

    line-height: 30px;

    font-size: 1rem;

  }

  .guide-desc {

    font-size: 0.825rem;

    line-height: 1.4;

  }

  .guide-desc.color {

    color: #d43e41;

  }

  .guide-desc.mark {

    text-indent: -20px;

    padding-left: 20px;

  }

  .guide-desc.mark:before {

    content: "※";

  }

  .guide-desc.mark-center {

    text-indent: 0;

    padding: 0 0;

    text-align: center;

  }

  .guide-desc.mark2 {

    text-indent: -20px;

    padding-left: 20px;

  }

  .guide-desc.mark2:before {

    content: "*";

    position: relative;

    top: 4px;

  }

  .inner-tab {

    position: static;

    margin-top: 20px;

  }

  .inner-tab-heading {

    border: none;

    background: #3e4b91;

    color: #fff;

  }

  .inner-tab-heading.on {

    background: #fff;

    color: #42519e;

    font-weight: 800;

  }

  .rough-map {

    height: 400px;

    min-height: 400px;

  }

  .rough-map .congestion {

    top: 60px;

    border-left: 0;

  }

  .rough-map-tit {

    position: static;



    display: inherit;

    text-align: center;

    font-size: 1.5rem;

    font-weight: 400;

  }

  .etc-page {

    margin-top: 140px;

  }

  .etc-page-article .btn-type-normal {

    margin-top: 30px;

  }

  .etc-page-heading {



    font-size: 1.125rem;

  }

  .etc-page-heading:before {

    width: 144px;

    height: 144px;

  }

  .etc-page-desc {

    margin-top: 30px;

    font-size: 0.9375rem;

  }

  .etc-page-link {

    color: #42519e;

  }

  .digr-terminal-interconnection {

    background: url(/static/ap/images/digr_terminal_interconnection.jpg) no-repeat center;

    background-size: contain;

    height: 200px;

  }

}



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

  .boxmodel-list {

    display: block;

    margin: 0;

  }

  .boxmodel-list.box-border {

    border-bottom: 0;

    padding-bottom: 0;

  }

  .boxmodel-list-head {

    font-size: 1.25rem;

  }

  .boxmodel-list-head:after {

    height: 77px;

    margin: 10px auto 0 auto;

  }

  .boxmodel-list-item {

    width: 100% !important;

    float: left;

    display: table;

    min-height: inherit;

    overflow: inherit;

    margin-bottom: 20px;

    min-height: inherit !important;

    height: auto !important;

  }

  .boxmodel-list-item br {

    display: none;

  }

  .boxmodel-list-item.list-end {

    width: 50%;

  }

  .boxmodel-list-item.list-end .list-end-content {

    line-height: 100px;

  }

  .boxmodel-list-item-inner {

    height: 100%;

    padding: 20px 10px 16px;

    margin: 0 !important;

  }

  .boxmodel-list-item-inner.img {

    min-height: inherit;



    background: none !important;

    padding: 0;

  }

  .boxmodel-list-item-inner.img .boxmodel-btn-group {

    margin-top: auto;

  }

  .boxmodel-list-item-inner.img .boxmodel-list-head {

    display: none;

    font-size: 1.875rem;

    line-height: 1.4;

    margin-top: 0 !important;

  }

  .boxmodel-list-item-inner.img .boxmodel-list-desc {

    display: none;

    color: #333;

    max-width: inherit;

  }

  .boxmodel-list-item-inner.img br {

    display: block !important;

  }

  .boxmodel-list-item.col-1 .leave-check {

    padding: 0;

  }

  .boxmodel-list-item.col-1 .leave-check .col-btn-link1 {

    width: 33.33%;

  }

  .boxmodel-list-item.col-1 .leave-check .col-btn-link1 {

    width: 100%;

  }

  .boxmodel-list-item.col-1 .leave-check .col-btn-link3 {

    width: 100%;

  }

 .boxmodel-list-item.col-1 .leave-check .col-btn-link4 {

    width: 100%;

  }

  

  /* 2018.11.02 추가 */

  .boxmodel-list-item.col-1 .leave-check .col-btn-link5 {

    width: 100%;

  }

  /* 2018.11.02 추가 끝 */

  

  .boxmodel-list-item.col-3 {

    width: 50%;

    margin-top: 0;

  }

  .boxmodel-list-item.col-3:last-child {

    width: 100%;

    min-height: inherit;

    margin-top: 0;

  }

  .boxmodel-list-item.col-3:last-child .boxmodel-list-head {

    margin: auto;

    float: none;

    width: auto;

    min-height: inherit;

  }

  

  /* 19.07.29 추가 */

  .boxmodel-list-item.col-1:first-child .boxmodel-list-head {

    margin: auto;

    float: none;

    width: auto;

    min-height: inherit;

  }  

  .boxmodel-list-item.col-1:first-child .boxmodel-btn-group {

    width:auto;

    float:none;

  } 

  /* 19.07.29 추가 끝*/ 

  

  .boxmodel-list-item.col-3:last-child .boxmodel-list-head.callvan {

    margin-top: 0;

    min-height: inherit;

  }

  .boxmodel-list-item.col-3:last-child .boxmodel-list-head:after {

    margin: 18px auto 0 auto;

  }

  .boxmodel-list-item.col-3:last-child .boxmodel-btn-group {

    width: auto;

    float: none;

  }

  .boxmodel-list-item.col-3:last-child .boxmodel-list-desc {

    display: block;

    width: auto;

    text-align: center;

    float: none;

  }

  .boxmodel-list-item.col-3:last-child .guide-desc {

    float: none;

    text-align: center;

    width: auto;

  }

  .boxmodel-list-item.col-3:last-child .boxmodel-btn-group {

    width: 100%;

  }

  .boxmodel-list-item.col-3:last-child .boxmodel-btn-group .boxmodel-btn-link {

    width: 100%;

  }

  .boxmodel-list-item.col-3:last-child .boxmodel-list-desc {

    text-align: center;

  }

  .boxmodel-list-item.col-3:last-child .boxmodel-list-desc.mt10 {

    margin-top: 10px;

  }

  .boxmodel-list-item.col-3:last-child .boxmodel-list-desc.mt20 {

    margin-top: 0;

  }

  .boxmodel-list-num {

    margin-bottom: 20px;

  }

  .boxmodel-list-item.col-two-thirs {

    width: 100%;

  }

  .boxmodel-list-item.col-2 {

    width: 100%;

  }

  .boxmodel-btn-link {

    font-size: 1rem;

  }

  .boxmodel-btn-link2 {



    font-size: 1.16rem;      

  }

  .boxmodel-btn-link .link-guide {

    font-size: 0.825rem;

  }

  .boxmodel-btn-group {

    height: auto;

  }

  .boxmodel-btn-group.col-2 {

    overflow: inherit;

    border: none;

    border-radius: 0;



  }

  .boxmodel-btn-group.col-2 .boxmodel-btn-link {

    float: none;

    width: 100%;

    border: 1px solid #d9e0ea;

    border-radius: 4px;

    margin-top: 4px;

  }

  .boxmodel-btn-group.col-2 .boxmodel-btn-link:first-child {

    border-right: 1px solid #d9e0ea;

  }

  .boxmodel-btn-group.row-2 {

    overflow: inherit;

    height: 38px;

    line-height: 38px;

  }

  .boxmodel-btn-group.row-3 {

    overflow: inherit;

    height: 38px;

    line-height: 38px;

  }



  .boxmodel-btn-group.row-3-1 {

    overflow: inherit;

    height: 52px;

    line-height: 52px;

  }  



  .boxmodel-btn-group.exclusive {

    height: 38px;

    line-height: 38px;

  }

  .boxmodel .boxmodel-list-desc.mt10.even {

    margin-top: 10px !important;

  }

  .boxmodel .boxmodel-list-desc.mt40 {

    margin-top: 20px !important;

  }

  .boxmodel .boxmodel-list-item.text-left .boxmodel-list-desc {

    text-align: center;

  }

  .boxmodel .boxmodel-list-item.text-left .boxmodel-list-desc:last-child {

    margin: 0 !important;

  }

  .boxmodel .boxmodel-list-desc-left {

    text-align: center;

  }

  .boxmodel .guide-desc {

    font-size: 0.825rem;

  }

  .boxmodel .boxmodel-list-item-inner.img {

    position: relative;

  }

  .boxmodel .boxmodel-list-item-inner.img .boxmodel-list-head {

    position: relative;

  }

  .boxmodel .boxmodel-list-item-inner.img .boxmodel-list-desc {

    position: relative;

  }

  .btn-type-normal {

    height: 40px;

    line-height: 40px;

    font-size: 1rem;

  }

  .btn-type-normal strong {

    font-weight: 400;

  }

}



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

  .guidebox-col {

    width: 33.33%;

  }

  .guidebox-col.col-1 {

    width: 25%;

    padding: 20px 20px 0;

  }

  .guidebox-col.col-2 {

    padding: 20px;

    width: 43%;

  }

  .col-department .guidebox-col.col-2 {

    display: block;

    float: left;

    width: 100%;



    padding: 0 20px 20px;

    border: 1px solid #d9d9d9;

    border-top: none;

  }

  .guidebox-col.col-3 {

    width: 32%;

  }

  .guidebox-col.col-3 a {

    width: 150px;

    min-width: 150px;

    font-size: 0.875rem;

    height: auto;

    line-height: inherit;

    padding: 5px 0;

  }  

  .guidebox-list .list1-item {

    font-size: 0.9rem;

  }

  /*

  .guidebox-list .list1-item:before {

    font-size: 1rem;

  }

  */

  .guidebox-desc {

    color: #fff;

    font-size: 1rem;

    font-weight: 600;

    margin-bottom: 18px;

    white-space: nowrap;

  }



  .boxmodel2 {

    min-width: 1152px;

  }

  .boxmodel2-list.simple .boxmodel2-table {

    padding: 6px 0;

  }

  .boxmodel2-list.simple .boxmodel2-maintit {

    margin-bottom: 10px;

  }

  .boxmodel2-list.simple .boxmodel2-table-tit {

    width: 56px;

  }

  .boxmodel2-list.simple .boxmodel2-table-desc {

    width: calc(100% - 56px);

  }

  .boxmodel2-list-item {

    margin-top: 20px;

    position: relative;

    border: 1px solid #d9d9d9;

  }

  .boxmodel2-list-item:first-child {

    margin-top: 0;

  }

  .boxmodel2-list-item .boxmodel2-list-detail {

    display: none;

  }

  .boxmodel2-list-item.on .boxmodel2-list-detail {

    display: block;

  }

  .boxmodel2-list-item.on .btn-type-small {

    color: #fff;

    background: #333649;

    line-height: 1;

  }

  .boxmodel2-list-item.on .btn-type-small:after {

    background-position: -460px -67px;

  }

  .boxmodel2-list-item.todclock:after {

    content: '24h';

    position: absolute;

    top: 20px;



    right: 20px;

    display: block;

    width: 50px;

    height: 50px;

    border-radius: 50%;

    line-height: 50px;

    border: 4px solid #d43e41;

    color: #d43e41;

    font-weight: 900;

    text-align: center;

  }

  .boxmodel2-list-box {

    position: relative;

    padding: 30px;

  }

  .boxmodel2-list-box .btn-type-small {

    position: absolute;

    right: 28px;

    bottom: 46px;

  }

  .boxmodel2-list-box .imgbox {

    vertical-align: bottom;

  }

  .boxmodel2-list-box-split {

    float: left;

  }

  .boxmodel2-list-box-split.col-2 {

    padding-left: 40px;

    width: calc(100% - 370px);

  }

  .boxmodel2-list-detail {

    background: #f3f4f8;

    border-top: 1px solid #d9d9d9;

    padding: 30px;

  }

  .boxmodel2-list-detail-split {

    float: left;

  }

  .boxmodel2-list-detail-split.col-1 {

    width: calc(100% - 596px);

    padding-right: 40px;

  }

  .boxmodel2-list-detail-split.col-2 {

    width: 596px;

  }

  .boxmodel2-list-detail-split.col-2 .imgbox {

    vertical-align: top;

  }

  .boxmodel2-list-tit {

    display: block;

    font-size: 1.5rem;

    font-weight: 900;



    padding-bottom: 10px;

  }

  .boxmodel2-list-subtit {

    display: block;

    font-weight: 900;

  }

  .boxmodel2-list-info-tit {

    min-width: 132px;

    margin-right: 20px;

    float: left;

  }

  .boxmodel2-list .boxmodel2-list-box-split.col-1 .boxmodel2-imggroup {

    width: 100%;

  }

  .boxmodel2-thumbnail-item {

    width: calc(50% - 12px);

  }

  .boxmodel2-thumbnail-item:nth-child(2n) {

    margin-right: 0 !important;

  }

  .boxmodel2-thumbnail-item:nth-child(3n) {

    margin-right: 24px;

  }

   /* 상업시설 앨범형 변경_22.07.06_1080px*/

  .boxmodel2-list.col-3 .boxmodel2-list-item {

    width: calc(50% - 16px);

    height: 520px;

    margin: 0 24px 30px 0;

  }

  .boxmodel2-list.col-3 .boxmodel2-list-item:nth-child(3n) {

    margin: 0 24px 30px 0;

  }

  .boxmodel2-list.col-3 .boxmodel2-list-item:nth-child(2n) {

    margin-right: 0;

  }

  .boxmodel2-list.col-3 .boxmodel2-imggroup {

    height: 200px;

  }

  .boxmodel2-list.col-3 .boxmodel2-table-tit {

    font-size: 0.95rem;

  }

  .boxmodel2-list.col-3 .boxmodel2-table-desc {

    font-size: 0.95rem;

  }

  /* 상업시설 앨범형 변경 끝_22.07.06_1080px*/  

}



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

  .position-box108 {

    margin-top: 0;

  }

  .position-box70 {

    margin-top: 0;

  }

  .position-box70 .filter-service-field {

    padding: 30px 0;

  }

  .bg-banner {

    min-width: 100%;

    background-size: cover !important;



    min-height: inherit;

    height: inherit;

    padding: 15px 0 0;

  }

  .bg-banner .inner-section {

    padding: 0;

  }

  .bg-banner-iconlist {

    position: static;

    float: none;

    margin-bottom: 10px;

  }

  .bg-banner-iconlist-item {

    width: 50%;

    text-align: center;

    border: 0;

  }

  .bg-banner-bgico {

    margin: 0;

    font-weight: 400;

  }

  .bg-banner-bgico:hover {

    opacity: .8;

  }

  .bg-banner-bgico:after {

    content: '';

    display: block;

    margin: 0 auto 10px;

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

    position: absolute;

    top: 4px;

    right: 0;

    left: 0;

  }

  .bg-banner-tit {

    display: block;

    font-size: 1.25rem;

    position: static;

    text-align: center;

    margin: 0 0 10px;

    padding-top: 15px;

  }

  .bg-banner-tit strong {

    font-size: 2rem;

  }

  .bg-banner-banner {

    width: 100%;

    position: static;

  }

  .bg-banner.transfer, .bg-banner.transfer.tour {

    height: 100%;

    min-height: inherit;

  }

  .slide-banner-wrap {

    height: auto;

  }

  .slide-banner-list-item {

    position: static;

    margin-bottom: 15px;

  }

  .slide-banner-list-link {

    width: 100%;

    padding: 0 15px;

  }

  .slide-banner-list-link img {

    height: 130px;

    width: 100%;

  }

  .slide-banner-list-desc {

    width: 100%;

    text-align: center;

    font-size: 1rem;

  }

  .slide-banner-list-strong {

    display: block;

    width: 100%;

    text-align: center;

    font-size: 1.125rem;

    font-weight: 700;

  }

  .slide-banner-btn {

    width: 38px;

    height: 48px;

  }

  .facility .field-division.col-1 {

    float: none !important;

  }



  .shpdepth2{

  	margin-top: 70px;



  }

  .facility .filter-terminal-search-depth1 + .ilter-terminal-search-depth2 .field .field-division {

    float: none !important;

  }

  .facility .filter {

    min-width: 100%;

    height: auto;

  }

  .facility .filter .checkbox-label {

    position: absolute;

    top: -25px;

    right: 0;

  }

  .facility .filter.on .filter-brand-search-detail {

    display: block;

  }

  .facility .filter-terminal-search {

    height: auto;

  }

  .facility .filter-terminal-search-heading {

    display: block;

    height: 0;

    text-indent: -9999px;

  }

  .facility .filter-terminal-search-depth1 {

    position: static;

    top: 0;

    left: 0;

    height: auto;

    line-height: inherit;

    margin-top: 10px;

    margin-bottom: 0;



  }

  .facility .filter-terminal-search-depth1 .input-box {

    width: 100%;

  }

  .facility .filter-terminal-search-depth1 .input-box .field-division {

    border: 1px solid #d9d9d9;

    width: 33.33%;

    padding: 10px 0;

    text-align: center;

    border-left: 0;

  }

  .facility .filter-terminal-search-depth1 .input-box .field-division:first-child {

    border-left: 1px solid #d9d9d9;

  }

  .facility .filter-terminal-search-depth1 .input-box .field-radiomain {

    display: none;

  }

  .facility .filter-terminal-search-depth1 .input-box.base {

    margin-left: 0;

    margin-top: 0;

  }

  .facility .filter-terminal-search-depth1 .input-box.base label:after {

    top: 2px;

  }

  .facility .filter-terminal-search-depth1 .input-box .field-division:before {

    display: none;

  }

  .facility .filter-terminal-search-depth1 .input-box .field-division:first-child:before {

    display: none;

  }

  .facility .filter-terminal-search-depth2 {

    position: static;

    top: 149px;

    width: 100%;

    padding: 0px;

    background: none;

    border: 0;

  }

  .facility .filter-terminal-search-depth2.off {

    display: none;

  }

  .facility .filter-brand-search-btn {

    width: 100%;

    text-align: center;

    top: 140px;

    position: static;

  }

  .facility .filter-brand-search-detail {

    display: none;

    width: 100%;

    background: #fff;

    border: 1px solid #a5a7aa;

    position: absolute;

    top: 45px;

    left: 0;

    z-index: 2;

  }

  .facility .filter-brand-search-detail-head {

    padding: 10px;

  }

  .facility .filter-brand-search-detail-result {

    max-height: 140px;



    padding: 10px;

  }

  .facility .filter-brand-search-detail-result .brand-list-item {

    width: 100%;

    float: none;

  }

  .facility .filter-brand-search-detail-result .brand-list-link {

    font-size: 1rem;

  }

  .facility .filter-brand-search-detail-close {

    top: 10px;

  }

  .facility .filter-store-search {

    width: 100%;

    height: 50px;

    top: 80px;

    right: 0;

  }

  .filter {

    min-width: 100%;

    height: auto;

  }

  .filter .checkbox-label {

    position: absolute;

    top: -24px;

    right: 0;

  }

  .filter.on .filter-brand-search-detail {

    display: block;

  }

  .filter-terminal-search {

    height: 220px; } .filter-terminal-search-heading {

    display: block;

    height: 0;

    text-indent: -9999px;

  }

  .filter-terminal-search-depth1 {

    position: static;

    top: 0;

    left: 0;

    height: auto;

    line-height: inherit;

    margin-top: 10px;

    margin-bottom: 0;

  }

  .filter-terminal-search-depth1 .input-box {

    width: 100%;

  }

  .filter-terminal-search-depth1 .input-box .field-division {

    border: 1px solid #d9d9d9;

    width: 33.33%;

    padding: 10px 0;

    text-align: center;

    border-left: 0;

  }

  .filter-terminal-search-depth1 .input-box .field-division:first-child {

    border-left: 1px solid #d9d9d9;

  }

  .filter-terminal-search-depth1 .input-box .field-radiomain {

    display: none;

  }

  .filter-terminal-search-depth1 .input-box.base {

    margin-left: 0;

    margin-top: 0;

  }

  .filter-terminal-search-depth1 .input-box.base label:after {

    top: 0;

  }

  .filter-terminal-search-depth1 .input-box .field-division:before {

    display: none;

  }

  .filter-terminal-search-depth1 .input-box .field-division:first-child:before {

    display: none;

  }

  .filter-terminal-search-depth2 {

    position: absolute;

    top: 112px;

    width: 100%;

    padding: 0px;

    background: none;

    border: 0;

  }

  .filter-terminal-search-depth2.off {

    display: none;

  }



  .filter-brand-search-btn {

    width: 100%;

    text-align: center;

    top: 140px;

    position: static;



    height: 40px;

    line-height: 40px;

  }

  .filter-brand-search-btn:after {

    display: none;

  }

  .filter-brand-search-detail {

    display: none;

    width: 100%;

    background: #fff;

    border: 1px solid #a5a7aa;

    position: absolute;

    top: 45px;

    left: 0;

    z-index: 2;

  }

  .filter-brand-search-detail-head {

    padding: 10px;

  }

  .filter-brand-search-detail-result {

    max-height: 140px;

    padding: 10px;

  }

  .filter-brand-search-detail-result .brand-list-item {

    width: 100%;

    float: none;

  }

  .filter-brand-search-detail-result .brand-list-link {

    font-size: 1rem;

  }

  .filter-brand-search-detail-close {

    top: 10px;

  }



  .filter-store-search {

    width: 100%;

    height: 40px;

    line-height: 40px;

    top: 56px;

    right: 0;

  }

  .contents.trn-service .filter-terminal-search {

    height: 100px !important;

  }

  .contents.trn-service .filter-terminal-search .filter-terminal-search-depth2 {

    top: 0;

  }

  .filter-terminal-search.shopping {

    height: 270px;

  }

  .field-division.small {

    font-size: 0.825rem !important;

  }

  .filter-store-search.shopping {

    top: 105px;

  }





/* 입국장 면세점 */

  .dutyfree-info {

    margin-top: 5px;

    font-size: 0.825rem;

  }

  .dutyfree.noDepth2 {

    height: 240px !important;

  }

  .filter-store-search.shopping.dutyfree {

    top: 110px;

  }



  .filter-terminal-search.shopping.dutyfree {

    height: 330px;

  }

  

  .filter-terminal-search-depth2.dutyfree {

    position: absolute;

    top: 160px;

    width: 100%;

    padding: 0px;

    background: none;

    border: 0;

  }

/* 입국장 면세점 */



  .filter-terminal-search-depth2.shopping {

    top: 158px;

  }

  .field-division.small .field-radiomain-label {

    font-size: 0.825rem !important;

  }

  .field .field-radio + .field-radio-label {

    width: 33.33%;

    margin-right: 0;

    border-left: 0;

    text-align: center;

    border-right: 0;

    font-size: 0.75rem;

    margin-bottom: -1px;

    letter-spacing: -2px;

  }



/* 19.11.12 추가 */

  .field .field-group.map-floor .field-radio + .field-radio-label {

    width:  16.66%;

  }

/* 19.11.12 추가 끝 */



  .field .field-radiomain + .field-radiomain-label {

    font-size: 0.825rem;

  }

  .field-division:first-child .field-radiomain-label:before {

    display: none;

  }

  .field-division.col-2 {

    width: 100%;

  }

  .field-division.col-2 .field-radio-label {

    margin-bottom: 4px;

  }

  .field-group.big {

    margin: 0;

  }

  .field-group.brand .field-radio-label {

    padding: 0;

    width: 12.444% !important;

    margin-bottom: 0;

    border-bottom: 0 !important;

    font-size: 0.75rem;

    border-left: 0;

  }

  .field-group.brand .field-radio-label.pd10 {

    width: auto !important;

  }

  .field-group-tit {

    min-width: 100%;

    font-size: 1rem;

  }

  .boxmodel2 {

    min-width: 100%;

  }

  .boxmodel2.course .boxmodel2-table-tit { width: 100%;

  }

  .boxmodel2.course .boxmodel2-table-desc {

    width: 100%;

  }

  .boxmodel2.course .boxmodel2-imggroup {

    width: 100%;

  }

  .boxmodel2.course .boxmodel2-list-box-split.col-2 {

    width: 100%;

  }

  .boxmodel2 .boxmodel2-simple-detail {

    padding: 0 15px 15px;

  }

  .boxmodel2 .boxmodel-hrtour-mark {

    display: block;

    margin-top: 10px;

    width: 120px;

  }

  .boxmodel2 .boxmodel-cost-mark {

    display: block;

    margin-top: 10px;

    width: 120px;

  }

  .boxmodel2 .boxmodel-persons-mark {

    display: block;

    margin-top: 10px;

    width: 120px;

  }

  .boxmodel2-list.simple .boxmodel2-table {

    padding: 6px 0;

  }

  .boxmodel2-list.simple .boxmodel2-maintit {

    margin-bottom: 10px;

  }

  .boxmodel2-list.simple .boxmodel2-table-tit {

    width: 56px;

  }

  .boxmodel2-list.simple .boxmodel2-table-desc {

    width: calc(100% - 56px);

  }

  .boxmodel2-list-item {

    margin-top: 20px;

    position: relative;

    border: 1px solid #d9d9d9;

  }

  .boxmodel2-list-item:first-child {

    margin-top: 0;

  }

  .boxmodel2-list-item .boxmodel2-list-detail {

    display: none;

  }

  .boxmodel2-list-item.on .boxmodel2-list-detail {

    display: block;

  }

  .boxmodel2-list-item.on .btn-type-small {

    color: #fff;

    background: #333649;

    line-height: 1;

  }

  .boxmodel2-list-item.on .btn-type-small:after {

    background-position: -460px -67px;

  }

  .boxmodel2-list-item.todclock:after {

    width: 30px;

    height: 30px;

    background: #fff;

    line-height: 30px;



    border: 3px solid #d43e41;

    font-size: 0.825rem;

  }



  /* 우수매장 19.05.22 시작_1080px */

  .boxmodel2-icon-box .ic-todclock {

    width: 36px;

    height: 36px;

    background: #fff;

    line-height: 30px;

    border: 3px solid #d43e41;

    font-size: 0.825rem;

  }

  .boxmodel2-icon-box .ic-bestfnb {

    width: 40px;

    height: 40px;

    line-height: 40px;

  }

  .ko .ic-bestfnb {

    background-position: 0 -60px;

  }

  .en .ic-bestfnb {

    background-position: -70px -60px;

  }

  .ch .ic-bestfnb {

    background-position: -70px -60px;

  }

  .ja .ic-bestfnb {

    background-position: -70px -60px;

  }

  /* 우수매장 19.05.22 끝_1080px */



  .boxmodel2-list-box {

    padding: 15px;

  }

  .boxmodel2-list-box .btn-type-small {

    position: relative;

    right: 0;

    bottom: 0;

    padding: 0;

  }

  .boxmodel2-list-box-split {

    float: none;

  }

  .boxmodel2-list-box-split.col-1 {

    width: 100%;

    margin-bottom: 15px;

  }

  .boxmodel2-list-box-split.col-2 {

    padding-left: 0;

    width: 100%;

  }

  .boxmodel2-list-tit {

    font-size: 1.125rem;

  }

  .boxmodel2-list-detail {

    padding: 15px;

  }

  .boxmodel2-list-detail-split {

    display: block;

    width: 100%;

    float: none;

  }

  .boxmodel2-list-detail-split.col-1 {

    width: 100%;

    padding-right: 0;

    padding-bottom: 30px;

  }

  .boxmodel2-list-detail-split.col-2 {

    width: 100%;

  }

  .boxmodel2-list .boxmodel2-imggroup {

    width: 100%;

  }

  .boxmodel2-thumbnail-item {

    width: 100%;



    margin-right: 0 !important;

    height: auto;

  }

  .boxmodel2-thumbnail-box-split.row-2 {

    padding: 15px;

  }

  .boxmodel2-thumbnail-box-split.row-2 .boxmodel2-desc {

    font-size: 1rem;

  }

  .boxmodel2-thumbnail-cover {

    display: none;

  }

  .boxmodel2-thumbnail .boxmodel2-imggroup {

    width: 100%;

  }

  .boxmodel2-column {

    border: 0;

  }

  .boxmodel2-column.col-2 .boxmodel2-table {

    width: 100%;

    float: none;

  }

  .boxmodel2-column.col-2 .boxmodel2-table.w60 {

    width: 100%;

  }

  .boxmodel2-column.col-2 .boxmodel2-table.w40 {

    width: 100%;

  }

  .boxmodel2-maintit {

    font-size: 1.125rem;

    line-height: 1.3;

    margin-bottom: 10px;

  }

  .boxmodel2-table {

    border-top: 1px solid #f3f4f8;

    padding: 2px 0;

  }

  .boxmodel2-table-tit {

    width: auto;

    float: none;

  }

  .boxmodel2-table-desc {

    display: inline-block;

    width: 100%;

    float: none;

  }



  .responsive-form-box {

    position: static;

  }

  .responsive-form-box-area {

    width: calc(100% - 50px);

    height: 100%;

    float: left;

  }

  .responsive-form-box.send {

    width: 100%;

    height: auto;

    padding: 0;

  }

  .responsive-form-box.send input {

    height: 40px;

    border-right: 1px solid #a5a7aa;

    font-size: 1rem;

  }

  .responsive-form-box.send .responsive-form-box-btn {

    width: 50px;

    height: 40px;

  }

  .responsive-form-box-hide {

    display: none;

  }

  .responsive-form-box-btn {

    position: static;

  }

  .bg-include {

    padding: 60px 15px;

    height: inherit;

  }

  .bg-include-video {

    width: 100%;

    height: inherit;

  }

  .guidebox {

    width: 100%;

  }

  .guidebox.row-type {

    display: block;

    height: auto;

    clear: both;



    overflow: hidden;

  }

  .guidebox.row-type .row-col-line {

    display: block;

    border-right: 1px solid #d9d9d9;

    height: 100%;

    padding: 15px;

  }



  .guidebox.row-type .row-col {

    display: block;

    width: 100%;

    margin-bottom: 10px;

  }

  .guidebox.row-type .row-col p {

    font-size: 0.825rem;

  }

  .guidebox.row-type .row-col p br {

    display: none;

  }

  .guidebox.row-type .col-3 {

    padding: 20px;

    display: block;

    width: 100%;

    border-bottom: 1px solid #474a5b;

  }

  .guidebox.row-type .col-3 .guidebox-desc {

    font-size: 1rem;

    font-weight: 400;

  }

  .guidebox-col {

    display: table-cell;

    width: 33.33%;

  }

  .guidebox-col.col-1 {

    display: block;

    float: left;

    width: 100%;

    padding: 20px;

    border-bottom: none;

    border-right: 1px solid #d9d9d9;

  }

  .guidebox-col.col-2 {

    display: block;

    float: left;

    width: 100%;

    padding: 0 20px 20px;

    border: 1px solid #d9d9d9;

    border-top: none;

    border-bottom: none;

  }

  .guidebox-col.col-2.wide {

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

    width : 100%;

     border-right : 1px solid #d9d9d9;

  }

  

  .guidebox-col.col-3 {

    width: 100%;

    float: left;

    padding: 40px;

    display: block;

    background: #333649;

  }

  .guidebox-col.col-3.fix {

    padding: 0;

  }

  .guidebox-col.col-3.fix .guidebox-col-row {

    height: 154px;

  }

  .guidebox-col-row {

    width: 100%;

    height: 50%;

    position: absolute;

    top: 0;

    left: 0;

  }

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

    font-weight: 600;

    line-height: 1.5;

  }

  /*

  .guidebox-list .list1-item {

    margin-bottom: 8px;

    font-size: 1rem;

  }

  */

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

    font-weight: 600;

    margin-bottom: 10px;

    white-space: nowrap;

  }

  /*환승투어예약*/

  .calculator {

    width: 100%;

    background: none;

    padding: 0;

    margin-bottom: 20px;

  }

  .calculator .timesetting-date.f-left .timesetting-subtit {

    margin-top: 0;

  }

  .timesetting-date {

    width: 100%;

  }

  .timesetting-date-title {

    display: none;

  }

  .timesetting-date .timesetting-subtit {



    text-align: center;



    line-height: 50px;

    margin-bottom: 0;

    background: #f1f1f1;

    color: #333;

  }

  .timesetting-date-day {

    width: calc(100% - 50px);

    height: 50px;

  }

  .timesetting-date-calendar {

    width: 50px;

    height: 40px;

  }

  .timesetting-date-option {

    width: 100%;

    height: 50px;

  }

  .timesetting-dash {

    margin: 0 auto;

    padding-left: 15px;

    text-align: center;

    color: #fff;

    font-size: 1.375rem;

    line-height: 58px;

  }

  /*날짜및시간설정*/

  .view-list-date .timesetting-subtit {

    margin-top: 20px;

  }

  .view-list-date-day {

    width: calc(100% - 46px);

    height: 50px;

    border-right: 1px solid #d9d9d9;

  }

  .view-list-date-calendar {

    width: 46px;

    height: 50px;

  }

  .view-list-date-option {

    width: 100%;

    height: 50px;

  }

  .btn-center {

    display: block;

  }

  .boxmodel2 .imgbox-extend {

    height: auto;

  } .boxmodel2 .imgbox-extend .imgbox {

    width: 100%;

  }

  .ft20 {

    font-size: 1rem;

  }

}



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

  span.heading-level3 {

    text-align: center;

    display: block;

  }

  span.heading-level3 + .btn-type-small {

    display: block;

    text-align: left;

    margin: auto;

    min-width: 126px;

    width: 126px;

  }

  .inner-col.tpt-incbus {



    margin: 10px 0 0 0 !important;

  }

}



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

  .multi-col {

    min-width: 100%;

  }

  .faq-category {

    min-width: 100%;

  }

  .faq-category-list {

    border-top: 2px solid #222;

    border-right: 1px solid #d9d9d9;

    border-bottom: 2px solid #222;

  }

  .faq-category-list-item {

    width: 50%;

  }

  .faq-category-list-item:last-child {

    width: 100%;

  }

  .faq-category-list-item .select-category-label {

    display: block;

    border-left: 1px solid #d9d9d9;

    border-bottom: 1px solid #d9d9d9;

  }

  .faq-category-list-item .select-category-label.ico {

    text-indent: 0;

    line-height: 1.4;

    text-align: center;

  }

  .faq-category-list-item .select-category-label.ico:after {

    display: none;

    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 탭유형 시작 */

  .faq-category-tab {

    height: 80px;

  }

  .faq-category-tab-list.tab-7 .faq-category-list-item {

    width: 25%;

    margin-top:-1px;

    margin-bottom: 0;

  }

  .faq-category-tab .faq-category-list-item .select-category-label {

    padding: 8px 0;

    font-size: 0.85rem;

  }

  /* faq 탭유형 끝 */

  .search-cs-box {

    text-align: center;

    min-width: 100%;

    width: 100%;

    height: auto;

    position: static;

    background: none;

    margin-bottom: 10px;

  }

  .search-cs-head {

    width: 100%;

    display: inline-block;

    padding: 0;

    position: static;

    margin: 0;

  }

  .search-cs-head-title {



    display: none;

    color: #222;

    float: none;

    font-size: 1rem;

    margin-right: 0;

  }

  .search-cs-option {

    width: 100%; padding: 0 15px; color: #666;

    border: 1px solid #666;

    box-sizing: border-box;

    float: left;

    font-size: 1rem;

  }

  .search-cs-name {

    width: 100%;

    float: none;

  }

  .search-cs-name-txt {

    width: calc(100% - 40px);

    height: 40px;

    line-height: 40px;

  }

  .search-cs-name-btn {

    width: 40px;

    height: 40px;

    background: #42519e;

    border: none;

    float: left;

  }

  .search-cs-name-btn:after {

    background-position: -74px -134px;

    width: 22px;

    height: 22px;

  }

  .multi-col {

    position: relative;

  }

  .multi-col .inner-col {

    margin-top: 10px;

    float: none;

  }

  .multi-col .inner-col:first-child {

    margin-top: 0;

  }

  .multi-col .inner-col.btn-right {

    position: static;

    right: 0;

    bottom: 0;

    text-align: center;



  }

  .multi-col .inner-col.btn-right .left {

    text-align: center;

  }

  .multi-col.double .inner-col {

    width: 100% !important;

    padding: 0 !important;

  }

  .multi-col.triple .inner-col {

    width: 100% !important;

  }

  .multi-col.line:before {

    display: none;

  }

  .heading-level1 {

    font-size: 1.5rem;

    font-weight: 700;

    margin-bottom: 20px;

    line-height: 1.4;

  }

  .heading-level2 {

    margin-bottom: 10px;

    font-size: 1.125rem;

    font-weight: 700;

    line-height: 1.4;

  }

  .heading-level3 {

    margin-bottom: 10px;

    font-size: 1rem;

  }

  .heading-level3.bus:before {

    display: none;

  }

  .heading-level3.ktx:before {

    display: none;

  }

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

  }

  .address-layer .search-address-name {

    width: 100%;

  }

  .address-layer .search-address-name-label {

    float: left;

    margin-right: 31px;

    line-height: 40px;

  }

  .address-layer .search-address-name-txt {

    width: 100%;

  }

  .address-layer .layer-article-input.search-address {

    width: calc(100% - 40px);

    border-right: 1px solid #d9d9d9;

  }

  .address-layer .address-select-title {

    margin: 10px 0;

    font-weight: 900;

  }

  .address-layer .address-select-box {

    width: 100%;

    height: 260px;

  }

  .address-layer .address-select-link {

    width: 100%;

  }

  .address-layer .address-select-link .address-code {

    float: none;



    padding: 0 10px;

  }

  .address-layer .address-select-link .zip-code {

    float: none;

    padding: 0 10px 20px;

  }

  .board-slide .board-list-head .board-list-tit {

    padding: 10px 0;

    font-size: 1rem;

    font-weight: 600;

    height: auto;



  }

  .board-slide .board-list-head .board-list-tit:after {

    right: 10px;

    background-position: -174px -49px;

    background-size: 250px 200px;

    width: 10px;

    height: 6px;

  }

  .board-slide .board-list-head .board-list-tit-inner {

    font-size: 1rem;

    padding: 0 40px 0 10px;

    overflow: hidden;

    line-height: 1.4;

  }

  .board-slide .board-list-head .board-list-tit .board-list-category {

    width: auto;

    font-size: 0.825rem;

  }

  .board-slide .board-list-body {

    padding: 10px;

  }

  .board-slide .board-list-body .board-list-desc {

    font-size: 1rem;

  }

  .sub-menu-tab {

    width: 100%;

    height: auto;

    border-bottom: 1px solid #d9d9d9;

  }

  .sub-menu-tab-iconlist {

    display: block;

  }

  .sub-menu-tab-iconlist-item {

    display: block;



    width: 33.33%;

    float: left;

    text-align: center;

    padding: 0;

    position: relative;

    margin: 0;

  }

  .sub-menu-tab-iconlist-item:nth-child(3n):after {

    display: none;



  }

  .sub-menu-tab-iconlist-item:first-child {

    margin-left: 0;

  }

  .sub-menu-tab-iconlist-item:last-child {

    margin-right: 0;

  }

  .sub-menu-tab-iconlist-item:last-child:after {

    display: none;

  }

  .sub-menu-tab-iconlist-item:after {

    display: none;



  }

  .sub-menu-tab-iconlist-link {

    width: 100%;

    height: 130px;

    font-size: 0.825rem;

  }

  .sub-menu-tab-iconlist-link:hover::after, .sub-menu-tab-iconlist-link.on::after {

    display: none;

  }

  .sub-menu-tab-iconlist-link:before {

    margin: 0 auto 10px;

  }

  .borad-view {

    overflow: visible !important;

    white-space: normal !important;

    display: table !important;

  }

  .borad-view .view-head {

    padding: 25px 0;

  }

  .borad-view .view-head-tit {

    display: block;

    font-size: 1.125rem !important;

  }

  .borad-view .view-head-date {

    display: block;

    float: none;

  }

  .borad-view .view-head-info .info-tit {

    position: relative;

    float: left;

    margin-right: 0;

    width: 25%;

    margin-top: 10px;

    font-size: 0.8125rem;

  }

  .borad-view .view-head-info .info-tit:after {

    content: "";

    position: absolute;

    top: 0;

    right: 0;

    display: inline-block;

    width: 1px;

    height: 16px;

    margin: auto 20px;

    background: #d9d9d9;

    vertical-align: middle;

  }

  .borad-view .view-head-info .info-desc {

    margin-top: 10px;

    float: left;

    width: 25%;

    font-size: 0.8125rem;

  }

  .borad-view .view-head-info .info-desc:after {

    display: none;

  }

  .borad-view .view-body {

    padding: 25px 0 30px;

  }

  .borad-view .view-file {

    padding: 15px 0;

  }

  .borad-view .view-file .file-group-text {

    float: none;

    margin-bottom: 10px;

    font-size: 1.125rem;

    font-weight: 700;

  }

  .borad-view .view-file .crud-ico {

    font-size: 0.825rem;

  }

  .borad-view .view-file .crud-ico:after {

    margin: 0;

  }

  .borad-view .view-file .file-list-item {

    margin-bottom: 8px;

  }

  .borad-view .reply-box {

    padding: 40px 20px 20px;

  }

  .borad-view .reply-box .reply-head-info {

    width: 100%;

    margin-top: 10px;

  }

  .borad-view .reply-box .reply-head-info .info-tit {

    position: relative;

    float: left;

    margin-right: 0;

    width: 30%;

    margin-top: 10px;

    font-size: 0.825rem;

  }

  .borad-view .reply-box .reply-head-info .info-tit:after {

    content: "";

    position: absolute;

    top: 0;

    right: 0;

    display: inline-block;

    width: 1px;

    height: 16px;

    margin: auto 20px;

    background: #d9d9d9;

    vertical-align: middle;

  }

  .borad-view .reply-box .reply-head-info .info-desc {

    margin-top: 10px;

    font-size: 0.825rem;

    float: left;

    width: 70%;

  }

  .borad-view .reply-box .reply-head-info .info-desc:after {

    display: none;

  }

  .section-banner {

    height: inherit;

    padding: 60px 15px;

    text-align: center;

    color: #fff;

  }

  .section-banner-title {

    margin-bottom: 10px;

    font-size: 1.125rem;

  }

  .section-banner-title .big {

    font-size: 2rem;



    display: block;

    margin-top: 10px;

    color: #fff;

  }

  .section-banner-txt {

    font-size: 0.825rem;

    margin-bottom: 0;

  }

  .section-banner-txt .big {

    font-size: 2rem;

    color: #fff;

  }

  .section-banner-link {

    border-radius: 30px;

    padding: 0;

  }

  .section-banner .btn-type-infolink {

    margin-top: 10px;

  }

  .today-box .multi-col .inner-col {

    width: 50% !important;

    float: left;

    margin: 0;

  }

  .today-box .praise, .today-box .inconvenience {

    height: auto;

    line-height: 24px;

  }

  .today-box .praise-title, .today-box .inconvenience-title {

    font-size: 1rem;

  }

  .today-box .praise-no, .today-box .inconvenience-no {

    font-size: 1.125rem;

    position: static;

  }

  .today-box .emoticon:after {

    position: static;

  }

  .today-box .praise-title:after {

    background-position: -5px -5px;

    background-size: 100px 100px;



    width: 24px;

    height: 24px;

  }

  .today-box .inconvenience-title:after {

    background-position: -39px -5px;

    background-size: 100px 100px;

    width: 24px;

    height: 24px;

  }

  /*글상자*/

  .text-left {

    text-align: center;

  }

  .text-right .left {

    text-align: center;



  }

  .text-center button:first-child {

    margin-bottom: 10px;

  }

  .text-center a:first-child {

    margin-bottom: 10px;

    font-weight: 400;

  }

  .user-text.email {

    width: calc(50% - 16px); margin-left: 2px;

    margin-right: 2px;

  }

  .user-text.email-wide {

    width: 100%;

    margin-top: 20px;

  }

  .user-text.direct-input {

    width: 100%;

    height: 50px;

    margin-top: 20px;

  }

  .user-input {

    width: 100%;

  }

  .user-input-text {

    width: 100%;

    float: none;

  }

  .user-input-link {

    min-width: 100%;

    padding: 0 10px;

  }

  .user-input-link.small {

    min-width: 100%;

  }

  .user-input.id {

    width: 100%;

  }

  .user-input.id .user-input-text {

    width: 100%;

  }

  .user-input .user-input-link {

    margin-top: 10px;

  }

  .user-input-link {

    height: 40px;

    line-height: 40px;

  }

  /*select*/

  .object-list {

    width: 100%;

  }

  .object-list.email {

    width: 100%;

    margin-right: 0px;

    margin-top: 10px;

  }

  /*이용일시*/

  .timesetting-date.low .timesetting-date-day,

  .timesetting-date.low .timesetting-date-option {

    width: calc(100% - 50px);

    float: left;

  }

  .timesetting-date.low .timesetting-date-calendar {

    height: 40px;

  }

  .btn-type-small.download {

    text-align: center;

    margin: 10px 0;

  }

  .table-lost .btn-type-small.download {

    width: auto;

  }

  /* 수정해야할듯 */

  .search-phone-box {

    height: auto;

    border: none;

    padding: 0;

    background: none;

  }

  .search-phone-head {

    display: block;

    text-align: center;

    width: 100%;

  }

  .search-phone-head-title {

    display: none;

  }

  .search-phone-name {

    display: block;

  }

  .search-phone-name-label {

    font-size: 1.125rem;

    width: 100%;

    display: none;

    float: none;

    text-align: center;

  }

  .search-phone-name-txt {

    width: 100%;

    height: 40px;

    line-height: 40px;

    padding: 0 15px;

    border: 1px solid #666666;

    border-right: 0;

    float: left;

  }

  .search-phone-name-btn {

    width: 40px;

    height: 40px;

    background: #323648;

    border: none;

    float: left;

  }

  .search-phone-name-btn:after {

    background-position: -74px -134px;

    width: 22px;

    height: 22px;

  }

  .login1-box {

    height: auto;

    border: 1px solid #d9d9d9;

    background: #f3f4f8;

    position: relative;

  }

  .login1-head {

    display: block;

    text-align: center;

  }

  .login1-head-title {

    margin: 49px 0;

    font-family: spoqa, sans-serif;

    font-weight: 700;

    color: #444444;

  }

  .login1-name {

    display: inline-block;

    margin: 0 auto;

  }

  .login1-name-label {

    float: left;

    margin-right: 50px;

    line-height: 58px;

  }

  .login1-name-txt {

    width: calc(100% - 40px);

    height: 40px;

    line-height: 40px;

    padding: 0 15px;

    border: 1px solid #d9d9d9;

    border-right: 0;

    float: left;

    font-size: 1rem;

  }



  .login1-name-btn {

    width: 108px;

    height: 58px;

    background: #42519e;

    text-align: center;

    color: #fff;

    font-size: 1.125rem;

    border: none;

    float: left;

  }

  .lost-found .lost-box {

    width: 100%;

    margin-bottom: 30px;

    background-size: contain !important;

  }

  .lost-found .lost-box.found {

    float: none;

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

    background-position: center !important;

  }

  .lost-found .lost-box.belongings {

    float: none;

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

    background-position: center !important;

  }

  .relief {

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

    width: 100%;

    height: 291px;

    background-size: contain;

  }

  table td .btn-type-small {

    width: 100px;

  }

  .table.basic td .btn-type-small {

    width: auto;

  }

  .btn-type-small.mobile_btn {

    font-size: 0.85rem !important;

    display: block;

    margin: 10px auto 0;

  }

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

  }

  .font18 {

    font-size: 1rem;

    line-height: 1.4;

  }

  .font16 {

    font-size: 0.825rem;

  }

  .text-box {

    padding: 15px;

    font-size: 0.825rem;

  }

  .text-box .list1-item {

    font-size: 0.825rem;

  }

  .text-box-right {

    margin-left: 0;

  }

  .certification {

    margin-bottom: 30px;

  }

  .join-service {

    width: 100%;

    margin-bottom: 30px;

    text-align: center;

  }

  .join-service-list {

    width: 100%;

    margin-bottom: 30px;

  }

  .join-service-list-item {

    width: 33.33%;

    height: 90px;

    margin: 0;

    padding-top: 50px;

    font-size: 0.825rem;



    background: none;

  }

  .join-service-list-item.two {

    padding-top: 50px;

    line-height: 1.5;

  }

  .join-service-list-item.sms:before {

    background-position: -30px -30px;

    background-size: 587px 118px;

    width: 55px;

    height: 43px;

  }

  .join-service-list-item.lost:before {

    background-position: -153px -40px;

    background-size: 587px 118px;

    width: 41px;

    height: 28px;

  }

  .join-service-list-item.tour:before {

    background-position: -276px -41px;

    background-size: 587px 118px;

    width: 36px;

    height: 27px;

  }

  .join-service-list-item.cs:before {

    background-position: -391px -30px;

    background-size: 587px 118px;

    width: 34px;

    height: 37px;

  }

  .join-service-list-item.application:before {

    background-position: -505px -33px;

    background-size: 587px 118px;

    width: 42px;

    height: 34px;

  }

  .join-step-procedure {

    padding: 40px 0 0;

    height: 260px;

  }

  .join-step-btn {

    margin-top: 30px;

  }

  .join-step-btn .btn-type-normal {

    min-width: 100%;

  }

  .join-step-btn .btn-type-normal.left {

    padding: 0;

    text-align: center;

    margin-bottom: 10px;

  }

  /*

  .join-membership .password-change {

    width: 100%;

  }

  */

  .join-membership .password-find {

    width: 100%;

    margin-bottom: 10px;

  }

  .join-ipin-btn { margin-top: 15px;

    text-align: center;

  }

  .join-ipin-btn .btn-type-normal {

    width: 100%;

  }

  .join-ipin-btn-simple {

    margin-top: 10px;

  }

  .join-ipin-btn-simple .btn-type-normal {

    width: 100%;

    padding: 0;

    display: block;

    line-height: 40px;

    height: 40px;

    margin-top: 10px;

  }

  .step-member {

    width: 100%;

    height: auto;

    border-top: 1px solid #d9d9d9;

    background: none;

  }

  .btn-tab .btn-type-tab {

    min-width: 50%;

    line-height: 40px;

    height: 40px;

    margin: 0 !important;

    float: left;

    border-right: 1px solid #666;

  }

  /*k-pop*/

  .text-box .btn-type-small {

    padding: 0;

    margin-top: 10px;

  }

  .kpop-step {

    margin-top: 10px;

  }

  .kpop-step-list {

    padding-left: 0;

  }

  .kpop-step-list-item {

    width: 33.33%;

    margin-bottom: 10px;

  }

  .kpop-step-list-item:before {

    content: '';

    background-size: 519px 69px;

    width: 58px;

    height: 58px;

    margin: 0 auto;

  }

  .kpop-step-list-item.step1:before {

    background-position: -6px -6px;

  }

  .kpop-step-list-item.step2:before {

    background-position: -96px -6px;

  }

  .kpop-step-list-item.step3:before {

    background-position: -186px -6px;

  }

  .kpop-step-list-item.step4:before {

    background-position: -276px -6px;

  }

  .kpop-step-list-item.step5:before {

    background-position: -366px -6px;

  }

  .kpop-step-list-item.step6:before {

    background-position: -456px -6px;

  }

  .kpop-step-list-item + .kpop-step-list-item {

    margin-left: 0;

  }

  .kpop-step-list-item:after {

    background-size: 519px 69px;

    width: 6px;

    height: 10px;

    background: url(/static/ap/images/spr_ico_step_kpop.png) -77px -30px no-repeat;

  }

  .kpop-step-list-item:last-child:after {

    background: none;

  }

  .kpop-transport-list {

    margin-top: 10px;

  }

  .kpop-transport-list-item {

    width: 100%;

    margin-top: 10px;

  }

  .kpop-transport-list-item:first-child {

    margin-top: 0;

  }

  .kpop-transport-list-item.metro:before {

    background-position: -13px -10px;

  }



  .kpop-transport-list-item.bus:before {

    background-position: -13px -65px;

  }

  .kpop-transport-list-item + .kpop-transport-list-item {

    margin-left: 0;

  }

}



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

  .digr-way-bus {

    padding: 15px 15px 5px;

  }

  .digr-way-bus .guide-desc {

    padding: 20px 0 20px;

  }

  .digr-way-bus-tit {

    font-size: 1rem;

    float: none;

    width: 100%;

  }



  .digr-way-bus-list {

    float: none;

    width: 100%;

  }

  .digr-way-bus-list:before {

    content: '';

    display: block;

    height: 3px;

    width: 100%;

    background: #d9d9d9;

    margin-bottom: 10px;

  }

  .digr-way-bus-list-item {

    font-size: 0.75rem;

    letter-spacing: -1px;

  }

  .digr-way-bus-list-item:first-child:before {

    right: auto;

  }

  .digr-way-bus-list-item:last-child {

    text-align: right;

  }

  .digr-way-bus-list-item:last-child:before {

    left: auto;

  }

  .digr-way-bus-list-item.t2:before {

    background: #68aac6;

  }

  .digr-way-bus-list-item.t1:before {

    background: #6787cf;

  }

  .digr-way-bus-list-item:before {

    content: '';

    display: inline-block;

    width: 12px;

    height: 12px;

    border-radius: 50%;

    background: #595757;

    position: absolute;

    top: -17px;

    left: 0;

    right: 0;

    margin: auto;

  }

  .digr_way1 {

    text-indent: -999em;

    width: 562px;

    height: 275px;

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

  }

  .digr_way2 {

    text-indent: -999em;

    height: 216px;

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

    background-size: contain!important;

  }

  .find-info {

    text-align: center;

  }

  .find-info-list {

    display: inline-block;

  }

  .find-info-link {

    font-weight: 900;

  }

  .sign-in-title {

    font-weight: 900;

  }

  .sign-in-btn {

    width: 100%;

    height: 40px;

    margin-left: 0;

  }

  .sign-in-col1 {

    float: none;

  }

  .sign-in-col2 {

    float: none;

  }

  .route-list-item {

    height: auto;

    position: relative;

    margin-bottom: 20px;

  }

  .route-list-item .multi-col .route-list-item .route-name {

    width: 100%;

  }

  .route-list-item .multi-col .route-list-item .route-desc {

    width: 100%;

  }

  .route-list-item .multi-col .route-list-item.moving {

    margin-top: -21px;

  }

  .route-list-item .multi-col .route-list-item.moving .route-desc {

    padding-top: 15px;

    letter-spacing: 0;

  }

  .route-list-item.double-row {

    height: auto;

  }   

  .route-list-item.double-row .route-name {

    height: auto;

    line-height: 60px;

  }

  .route-list-item.double-row .route-name .move {

    top: 50%;

    transform: translateY(-50%);

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

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

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

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

  }

  .route-list-item.double-row .route-desc {

    height: auto;

    line-height: inherit;

  }

  

  

  /* 코비드19 추가 20.9.7 */





  .route-list-item.double-row-h {

    height: auto;

  }  

  

  .route-list-item.double-row-h .route-name {

    height: auto;

    line-height: 60px;

  }

  

  .route-list-item.double-row-h .route-desc {

    height: auto;

    line-height: inherit;

  }



  .route-list-item.treble-row {

    height: auto;

  }  

  

  .route-list-item.treble-row .route-name {

    height: auto;

    line-height: 60px;

  }

  

  .route-list-item.treble-row .route-desc {

    height: auto;

    line-height: inherit;

  }

  

  .en .route-list-item.double-row-h {

    height: auto;

  }  

  

  .en .route-list-item.double-row-h .route-name {

    height: auto;

    line-height: 60px;

  }

  

  .en .route-list-item.double-row-h .route-desc {

    height: auto;

    line-height: inherit;

  }



  .en .route-list-item.treble-row {

    height: auto;

  }  



  

  .en .route-list-item.treble-row .route-name {

    height: auto;

    line-height: 60px;

  }

  

  .en .route-list-item.treble-row .route-desc {

    height: auto;

    line-height: inherit;

  } 

  

  /* 코비드19 추가 끝 20.9.7 */  

  

  

  .route-list-item:after {

    content: "";

    display: block;

    width: 4px;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;



  }

  .route-list-item .route-name {

    width: 100%;

    height: auto;

    padding-left: 15px;

    float: none;

    font-size: 1rem;

    line-height: 60px;

    border-left: 1px solid #d9d9d9;

  }

  

  /* 코비드19 추가 20.8.27 */

  .route-list-item .route-name.covid {

    width: 100%;

  }

  

  .en .route-list-item .route-name.covid {

    height: 60px;

    line-height: 60px;

    padding-top: inherit;  

  }



  

  .en .route-list-item .route-name.covid.lh {

    height: 60px;

    line-height: 60px;

    padding-top: inherit;  

  }

  

  .ch .route-list-item .route-name.covid {

    height: 60px;

    line-height: 60px;

    padding-top: inherit;  

  }



  .ja .route-list-item .route-name.covid {

    height: 60px;

    line-height: 60px;

    padding-top: inherit;  

  }

  

  .route-list-item .route-desc.covid {

    width: 100%;

  }

  .sub-menu-tab-iconlist-link.covid {

    width: 100%;

  }  

  /* 코비드19 추가 끝 20.8.27 */

  

  .route-list-item .route-desc {

    width: 100%;

    height: auto;

    padding: 15px;

    float: none;

    font-size: 1rem;

    line-height: 1.7;

    border-left: 1px solid #d9d9d9;

    border-top: 0;

  }

  .route-list-item .route-desc.small {

    padding: 15px;

  }

  .user-text.privacy-text {

    width: 100%;

    height: 40px;

  }

  .password-change {

    display: block;

    margin: 0 0 5px 5px;

    font-size: 0.85rem;

    text-align: left;

  }

  .password-change-text1 {

    width: calc(100% - 110px);

    height: 40px;

  }

  .password-change-text2 {

    margin-left: 0;

    width: calc(100% - 110px);

    height: 40px;

  }

  .view-info-pw {

    font-size: 0.8rem;

  }

  .view-info-pw .chkbox-ba-type {

    width: 15px;

    height: 15px;

  }

}



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

  .display-inline {

    display: inline-block;

  }

  .display-inline .flight-info-detail-way {

    width: 100%;

    text-align: center;

    margin: 10px 0;

    font-weight: 400;

    padding-bottom: 10px;

    border-bottom: 1px solid #474a5b;

  }

  .display-inline .way-list {

    margin: 0 !important;

    padding: 0;

  }

  .display-inline .way-list .way-list-item {

    margin-left: 0 !important;

    width: 50%;



    float: left;

  }

  .display-inline .way-list .way-list-item:after {

    display: none;

  }

  .display-inline .way-list-item-content {



    display: block !important;

    font-size: 1rem;

  }

  .table-like.vt-dark .codeshare-wrap {

    margin-top: 10px;

    border: 0;

    border-left: 1px solid #999;

    border-right: 1px solid #999;

    border-bottom: 1px solid #999;

  }

  .table-like.vt-dark .codeshare-wrap .flight-info-basic-link:first-child {

    border-top: 0;

  }



  .table-like.vt-dark .codeshare-wrap .flight-info-basic-link:last-child .td-like {

    border-bottom: 0;

  }

  .table-like.vt-dark .codeshare-wrap .flight-info-basic-link .td-like:last-child {

    border-right: 0;

  }

  .table-like.vt-dark .flight-wrap {

    margin-top: 10px;

    border: 1px solid #999;

  }

  .table-like.vt-dark .flight-wrap .flight-info-basic-link .td-like {

    border-top: 0;

    border-bottom: 0;

  }

  .table-like.vt-dark .flight-wrap .flight-info-basic-link .td-like:last-child {

    border-right: 0;



  }

  .table-like.vt-dark .tr-like.codeshare:first-child .td-like {

    border-top: 0;

  }

  .ico-codeshare {

    top: 23% !important;

  }

  .flight-info-basic-link:hover > .td-like {

    background: none !important;

  }

  .table-like.vt-dark .tr-like.flight-info-basic {

    border-right: 0 !important;

    border-left: 0 !important;

    border-bottom: 0 !important;

  }

  .contents.dep .list2.mt30 {

    display: none;

  }

  .contents.dep .table-like {

    min-width: inherit;

  }

  .contents.dep .table-like.vt-dark .caption-like {

    display: none;

  }

  .contents.dep .table-like.vt-dark .tr-like.codeshare .flight-info-basic-status {

    padding-left: 40px;

  }

  .contents.dep .table-like.vt-dark .tr-like.flight-info-basic {

    position: relative;

    display: inline-block;

    width: 100%;

    border: 1px solid #d9d9d9;

    border-top: 0;

  }

  .contents.dep .table-like.vt-dark .tr-like.flight-info-detail .td-like {

    height: auto;

    border-bottom: 1px solid #999;

  }

  .contents.dep .table-like.vt-dark .tr-like.flight-info-detail .td-like.share-close {

    width: 30% !important;

    position: absolute;

    right: 0;

    bottom: 0;

    border-left: 0;

  }

  .contents.dep .table-like.vt-dark .tr-like.flight-info-detail .td-like:nth-child(3) {

    width: 100% !important;

  }

  .contents.dep .table-like.vt-dark .th-like {

    display: none;

  }

  .contents.dep .table-like.vt-dark .td-like {

    display: inline-block;

    width: 100% !important;

    padding: 16px;

    font-size: 1rem;

    border-right: 0;

    border-top: 0;

    border-bottom: 0;

  }

  .contents.dep .table-like.vt-dark .td-like.center {

    text-align: left;

  }

  .contents.dep .table-like.vt-dark .td-like:last-child {

    border-right: 0;

  }

  .contents.dep .table-like.vt-dark .td-pop {

    height: 145px;

    bottom: -1px;

    top: auto;

  }

  .contents.dep .flight-info-basic-airline {

    display: none;

  }

  .contents.dep .flight-info-basic .td-like.codeshare {

    position: relative;

    margin-top: -1px;

  }

  .contents.dep .flight-info-basic .td-like.codeshare .ico-codeshare {

    position: absolute;

    display: block;



    text-indent: -999em;

    font-size: 0;

  }

  .contents.dep .flight-info-basic .td-like.codeshare .ico-codeshare:before {

    content: '';

    display: block;

    width: 16px;

    height: 35px;

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

  }

  .contents.dep .flight-info-basic .td-like.codeshare:first-child {

    margin-top: 10px;

  }

  .contents.dep .flight-info-basic .td-like:first-child, .contents.dep .flight-info-basic .td-like:nth-child(2) {

    width: 100% !important;

  }

  .contents.dep .flight-info-basic .td-like:nth-child(3), .contents.dep .flight-info-basic .td-like:nth-child(4), .contents.dep .flight-info-basic .td-like:nth-child(5), .contents.dep .flight-info-basic .td-like:nth-child(6), .contents.dep .flight-info-basic .td-like:nth-child(7), .contents.dep .flight-info-basic .td-like:last-child {

    width: auto !important;

  }

  .contents.dep .flight-info-basic .td-like:nth-child(2) {

    padding: 14px 14px 0;

  }

  .contents.dep .flight-info-basic .td-like:nth-child(3) {

    padding: 0 14px 14px;

  }

  .contents.dep .flight-info-basic .td-like:nth-child(4) {

    position: absolute;

    top: 17px;

    right: 96px;

    padding: 0;

  }

  .contents.dep .flight-info-basic .td-like:nth-child(5) {

    display: none;

  }

  .contents.dep .flight-info-basic .td-like:nth-child(6) {

    display: none;

  }

  .contents.dep .flight-info-basic .td-like:nth-child(7) {

    display: inline-block;

    width: 60px !important;

    line-height: 28px;

    text-align: center !important;

    font-size: 0.875rem;

    position: absolute;

    top: 18px;

    right: 15px;

    padding: 0;



  }

  .contents.dep .flight-info-basic .td-like:last-child {

    position: absolute;

    bottom: 24px;

    right: 30px;

    padding: 0;

  }

  .contents.dep .flight-info-basic-link .flight {

    font-size: 1rem;

    text-align: left;

  }

  .contents.dep .flight-info-basic-link .flight .flight-info-basic-flight-number {

    float: right;

  }

  .contents.dep .flight-info-basic-link .flight .flight-info-basic-flight-name {

    display: inline-block;

    margin-right: 14px;

  }

  .contents.dep .flight-info-basic-link:after {

    content: '자세히보기';

    font-size: 0.75rem;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    text-align: center;

    width: 70px;

    height: 20px;

    line-height: 20px;

    color: #666;

    background: #fff;

    border: 1px solid #d9d9d9;

    border-radius: 40px;

  }

  .contents.dep .flight-info-basic-status {

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

  }

  .contents.dep .flight-info-basic-status .time-changed {

    display: inline-block;

    height: auto !important;

    line-height: inherit !important;

  }

  .contents.dep .flight-info-basic-status .time-due {

    display: inline-block;

    margin-left: 4px;

  }

  .contents.dep .flight-info-basic-status:after {

    width: 100%;

    height: 4px;

    top: 0;

    left: 0;

  }

  .contents.dep .flight-info-basic-no-result {

    border: 0;

    border-top: 1px solid #d9d9d9;

  }

  .contents.dep .flight-info-basic .situation-info {

    width: 66px;

    height: 26px;

    line-height: 27px;

    font-size: 0.75rem;

  }

  .contents.dep .flight-info-detail {

    height: auto;

    background: url(/static/ap/images/bg_flight_info_detail_bg.jpg) repeat;

    position: relative;

    background-size: cover;

  }

  .contents.dep .flight-info-detail-heading-title {

    width: 100%;

    text-align: center;

    color: #fff;

    font-size: 0.825rem;

    font-weight: 400;

    float: none;

    margin-bottom: 10px;

  }

  .contents.dep .flight-info-detail-heading-title .view-way {

    text-align: center;

    width: 100%;

    padding: 4px 10px;

    font-size: 0.75rem;

    font-weight: 400;

    position: relative;

    bottom: 0;

    color: #fff;

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

    border-radius: 20px;

  }

  .contents.dep .flight-info-detail-heading-desc {

    width: 100%;

    display: block;

    text-align: center;

    margin-top: 0;

  }

  .contents.dep .flight-info-detail-heading-desc .strong {

    color: #ffae44;

  }

  .contents.dep .flight-info-detail-airline {

    text-align: center;

    padding-top: 15px;

    background: url(/static/ap/images/ico_airplane_arrow_departure.png) 50% 20px no-repeat;

  }

  .contents.dep .flight-info-detail-airline .flight-info-detail-country {

    color: #ffae44;

    font-size: 1rem;

  }

  .contents.dep .flight-info-detail-airline .flight-info-detail-date {

    font-size: 0.875rem;

  }

  .contents.dep .flight-info-detail-airline .flight-info-detail-date br {

    display: none;

  }

  .contents.dep .flight-info-detail-airline.arrival {

    background: url(/static/ap/images/ico_airplane_arrow_arrival.png) 50% 40px no-repeat;

  }

  .contents.dep .flight-info-detail-way {

    margin-top: 30px;

  }

  .contents.dep .flight-info-detail-way .way-list {

    display: block;

  }

  .contents.dep .flight-info-detail-way .way-list-item {

    width: 50%;

    min-width: unset;

    text-align: center;

    float: left;

    margin-right: 0;

    border-right: 1px solid rgba(255, 255, 255, 0.3);

    margin-bottom: 10px;

  }

  .contents.dep .flight-info-detail-way .way-list-item:nth-child(2n) {

    border-right: 0;

  }

  .contents.dep .flight-info-detail-way .way-list-item:last-child {

    margin-right: 0;

  }

  .contents.dep .flight-info-detail-way .way-list-item-heading {

    line-height: 1.2;

    font-size: 0.8125rem;

    color: #ccc;

    display: block;

  }

  .contents.dep .flight-info-detail-way .way-list-item-content {

    padding: 0;

    font-size: 1rem;

    color: #fff;

    display: block;

  }

  .contents.dep .flight-info-detail-way .way-list-item.ico {

    text-indent: 0;

  }

  .contents.dep .flight-info-detail-way .way-list-item.ico:after {

    display: none;

    background-position: -147px -63px;

    width: 22px;

    height: 22px;

    left: auto;

    right: -21px;

    top: auto;

    bottom: 13px;

  }

  .contents.dep .flight-info-detail-way .way-list-item.ico:nth-child(2):after {

    display: none;

  }

  .contents.dep .flight-info-detail-way .way-list.arrival .way-list-item {

    margin-right: 25px;

  }

  .contents.dep .flight-info-detail-way .way-list.arrival .way-list-item.ico:after {

    right: -25px;

  }

  .contents.dep .flight-info-detail-dest {

    color: #fff;

  }

  .contents.dep .flight-info-detail-dest .dest-weather {



    margin-top: 0;

    float: left;

    width: 100%;

  }

  .contents.dep .flight-info-detail-dest .dest-weather:after {

    content: "";

    display: block;

    clear: both;

  }

  .contents.dep .flight-info-detail-dest .dest-weather-temp {

    width: 80px;

    float: left;

    font-size: 1.25rem;

    margin: 15px 0 0 20px;

  }

  .contents.dep .flight-info-detail-dest .dest-date {

    float: left;

    margin-top: 0;

    text-align: left;

    font-size: 0.875rem;

  }

  .contents.dep .flight-info-detail-share {

    height: 50px;

    line-height: 120px;

  }

  .contents.dep .flight-info-detail-share.ico {

    border-bottom: 0;

    text-indent: 0;

    text-indent: -999em;

    line-height: inherit;

    height: 50px;

    width: 50px;

    position: absolute;

    right: 50px;



    bottom: 10px;

  }

  .contents.dep .flight-info-detail-share.ico:after {

    margin-top: 10px !important;

    transform: scale(0.8);

  }

  .contents.dep .flight-info-detail-close {

    height: 50px;

    width: 50px;

    position: absolute;

    right: 0;

    bottom: 10px;

  }

  .contents.dep .flight-info-detail-close.ico:after {

    background-position: -95px -188px;

    width: 25px;

    height: 25px;

  }

  .contents.dep .flight-info-detail-sns {

    width: 280px;

    height: 145px;

    padding: 47px 10px 23px;

    background: #fff;

    border-right: 1px solid #d9d9d9;

    border-bottom: 1px solid #d9d9d9;



  }

  .contents.dep .flight-info-detail-sns .sns-item {

    float: left;

    margin-bottom: 15px;

  }

  .contents.dep .flight-info-detail-sns .sns-item-link {

    display: block;

    width: 63px;

    padding-top: 40px;

    position: relative;

    text-align: center;

    font-size: 0.875rem;

  }

  .contents.arr .list2.mt30 {

    display: none;

  }

  .contents.arr .table-like {

    min-width: inherit;

  }

  .contents.arr .table-like.vt-dark .caption-like {

    display: none;

  }

  .contents.arr .table-like.vt-dark .tr-like.codeshare .flight-info-basic-status {

    padding-left: 40px;

  }

  .contents.arr .table-like.vt-dark .tr-like.flight-info-basic {

    position: relative;

    display: inline-block;

    width: 100%;

    border: 1px solid #d9d9d9;

    border-top: 0;

  }

  .contents.arr .table-like.vt-dark .tr-like.flight-info-detail .td-like {

    height: auto;

    border-bottom: 1px solid #999;

  }

  .contents.arr .table-like.vt-dark .tr-like.flight-info-detail .td-like.share-close {

    width: 30% !important;

    position: absolute;

    right: 0;

    bottom: 0;

    border-left: 0;

  }

  .contents.arr .table-like.vt-dark .tr-like.flight-info-detail .td-like:nth-child(3) {

    width: 100% !important;

  }

  .contents.arr .table-like.vt-dark .th-like {

    display: none;

  }

  .contents.arr .table-like.vt-dark .td-like {

    display: inline-block;

    width: 100% !important;

    padding: 16px;

    font-size: 1rem;

    border-right: 0;

    border-top: 0;

    border-bottom: 0;

  }

  .contents.arr .table-like.vt-dark .td-like.center {

    text-align: left;

  }

  .contents.arr .table-like.vt-dark .td-like:last-child {

    border-right: 0;

  }

  .contents.arr .table-like.vt-dark .td-pop {

    height: 145px;

    bottom: -1px;

    top: auto;

  }

  .contents.arr .flight-info-basic-airline {

    display: none;

  }

  .contents.arr .flight-info-basic .td-like.codeshare {

    position: relative;

    margin-top: -1px;

  }



  .contents.arr .flight-info-basic .td-like.codeshare .ico-codeshare {

    position: absolute;

    display: block;

    text-indent: -999em;

    font-size: 0;

  }

  .contents.arr .flight-info-basic .td-like.codeshare .ico-codeshare:before {

    content: '';

    display: block;

    width: 16px;

    height: 35px;

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

  }

  .contents.arr .flight-info-basic .td-like.codeshare:first-child {

    margin-top: 10px;

  }

  .contents.arr .flight-info-basic .td-like:first-child, .contents.arr .flight-info-basic .td-like:nth-child(2) {

    width: 100% !important;

  }

  .contents.arr .flight-info-basic .td-like:nth-child(3), .contents.arr .flight-info-basic .td-like:nth-child(4), .contents.arr .flight-info-basic .td-like:nth-child(5), .contents.arr .flight-info-basic .td-like:nth-child(6), .contents.arr .flight-info-basic .td-like:nth-child(7), .contents.arr .flight-info-basic .td-like:last-child {

    width: auto !important;

  }

  .contents.arr .flight-info-basic .td-like:nth-child(2) {

    padding: 14px 14px 0;

  }

  .contents.arr .flight-info-basic .td-like:nth-child(3) {

    padding: 0 14px 14px;

  }

  .contents.arr .flight-info-basic .td-like:nth-child(4) {

    position: absolute;

    top: 17px;

    right: 96px;

    padding: 0;

  }

  .contents.arr .flight-info-basic .td-like:nth-child(5) {

    display: none;

  }

  .contents.arr .flight-info-basic .td-like:nth-child(6) {

    display: none;

  }

  .contents.arr .flight-info-basic .td-like:nth-child(7) {

    display: none;

  }

  .contents.arr .flight-info-basic .td-like:nth-child(8) {

    display: inline-block;

    width: 60px !important;

    line-height: 28px;

    text-align: center !important;

    font-size: 0.875rem;

    position: absolute;

    top: 18px;

    right: 15px;

    padding: 0;



  }

  .contents.arr .flight-info-basic .td-like:last-child {

    position: absolute;

    bottom: 24px;

    right: 30px;

    padding: 0;

  }

  .contents.arr .flight-info-basic-link .flight {

    font-size: 1rem;

    text-align: left;

  }

  .contents.arr .flight-info-basic-link .flight .flight-info-basic-flight-number {

    float: right;

  }

  .contents.arr .flight-info-basic-link .flight .flight-info-basic-flight-name {

    display: inline-block;

    margin-right: 14px;

  }

  .contents.arr .flight-info-basic-link:after {

    content: '자세히보기';

    font-size: 0.75rem;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    text-align: center;

    width: 70px;

    height: 20px;

    line-height: 20px;

    color: #666;

    background: #fff;

    border: 1px solid #d9d9d9;

    border-radius: 40px;

  }

  .contents.arr .flight-info-basic-status {

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

  }

  .contents.arr .flight-info-basic-status .time-changed {

    display: inline-block;

  }

  .contents.arr .flight-info-basic-status .time-due {

    display: inline-block; margin-left: 4px;

  }

  .contents.arr .flight-info-basic-status:after {

    width: 100%;

    height: 4px;

    top: 0;

    left: 0;

  }

  .contents.arr .flight-info-basic-no-result {

    border: 0;

    border-top: 1px solid #d9d9d9;

  }

  .contents.arr .flight-info-basic .situation-info {

    width: 66px;

    height: 26px;

    line-height: 27px;

    font-size: 0.75rem;

  }

  .contents.arr .flight-info-detail {

    height: auto;

    background: url(/static/ap/images/bg_flight_info_detail_bg.jpg) repeat;

    position: relative;

    background-size: cover;

  }

  .contents.arr .flight-info-detail-heading-title {

    width: 100%;

    text-align: center;

    color: #fff;

    font-size: 0.825rem;

    font-weight: 400;

    float: none;

    margin-bottom: 10px;

  }

  .contents.arr .flight-info-detail-heading-title .view-way {

    text-align: center;

    width: 100%;

    padding: 4px 10px;

    font-size: 0.75rem;

    font-weight: 400;

    position: relative;

    bottom: 0;

    color: #fff;

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

    border-radius: 20px;

  }

  .contents.arr .flight-info-detail-heading-desc {

    width: 100%;

    display: block;

    text-align: center;

    margin-top: 0;

  }

  .contents.arr .flight-info-detail-heading-desc .strong {

    color: #ffae44;

  }

  .contents.arr .flight-info-detail-airline {

    text-align: center;

    padding-top: 15px;

    background: url(/static/ap/images/ico_airplane_arrow_departure.png) 50% 20px no-repeat;

  }



  .contents.arr .flight-info-detail-airline .flight-info-detail-country {

    color: #ffae44;

    font-size: 1rem;

  }

  .contents.arr .flight-info-detail-airline .flight-info-detail-date {

    font-size: 0.875rem;

    float: none;

  }

  .contents.arr .flight-info-detail-airline .flight-info-detail-date br {

    display: none;

  }

  .contents.arr .flight-info-detail-airline.arrival {

    background: url(/static/ap/images/ico_airplane_arrow_arrival.png) 50% 20px no-repeat;

  }

  .contents.arr .flight-info-detail-way {

    margin-top: 30px;

  }

  .contents.arr .flight-info-detail-way .way-list {

    display: block;

  }

  .contents.arr .flight-info-detail-way .way-list-item {

    width: 50%;

    min-width: unset;

    text-align: center;

    float: left;

    margin-right: 0;

  }

  .contents.arr .flight-info-detail-way .way-list-item:last-child {

    margin-right: 0;

  }

  .contents.arr .flight-info-detail-way .way-list-item-heading {

    line-height: 1.2;

    font-size: 0.8125rem;

    color: #ccc;

    display: block;

  }

  .contents.arr .flight-info-detail-way .way-list-item-content {

    padding: 0;

    font-size: 1rem;

    color: #fff;

    display: block;

  }

  .contents.arr .flight-info-detail-way .way-list-item.ico {

    text-indent: 0;

  }



  .contents.arr .flight-info-detail-way .way-list-item.ico:after {

    background-position: -147px -63px;

    width: 22px;

    height: 22px;

    left: auto;

    right: -21px;

    top: auto;

    bottom: 13px;

  }

  .contents.arr .flight-info-detail-way .way-list-item.ico:nth-child(2):after {

    display: none;

  }

  .contents.arr .flight-info-detail-way .way-list.arrival .way-list-item {

    margin-right: 0;

    border-right: 1px solid rgba(255, 255, 255, 0.3);

    margin-bottom: 10px;

  }

  .contents.arr .flight-info-detail-way .way-list.arrival .way-list-item br {

    display: none;

  }

  .contents.arr .flight-info-detail-way .way-list.arrival .way-list-item:nth-child(2n) {

    border-right: 0;

  }

  .contents.arr .flight-info-detail-way .way-list.arrival .way-list-item.ico:after {

    display: none;

    right: -25px;

  }

  .contents.arr .flight-info-detail-dest {

    color: #fff;

  }

  .contents.arr .flight-info-detail-dest .dest-weather {

    margin-top: 0;

    float: left;

    width: 100%;

  }

  .contents.arr .flight-info-detail-dest .dest-weather:after {

    content: "";

    display: block;

    clear: both;

  }

  .contents.arr .flight-info-detail-dest .dest-weather-temp {

    width: 80px;

    float: left;

    font-size: 1.25rem;

    margin: 15px 0 0 20px;

  }

  .contents.arr .flight-info-detail-dest .dest-date {

    float: left;

    margin-top: 0;

    text-align: left;

    font-size: 0.875rem;

  }

  .contents.arr .flight-info-detail-share {

    height: 50px;

    line-height: 120px;



  }

  .contents.arr .flight-info-detail-share.ico {

    border-bottom: 0;

    text-indent: 0;

    text-indent: -999em;

    line-height: inherit;

    height: 50px;

    width: 50px;

    position: absolute;

    right: 50px;

    bottom: 10px;

  }

  .contents.arr .flight-info-detail-share.ico:after {

    margin-top: 10px !important;

    transform: scale(0.8);

  }

  .contents.arr .flight-info-detail-close {

    height: 50px;

    width: 50px;

    position: absolute;

    right: 0;

    bottom: 10px;

  }

  .contents.arr .flight-info-detail-close.ico:after {

    background-position: -95px -188px;

    width: 25px;

    height: 25px;

  }

  .contents.arr .flight-info-detail-sns {

    width: 280px;

    height: 145px;

    padding: 47px 10px 23px;

    background: #fff;

    border-right: 1px solid #d9d9d9;

    border-bottom: 1px solid #d9d9d9;

  }

  .contents.arr .flight-info-detail-sns .sns-item {

    float: left;

    margin-bottom: 15px;

  }

  .contents.arr .flight-info-detail-sns .sns-item-link {

    display: block;

    width: 63px;

    padding-top: 40px;

    position: relative;

    text-align: center;

    font-size: 0.875rem;

  }

  .contents.cargo .table-like.vt-dark .tr-like.not-changed .time-changed {

    height: auto !important;

    line-height: inherit !important;

  }

  .contents.cargo .table-like.vt-dark .flight-wrap {

    border: 1px solid #999;

  }

  .contents.cargo .list2.mt30 {

    display: none;

  }

  .contents.cargo .table-like {

    min-width: inherit;

  }

  .contents.cargo .table-like.vt-dark .caption-like {

    display: none;

  }

  .contents.cargo .table-like.vt-dark .tr-like.codeshare .flight-info-basic-status {

    padding-left: 40px;

  }

  .contents.cargo .table-like.vt-dark .tr-like.flight-info-basic {

    position: relative;

    display: inline-block;

    width: 100%;

    border: 1px solid #d9d9d9;

    border-top: 0;

  }

  .contents.cargo .table-like.vt-dark .tr-like.flight-info-detail .td-like {

    height: auto;

    border-bottom: 1px solid #999;

  }

  .contents.cargo .table-like.vt-dark .tr-like.flight-info-detail .td-like.share-close {

    width: 30% !important;

    position: absolute;

    right: 0;

    bottom: 0;

    border-left: 0;

  }

  .contents.cargo .table-like.vt-dark .tr-like.flight-info-detail .td-like:nth-child(3) {

    width: 100% !important;

  }

  .contents.cargo .table-like.vt-dark .th-like {

    display: none;

  }

  .contents.cargo .table-like.vt-dark .td-like {

    display: inline-block;

    width: 100% !important;

    padding: 16px;

    font-size: 1rem;

    border-right: 0;

    border-top: 0;

    border-bottom: 0;

  }

  .contents.cargo .table-like.vt-dark .td-like.center {

    text-align: left;

  }

  

  .table-like.vt-dark .flight-wrap .flight-info-basic-link.cargo-brd .td-like {

    border-right: 0;

    border-top: 0;

    border-bottom: 0;

  }

  

  .contents.cargo .table-like.vt-dark .td-like:last-child {

    border-right: 0 !important;

  }

  .contents.cargo .table-like.vt-dark .td-pop {

    height: 145px;

    bottom: -1px;

    top: auto;

  }

  .contents.cargo .flight-info-basic-airline {

    display: none;

  }

  .contents.cargo .flight-info-basic .td-like.codeshare {

    position: relative;

    margin-top: -1px;

  }

  .contents.cargo .flight-info-basic .td-like.codeshare .ico-codeshare {

    position: absolute;

    display: block;

    text-indent: -999em;

    font-size: 0;

  }

  .contents.cargo .flight-info-basic .td-like.codeshare .ico-codeshare:before {

    content: '';

    display: block;

    width: 16px;

    height: 35px;

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

  }

  .contents.cargo .flight-info-basic .td-like.codeshare:first-child {

    margin-top: 10px;

  }

  .contents.cargo .flight-info-basic .td-like:first-child, .contents.cargo .flight-info-basic .td-like:nth-child(2) {

    width: 100% !important;

  } .contents.cargo .flight-info-basic .td-like:nth-child(3), .contents.cargo .flight-info-basic .td-like:nth-child(4), .contents.cargo .flight-info-basic .td-like:nth-child(5), .contents.cargo .flight-info-basic .td-like:nth-child(6), .contents.cargo .flight-info-basic .td-like:nth-child(7), .contents.cargo .flight-info-basic .td-like:last-child {

    width: auto !important;

  }

  .contents.cargo .flight-info-basic .td-like:nth-child(2) {

    padding: 14px 14px 0;

  }

  .contents.cargo .flight-info-basic .td-like:nth-child(3) {

    padding: 0 14px 14px;

  }

  .contents.cargo .flight-info-basic .td-like:nth-child(4) {

    position: absolute;

    top: 17px;

    right: 96px;

    padding: 0;

  }

  .contents.cargo .flight-info-basic .td-like:nth-child(5) {

    padding: 0 14px 14px;

  }

  .contents.cargo .flight-info-basic .td-like:nth-child(7) {

    display: inline-block;

    width: 60px !important;

    line-height: 28px;

    text-align: center !important;

    font-size: 0.875rem;

    position: absolute;

    top: 18px;

    right: 15px;

    padding: 0;

  }

  .contents.cargo .flight-info-basic .td-like:last-child {

    display: inline-block;

    width: 60px !important;

    line-height: 28px;

    text-align: center !important;

    font-size: 0.875rem;

    position: absolute;

    top: 18px;

    right: 15px;

    padding: 0;

  }

  .contents.cargo .flight-info-basic-link {

    pointer-events: none;

  }

  .contents.cargo .flight-info-basic-link .flight {

    font-size: 1rem;

    text-align: left;

  }

  .contents.cargo .flight-info-basic-link .flight .flight-info-basic-flight-number {

    float: right;

  }

  .contents.cargo .flight-info-basic-link .flight .flight-info-basic-flight-name {

    display: inline-block;

    margin-right: 14px;

  }

  .contents.cargo .flight-info-basic-link:after {

    display: none;

  }

  .contents.cargo .flight-info-basic-status {

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

  }

  .contents.cargo .flight-info-basic-status .time-changed {

    display: inline-block;

  }

  .contents.cargo .flight-info-basic-status .time-due {

    display: inline-block;

    margin-left: 4px;

  }

  .contents.cargo .flight-info-basic-status:after {

    width: 100%;

    height: 4px;

    top: 0;

    left: 0;

  }

  .contents.cargo .flight-info-basic .situation-info {

    width: 66px;

    height: 26px;

    line-height: 27px;

    font-size: 0.75rem;

  }

  .contents.cargo .flight-info-basic-no-result {

    border: 0;

    border-top: 1px solid #d9d9d9;

  }

  .contents.flights .list2.mt30 {

    display: none;

  }



}



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

  .contents.flights table.vt-dark.even {

    overflow-x: auto;

    overflow-y: hidden;

    white-space: nowrap;

    display: inline-block;

  }

  table.table.vt-dark.even.table-responsive {

    display: inline-table !important;

  }

  .sub-menu-tab-list.col-4 {

    display: block;

    height: 90px;

  }

  .sub-menu-tab-list.col-4 .sub-menu-tab-item {

    width: 50%;

    float: left;

  }

  .sub-menu-tab-list.col-4 .sub-menu-tab-item:nth-child(3n):after {

    content: none;

  }

  .sub-menu-tab-list.col-4 .sub-menu-tab-item:nth-child(3),.sub-menu-tab-list.col-4 .sub-menu-tab-item:nth-child(4) {

    margin-top: 10px

  }

  .sub-menu-tab-list.col-5 {

    display: block;

    height: 130px;

  }

  .sub-menu-tab-list.col-5 .sub-menu-tab-link {

    padding-bottom : 10px;

  }

  .sub-menu-tab-list.col-5 .sub-menu-tab-item {

    width: 50%;

    float: left;

    margin-top: 20px;

  }

  .sub-menu-tab-list.col-7 {

    display: block;

    height: 190px;

  }

  .sub-menu-tab-list.col-7 .sub-menu-tab-item {

    width: 50%;

    float: left;

    margin-top: 10px;

  }

  .sub-menu-tab-list.col-5 .sub-menu-tab-item:nth-child(1),.sub-menu-tab-list.col-5 .sub-menu-tab-item:nth-child(2),

  .sub-menu-tab-list.col-7 .sub-menu-tab-item:nth-child(1),.sub-menu-tab-list.col-7 .sub-menu-tab-item:nth-child(2) {

    margin-top: 0px;

  }



  /* faq 탭유형 시작 */

  .faq-category-tab {

    height: 150px;

  }

  .faq-category-tab-list.tab-7 .faq-category-list-item {

    width: 50%;

  }

  .faq-category-tab .faq-category-list-item .select-category-label {

    font-size: 0.85rem;

  }

  /* faq 탭유형 끝 */



  /* 코비드_교통안내 시작_640 */

  .covid-trans {

    padding: 0;

  }

  .covid-trans:before {

    width: 120px;

    height: 120px;

    left: calc(50% - 60px);

  }

  .covid-trans h5 {

    display: block;

    margin-top: 100px;

    text-align: center;

  }

  .covid-trans p {

    display: block;

    text-align: center;

  }

  /* 코비드_교통안내 끝_640 */

}



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

  #trnSurveyLayer .radio-type2-radio {

    display: none;

  }

  .field-radio {

    visibility: hidden;

  }

  .radio-type1-radio {

    visibility: hidden;

  }

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

    visibility: hidden;

  }

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

    visibility: hidden;

  }

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

  .terms_info:nth-child(3n) {

    padding-left: 0;

  }

  .tab-sub.terms {

    position: static;

  }

  .tab-sub.terms .tab-sub-list {

    display: block;

  }

  .tab-sub.terms .tab-sub-list-item {

    width: 100%;

    height: auto;

  }

  .tab-sub.terms .tab-sub-list-item-link {

    line-height: 1.4;

  }

  .tab-sub.terms .tab-sub-list-item:first-child {

    margin-left: 0;

  }

  .terms_box {

    padding: 15px;

  }

  .terms_box_w {

    margin: 0;

  }

  .terms_info {

    float: none;

    width: 100%;

    margin-top: 10px;

    font-size: 0.825rem;

  }

  .terms_info:first-child {

    margin-top: 0;

  }

  .terms_info li span {

    width: 60px;

    margin-bottom: 10px;

    font-size: 0.825rem;

  }

  .wid360 {

    width: 360px !important;

  }

  .wid347 {

    width: 347px !important;

  }

  .wid305 {

    width: 305px !important;

  }

  .wid200 {

    width: 200px !important;

  }

  .wid230 {

    width: 230px !important;

  }

  .wid480 {

    width: 480px !important;

  }

  .terms_txt li {

    margin-bottom: 40px;

  }

  .tbl_st01 td {

    font-size: 0.75rem !important;

    padding: 0 !important;

  }

  .tbl_st01 th {

    font-size: 0.75rem !important;

    padding: 0 !important;

  }

  .terms_sub_txt {

    margin: 0;

  }

  .link_underline {

    line-height: 1.7;

  }

  .mail_box {



    margin-top: 30px;

    padding: 160px 0 0;

    background: url(/static/ap/images/img_mail.png) no-repeat top center;

  }

  .mail_box br {

    display: none;

  }

}



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

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

  }



/* 190215 footer right start_1080 */

 .footer-align.right {

    float: none;

    margin-top: 0;

  }

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

    margin-top: 60px

  }

  .footer .relsite {

    float: none;

    width: 100%;

  }

  .footer .relsite .select-list {

    width: 100%;

  }

  .en .footer .relsite .select-list {

    top: -217px

  }

  .ch .footer .relsite .select-list {

    top: -217px

  }

  .ja .footer .relsite .select-list {

    top: -217px



  }

  .footer .incheon-etc {

    width: 100%;

    margin: -15px 0 70px 0;

    text-align: left;

  }

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

  }

  .incheon-etc .google-play-mark {

    position: static !important;

    vertical-align: super;

  }

  .ko .footer .incheon-select {

    margin-top: 70px;

  }

  .ch .footer .sns {

    margin-bottom: 20px;

    height: 120px;

    display: block;

  }

  .ch .footer .sns-list {

    top: 10px;

    left: -10px;

    width: 80%;

  }

  .ch .footer .incheon-etc {

    top: 45px;

    left: 0; } .ch .footer .incheon-select {

    position: absolute;

    bottom: 0;

    width: 100%;

  }

/* 190215 footer right end_1080 */

}



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

  .ch .airline-table td:nth-child(1):before {

    content: '机场名称';

  }

  .ch .airline-table td:nth-child(2):before {

    content: '国籍';

  }

  .ch .airline-table td:nth-child(3):before {

    content: '代表联系';

  }

  .ch .airline-table td:nth-child(4):before {

    content: '机场联系人';

  }

  .ch .airline-table td:nth-child(5):before {

    content: 'IATA';

  }

  .ch .airline-table td:nth-child(6):before {

    content: 'ICAO';

  }

  .ch .airline-table td:nth-child(7):before {

    content: '航班口';

  }

  .ch .airline-table td:nth-child(8):before {

    content: '出发状态';

  }

  .ch .airline-table td:nth-child(9):before {

    content: '到达状态';

  }



  .ch .section-bg-contents2 {

    width: 100%;

  }

  .ch .find-info {

    width: 100%;

  }



  .ch .find-info .find-info-item:last-child .sign-in-btn {

    width: 100%;

    margin-left: 0;

    margin-right: 0;

    padding: 0 20px;

    text-align: center;

  }

  .ch .find-info .find-info-item:last-child .sign-in-btn:after {

    display: none;

  }

  .ch .contents-visual {

    padding-top: 30px;

  }

  .ch .contents.dep .flight-info-basic-link:after {

    content: '德塔耶';

  }

  .ch .contents.arr .flight-info-basic-link:after {

    content: '德塔耶';

  }



  .ch * {

    font-family: "Noto Sans SC", roboto, spoqa, sans-serif !important;

  }

  /*

  .ch .top-big-popup-text {

    background: url(/static/ap/images/bg_mobile_top_big_popup_ch.png) no-repeat center top;

    background-size: contain;

  }

  */

  .en .airline-table td:nth-child(1):before {

    content: 'Airline name';

  }

  .en .airline-table td:nth-child(2):before {

    content: 'Nationality';

  }

  .en .airline-table td:nth-child(3):before {

    content: 'Representative contact';

  }

  .en .airline-table td:nth-child(4):before {

    content: 'Airport Contacts';

  }

  .en .airline-table td:nth-child(5):before {

    content: 'IATA';

  }

  .en .airline-table td:nth-child(6):before {

    content: 'ICAO';

  }

  .en .airline-table td:nth-child(7):before {

    content: 'Terminal';

  }

  .en .airline-table td:nth-child(8):before {

    content: 'Departure Status';

  }

  .en .airline-table td:nth-child(9):before {

    content: 'Arrival Status';

  }



  .en .tab-nav-list-link {

    font-size: 0.825rem;

  }

  .en .gnb.bg .header-search-item.gnb-search {

    min-width: 83px;

  }

  .en .global-search-result .multi-col.line:before {

    display: none;



  }

  .en .step-member {

    display: none;

  }

  .en .find-info {

    width: 100%;

  }



  .en .find-info .find-info-item:last-child .sign-in-btn {

    width: 100%;

    margin-left: 0;

    margin-right: 0;

    padding: 0 20px;

    text-align: center;



  }

  .en .find-info .find-info-item:last-child .sign-in-btn:after {

    display: none;

  }

  .en .site-map-list-depth1-item.wide-row {

    width: 100%;

  }

  .en .lost-found .lost-box.found {

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

  }

  .en .lost-found .lost-box.belongings {

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

  }

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

    padding: 5px 20px;

  }

  .en .filter-terminal-search-depth2 .field .field-radio + .field-radio-label {

    width: auto;

    margin-right: 0;

    border-left: 0;

    text-align: center;

    border-right: 0;

    font-size: 0.75rem;

    margin-bottom: -1px;

    letter-spacing: 0;

  }

  .en .digr-airport-kal-route-en {

    height: 200px;

  }

  .en .maglev-train-line-list-article-link {



    font-size: 0.5rem;

    letter-spacing: -0.5px;

  }

  .en .local-list-item {



    padding: 0;

    font-size: 0.5rem;

  }

  .en .local-town-item {

    font-size: 0.75rem;

    border-right: 0;

    padding: 0;

    width: auto;

    height: auto !important;

    margin-right: 20px;

    letter-spacing: 0;

    word-wrap: break-word;

  }

  .en .boxmodel-list-head {

    font-size: 1.25rem;

  }

  .en .contents-visual {

    padding-top: 30px;

  }



  .en .section-bg-contents2 {

    width: 100%;

  }

  .en .logo-list {

    width: 100%;

  }

  .en .logo-list .section-bg-head2 {

    margin-bottom: 10px;

  }

  /*

  .en .logo-list .logo-list-item {

    margin-right: 20px;

    margin-bottom: 10px;

    margin-left: 0;

    border: 0;

  }

  .en .logo-list .logo-list-item:nth-child(odd) {

    border-left: 0;

  }

  */

  .en .route-list-item {

    margin-bottom: 20px;

    height: auto;

  }

  .en .route-list-item.h80 {

    height: auto;

  }

  .en .route-list-item.h80 .route-name {

    height: auto;

  }

  .en .route-list-item.h80 .route-desc {

    height: auto;

    padding: 10px 25px;

  }

  .en .route-list-item.h80 .route-list-item {

    height: auto;

  }

  .en .route-list-item .multi-col .route-list-item .route-name {

    width: 100%;

    line-height: 60px;

  }

  .en .route-list-item .multi-col .route-list-item .route-desc {

    width: 100%;

    padding: 10px 25px;

  }

  .en .route-list-item.double-row {

    height: auto;

  }

  .en .route-list-item.double-row .route-name {

    height: auto;

    line-height: inherit;

  }

  .en .route-list-item.double-row .route-desc {

    height: auto;

    line-height: inherit;

    padding: 10px 25px;

  }

  .en .route-list-item.arrival .route-name {

    width: 100%;

  }

  .en .route-list-item.arrival .route-desc {

    width: 100%;

    padding: 10px 25px;

  }

  .en .route-list-item .route-name {

    width: 100%;

  }

  .en .route-list-item .route-desc {

    width: 100%;

    height: auto;

    float: none;

  }

  .en .contents.dep .flight-info-basic-link:after {

    content: 'Details';

  }

  .en .contents.arr .flight-info-basic-link:after {

    content: 'Details';

  }

  /*

  .en .top-big-popup-text {

    background: url(/static/ap/images/bg_mobile_top_big_popup_en.png) no-repeat center top;

    background-size: contain;

  }

  */

  .ja .airline-table td:nth-child(1):before {

    content: '机场名称';

  }

  .ja .airline-table td:nth-child(2):before {

    content: '国籍';

  }

  .ja .airline-table td:nth-child(3):before {

    content: '代表联系';

  }

  .ja .airline-table td:nth-child(4):before {

    content: '机场联系人';

  }

  .ja .airline-table td:nth-child(5):before {

    content: 'IATA';



  }

  .ja .airline-table td:nth-child(6):before {

    content: 'ICAO';

  }

  .ja .airline-table td:nth-child(7):before {

    content: 'ターミナル';

  }

  .ja .airline-table td:nth-child(8):before {

    content: '出发状态';

  }

  .ja .airline-table td:nth-child(9):before {

    content: '到达状态';

  }



  .ja .section-bg-contents2 {

    width: 100%;

  }

  .ja .section-bg-list-inner .btn-type-small {

    width: 166px;

  }

  .ja .flight-info-detail-sns .sns-item-link {

    font-size: 0.75rem;

  }

  .ja .layer .tab-area-heading {

    font-size: 0.825rem;

    height: auto;

  }

  .ja .find-info {

    width: 100%;

  }

  .ja .find-info .find-info-item:last-child .sign-in-btn {

    width: 100%;

    margin-left: 0;

    margin-right: 0;

    padding: 0 20px;

    text-align: center;



  }

  .ja .find-info .find-info-item:last-child .sign-in-btn:after {

    display: none;

  }

  .ja .main-visual-search-desc {

    font-size: 0.5rem;



    letter-spacing: -1px;

  }

  .ja .flight-info-basic .situation-info {

    font-size: 0.5rem;

  }

/* 폰트사이즈가 작음

  .ja .digr-way-bus-list-item {

    font-size: 0.5rem;

  }

*/

/* 면세점 폰트크기 문제로 주석

  .ja .field .field-radiomain + .field-radiomain-label {

    font-size: 0.5rem;

  }

  .ja .field .field-radio + .field-radio-label {

    font-size: 0.5rem;

    padding: 5px 0;

  }

*/



  .ja .header-util-cs-item {

    font-size: 0.75rem;

    letter-spacing: -2px;

  }

  .ja .top-notice {

    margin: 0;

  }

  .ja .contents.dep .flight-info-basic-link:after {

    content: 'デタイユ';

  }

  .ja .contents.arr .flight-info-basic-link:after {

    content: 'デタイユ';

  }

  .ja * {

    font-family: "Noto Sans JP", roboto, spoqa, sans-serif !important;

  }

  .ja .top-big-popup-text {

    background: url(/static/ap/images/bg_mobile_top_big_popup_ja.png) no-repeat center top;

    background-size: contain;

  }

}



/*2019.03.29 달력 css 추가*/

.ui-datepicker-trigger{

    width: 46px;

    height: 56px;

    border: 1px solid #d9d9d9;

    border-left: 0;

    background: #fff;    

    float: left;    

    display: inline-block;

    position: relative;

    text-indent: -999em;

}



.ui-datepicker-trigger:AFTER{

    content: '';

    display: block;

    position: absolute;

    top: 0;

    right: 0;

    left: 0;

    bottom: 0;

    margin: auto;

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

    background-position: -99px -96px;

    width: 17px;

    height: 16px;

}

.user .ui-datepicker-trigger {

    height: 50px;

}

.en .ui-datepicker-trigger{

    height: 50px;

}

.en #TOUR_DATE {

    height: 50px;

}



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

    .ui-datepicker-trigger {

        width: 50px;

        height: 50px;

    }

}



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

    .filter-terminal-search-depth1 .input-box.base {

        padding: 0 !important;

    }

    .user .timesetting-date select {

        width: 50% !important;

    }

    .user .user-text {

        width: 100%;

    }

    /* 2019.12.26 추가 */

   .borad-view img {

    width : 100% !important;

    height : auto !important;

   } 

    /* 2019.12.26 추가 끝 */ 

}



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

    .ui-datepicker-trigger {

     width: 50px;

     height: 40px !important;

    }

    

    .search-box-btn-area .search-box-btn.h50 {

     height: 40px !important;

    }

    

    .timesetting-date-day {

     height: 40px;  

    }

}





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

  /* 테이블변경 */

  /* Bootstrap naming compatible */

  /* Added /9 hack for IE9 so the td´s display as rows */

  table.table-responsive {

    table-layout: inherit !important;

    margin: 0 auto;

    border-collapse: collapse;

    font-family: Agenda-Light, sans-serif;

    font-weight: 100;

    /*background: #333;*/

    color: #fff;

    text-rendering: optimizeLegibility;

    border-radius: 5px;

  }

  table.table-responsive td, table.table-responsive th {

    font-size: 1rem !important;

    font-weight: 600 !important;

    min-height: 25px;

    text-align: center !important;

    position: relative;

  }

  table.table-responsive .font16 {

    font-size: 1rem;

  }

  table.table-responsive caption {

    font-size: 1rem;

    margin: 1rem;

  }

  table.table-responsive colgroup {

    width: 100% !important;

    display: block;

  }

  table.table-responsive thead th {

    font-weight: 600;

  }

  table.table-responsive tbody {

    border-left: 1px solid #d9d9d9;

    border-right: 1px solid #d9d9d9;

  }

  table.table-responsive thead th,

  table.table-responsive tbody td {

    padding: 0.8rem;

    font-size: 1.4rem;

  }

  table.table-responsive tbody td {

    padding: 0.8rem;

    font-size: 1.4rem;

    color: #444;

    background: #fff;

    border-top: none !important;

    border-bottom: 1px solid #ddd;

  }

  /*table.table-responsive tbody tr {*/

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

  /*border-bottom: 1px solid #ddd;*/

  /*}*/

  table.table-responsive {

    text-align: center;

  }

  table.table-responsive tbody td img {

    display: none !important;

  }

  table.table-responsive tbody td br {

    display: none;

  }

  table.table-responsive caption {

    background-image: none;

  }

  table.table-responsive thead {

    display: none;

  }

  table.table-responsive tbody td {

    padding: 0.6rem;

    display: inline-table;

    width: 50%;

    float: left;

    padding: 0 !important;

    height: 0.9rem;

  }

  table.table-responsive tbody td .schedule {

    width: 7px !important;

    height: 7px !important;

    border-radius: 6px !important;

    top: -9px !important;

    left: 10% !important;

  }

  table.table-responsive tbody tr td:first-child {

    background: #323648;

    display: block;

    width: 100%;

    color: #fff;

    padding: 0;

    line-height: 2.4;

    height: 2.5rem;

  }

  table.table-responsive tbody tr td:first-child strong {

    font-weight: 600;

    font-size: 1rem !important;

  }

  table.table-responsive tbody td:last-child {

    font-size: 0.825rem !important;

    line-height: 24px;

    width: 50%;

  }

  table.table-responsive tbody td:before {

    content: attr(data-th);

    font-weight: bold;

    display: inline-block;

    height: 25px;

    /*width: 6rem;*/

  }

  .table-responsive tbody td[data-title]:before {

    content: attr(data-title);

    font-size: 0.825rem !important;

    line-height: 25px;

    text-align: center;

    border-right: 1px solid #f2f4f7;

    position: absolute;

    left: 0;

    width: 30%;

    color: rgba(94, 93, 82, 0.75);

  }

  table.table-responsive tbody td:last-child:before {

    display: none;

  }

}



/* 검색하단*/

.ark_wrap .ark_footer {

    display: none !important;

}



/*검색-코비드게시판*/

.search-box {

  width: 100%;

  padding: 20px;

  border: 1px solid #d9d9d9;

  text-align: center;

}



.search-box-year-contents {

  display: none;

}



.search-box-year-contents.on {

  display: block;

}



.search-box-title {

  font-weight: 800;

  float: left;

  padding-right: 20px;

  position: relative;

  top: 13px;

}



.search-box-title.pr15 {

  padding-right: 15px;

}



.search-box-title.pr5 {

  padding-right: 5px;

}



.search-box-input {

  display: inline-block;

}





.search-box-input-item {

  float: left;

  border-right: 1px solid #818181;

}



.search-box-input-select, .search-box-input-txt {

  height: 40px;

  padding-left: 10px;

  border: 1px solid #818181;



  border-right: 0;

  font-size: 0.9375rem;

  color: #444;

  box-sizing: border-box;

  float: left;

}



/* 코비드 게시판 추가 */

.search-box-input-select.h50, .search-box-input-txt.h50 {

  height: 50px;

}





.search-box-input-select {

  width: 140px;

}



.search-box-input-select.medium {

  width: 187px;

}



.search-box-input-select.large {

  width: 240px;

}



.search-box-input-select.small {

  width: 107px;

}



.search-box-input-select.year {

  width: 79px;

  border: 1px solid #818181;

}



.search-box-input-select.year2 {

  border: 1px solid #818181;

}



.search-box-input-select.month {

  width: 61px;

  border: 1px solid #818181;

}



.search-box-input-select.airline {

  width: 91px;

}



.search-box-input-select + .search-box-input-select {

  border-left: 1px solid #d9d9d9;

}



.search-box-input-select + .search-box-input-txt {

  border-left: 1px solid #d9d9d9;

}



.search-box-input-select.time {

  width: 80px;

}



.search-box-input-txt {

  width: 400px;

}



.search-box-input-txt.medium {

  width: 185px;

}



.search-box-input-txt.large {

  width: 240px;

}



.search-box-input-btn {

  padding: 10px 20px;

  border: 0;

  background: #323648;

}



.search-box-input.select {

  width: 320px;

}



.search-box-btn-area {

  float: left;

}



.search-box-btn-area.view-large {

  position: absolute;

  bottom: 26px;

}



.search-box-btn-area .search-box-btn {

  height: 40px;

  padding: 10px 20px;

  border: 0;

  background: #323648;

  color: #fff;

  font-weight: 800;

  float: left;

  border-radius: 0;

}



.search-box-btn.h50 {

  height: 50px;

}  



.search-box-btn-area .search-box-btn.ico:after {

  background-position: -74px -134px;

  width: 22px;

  height: 22px;

}



.search-box-btn-area .search-box-btn.big {

  width: 100px;





  height: 92px;

}



.search-box-btn-area .search-box-btn.big2 {

  width: 160px;

  height: 145px;

}



.search-box-btn-area .search-box-btn.view-large-btn {

  padding: 0 20px 0 45px;

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

  text-indent: 0;

  font-weight: normal;

}



.search-box-btn-area .search-box-btn.view-large-btn.ico:after {

  background-position: -436px -134px;

  margin-left: 13px;

  width: 22px;

  height: 22px;

}



.search-box.day {

  padding: 20px 30px;

}



.search-box.day .day-option {

  height: 40px;

}



.search-box.day .day-option-link {

  min-width: 74px;

  padding: 10px;

  font-size: 1rem;

  border: 1px solid #a5a7aa;

  text-align: center;

  float: left;

}



.search-box.day .day-option-link + .day-option-link {

  border-left: none;

}



.search-box.day .day-option-link.on {

  font-weight: 800;

  color: #323648;

  border: 1px solid #323648;

}



.text-airsafe-point {

  text-align: center;

  font-size: 4rem;

  padding: 10px 0;

  font-weight: bold;

  color: #42519e;

}



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

}



/*이용일시*/

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

  width: 100px;

  height: 40px;

  border: 1px solid #d9d9d9;

  border-right: 0;

  font-size: 0.9375rem;

  padding-left: 10px;

  color: #666;

  box-sizing: border-box;

  float: left;

}



.timesetting-date-calendar {

  width: 40px;

  height: 40px;

  border: 1px solid #d9d9d9;

  border-left: 0;

  background: #fff;

  float: left;

}





.timesetting-date-calendar:after {

  background-position: -99px -96px;

  width: 17px;

  height: 16px;

}



.timesetting-date.long {

  width: 160px;

}



.timesetting-date.long .timesetting-date-day {

  width: 120px;

}





.timesetting-dash {

  float: left;

  line-height: 38px;

  margin: 0 10px;

}



.timesetting .object-list {

  min-width: 100px;

}



.timesetting .user-text {

  width: 177px;

  height: 40px;

  vertical-align: bottom;

}



.timesetting .user-text2 {

  width: 152px;

  height: 40px;

  vertical-align: bottom;

  border:1px solid #d9d9d9;

}



.board-page {

  font-size: 0.875rem;

  text-align: right;

  margin: 20px 0 10px;

}



.include-video {

   display: block;

   margin: 0 auto;

   text-align: center;

   width: 100%;

   height: 648px;

}



.include-video-iframe {

    width: 100%;

    height : 100%;

}



.ui-datepicker-trigger.small {

width:40px;

height:40px;

}



.text-color-b {

  color: #41519e;

}



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

  img {

    width: 100%;

    height: auto;

  }

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

  }



  /*이용일시*/

  .timesetting {

    display: block;

  }

  .timesetting-etc {

    float: none;

  }

  .timesetting-time {

    float: none;

  }

  /* 날짜 small */  

  .timesetting-date.small {

    width: 50%;

  }   

  .timesetting-date-text {

    height: 40px;

    line-height: 40px;

  }

  .timesetting-date-day.small {

    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;

  }

  /*검색 */

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

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

  }



 .covid-box-item-area3 li {

    width: 100%;

  }

}





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



 .include-video {

  height: 163px;

 }

 

 .en .route-list-item .route-name.covid.lh {

   line-height: normal;

   padding-top: 20px;

   height: 60px;

   letter-spacing: -1px;      

  }

  

 .ja .route-list-item .route-name.covid.lh {

   line-height: normal;

   padding-top: 20px;

   height: 60px;

   letter-spacing: -1px;      

  } 



  .btn-type-small {

    min-width: 100%;

    height: auto;

    line-height: inherit;

    font-size: 0.825rem;

    padding: 5px 10px;

    text-align: center;

  }

}



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

}



.save-info-id {

  text-align: left;

  display: inline-block;

  margin: 13px 0;

  font-size: 0.95rem;

}



.chkbox-ba-type {

  border: 1px solid #666;

  width: 18px;

  height: 18px;

  vertical-align: middle;

  margin: 0;

  -webkit-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 국문 문구추가 끝 */





.reservation-input input,.reservation-input button,.reservation-input .btn-type-normal {

  max-height: 40px;

  line-height: 40px;

}



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

  .reservation-input input,.reservation-input button,.reservation-input .btn-type-normal {

    max-height: 40px;

    line-height:40px;

  }

  .reservation-input .f-right {

    float:none

  }

  .table.vt.board-list td .board-list-link img {

    width: 8px !important;

    margin-left: 10px;

  }



.step2-list.col-5.white .step2-list-item {

    width: 100%;

    margin: 0 0 15px 0;

    min-height: inherit !important;

    padding: 15px;

    border-radius: 0px;

  }  



.step2-list-item.ico::after{

   display:none;

}

  

.step2-list.col-5.white .step2-list-head .article-tit {

  font-size:1rem;

 }

 

.step2-list.col-5.white .step2-list-head .article-num-box{

  height:10px;

  margin-bottom:0px;

}



.step2-list.col-5.white span.article-desc br{

display:none;

}



}



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

   /* 상업시설 앨범형 변경_22.07.06_800px*/

  .boxmodel2-list.col-3 .boxmodel2-list-item {

    width: 100%;

    margin-right: 0;

    height: auto;

  }

  #shop_detail.boxmodel2-list.col-3 .boxmodel2-list-item {

    height : auto;

  }

  .boxmodel2-list.col-3 .boxmodel2-imggroup {

    height: auto;

  }

  /* 상업시설 앨범형 변경 끝_22.07.06_800px*/

}



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

/* 코비드19_진단센터 추가_720 */

  .sub-menu-tab-item {

    padding: 0;

  }

  .covid-box-item {

    padding: 12px 2px 10px 12px;

  }

  .covid-box-item-area li {

    display: block;

    width: 100%;    

  }

  .covid-box-item-area .btn-type-normal.btn3 {

    font-size: 0.85rem;

    padding: 0;

  }

  .covid-box-item-area.block .btn-type-normal.btn3 {

    padding: 10px 25px;

    line-height: 200%;

    height: auto;

  }

  .covid-box-item-area .btn-type-normal.ico:after {

    display: none;

  }

  .step2-list.col-6.white .step2-list-item {

    width: 100%;

    margin: 0 0 5px 0;

    min-height: 10px;

  }

  .step2-list.col-6.white .step2-list-item:nth-child(4) {

    margin-left: 0;

  }

  /* 코비드19_진단센터 추가 끝_720 */



  .step2-list.col-5.white .step2-list-item {

    width: 100%;

    margin: 0 0 5px 0;

    min-height: inherit !important;

    padding:15px;

  }  

  

.step2-list.col-5.white .step2-list-head .article-tit {

  font-size:1rem;

 }

 

.step2-list.col-5.white .step2-list-head .article-num-box{

  height:10px;

  margin-bottom:10px;

}



}



/* 21.01.06 20주년 로고변경 추가 시작 */



.header-logo {

  width: 434px;

  margin: 0 auto;

}

.header-logo-link {

  display: block;

  position: relative;

  text-indent: -999em;

  background-size: 100%;

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

}

.header-logo-link:after {

  content: "";

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 50;

  opacity: 1;

  background-size: 100%;

  width: 434px;

  height: 45px;

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

}





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

  .header-logo {

    position: relative;

    z-index: 8889;

	left: 0px;

    z-index: 8889;

  }

  .header .header-logo-link {

    height: 35px;

    background-size: cover;

  }

}





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

  .header-logo {

    width: 200px;

    top: 2px;

    left: 0px;

  }

  .header .header-logo-link {

    height: 30px;

    background-position-x: -90px;

  }

}



/* 21.01.06 20주년 로고변경 추가 끝 */



/* 20주년 동영상 시작 */

.video-area {

  position: relative;

  width: 100%;

  height: 100%;

  display: block;

  overflow: hidden !important;

}



.video {

  position:absolute;

  left:-5%;

  top:-5%;

  right:0;

  bottom:0;

  width:110%;

  height:110%;

  background-size: 100% 100%;

  object-fit: cover;

}



.btn-video-scroll {

  position: fixed;

  left: 50%;

  bottom: 50px;

  width: 60px;

  height: 60px;

  margin-left: -24px;

  transition: .5s all;

  -webkit-transform: .5s all;  

  opacity: 1;

}



.btn-video-scroll .btn-scroll {

  display: block;

  width: 100%;

  height: 100%;

  padding: 0;

  margin: 0;

  background: none;

  border: none;

}



.btn-video-scroll .scroll-ico-bor {

  position: absolute;

  top: 0;

  left: 50%;

  width: 26px;

  height: 40px;

  margin-left: -13px;

  border: 2px solid #FFF;

  border-radius: 13px;

  box-sizing:border-box;

  -webkit-box-sizing:border-box;

}



.btn-video-scroll  .scroll-ico-move {

  position: absolute;

  width: 10px;

  height: 10px;

  background: #FFF;

  border-radius: 50%;

  margin-left: -5px;

  position: absolute;

  top: 15px;

  left: 50%;

  animation: mousescroll 1.2s ease-out infinite;

  -webkit-animation:mousescroll 1.2s ease-out infinite;

}



.btn-video-scroll .scroll-ico-text {

  display: inline-block;

  margin-top: 45px;

  margin-left: -3px;

  color: #FFF;

  text-align: center;

  font-size: 0.95rem;

}



@-webkit-keyframes mousescroll{

  0%{top:7px;opacity:1}

  100%{top:20px;opacity:0}}

@keyframes mousescroll{

  0%{top:7px;opacity:1}

  100%{top:20px;opacity:0}}

  

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

  .btn-video-scroll .scroll-ico-bor {

    display: block;

    width: 50px;

    height: 50px;

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

    border: 0;

    text-indent: -99999em;

    position: absolute;

    z-index: 99999;

    left: 10px;

  }

  .btn-video-scroll .scroll-ico-move, .btn-video-scroll .scroll-ico-text {

    display: none;

  }

  .video-area {

    position: fixed;

  }

}



/* 20주년 동영상 끝 */



/* 장애인 안심여행센터 */



.step5-list:after{

  content: "";

  display: block;

  clear: both;

}



.step5-list-item {

  float: left;

  position: relative;

  width: calc(20% - 10px);

  height: 340px;

  margin-right:10px;

  border : 1px solid #d9d9d9;

  border-radius: 10px;

}



.step5-list-item .list-img {

  display: block;

  width: 100%;

  padding: 0 10px;

}



.step5-list-item .list-article {

  background: #fff;

  padding: 10px 0 10px;

  margin: 0 10px;

  text-align: center;

  position: relative;

}



.step5-list-item .list-article .article-num {

  display: block;

  color: #333649;

  font-weight: 600;

  text-transform: uppercase;

  margin-bottom: 15px;

}



.step5-list-item .list-article .article-desc {

  color: #666;

  line-height: 1.4;

}





.step5-list-item2 {

  float: left;

  position: relative;

  width: calc(20% - 10px);

  height: 295px;

  margin-right:10px;

  border : 1px solid #d9d9d9;

  border-radius: 10px;

}



.step5-list-item2 .list-img {

  display: block;

  width: 100%;

  padding: 0 10px;

}



.step5-list-item2 .list-article {

  background: #fff;

  padding: 10px 0 10px;

  margin: 0 10px;

  text-align: center;

  position: relative;

}



.step5-list-item2 .list-article .article-num {

  display: block;

  color: #333649;

  font-weight: 600;

  text-transform: uppercase;

  margin-bottom: 15px;

}



.step5-list-item2 .list-article .article-desc {

  color: #666;

  line-height: 1.4;

}



.guide-desc.mark.font14{

  font-size: 0.85rem;

  margin-top: -10px;

  color: #003399;

}



.layer-article-title.box {    

    width: 100%;

    background-color: #efefef;

    text-align : center;

     }



.text-box2{

    display:inline-block;

    width: 100%;

    border: 1px solid #d9d9d9;

    padding: 20px 10px;

}



.step-circle-list {

  width: 100%;

}



.step-circle-list-item {

  float: left;

  padding: 0 30px 0 10px;

  /*! border: 1px solid #555; */

}



.step-circle-list-item.five {

  padding: 0 10px 0 20px;

}



.step-circle-list-item.five.ico:after {

  background-position: -219px -28px;

  width: 11px;

  height: 22px;

  right: -10px;

  left: auto;

}



.step-circle-list-item .list-article {

  width: 139px;

  height: 139px;

  background: #f2f2f2;

  border-radius: 50%;

  text-align: center;

  display: table-cell;

  vertical-align: middle;

}



.step-circle-list-item .list-article .article-num {

  font-size: 0.875rem;

  font-weight: 900;

  color: #4674c9;

  text-transform: uppercase;

  font-family: spoqa, sans-serif;

}



.step-circle-list-item .list-article .article-txt {

  color: #444;

  font-size: 1rem;

}



.step-circle-list-item.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;

}



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

}



.ui-datepicker-trigger.small2 {

    width: 50px;

    height: 50px;

    float: right;

}



.object-list2 {

    width: 100%;

    display: block;

    height: 50px;

    border: 1px solid #d9d9d9;

    font-size: 1rem;

    vertical-align: top;

}



.timesetting-date-day.small2 {

    height: 50px;

    width: calc(100% - 50px);

}



.writing .checkbox-label.ico {

   height: 30px;

}







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

  .step5-list-item {

    display: block;

    width: 100%;

    height: auto;

    margin: 0 auto;

    padding: 0 10px;

    margin-bottom: 10px;

  }



  .step5-list-item .list-img {

    display: block; 

    width: 50%;

    margin: 0 auto;

  }



  .step5-list-item2 {

    display: block;

    width: 100%;

    height: auto;

    margin: 0 auto;

    padding: 0 10px;

    margin-bottom: 10px;

  }



  .step5-list-item2 .list-img {

    display: block; 

    width: 50%;

    margin: 0 auto;

  }



   .step-circle-list {

     width: auto;     

    }

 

   .step-circle-list-item .list-article {

    width: 100%;

    background: #f2f2f2;

    display: block;

    border-radius: inherit;

    height: auto;

    }



   .step-circle-list-item.five {

     padding: 0;

     width: 100%;

     margin-bottom: 5px;

     text-align: center;

    }

  

    .step-circle-list-item.five.ico:after {

     width:0;

    }

 

   .step-circle-list-item .list-article .article-txt br{

     display:none;

    }



   .text-box2{

    padding : 5px 5px 0 5px;

   }



  .ui-datepicker-trigger.small2 {

    height: 50px !important;

   }



  .fixed-table-body{

    overflow-x: auto; 

  }

  

  .vt-dark.fixed {

    width: 700px;

    table-layout: auto;

  }



}



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

    .ui-datepicker-trigger.small2 {

    height: 40px !important;

   }

}