@charset "UTF-8";

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

   v2.0 | 20110126

   License: none (public domain)

*/



@import url(/static/ap/css/transfer_style.css);

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

}



.borad-view .view-body img{

	max-width:100%

}



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

  text-indent: -999em;

  font-size: 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 : #FFF 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(https://www.airport.kr/static/fonts/exo/exo_Th.woff) format("woff");

}



@font-face {

  font-family: 'exo';

  font-weight: 400;

  src: url(https://www.airport.kr/static/fonts/exo/exo_L.woff) format("woff");

}



@font-face {

  font-family: 'exo';

  font-weight: 700;

  src: url(https://www.airport.kr/static/fonts/exo/exo_R.woff) format("woff");

}



@font-face {

  font-family: 'exo';

  font-weight: 900;

  src: url(https://www.airport.kr/static/fonts/exo/exo_B.woff) format("woff");

}



/* roboto - en */

@font-face {

  font-family: 'roboto';

  font-weight: 300;

  src: url(https://www.airport.kr/static/fonts/roboto/roboto_Th.woff) format("woff");

}



@font-face {

  font-family: 'roboto';

  font-weight: 400;

  src: url(https://www.airport.kr/static/fonts/roboto/roboto_L.woff) format("woff");

}



@font-face {

  font-family: 'roboto';

  font-weight: 700;

  src: url(https://www.airport.kr/static/fonts/roboto/roboto_R.woff) format("woff");

}



/* spoqa - ko */

@font-face {

  font-family: 'spoqa';

  font-weight: 200;

  src: url(https://www.airport.kr/static/fonts/spoqa/spoqa_Th.woff) format("woff");

}



@font-face {

  font-family: 'spoqa';

  font-weight: 300;

  src: url(https://www.airport.kr/static/fonts/spoqa/spoqa_L.woff) format("woff");

}



@font-face {

  font-family: 'spoqa';

  font-weight: 400;

  src: url(https://www.airport.kr/static/fonts/spoqa/spoqa_R.woff) format("woff");

}



@font-face {

  font-family: 'spoqa';

  font-weight: 700;

  src: url(https://www.airport.kr/static/fonts/spoqa/spoqa_B.woff) format("woff");

}



/* nanum sqaure - ko */

@font-face {

  font-family: 'nanumsq';

  font-weight: 300;

  src: url(https://www.airport.kr/static/fonts/nanumsq/ns_L.woff) format("woff");

}



@font-face {

  font-family: 'nanumsq';

  font-weight: 400;

  src: url(https://www.airport.kr/static/fonts/nanumsq/ns_R.woff) format("woff");

}



@font-face {

  font-family: 'nanumsq';

  font-weight: 700;

  src: url(https://www.airport.kr/static/fonts/nanumsq/ns_B.woff) format("woff");

}



::-webkit-scrollbar {

  /* width: 5px; */

  height: 5px;

}



::-webkit-scrollbar-track {

  background-color: #efefef;

}



::-webkit-scrollbar-thumb {

  background-color: #d9d9d9;

}



::-webkit-scrollbar-button {

  background-color: transparent;

}



::-webkit-scrollbar-corner {

  background-color: transparent;

}



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

* http://jqueryui.com

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

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

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

.ui-datepicker {

  display: none;

  width: 290px;

  padding: 2px;

  background: #323648;

  z-index: 99999 !important;

}



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

}



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

}



.ja .gnb-link {

  font-size: 1rem;

}



.header {

  width: 30%;

  max-width: 500px;

  height: 100%;

  padding: 232px 20px 0 20px;

  background-size: cover !important;

  box-sizing: border-box;

  position: fixed;

  top: 0;

  left: 0;

  overflow: auto;

  z-index: 99999;

}



.header.start {

  background: url(/static/ap/images/bg_layer_header_01.jpg) no-repeat left bottom;

}



.header.start.checkin {

  background: url(/static/ap/images/bg_layer_header_ac_01_01.jpg) no-repeat left bottom;

}



.header.start.security {

  background: url(/static/ap/images/bg_layer_header_ac_04_01.jpg) no-repeat left bottom;

}



.header.start.immigration.sub1 {

  background: url(/static/ap/images/bg_layer_header_ac_05_01.jpg) no-repeat left bottom;

}



.header.start.immigration.sub2 {

  background: url(/static/ap/images/bg_layer_header_ac_05_02.jpg) no-repeat left bottom;

}



.header.arrive {

  background: url(/static/ap/images/bg_layer_header_02.jpg) no-repeat left bottom;

}



.header.arrive.immigration.sub1 {

  background: url(/static/ap/images/bg_layer_header_bc_02.jpg) no-repeat left bottom;

}



.header.arrive.immigration.sub2 {

  background: url(/static/ap/images/bg_layer_header_bc_02_2.jpg) no-repeat left bottom;

}



.header.arrive.baggage {

  background: url(/static/ap/images/bg_layer_header_bc_03.jpg) no-repeat left bottom;

}



.header.traffic-parking {

  background: url(/static/ap/images/bg_layer_header_03.jpg) no-repeat left bottom;

}



.header.traffic-bus {

  background: url(/static/ap/images/bg_layer_header_bus_stop.jpg) no-repeat left bottom;

}



.header.ktx {

  background: url(/static/ap/images/bg_layer_header_ktx.jpg) no-repeat left bottom;

}



.header.maglev {

  background: url(/static/ap/images/bg_layer_header_maglev.jpg) no-repeat left bottom;

}



.header.parking-lot {

  background: url(/static/ap/images/bg_layer_parking_lot_01.jpg) no-repeat left bottom;

}



.header.shopping-restaurant {

  background: url(/static/ap/images/bg_layer_header_04.jpg) no-repeat left bottom;

}



.header.airport-services {

  background: url(/static/ap/images/bg_layer_header_05.jpg) no-repeat left bottom;

}



/* 19.10.17 추가 */



.header.terminal-info {

  background: url(/static/ap/images/bg_layer_header_07.jpg) no-repeat left bottom;

}



.header.airport-services.sub1 {

  background: url(/static/ap/images/bg_layer_header_fc_01.jpg) no-repeat left bottom;

}



.header.airport-services.sub2 {

  background: url(/static/ap/images/bg_layer_header_fc_02.jpg) no-repeat left bottom;

}



.header.airport-services.sub3 {

  background: url(/static/ap/images/bg_layer_header_fc_04.jpg) no-repeat left bottom;

}



.header.airport-services2 {

  background: url(/static/ap/images/bg_layer_airport_services_01.jpg) no-repeat left bottom;

}



.header.cyber-airport {

  background: url(/static/ap/images/bg_layer_header_cyber_airport.jpg) no-repeat left bottom;

}



.header.cyber-airport.sub2 { background: url(/static/ap/images/bg_layer_header_cyber_airport_ja.jpg) no-repeat left bottom;

}



.header.transfer {

  background: url(/static/ap/images/bg_layer_header_ca_01_01.jpg) no-repeat left bottom;

}



.header.airport-map, .header.airport-service {

  background: url(/static/ap/images/bg_layer_header_06.jpg) no-repeat left bottom;

}



.header.full-screen {

  left: -100% !important;

}



.header-heading {

  margin-bottom: 75px;

  font-family: nanumsq, sans-serif;

  font-size: 2.5rem; font-weight: 400;

  color: #fff;

  text-align: center;

  line-height: 1.4;

}



.header-heading-sub {

  font-size: 1.75rem;

}



.header-heading br {

  display: none;

}



.gnb-item {

  margin-bottom: 32px;

  text-align: center;

}



.gnb-link {

  display: inline-block;

  font-size: 1.25rem;

  font-weight: 300;

  color: #fff;

  position: relative;

}



.gnb-link.on {

  font-weight: 700;

}



.gnb-link.on:after {

  content: "";

  display: block;

  width: 100%;

  height: 3px;

  margin-top: 5px;

  background: #fff;

  position: absolute;

  bottom: 0;

  left: 0;

}



.gnb-link:hover {

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

}



.gnb-depth2-item {

  margin-top: 13px;

}



.gnb-depth2-link {

  font-size: 1rem;

  font-weight: 300;

  color: #fff;

}



.gnb-depth2-link.on {

  font-weight: 700;

}



.layer-gnb-mobile-btn {

  display: none;

}



.layer-gnb-mobile-btn-close {

  display: none;

}



.location-btn {

  display: none;

}



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

}



.location-bar-nav {

  display: block;

}



.location-bar-nav-item {

  padding-left: 20px;

  float: left;

  line-height: 1.7;

}



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

  padding-left: 0;

}



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

  display: none;

}



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

  position: relative;

}



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

  content: '';

  display: block;

  position: absolute;

  bottom: 0;

  margin: auto;

  background-position: -170px -93px !important;

  width: 5px !important;

  height: 22px !important;

  top: 1px;

  left: 9px;

  right: auto;

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

}



.location-bar-nav-item.ico {

  text-indent: 0;

}



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

  background-position: -170px -93px !important;

  width: 5px !important;

  height: 22px !important;

  top: 1px;

  left: 9px;

  right: auto;

}



.location-bar-nav-item .home {

  width: 18px;

  height: 22px;

}



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

  top: -2px;

  left: auto;

  right: 0;

}



.location-bar-nav-item-link {

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

  font-size: 0.875rem;

  z-index: 1;

}



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

  font-weight: bold;

}



.layer-terminal-check-btn {

  position: absolute;

  top: 84px;

  left: 0;

  right: 0;

  display: block;

  margin: 0 auto;

  width: 80%;

  max-width: 284px;

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

  padding: 14px 0;

  border-radius: 50px;

  color: #ffae43;

  font-size: 1.125rem;

  background: none;

}



.layer-terminal-check-btn span {

  color: #fff;

  font-size: 1rem;

}



.layer-terminal-check-btn:before {

  content: '';

  display: block;

  width: 31px;

  height: 38px;

  margin: 0 auto 8px;

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

}





.layer-terminal-check-btn:hover:before {

  position: relative;

  top: 2px;

  opacity: .5;

}



.location-bar-nav:after, .inner-tab2:after, .table-guide:after, .table-guide-btn:after, .table-guide-pop-up-list:after, .tab-nav-list:after, .stuff-wrap:after, .guidebox:after, .linklist:after, .step1-list:after, .multi-col.heading-btn-align:after, .multi-col:after, .pagenation:after, .pagenation-list:after, .step2-list: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, .layer.find-my-terminal .layer-inputbox:after, .layer.system .layer-system-list:after, .layer-article:after, .map-common-category:after, .bussearch .search-area:after, .local-list:after, .local-town:after, .bus-select-category:after, .bus:after, .calculator:after, .timesetting-date:after, .inner-tab:after, .notice-box:after, .departure-step-list:after, .maglev-train-line-list:after, .search-right:after, .field:after, .field-group:after, .search-map-clear:after, .transit-step:after, .detail-column:after, .detail-column .detail-table: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 {

  content: "";

  display: block;

  clear: both;

}



#mapArea svg {

  width: 100%;

}



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

}



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

  padding: 40px 20px;

  width: 100% !important;

}

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

}



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

  padding: 0 !important;



  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;

}



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

}



.contents {

  width: 70%;

  min-width: calc(100% - 500px);

  float: right;

}



.contents.full-screen {

  width: 100% !important;

}



.inner-contents {

  width: 1152px;

  padding: 65px 0 100px;

  margin: 0 auto;

}



.inner-contents.full-screen {

  width: 100% !important;

  padding: 30px;

}



.article {

  margin-bottom: 60px;

}



.article:last-child {

  margin-bottom: 0;

}



.heading-level1 {

  margin-bottom: 40px;

  font-family: nanumsq, sans-serif;

  font-size: 2.375rem;

  font-weight: 300;

}



.heading-level2 {

  margin-bottom: 20px;

  font-family: nanumsq, sans-serif;

  font-size: 1.5rem;

  font-weight: 400;

}



.heading-level2.point {

  background: #323648;

  color: #fff;

  text-align: center;

  padding: 19px 0;

  margin-bottom: 10px;

  width: calc(100% - 2px);

}



.heading-level2.half {

  width: calc(50% - 6px);

}



.heading-level2 .color-o {

  color: #ffae44;

}



.heading-level3 {

  margin-bottom: 20px;

  font-size: 1.25rem;

  font-weight: 700;

}



.heading-level4 {

  margin-bottom: 20px;

  font-size: 1.125rem;

  font-weight: 700;

  color: #42519e;

}



.heading-level4.black {

  color: #222;

}



.heading-level5 {

  font-size: 1rem;

  font-weight: 900;

  margin-bottom: 20px;

}



.sub-heading-area {

  display: inline-block;

  width: 100%;

}



.sub-heading-area .heading-level1 {

  float: left;

  padding-top: 10px;

}



.sub-heading-area .heading-level2 {

  float: left;

  padding-top: 10px;

}



.table {

  width: 100%;

}



.table caption {

  text-indent: -999em;

  font-size: 0;

}



.table.vt {

  border-top: 2px solid #444;

  border-bottom: 1px solid #a5a7aa;

}



.table.vt.border-no {

  border-top: none;

}



.table.vt.border-no td:last-child {

  border-right: 1px solid #d9d9d9;

}



.table.vt.border-right td:last-child {

  border-right: 1px solid #d9d9d9;

}



.table.vt tr.span td {

  border-right: 1px solid #f2f4f7;

}



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

  text-align: center;

  background: #f3f4f8;

}



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

  border-bottom: 1px solid #a5a7aa;

}



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

  background: #f3f4f8;

}



.table.vt-dark th {

  padding: 18px 0 16px;

  font-size: 1rem;

  font-weight: 400;

  color: #fff;

  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:last-child {

  border-right: 0;

}



.table.vt-dark td {

  padding: 19px 20px 16px;

  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:last-child {

  border-right: 0;

}



.table.vt-dark td.no-lastchild {

  border-right: 1px solid #f2f4f7;

}



.table.vt-dark td.no-padding {

  padding: 19px 0 16px;

}



.table.vt-dark td.color-b {

  color: #42519e;

}



.table.vt-dark td.color-r {

  color: #d43e41;

}



.table.vt-dark td p.color-b {

  color: #42519e;

}



.table.vt-dark td.border-n {

  border: none;

}



.table.vt-dark td.border-right-n {

  border-right: none;

}



.table.vt-dark.info tr:last-child {

  height: 140px;

}



.table.hr {

  border-top: 2px solid #444;

  border-bottom: 1px solid #a5a7aa;

}



/* 19.10.16 추가 */

.vt-dark.even td img {

width : 100px;

height: 40px;

}



.table.table-terinfo td {

  padding: 19px 10px 16px !important;

}



.table.table-terinfo td img {

  width: 100px;

  height: 35px;

}



/* 2018.11.02 

.table.hr.info tr:last-child {

  height: 140px;

} 

*/



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

  border-top: 0;

}



.table.hr tr.span td {

  border-right: 1px solid #f2f4f7;

}



.ptb {

    padding: 10px;

}



.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 th.two-line-th br {

  display: block;

}



.table.hr td {

  padding: 19px 20px 16px;

  border-top: 1px solid #d9d9d9;

  border-right: 1px solid #f2f4f7;

  line-height: 1.4;

  vertical-align: middle;

}



.table.hr td.center {

  text-align: center;

}



.table.hr td:last-child {

  border-right: 0;

}



.table.hr td.no-lastchild {

  border-right: 1px solid #f2f4f7;

}



.table.hr td.bold {

  font-weight: bold;

}



.table.hr-small {

  border-top: 2px solid #444;

  border-bottom: 1px solid #a5a7aa;

}



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

  border-top: 0;

}



.table.hr-small th {

  min-width: 90px;

  border-top: 1px solid #d9d9d9;

  background: #f3f4f8;

  font-size: 1rem;

  line-height: 1.4;

  font-weight: 700;

  vertical-align: middle;

}



.table.hr-small td {

  padding:10px 5px 10px;

  border-top: 1px solid #d9d9d9;

  border-right: 1px solid #f2f4f7;

  line-height: 1.4;

  font-size: 0.95rem;

  vertical-align: middle;

}



.table.hr-small td.center {

  text-align: center;

}



.table.hr-small td.no-open {

  color: #999;

}



.table.hr-small td:last-child {

  border-right: 0;

}



.menu-mobile-ui {

  display: none;

}



.tab-nav-list-item {

  width: 25%;

  float: left;

  cursor: pointer;

}



.tab-nav-list-link {

  display: block;

  padding: 10px 5px;

  line-height: 1.5;

  background: #f2f2f2;

  border: 1px solid #d9d9d9;

  border-bottom-color: #42519e;

  font-size: 1.1rem;

  font-weight: 300;

  color: #666;

  text-align: center;

}



.tab-nav-list-link.on {

  border: 2px solid #42519e;

  border-bottom: none;

  background: #fff;

  font-weight: 700;

  color: #42519e;

}



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

  height: 90px;

}



.tab-nav.transit .tab-nav-list-item .tab-nav-list-link {

  border: 2px solid #2c8279;

  border-bottom: 0;

  background: #2c8279;

  color: #fff;

}



.tab-nav.transit .tab-nav-list-item .tab-nav-list-link.on {

  background: #fff;

  color: #2c8279;

  border-bottom: 0;

}



.tab-nav.transit .tab-nav-list-item:first-child .tab-nav-list-link {

  border: 2px solid #4674c9;

  border-bottom: 0;

  background: #4674c9;

}



.tab-nav.transit .tab-nav-list-item:first-child .tab-nav-list-link.on {

  border-bottom: 0;

  background: #fff;

  color: #4674c9;

}



.tab-nav.transit .tab-nav-list-item:last-child .tab-nav-list-link {

  border: 2px solid #dd7713;

  border-bottom: 0;

  background: #dd7713;

}



.tab-nav.transit .tab-nav-list-item:last-child .tab-nav-list-link.on {

  border-bottom: 0;

  background: #fff;

  color: #dd7713;

}



.tab-area {

  position: relative;

}



.tab-area-heading {

  display: block;

  height: 54px;

  background: #f2f2f2;

  border: 1px solid #d9d9d9;

  border-bottom-color: #42519e;

  position: absolute;

  top: 0;

  font-size: 1.25rem;

  font-weight: 300;

  color: #666;

  line-height: 54px;

  text-align: center;

  cursor: pointer;

}



.tab-area-heading a {

  display: block;

  width: 100%;

  height: 100%;

}



.tab-area-heading.on {

  border: 2px solid #42519e;

  border-bottom: none;

  background: #fff;

  font-weight: 700;

  color: #42519e;

}



.tab-area-heading.on a {

  color: #42519e;

}



.tab-area-content {

  display: none;

  padding-top: 54px;

}



.tab-area-content.on {

  display: block;

}



/* 20.11.16 추가 */

.pet-block {

  width: calc(50% - 12px);

  padding: 30px 30px 0px 180px;

  border: 1px solid #dde3ed;

  margin-right: 24px;

  float: left;

  position: relative;

}

.pet-block:nth-child(even) {

  margin-right: 0;

}

.pet-block:after {

  content: "";

  display: block;

  height: 116px;

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

  position: absolute;

  top: 40px;

  left: 40px;

}

.pet-block.cage:after {

  width: 120px;

  background-position: 0 0;

}

.pet-block.leash:after {

  width: 120px;

  background-position: -120px 0;

}

.pet-block.dog:after {

  width: 120px;

  background-position: -245px 0;

}

.pet-block.trash:after {

  width: 120px;

  background-position: -365px 0;

}

.minh200 {

  min-height: 200px;

}

/* 20.11.16 추가 끝 */



.stuff-block {

  width: calc(50% - 12px);

  padding: 177px 40px 40px;

  border: 1px solid #dde3ed;

  margin-right: 24px;

  float: left;

  position: relative;

}



.stuff-block:nth-child(even) {

  margin-right: 0;

}



.stuff-block:after {

  content: "";

  display: block;

  height: 116px;

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

  position: absolute;

  top: 40px;

  left: 40px;

}



.stuff-block.medicine:after {

  width: 485px;

  background-position: 0 0;

}



.stuff-block.food:after {

  width: 238px;

  background-position: -587px 0;

}



.stuff-block.knife:after {

  width: 485px;

  background-position: 0 -142px;

}



.stuff-block.weapon:after {

  width: 361px;

  background-position: -587px -142px;

}



.stuff-block.tool:after {

  width: 361px;

  background-position: 0 -285px;

}



.stuff-block.battery:after {

  width: 485px;

  background-position: 0 -426px;

}



.stuff-block.flammable:after {

  width: 485px;

  background-position: -587px -426px;

}



.stuff-icon {

  display: inline-block;

  width: 15px;

  height: 15px;

  margin-left: 8px;

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

  position: relative;

  top: 4px;

  text-indent: -99999em;

}



.stuff-icon.yes {

  background-position: 0 0;

}



.stuff-icon.no {

  background-position: 0 -16px;

}



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

  text-indent: -20px;

  padding-left: 20px;

}



.ico-mark:before {

  content: "※";

}



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

  background-position: -216px -31px;

  width: 18px;

  height: 14px;

}



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

  background-position: -153px -93px;

  width: 22px;

  height: 22px;

}



.ico.arrow-normal-right:after {

  background-position: -101px -64px;

  width: 8px;

  height: 12px;

}



.ico.arrow-point-right:after {

  background-position: -129px -64px;

  width: 8px;

  height: 12px;

}



.ico.arrow-small-right:after {

  background-position: -158px -65px;

  width: 6px;

  height: 10px;

}



.ico.arrow-middle-right:after {

  background-position: -186px -65px;

  width: 6px;

  height: 10px;

}



.ico.arrow-down:after {

  background-position: -349px -99px;

  width: 19px;

  height: 11px;

}



.ico.arrow-up:after {

  background-position: -319px -99px;

  width: 19px;

  height: 11px;

}



.ico.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.update-refresh:after {

  background-position: -31px -98px;

  width: 20px;

  height: 20px;

}



.ico.search-area-btn:after {

  background-position: -74px -134px;

  width: 22px;

  height: 22px;

}



.ico.btn-download:after {

  background-position: -68px -98px;

  width: 22px;

  height: 22px;

}



.ico.btn-download.big:after {

  background-position: -355px -136px;

  width: 28px;

  height: 22px;

}



.ico.bus-stop:after {

  background-position: -89px -63px;

  width: 22px;

  height: 22px;

}



.ico.warning:after {

  background-position: -400px -136px;

  width: 24px;

  height: 24px;

}



.btn-type-normal {

  min-width: 192px;

  height: 50px;

  background: #fff;

  padding: 0 45px 0 20px;

  line-height: 50px;

  border: 1px solid #666;

  font-weight: 600;

}



.btn-type-normal.point { background: #42519e;

  border: none;

  color: #fff;

  font-size : 1rem;

  vertical-align: middle;

}



.btn-type-normal:hover:after {

  right: 16px !important;

}



.btn-type-normal.ico {

  text-indent: 0;

}



a#ParkingFee {

font-size : 1rem;

vertical-align : middle;

}



.btn-type-normal.ico:after {

  left: auto;

  right: 18px;

  transition: all .4s;

}



.ico.downloadw-right:after {

  background-position: -460px -99px;

  width: 15px;

  height: 12px;

}



.btn-type-normal.left {

  text-align: left;

}



.btn-type-event {

  min-width: 166px;

  height: 40px;

  color: #fff;

  background: #333649;

  padding: 0 45px 0 16px;

  line-height: 40px;

  border: none;

  font-size: 1rem;

}



.btn-type-event.ico {

  text-indent: 0;

}



.btn-type-event.ico:after {

  left: auto;

  right: 18px;

}



.btn-type-small {

  min-width: 146px;

  height: 30px;

  background: #fff;

  padding: 0 32px 0 12px;

  line-height: 30px;

  border: 1px solid #d9d9d9;

  border-radius: 50px;

  font-size: 0.875rem;

  font-weight: 400;

  transition: all .4s;

}



.btn-type-small.point {

  background: #f2f2f2;

}



.btn-type-small.under {

  background: none;

  color: #fff;

}



.btn-type-small:hover {

  color: #999;

}



.btn-type-small:hover:after {

  right: 12px !important;

}



.btn-type-small.ico {

  text-indent: 0;

}



.btn-type-small.ico:after {

  left: auto;

  right: 14px;

  transition: all .4s;

}



#bysClass .btn-type-small {

  padding: 0 30px 0 15px;

  min-width: 90px;

}



.col-btn.media-btn {

  text-align: right;

}



.media-btn .btn-type-normal {

  text-align: left;

}



.guide-desc {

  display: block;

  color: #666;

  font-size: 1rem;

  line-height: 1.6;

}



.guide-desc.color {

  color: #d43e41;

}



.guide-desc.mark {

  text-indent: -20px;

  padding-left: 20px;

}



.guide-desc.mark:before {

  content: "※";

}



.guide-desc.mark2 {

  text-indent: -20px;

  padding-left: 20px;

}



.guide-desc.mark2:before {

  content: "*";

}

.guide-notice {

  display: block;

  color: #666;

  font-size: 1rem;

  line-height: 1.6;

  margin-top: -10px;

  margin-bottom: 50px;

}



.guide-notice:before {

  content: '';

  display: inline-block;

  margin-right: 8px;

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

  width: 17px;

  height: 12px;

}

strong {

  font-weight: 900;

}



strong.color {

  color: #41519e;

}



em {

  font-style: normal;

  color: #41519e;

}



em.color {

  color: #d43e41;

}



.font-normal {

  font-weight: 400;

}



.font-normal.color {

  color: #41519e;

}



.guidebox {

  display: table;

  width: 100%;

}



.guidebox.col-department {

    height: 100px;

}



.guidebox-col {

  display: table-cell;

  width: 33.33%;

}



.guidebox-col.col-1 {

  padding: 40px 0 0 40px;

  border: 1px solid #d9d9d9;

  border-right: none;

  width: 25%;

}



.guidebox-col.col-2 {

  padding: 40px 20px 40px 0;

  border-top: 1px solid #d9d9d9;

  border-bottom: 1px solid #d9d9d9;

  width: 43%;

}



.guidebox-col.col-2.wide {

  width: 66.666%;

  border-right: 1px solid #d9d9d9;

}



.col-department .guidebox-col.col-2 {

  border: 1px solid #d9d9d9;

  border-left: 0;

  width: 75%;

}



.guidebox-col.col-3 {

  background: #333649;

  text-align: center;

  position: relative;

  vertical-align: middle;

  padding: 40px 0;

}



.guidebox-col.col-3.fix .guidebox-col-row {

  position: relative;

  height: 135px;

}



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

}



.list1-item .info-tit {

  display: table-cell;

  padding-right: 5px;

  white-space: nowrap;

}



.list1-item .info-item {

  display: table-cell;

}



.guidebox-desc {

  color: #fff;

  font-size: 1.25rem;

  font-weight: 600;

  margin-bottom: 18px;

  white-space: nowrap;

  line-height: 1.5;

}



.linklist-img {

  float: left;

  width: 268px;

  height: 118px;

  border: 1px solid #d9d9d9;

  margin-right: 34px;

}



.linklist-article {

  float: left;

}





.linklist-article-desc {

  line-height: 1.8;

  margin-bottom: 4px;

}



/* 19.12.04 수정 */

.step1-list-item {

  float: left;

  position: relative;

  width: calc(20% - 10px);

  height:450px;

  margin-right:10px;

  border : 1px solid #d9d9d9;

}



.step1-list-item.h330 {

  height:330px;

}



.step1-list-item.h350 {

  height:350px;

}



.en .step1-list-item {

  height:530px;

}



.en .step1-list-item.h340 {

  height:340px;

}



/* 19.12.04 수정 끝*/



.step1-list-item.wide {

  float: none;

  width: 100%;

  margin-right: 0;

}



.step1-list-item.wide .list-article {

  top: 0;

  margin-top: 0;

  margin-bottom: 40px;

}



.step1-list-item:nth-child(even) {

  /* margin-right: 0; */

}



/* 19.12.04 수정 */

.step1-list-item .list-img {

  display: block;

  width: 100%;

  padding : 0 10px;

}

/* 19.12.04 수정 끝*/



.step1-list-item .list-article {

  background: #fff;

  padding: 10px 0 10px;

  margin: 0 10px;

  text-align: center;

  position: relative;

}



.step1-list-item .list-article.left {

  text-align: left;

}



.step1-list-item .list-article .article-num {

  display: block;

  color: #333649;

  font-weight: 600;

  text-transform: uppercase;

  margin-bottom: 24px;

}



.step1-list-item .list-article .article-desc {

  color: #666;

  line-height: 1.4;

}



.list1-item {

  padding-left: 12px;

  margin-top: 8px;

  position: relative;

}



.list1-item:first-child {

  margin-top: 0;

}



.list1-item:before {

  content: "·";

  font-size: 1.625rem;

  position: absolute;

  top: -8px;

  left: 0;

  font-family: roboto;

}





/* 19.12.09 추가 */



.step3-list-item {

  float: left;

  position: relative;

  width: calc(25% - 10px);

  height: 360px;

  margin-right:10px;

  border : 1px solid #d9d9d9;

}



.step3-list-item.col-3 {

  width: calc(33.3% - 10px);

}



.step3-list-item.h390 {

  height:390px;

}



.step3-list-item.h300, .en .step3-list-item.h300 {

  height:300px;

}



.step3-list-item.h305, .en .step3-list-item.h305 {

  height:305px;

}



.step3-list-item.h280 {

  height:280px !important;

}



.step3-list-item.h250 {

  height:250px !important;

}



.en .step3-list-item {

  height:530px;

}



.en .step3-list-item.h360 {

  height:360px;

}



.en .step3-list-item.h380 {

  height:380px;

}



.en .step3-list-item.h460 {

  height:460px;

}



.step1-list.col-3 .step3-list-item {

  width: calc(33.3% - 7px);

}



.step1-list.col-3 .step3-list-item:nth-child(3) {

  margin-right: 0;

}



.step1-list.col-3 .step3-list-item:last-child {

  margin-right: 0;

}



.step1-list.col-3 .step3-list-item .list-img {

  display: block;

  width: 70%;

  margin: auto;

}



.step3-list-item .list-img {

  display: block;

  width: 100%;

  padding : 0 40px;

}



.step3-list-item.col-3 .list-img {

  display: block;

  width: 75%;

  margin: auto;

}



.step3-list-item .list-article {

  background: #fff;

  padding: 10px 0 10px;

  margin: 0 10px;

  text-align: center;

  position: relative;

}



.step3-list-item .list-article.left {

  text-align: left;

}



.step3-list-item .list-article .article-num {

  display: block;

  color: #333649;

  font-weight: 600;

  text-transform: uppercase;

  margin-bottom: 15px;

}



.step3-list-item .list-article .article-desc {

  color: #666;

  line-height: 1.4;

}



/* 19.12.09 추가 끝*/





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

}



.list5-item {

  list-style-type: decimal;

}



.imgbox {

  max-width: 100%;

  vertical-align: top;

}



.imgbox.level2 {

  background: #42519e;

}



.imgbox.level4 {

  background: #d43e41;

}



.imgbox.level3 {

  background: #dd7714;

}



.imgbox.level1 {

  background: #2c8179;

}



p.icontxt {

  padding: 0 0 0 90px;

}



.icontxt {

  display: block;

  min-height: 74px;

  padding: 15px 0 0 90px;

  position: relative;

}



.icontxt:after {

  content: "";

  display: block;

  width: 74px;

  height: 74px;

  position: absolute;

  top: 0;

  left: 0;

  margin: auto;

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

}



.icontxt.icon-type1:after {

  background-position: -11px -10px;

}



.icontxt.icon-type2 {

  margin-left: 10px;

}



.icontxt.icon-type2:after {

  background-position: -105px -10px;

}



.icontxt.icon-type3:after {

  background-position: -199px -10px;

}



.icontxt.icon-type4:after {

  background-position: -11px -105px;

}



.icontxt.icon-type5:after {

  background-position: -105px -105px;

}



.icontxt.icon-type6:after {

  background-position: -199px -105px;

}



.icontxt.icon-type7:after {

  background-position: -11px -199px;

}



.icontxt.icon-type8:after {

  background-position: -105px -199px;

}



.icontxt.icon-type9:after {

  background-position: -199px -199px;

}



.icontxt.icon-type10:after {

  background-position: -198px -575px;

}



.icontxt.icon-type11:after {

  background-position: -198px -762px;

}



.icontxt.icon-type12:after {

  background-position: -10px -853px;

}



.icontxt.icon-type13:after {

  background-position: -105px -945px;

}



.icontxt.icon-koreanair:after {

  background-position: -11px -293px;

}



.icontxt.icon-asiana:after {

  background-position: -105px -293px;

}



.icontxt.icon-another:after {

  background-position: -199px -293px;

}



.icontxt.icon-maglev-train1:after {

  background-position: -11px -387px;

}



.icontxt.icon-maglev-train2:after {

  background-position: -105px -387px;

}



.icontxt.icon-maglev-train3:after {

  background-position: -199px -387px;

}



.icontxt.icon-maglev-train4:after {

  background-position: -11px -481px;

}



.icontxt.icon-aquatic-product1:after {

  background-position: -104px -481px;

}



.icontxt.icon-aquatic-product2:after {

  background-position: -199px -481px;

}



.icontxt.icon-aquatic-product3:after {

  background-position: -10px -575px;

}



.icontxt.icon-aquatic-product4:after {

  background-position: -105px -575px;

}



.icontxt.icon-animal-product1:after {

  background-position: -10px -668px;

}



.icontxt.icon-animal-product2:after {

  background-position: -106px -669px;

}



.icontxt.icon-animal-product3:after {

  background-position: -198px -668px;

}



.icontxt.icon-animal-product4:after {

  background-position: -10px -761px;

}



.icontxt.icon-animal-product5:after {

  background-position: -105px -762px;

}



.icontxt.icon-txbus:after {

  background-position: -105px -852px;

}



.icontxt.icon-kobus:after {

  background-position: -198px -852px;

}



/* 19.08.01 추가 */

.icontxt.icon-subus:after {

  background-position: -10px -945px;

}



/* 19.08.01 추가 끝*/



.icontxt-title {

  font-weight: 700;

  margin-bottom: 10px;

}



.icontxt-title.list1-item {

  line-height: 1;

}



.icontxt-info {

  font-weight: 400;

}



.icontxt-info.list1-item {

  line-height: 1;

}



.icontxt.bus-qlink {

  padding-top: 20px;

}



.icontxt.bus-qlink .icontxt-title {

  padding-top: 10px;

  float: left;

}



.icontxt.bus-qlink .icontxt-info {

  padding-left: 150px;

}



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

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

  background-size: cover;

}



.banner.bg3 {

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

  background-size: cover;

}



.banner.bg4 {

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

  background-size: cover;

}



.banner.bg5 {

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

  background-size: cover;

}



.banner.bg6 {

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

}





.banner.bg7 {

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

  background-size: cover;

}



.banner.bg8 {

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

  background-size: cover;

}



.banner.dep-quarantine {

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

  background-size: cover;

}



.banner.government-center {

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

  background-size: cover;

}



.banner.in-person {

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

  background-size: cover;

}



.banner.arr-immigration {

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

  background-size: cover;

}



.banner.arr-autoimmigration {

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

  background-size: cover;

}



.banner.arr-quarantine {

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

  background-size: cover;

}



.banner.arr-declaration {

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

  background-size: cover;

}



.banner.autoscreening {

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

  background-size: cover;

}



.banner.baggage-claim {

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

  background-size: cover;

}



.banner.lost-baggage {

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

  background-size: cover;

}



.banner.military {

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

  background-size: cover;

}



.banner.transferring-from {

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

  background-size: cover;

}



.banner.customs-declaration {

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

  background-size: cover;

}



.banner.tax-refund {

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

  background-size: cover;

}



.banner.valet-service {

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

  background-size: cover;

}



.banner.bus {

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

  background-size: cover;

}



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

  position: absolute;

  top: 0;

  left: 0;

}



.multi-col.heading-btn-align {

  margin-bottom: 40px;

}



.multi-col.heading-btn-align .heading-level1 {

  margin-bottom: 0;

}



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

  display: inline-block;

  text-align: center;

}



.multi-col .inner-col.search-map-left {

  float: left;

}



.multi-col .inner-col.search-map-right {

  float: left;

}



.multi-col .inner-col .img-auto {

  width: auto;

}



.multi-col .inner-col .img-caption {

  display: inline-block;

  text-align: center;

  width: 100%;

  font-size: 1rem;

}



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

  width: 80%;

  padding-right: 24px;

}



.multi-col.double .inner-col.w20 {

  width: 20%;

}



.multi-col.double .inner-col.w41 {

  width: 41%;

}



.multi-col.double .inner-col.w59 {

  width: 59%;

}



.multi-col.double .inner-col.w65 {

  width: 65%;

  padding-left: 25px;

}



.multi-col.double .inner-col.w33 {

  width: 33%;

  padding:0px;

}



.multi-col.double .inner-col.w35 {

  width: 35%;

}



.multi-col.double .inner-col.w75 {

  width: 75%;

}



.multi-col.double .inner-col.w25 {

  width: 25%;

}



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

  width: 33.33%;

}



.multi-col.line:before {

  content: "";

  display: block;

  width: 1px;

  height: 100%;

  background: #d9d9d9;

  position: absolute;

  top: 0;

  left: 50%;

}



.pb20 {

  padding-bottom: 20px;

}



.mb7 {

  margin-bottom: 7px;

}



.mb20 {

  margin-bottom: 20px;

}



.mt10 {

  margin-top: 10px;

}



.mt20 {

  margin-top: 20px;

}



.mt30 {

  margin-top: 30px;

}



.mt40 {

  margin-top: 40px;

}



.mt60 {

  margin-top: 40px;

}



.ml10 {

  margin-left: 10px;

}



.ml20 {

  margin-left: 20px;

}



.text-center {

  text-align: center;

}



.text-right {

  text-align: right;

}



.text-right .btn-type-normal {

  text-align: left;

}



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

}



.board-slide .board-list {

  border-top: 1px solid #d9d9d9;

  border-bottom: 0;

  clear: both;

}



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

  display: block;

  width: 100%;

  height: 100%;

  padding: 26px 0;

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

}



/* 추가 19.09.05 */

.step2-list.col-2 .step2-list-item {

  width: calc(50% - 16px);

  min-height: 200px;

}

/* 추가 끝 19.09.05 */



.step2-list.col-3 .step2-list-item {

  width: calc(33.33% - 16px);

  min-height: 250px;

}



.step2-list.col-4 .step2-list-item {

  width: calc(25% - 18px);

  min-height: 310px;

}



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

  min-height: 280px;

  width: calc(20% - 10px);

  margin-left: 12px;

}



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

  min-height: 280px;

  width: calc(16.666% - 10px);

  margin-left: 12px;

}



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

  border-bottom: 1px solid #666;

  position: relative;

}



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

  display: block;

  height: 33px;

  color: #666;

  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 .step2-list-body .article-desc {

  color: #fff;

  font-size: 1rem;

  line-height: 1.6;

  font-weight: 300;

  letter-spacing: -1px;

}



.step2-list-item .step2-list-body .step2-guide-desc {

  color: #a6a7ab;

  font-size: 1rem;

  line-height: 1.6;

  font-weight: 300;

}



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

  margin-bottom: 10px;

  color: #fff;

  font-size: 1rem;

  line-height: 1.3;

  font-weight: 300;

}



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

  color: #a6a7ab;

  font-size: 0.875rem;

  font-weight: 300;

}



.step2-list-item .step2-list-body .list2-item:first-child {

  margin-top: 6px;

}



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

}



.text-color-o {

  color: #dd7714;

}



.text-color-g {

  color: #2c8279;

}



.text-color-b {

  color: #41519e;

}



b.text-bold {

  font-weight: 900;

}



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

  display: block;

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

  position: relative;

}



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

}



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

}



.f-left {

  float: left;

}



.f-right {

  float: right;

}



.overflow {

  position: relative;

  width: 100%;

  height: 450px;

}

 

.overflow2 {

  position: relative;

  width: 100%;

}



.overflow.t1 {

  height: 440px;

}



.overflow.t2 {

  height: 671px;

}



button {

  border-radius: 0;

}



.layer {

  display: none;

  width: 550px;

  border: 4px solid #42519e;

  background: #fff;

  position: absolute;

  top: 50%;

  left: 50%;

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

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

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

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

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

  overflow-y: auto;

  z-index: 10;

}



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

  display: none;

  min-width: 565px;

  overflow-y: auto;

  border: 4px solid #fefefe;

  padding: 36px 36px 70px;

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

  background-size: cover;

}



.layer.system .layer-system-list {

  width: 300px;

  margin: 0 auto;

  text-indent: 10px;

}



.layer.system .layer-system-list:last-child {

  margin: 0 auto 15px auto;

}



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

  float: left;

  width: 150px;

  color: #fff;

  text-align: left;



  line-height: 1.4;

}



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

}



.layer.system .layer-system-desc {

  color: #fff;

  margin-bottom: 30px;

}



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

  color: #ffae43;

  font-size: 1.125rem;

  margin-bottom: 30px;

}



.layer.system .layer-system-desc.systemico:after {

  content: '';

  display: block;

  width: 114px;

  height: 99px;

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

  margin: 26px auto 40px;

}



.layer.system .layer-area {

  text-align: center;

  padding: 0;

}



.layer.system .layer-title {

  font-size: 2.125rem;

  color: #fff;

  font-weight: 300;

  font-family: exo, sans-serif;

  text-align: center;

  border-bottom: 0;

  margin-bottom: 0;

  padding-bottom: 0;

}



.layer.system .layer-title:after {

  content: '';

  display: block;

  height: 2px;

  width: 44px;

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

  margin: 26px auto 24px;

}



.layer.system .layer-article {

  margin-bottom: 0;

}



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

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 46px;

  background: #fff;

}



.layer.system .layer-guide-box {

  position: absolute;

  right: 0;

  bottom: 10px;

  margin: auto;

}



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

  width: 912px;

}



.layer.size.max-height {

  max-height: 890px;

}



.layer.size2 {

  width: 1400px;

}



.layer.size2.max-height {

  max-height: 890px;

}



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

  width: 1152px;

}



.layer-area {

  padding: 20px;

  position: relative;

}



.table-guide-pop-up {

  display: none;

  position: absolute;

  bottom: 30px;

  left: 0;

  background: #fff;

  border: 2px solid #42519e;

  z-index: 99999;

}



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

  left: 95%;

}



.layer-article {

  margin-bottom: 20px;

  position: relative;

}



.layer-article .textarea {

  width: 100%;

  height: 100px;

  padding: 0 10px;

  line-height: 1.7; text-align: left;

  border: 1px solid #d9d9d9;

  box-sizing: border-box;

  color: #666;

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

}



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

  width: 500px;

  height: 148px;

  padding: 20px 15px;

  border: 1px solid #e2e5e9;

  background: #f5f6f7;

  overflow-y: scroll;

}



.layer-article-box-sub {

  margin-bottom: 7px;

  font-size: 0.875rem;

}



.layer-article-box-txt {

  font-size: 0.875rem;

}



.layer-article p {

  font-size: 1rem;

}



.layer-article p.font18 {

  font-size: 1.125rem;

}



.layer-article p.font20 {

  font-size: 1.25rem;

}



.layer-article button {

  /* height: 50px; */

  font-size: 1.5rem;

}



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

}



.banner-hotels {

  background: url(/static/ap/images/img_banner_hotelsdotcom.jpg);

  height: 476px;

}



.banner-hotels-tit {

  font-family: nanumsq, sans-serif;

  color: #ffae44;

  font-size: 2.75rem;

  font-weight: 300;

  text-align: center;

  padding-top: 90px;

}



.banner-hotels-tit:after {

  content: '';

  display: block;

  margin: 20px auto;

  width: 40px;

  height: 1px;

  background: #fff;

}



.banner-hotels-desc {

  font-family: nanumsq, sans-serif;

  color: #fff;

  font-size: 1.25rem;

  font-weight: 300;

  text-align: center;

}



.banner-hotels-point {

  display: block;

  font-family: nanumsq, sans-serif;

  color: #fff;

  font-size: 1.5rem;

  font-weight: 300;

  text-align: center;

  margin-top: 20px;

}



.banner-hotels-img {

  display: block;

  margin: 80px auto;

}



select {

  padding: 0 0 0 10px !important;

}



.boxsing {

  border: 1px solid #d0d0d0;

  padding: 50px;

  margin-bottom: 60px;

}



.box-color {

  background: #f2f2f2;

  padding: 10px 20px;

}



.article.line {

  padding-bottom: 60px;

  border-bottom: 1px solid #d9d9d9;

}



.include-video {

  display: block;

  margin: 0 auto;

  text-align: center;

  width: 100%;

  height: 480px;

}



.include-video-iframe {

  width: 100%;

  height: 100%;

}



img.no-extend {

  width: 100%;

}



.capcha {

  width: 150px;

  height: 50px;

  border: 1px solid #d9d9d9;

  font-size: 1rem !important;

  position: relative;

  text-indent: 24px;

  background: #fff;

}



.capcha:before {

  content: '';

  display: block;

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

  position: absolute;

  top: 0;

  bottom: 0;

  left: 24px;

  margin: auto;

}



.capcha.reflash:before {

  background-position: -29px -18px;

  width: 21px;

  height: 21px;

}



.capcha.sound:before {

  background-position: -68px -17px;

  width: 25px;

  height: 23px;

}



.input-align {

  clear: both;

  overflow: hidden;

}



.input-align .capcha {

  float: left;

}



.input-align .capcha:nth-child(3) {

  border-left: 0;

}



.input-align img {

  float: left;

}



.input-align .user-input-text {

  width: 550px !important;

  height: 50px;

  line-height: 50px;

}



.input-align .capcha + .user-input-text {

  border-top: 0 !important;

}



.input-align .f-small {

  font-size: 1.125rem;

}



.event-img img {

  height: auto !important;

}



.inner-list-item {

  padding-left: 46px;

}



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

}



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

}



.h-hide {

  display: none;

}



.map-common-category {

  display: inline-block;

  margin-bottom: 10px;

}



.map-common-category-item {

  float: left;

  line-height: 1.2;

  width: auto;

}



.map-common-category-item-name {

  width: 100%;

  padding: 10px 0 5px 40px;

  display: inline-block;

  font-family: spoqa, sans-serif;

  font-size: 0.875rem;

  text-align: center;

  position: relative;

}



.map-common-category-item-name:before {

  content: '';

  display: block;

  padding-left: 5px;

  margin: 0 auto;

  position: absolute;

  top: 8px;

  left: 10px;

  right: auto;

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

}



.map-common-category-item-name.entry114:before {

  background-position: 0 -1px;

  width: 22px;

  height: 22px;

}



.map-common-category-item-name.arrival-af:before {

  background-position: -39px -1px;

  width: 22px;

  height: 22px;

}



.map-common-category-item-name.infodesk:before {

  background-position: -78px -1px;

  width: 22px;

  height: 23px;

}



.map-common-category-item-name.ticket:before {

  background-position: -124px -1px;

  width: 22px;

  height: 24px;

}



.map-common-category-item-name.busstop:before {

  background-position: -166px 0px;

  width: 22px;

  height: 24px;

}



.map-common-category-item-name.line1:before {

  background-position: -208px 0;

  width: 22px;

  height: 22px;

}



.map-common-category-item-name.line4:before {

  background-position: -249px 0;

  width: 22px;

  height: 22px;

}



.map-common-category-item-name.line5:before {

  background-position: -300px 0;

  width: 22px;

  height: 22px;

}



.map-common-category-item-name.line9:before {

  background-position: -351px 0;

  width: 22px;

  height: 22px;

}



.map-common-category-item-name.gate:before {

  background-position: -391px 0;

  width: 22px;

  height: 22px;

}



/* 만족도조사 시작 */

.customer-rate-box {

  width: 100%;

  padding: 30px;

  border: 1px solid #d9d9d9;

  margin-top: -90px;

}



.customer-rate-box .w80 {

  padding-right: 0 !important;

}

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

  font-size: 0.9375rem;

}



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

  display: inline-block;

  width: 78%;

  height: 30px !important;

  border: 1px solid #d9d9d9;

  box-sizing: border-box;

}



.customer-rate-box .rate-btn {

  text-indent: 0;

  height: 70px;

  padding-top: 2px;

  margin-left: 20px;

  background: #42519e;

  border: none;

  color: #fff;

  min-width: 150px;

  line-height: 40px;

  font-weight: 600;

  text-align: left;

  cursor: pointer;

  font-size: 1.129rem;

}



.customer-rate-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: 40%

}

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

  width: 60%;

}

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

  width: 18%;

}

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

  width: 21%;

}

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

  width: 17%;

}

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

  width: 19%;

}

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

  width: 23%;

}

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

  width: 35%

}

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

  width: 62%;

}



/* 코비드19 추가 21.11.05_layer */

.covid-box-item-area {

  display: inline-block;

  width: 100%;

}



.covid-box-item-area li {

  width: 50%;

  float: left;

  padding: 0 0 5px 0;

}



.btn-type-normal.covid-half {

  width: 99%;

}



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

  .covid-box-item-area li {

    width: 100%;

  }

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

    font-size: 0.95rem;

    width: 100%;

  }

}



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

  .btn-type-normal.covid-half {

    width: 100%;

    font-size: 0.825rem !important;

    padding: 0;

  }

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

    line-height: 18px;

    height: 70px;

  }

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

    display: none;

  }

}

/* 코비드19 끝 21.11.05 */



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

  .customer-rate-box {

    width: 100%;

    clear: both;

    padding: 20px;

  }

  .customer-rate-box p {

    font-size: 0.825rem;

  }

  .customer-rate-box .rate-btn {

    width: 100%;

    text-align: center;

    height: 40px;

    padding: 0 15px;

    margin-left: 0;

  }

  .customer-rate-box .inner-col {

    width: 100% !important;

    float: none;

    margin-top: 20px;  

  }

  .inner-col.table-col.media-line-none {

    margin-top: -20px !important;

  }

  .inner-col.table-col.media-line-none thead {

    display: none;

  }

  .inner-col.table-col.media-line-none1 {

    margin-top: 0 !important;

  }

  .inner-col.table-col.media-line-none1 thead {

    display: none;

  }

}



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

    .customer-rate {

      padding-bottom: 20px;

    }

    .customer-rate-box {

      margin-top: 0;

      padding: 15px;

    }

    .customer-rate-box .text-box-headline {

      font-size: 1rem;

    }

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

    }

    .customer-rate-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: 19% !important;

    }

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

      width: 17% !important;

    }

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

      width: 19% !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;

    }

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

      width: 16% !important;

    }

}



/* 만족도조사 끝 */



/*세관검사 절차*/

.customs_inspection {

  height: 400px;

  text-indent: -999em;

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

}



/*공항철도 노선도*/

.digr_airport_railroad {

  height: 441px;

  text-indent: -999em;

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

  border: 1px solid #d9d9d9;

}



/*공항철도 노선도 강조 19.08.05*/



/* 스마트패스 시작*/

.smartid-step-list {

  height: 220px;

}



.smartid-step-list .smartid-step-item {

  margin-right: 10px;

  display: inline-block;

  text-align: center;

  width: calc(25% - 10px);

  height: 220px;

  border: 1px solid #d9d9d9;

  vertical-align: top;

}



.smartid-step-list .smartid-step-item:last-child {

  margin-right: 0;

}



.smartid-step-list .smartid-step-item.smartid-step-box:before {

  content: '';

  display: block;

  width: 150px;

  height: 170px;

  margin-bottom: 10px;

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

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

}



.smartid-step-list .smartid-step-item.step1:before {

  background-position: 0 10px;

}



.smartid-step-list .smartid-step-item.step2:before {

  background-position: -200px 10px;

}



.smartid-step-list .smartid-step-item.step3:before {

  background-position: -400px 10px;

}



.smartid-step-list .smartid-step-item.step4:before {

  background-position: -570px 10px;

}



.smartid-step-list .smartid-step-item.ico:after {

  background-position: -138px -180px;

  width: 18px;

  height: 40px;

  top: 0;

  right: -240px;

}

/* 스마트패스 끝*/



.digr_airport_railroad.em {

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

  border : 0px;

}



.en .digr_airport_railroad.em {

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

  border : 0px;

}



.ch .digr_airport_railroad.em {

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

  border : 0px;

}



.ja .digr_airport_railroad.em {

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

  border : 0px;

}



/*KTX 노선도*/

.digr_ktx_route {

  height: 324px;

  text-indent: -999em;

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

  border: 1px solid #dcdcdc;

}



/* 공항리무진 운행노선 */

.digr-airport-limousine-route {

  height: 582px;

  text-indent: -999em;

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

}



/* Kal 운행노선 */

.digr-airport-kal-route {

  height: 400px;

  text-indent: -999em;

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

}



.digr-airport1-kal-route {

  height: 400px;

  text-indent: -999em;

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

}



.digr-airport-kal-route-en {

  height: 400px;

  text-indent: -999em;

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

}



.digr-airport1-kal-route-en {

  height: 400px;

  text-indent: -999em;

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

}



.digr-airport1-kal-route-ch {

  height: 400px;

  text-indent: -999em;

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

}



.digr-airport1-kal-route-ja {

  height: 400px;

  text-indent: -999em;

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

}



/*자기부상열차*/

.maglev-train {

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

}



/*자기부상열차견학*/

.maglev-train-tour {

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

}



.digr-city-airport-terminal-seoul {

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

  text-indent: -999em;

  height: 386px;

}



.digr-city-airport-terminal-samsung {

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

  text-indent: -999em;

  height: 386px;

}



.digr-city-airport-terminal-kwangmyung {

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

  text-indent: -999em;

  height: 386px;

}



/* 이지드랍 절차도 */

.digr-easydrop {

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

  text-indent: -999em;

  height: 418px;

}



.en .digr-easydrop {

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

}



.ch .digr-easydrop {

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

}



.ja .digr-easydrop {

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

}



.update {

  text-align: right;

  margin-bottom: 20px;

}



.update-time {

  font-size: 0.875rem;

  color: #666;

  margin-right: 10px;

}



.update-refresh {

  border: 1px solid #d9d9d9;

  background: #fff;

  font-size: 0.8125rem;

  color: #666;

  padding: 0 10px  0 25px;

  line-height: 26px;

  height: 26px;

}



.update-refresh.ico {

  text-indent: 0;

}



.update-refresh.ico:after {

  right: 60px;

  top: 6px;

}



/*버스검색*/

.bussearch {

  padding: 40px 0;

  text-align: center;

}



.bussearch-title {

  line-height: 58px;

  padding-right: 60px;

  font-size: 1.5rem;

  font-weight: 700;

}



.bussearch .search-area {

  display: inline-block;

}



.bussearch .search-area-txt {

  float: left;

  width: 505px;

  height: 58px;

  border: 0;

  padding: 0 15px;

  border: 1px solid #666;

  font-size: 1.125rem;

}



.bussearch .search-area-btn {

  background: #42519e;

  border: none;

  color: #fff;

  font-size: 1.625rem;

  width: 132px;

  height: 58px;

  padding-left: 30px;

}



.bussearch .search-area-btn.ico {

  text-indent: 0;

}



.bussearch .search-area-btn.ico:after {

  top: 3px; right: 62px;

}



/*버스지역*/

.local {

  width: 100%;

  border: 1px solid #a5a7aa;

}



.local-list-item {

  width: 14.28%;

  border-right: 1px solid #a5a7aa;

  float: left;

}



.local-list-item:first-child {

  border-left: 0;

}



.local-list-item-link {

  height: 58px;

  display: block;

  font-size: 1rem;

  color: #666;

  text-align: center;

  line-height: 58px;

}



.local-list-item-link.on {

  color: #fff;

  background: #323648;

  border: 1px solid #323648;

  font-weight: 700;

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

  border-top: 1px solid #a5a7aa;

  background: #f2f2f2;

}



.local-town.time-table {

  border: 0;

  background: none;

  padding: 0;

}



.local-town-item {

  font-size: 1rem;

  width: 16.6%;

  height: 30px;

  float: left;

  border-right: 1px solid #a5a7aa;

  text-align: center;

  margin-bottom: 20px;

}



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

  border-right: none;

}



.local-town-item:last-child {

  border-right: none;

}



.local-town-item-link.color1 {

  background: #834d1a;

  color: #fff;

  padding: 0 6px;

}



.local-town-item-link.color2 {

  background: #831a52;

  color: #fff;

  padding: 0 6px;

}



.local-town-item-link.color3 {

  background: #04545c;

  color: #fff;

  padding: 0 6px;

}



.local-town-item-link.color4 {

  background: #000;

  color: #fff;

  padding: 0 6px;

}



.local-town-item-link.on {

  color: #41519e;

  border-bottom: 2px solid #41519e;

  font-weight: 700;

}



/* 버스 범례 */

.bus-select-category {

  float: right;

  margin-top: -25px;

}



.bus-select-category-item {

  font-weight: 600;

  float: left;

  margin-right: 10px;

}



.bus-select-category-item.color1 {

  color: #000000;

}



.bus-select-category-item.color1:before {

  content: '';

  display: inline-block;

  width: 4px;

  height: 4px;

  border-radius: 50%;

  margin: -1px 6px;

  background: #fff;

  border: 4px solid #834d1a;

}



.bus-select-category-item.color2 {

  color: #831a52;

} .bus-select-category-item.color2:before {

  content: '';

  display: inline-block;

  width: 4px;

  height: 4px;

  border-radius: 50%;

  margin: -1px 6px;

  background: #fff;

  border: 4px solid #831a52;

}



.bus-select-category-item.color3 {

  color: #04545c;

}



.bus-select-category-item.color3:before {

  content: '';

  display: inline-block;

  width: 4px;

  height: 4px;

  border-radius: 50%;

  margin: -1px 6px;

  background: #fff;

  border: 4px solid #04545c;

}



.bus-select-category-item.color4 {

  color: #834d1a;

}



.bus-select-category-item.color4:before {

  content: '';

  display: inline-block;

  width: 4px;

  height: 4px;

  border-radius: 50%;

  margin: -1px 6px;

  background: #fff;

  border: 4px solid #000;

}



/*버스노선도*/

.bus.float-no li {

  float: none;

}



.bus-stop {

  float: left;

  margin-right: 30px;

  letter-spacing: -0.05rem;

}



.bus-stop.ico {

  text-indent: 0;

}



.bus-stop.ico:after {

  left: auto;

  right: -20px;

  top: 7px;

}



/*다운로드버튼*/

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

  width: 100%;

  height: 90px;

  line-height: 90px;

  padding: 0 30px 0 0;

  text-align: center;

  font-size: 1.375rem;

}



.btn-download.big.ico:after {

  top: 0;

  left: 260px;

}



.btn-download.ico {

  text-indent: 0;

}



.btn-download.ico:after {

  top: 10px;

  left: 10px;

  right: auto;

}



/*주차장혼잡도*/

.congested {

  width: 100%;

  padding: 30px 30px 40px;

  margin-top: -3px;

  border: 1px solid #dde3ed;

}



.congested-parkinglot {

  font-size: 1.625rem;

  float: left;

}



.congested-info {

  padding: 5px 15px;

  border: 1px solid;

  border-radius: 20px;

  float: right;

}



.congested-info.level1 {

  border-color: #2c8179;

  color: #2c8179;

}



.congested-info.level2 {

  border-color: #42519e;

  color: #42519e;

}



.congested-info.level3 {

  border-color: #dd7714;

  color: #dd7714;

}



.congested-info.level4 {

  border-color: #d43e41;

  color: #d43e41;

}



.congested-wrap {

  display: inline-block;

  width: 100%;

  height: 14px;

  margin-top: 25px;

  background: #f2f2f2;

  position: relative;

}



.congested-bar {

  width: 0;

  height: 14px;

  line-height: 14px;

  text-indent: -999em;

}



.congested-wrap-text {

  font-size: 1.15rem;

  font-weight: 900;

  color: red;

}



.congested-bar.level1 {

  background: #2c8179;

}



.congested-bar.level2 {

  background: #42519e;

}



.congested-bar.level3 {

  background: #dd7714;

}



.congested-bar.level4 {

  background: #d43e41;

}



/*주차요금계산기*/

.calculator {

  width: 100%;

  min-height: 98px;

  padding: 20px;

  background: #323648;

}



.btn-center {

  display: table;

  margin: auto;

  padding: 20px 0 60px;

}



.btn-center .btn-type-small {

  min-width: 166px;

}



.btn-center .btn-type-small.download {

  min-width: 0;

  font-family: spoqa, sans-serif;

  font-weight: 700;

}



.btn-pos-box {

  position: relative;

}



.btn-pos-box .btn-type-small {

  position: absolute;

  right: 0;

  top: 20px;

}



/*날짜및시간설정*/

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

  height: 56px;

  line-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 !important;

  border: 1px solid #d9d9d9;

  border-left: 0;

  background: #fff;

}



.timesetting-date-calendar:after {

  background-position: -97px -92px;

  width: 20px;

  height: 20px;

}



.timesetting-date-calendar + .timesetting-date-option {

  border-left: 0;

}



.timesetting-date-option {

  width: 110px;

  height: 56px;

  font-size: 1rem;

  padding-left: 10px;

  border: 1px solid #d9d9d9;

  color: #666;

}



.timesetting-date-option.resize {

  width: 365px;

  height: 50px;

}





.timesetting-date-option + .timesetting-date-option {

  border-left: 0;

}



.timesetting-dash {

  margin: 0 auto;

  padding-left: 20px;

  text-align: center;

  color: #fff;

  font-size: 1.375rem;

  line-height: 58px;

}



.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 .row-col:first-child {

  width: 12%;

}



.guidebox.row-type .col-3 {

  width: 18%;

  border-left: 1px solid #474a5b;

 padding : 0px 15px;

}



.guidebox-col {

  display: table-cell;

  width: 33.33%;

}



.to-calculate .btn-type-normal {

  font-size: 1.125rem;

}



.parking-fee {

  font-size: 1.375rem;

}



.parking-fee strong {

  font-size: 2.75rem;

  color: #d43e41;

}



.inner-tab .btn-type-tab {

  min-width: 130px;

  height: 40px;

  line-height: 40px;

  border: 1px solid #666;

  color: #444;

  float: left;

  text-align: center;

}



.inner-tab .btn-type-tab.on {

  color: #fff;

  background: #222;

}



.inner-tab .btn-type-tab + .btn-type-tab {

  margin: 0;

}



.en .inner-tab .btn-type-tab.col-3 br {

  display: none;

}



.en .inner-tab .btn-type-tab.col-3 {

  padding: 0 10px;

}



.input-bg {

  width: 440px;

  height: 50px;

  line-height: 50px;

  padding: 0 10px;

  font-size: 1rem;

  color: #666;

  background: #fcfbe8;

  border: 1px solid #d9d9d9;

}



/*차량번호 검색*/

.search-box {

  height: 100px;

  width: 100%;

  padding: 20px;

  background: #f2f4f7;

  border: 1px solid #d9d9d9;

  text-align: center;

}



.search-box-area {

  display: inline-block;

}



.search-box-area-title {

  float: left;

  position: relative;

  top: 20px;

  margin-right: 30px;

}



.search-box-area-input {

  width: 406px;

  height: 58px;

  line-height: 58px;

  padding: 10px;

  border: 1px solid #666;

  box-sizing: border-box;

  float: left;

  font-size: 1rem;

  color: #666;

}



.search-box-area-btn {

  width: 62px;

  height: 58px;

  border: none;

  vertical-align: bottom;

  background: #323648;

  text-indent: -9999px;

  display: inline-block;

  float: left;

}



.search-box-area-btn.ico:after {

  background-position: -74px -134px;

  width: 22px;

  height: 22px;

}



/*약관*/

.agreement-box {

  width: 100%;

  height: 148px;

  padding: 20px 15px;

  overflow-y: auto;

  background: #f5f6f7;

  border: 1px solid #e2e5e9;

}



.agreement-box-title {

  font-size: 1.125rem;

  margin-bottom: 10px;

}



.agreement-box-title2 {

  font-size: 1.34rem;

  margin-bottom: 10px;

}



.agreement-box-txt {

  font-size: 1rem;

  color: #0000ff;

  margin-bottom: 20px;

  font-weight:bold;

}



.agreement-box-txt2 {

  font-size: 1.08rem;

  font-weight:700;

  margin-bottom: 20px;

}



.agreement-box-txt3 {

  color: red;

}



.agreement-box-txt4 {

  font-size: 1.12rem;

  color: #0000ff;

  margin-bottom: 20px;

  font-weight:bold;

}



/*노선버스공지*/

.notice-box {

  padding: 20px;

  border: 1px solid #d9d9d9;

}



.notice-box-title {

  width: 170px;

  border-right: 1px solid #a5a7aa;

  text-align: center;

  font-size: 1.125rem;

  font-weight: 900;

  float: left;

}



.notice-box-txt {

  margin-left: 30px;

  float: left;

  color: #3f4d94;

  line-height: inherit;

}



.departure-step {

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

}



/* 19.10.8 추가 */

.departure-step2 {

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

}



.departure-step3 {

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

}



.departure-step4 {

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

}



.departure-step5 {

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

}

/* 19.10.8 추가 끝*/



/* 22.06.28 추가 */

.departure-step6 {

  background: url(/static/ap/images/bg_departure_step6.jpg) no-repeat 0 -150px;

}

/* 22.06.28 추가 끝 */



.departure-step.domestic {

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

}



.departure-step.background-no {

  background: none;

}



.departure-step.background-no .departure-step-list-article {

  color: #666;

}



.departure-step.background-no .departure-step-list-article:before {

  border: 1px solid #a6a7ab;

  border-radius: 50%;

}



.departure-step.background-no .departure-step-list-article.ico:after {

  width: 29px;

  height: 23px;

  background-position: -41px -345px;

  top: 25%;

  left: auto;

  right: 0px;

  bottom: auto;

}



/* 19.10.08  추가*/



.departure-step2.background-no .departure-step-list-article:before {

  border: 1px solid #a6a7ab;

  border-radius: 50%;

}



.departure-step2.background-no .departure-step-list-article.ico:after {

  width: 29px;

  height: 23px;

  background-position: -41px -345px;

  top: 25%;

  left: auto;

  right: 0px;

  bottom: auto;

}



.departure-step4.background-no .departure-step-list-article:before {

  border: 1px solid #a6a7ab;

  border-radius: 50%;

}



.departure-step4.background-no .departure-step-list-article.ico:after {

  width: 29px;

  height: 23px;

  background-position: -41px -345px;

  top: 25%;

  left: auto;

  right: 0px;

  bottom: auto;

}



.departure-step5.background-no .departure-step-list-article:before {

  border: 1px solid #a6a7ab;

  border-radius: 50%;

}



.departure-step5.background-no .departure-step-list-article.ico:after {

  width: 29px;

  height: 23px;

  background-position: -41px -345px;

  top: 25%;

  left: auto;

  right: 0px;

  bottom: auto;

}

/* 19.10.08  추가 끝*/



.departure-step-list {

  min-height: 204px;

  margin: auto;

  padding: 30px 0 20px;

}



.departure-step-list .departure-step-list-article:before {

  content: '';

  display: block;

  width: 116px;

  height: 116px;

  margin: 0 auto 14px auto;

}



.departure-step-list.check-in {

  width: 602px;

}



.departure-step-list.check-in .departure-step-list-article {

  width: 33.33%;

}



.departure-step-list.check-in .departure-step-list-article:before {

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

}



.departure-step-list.check-in .departure-step-list-article.step-1:before {

  background-position: -16px -16px;

}



.departure-step-list.check-in .departure-step-list-article.step-2:before {

  background-position: -154px -16px;

}



.departure-step-list.check-in .departure-step-list-article.step-3:before {

  background-position: -292px -16px;

}



/* 19.10.08 추가 */

.departure-step-list.inspection {

  width: 602px;

}



.departure-step-list.inspection .departure-step-list-article {

  width: 33.33%;

}



.departure-step-list.inspection .departure-step-list-article:before {

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

}



.departure-step-list.inspection .departure-step-list-article.step-1:before {

  background-position: -16px -16px;

}



.departure-step-list.inspection .departure-step-list-article.step-2:before {

  background-position: -154px -16px;

}



.departure-step-list.inspection .departure-step-list-article.step-3:before {

  background-position: -292px -16px;

}

/* 19.10.08 추가 끝 */



.departure-step-list.self .departure-step-list-article {

  width: 20%;

} 



.departure-step-list.self .departure-step-list-article:before {

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

}



.departure-step-list.self .departure-step-list-article.step-1:before {

  background-position: -16px -16px;

}



.departure-step-list.self .departure-step-list-article.step-2:before {

  background-position: -154px -16px;

}



.departure-step-list.self .departure-step-list-article.step-3:before {

  background-position: -292px -16px;

}



.departure-step-list.self .departure-step-list-article.step-4:before {

  background-position: -16px -152px;

}



.departure-step-list.self .departure-step-list-article.step-5:before {

  background-position: -154px -152px;

}



.departure-step-list.quarantine {

  width: 802px;

}



.departure-step-list.quarantine .departure-step-list-article {

  width: 25%;

}



.departure-step-list.quarantine .departure-step-list-article:before {

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

}





.departure-step-list.quarantine .departure-step-list-article.step-1:before {

  background-position: -16px -16px;

}



.departure-step-list.quarantine .departure-step-list-article.step-2:before {

  background-position: -154px -16px;

}



.departure-step-list.quarantine .departure-step-list-article.step-3:before {

  background-position: -292px -16px;

}



.departure-step-list.quarantine .departure-step-list-article.step-4:before {

  background-position: -16px -152px;

}



.departure-step-list.domestic-car-rental {

  width: 802px;

}



.departure-step-list.domestic-car-rental .departure-step-list-article {

  width: 25%;

}



.departure-step-list.domestic-car-rental .departure-step-list-article:before {

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

}



.departure-step-list.domestic-car-rental .departure-step-list-article.step-1:before {

  background-position: -16px -16px;

}



.departure-step-list.domestic-car-rental .departure-step-list-article.step-2:before {

  background-position: -154px -16px;

}



.departure-step-list.domestic-car-rental .departure-step-list-article.step-3:before {

  background-position: -292px -16px;

}



.departure-step-list.domestic-car-rental .departure-step-list-article.step-4:before {

  background-position: -16px -152px;

}



.departure-step-list.self-checkin .departure-step-list-article {

  width: 20%;

}



.departure-step-list.self-checkin .departure-step-list-article:before {

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

}



.departure-step-list.self-checkin .departure-step-list-article.step-1:before {

  background-position: -16px -16px;

}



.departure-step-list.self-checkin .departure-step-list-article.step-2:before {

  background-position: -154px -17px;

}



.departure-step-list.self-checkin .departure-step-list-article.step-3:before {

  background-position: -292px -16px;

}



.departure-step-list.self-checkin .departure-step-list-article.step-4:before {

  background-position: -16px -152px;

}



.departure-step-list.self-checkin .departure-step-list-article.step-5:before {

  background-position: -154px -152px;

}



.departure-step-list-article {

  width: 200px;

  color: #fff;

  font-size: 1.25rem;

  line-height: 1.5;

  text-align: center;

  float: left;

  display: inline-block;

  position: relative;

}



/* 22.06.28 추가 */

.departure-step6 .departure-step-list-article.ico:after {

  width: 29px;

  height: 23px;

  background-position: -41px -345px;

  top: -45px;

  left: 185px;

}



.departure-step-list.vacref {

  width: 602px;

}



.departure-step-list.vacref .departure-step-list-article {

  width: 33.33%;

}



.departure-step-list.vacref .departure-step-list-article:before {

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

}



.departure-step-list.vacref .departure-step-list-article.step-1:before {

  background-position: -16px -16px;

}



.departure-step-list.vacref .departure-step-list-article.step-2:before {

  background-position: -154px -16px;

}



.departure-step-list.vacref .departure-step-list-article.step-3:before {

  background-position: -292px -16px;

}

/* 22.06.28 추가 끝 */



.departure-step.self-checkin {

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

}



.maglev-train-line {

  padding: 46px 40px 40px;

  min-height: 240px;

  border: 1px solid #f3f4f8;

  position: relative;

}



.maglev-train-line-list {

  width: 100%;

  position: relative;

}



.maglev-train-line-list:before {



  content: '';

  display: block;

  width: 80%;

  height: 5px;

  background: #ffae43;

  margin: 0 auto;

  position: absolute;

  top: 60px;

  left: 120px;

}



.maglev-train-line-list-article {

  float: left;

  width: 16.666%;

  position: relative;

  z-index: 10; text-align: center;

  margin-top: 130px;

}



.maglev-train-line-list-article-link {

  border: none;

  background: none;

  font-size: 1rem;

}



.maglev-train-line-list-article-link:before {

  content: '';

  display: block;

  margin: auto; background: url(/static/ap/images/spr_ico_maglev_train_line.png) no-repeat;

}



.maglev-train-line-list-article-link.step-1:before {

  width: 153px;

  height: 140px;

  background-position: 0 0;

  position: absolute;

  top: -160px;

  left: 50%;

  margin-left: -46px;

}



.maglev-train-line-list-article-link.station:before {

  background-position: -179px -67px;

  width: 42px;

  height: 41px;

  position: absolute;

  top: -90px;

  left: 50%;

  margin-left: -20px;

}



.maglev-train-line-time-table {

  display: none;

}



.maglev-train-line-time-table.on {

  display: block;

}



.route-bus-line {

  width: 1152px;

  height: 450px;

  background: #f2f4f7;

  position: relative;

  overflow: hidden;

}



.route-bus-line.short {

  height: 200px;

}



.route-bus-line.short .route-bus-line-list {

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

  height: 3px;

  top: 70%;

}



.route-bus-line-list {

  width: 960px;

  height: 210px;

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

  position: absolute;

  top: 60%;

  left: 50%;

  transform: translate(-55%, -40%);

  -webkit-transform: translate(-55%, -40%);

  -moz-transform: translate(-55%, -40%);

  -ms-transform: translate(-55%, -40%);

  -o-transform: translate(-55%, -40%);

}



.route-bus-line-list-article {

  width: 17px;

  height: 17px;

  position: absolute;

  left: 0;

  margin-left: -10px;

}



.route-bus-line-list-article.color1:after {

  border-color: #834d1a;

}



.route-bus-line-list-article.color2:after {

  border-color: #831a52;

}



.route-bus-line-list-article.color3:after {

  border-color: #04545c;

}



.route-bus-line-list-article.color4:after {

  border-color: #000000;

}



.route-bus-line-list-article > p {

  -webkit-transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);

  transform-origin: 0 0;

  position: absolute;

  top: -8px;

  left: 0;

  z-index: 10;

  font-size: 0.8125rem;

  /*white-space: nowrap;*/

  font-weight: bold;

  line-height: 1;

  width: 260px;

}



.route-bus-line-list-article:after {

  content: "";

  display: block;

  width: 17px;

  height: 17px;

  border: 5px solid #41519e;

  border-radius: 50%;

  box-sizing: border-box;

  background: #f2f4f7;

}



.route-bus-line-list-article.top {

  top: -7px;

}



.route-bus-line-list-article.middle {

  top: 200px;

}



.route-bus-line-list-article.middle2 {

  top: 410px;

}



.route-bus-line-list-article.bottom {

  bottom: -5px;

}



/* 버스검색 정류장 많은경우 20.06.30 시작 */

.overflow2.line3,

.overflow2.line3 .route-bus-line {

  height: 640px;

}



.overflow2.line4,

.overflow2.line4 .route-bus-line {

  height: 870px;

}



.overflow2 .route-bus-line-list {

  background: url(/static/ap/images/bg_route_bus_area_search_t1_012.png) repeat-y;

  width: 85%;

}



.overflow2.line3 .route-bus-line-list {

  top: 55%;

  height: 420px;

}



.overflow2.line4 .route-bus-line-list {

  top: 52%;

  height: 630px;

}



.overflow2 .route-bus-line-list:before {

  content: "";

  display: block;

  width: 5px;

  height: 100%;

  position: absolute;

  right: 0;

  background: url(/static/ap/images/bg_route_bus_area_search_t1_012.png) repeat-y right top ;

}

/* 버스검색 정류장 많은경우 20.06.30 끝 */



.route-bus-stop {

  display: block;

  width: 1152px;

  height: 440px;

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

  position: relative;

  border: 1px solid #d9d9d9;

}



.route-bus-stop-ico-box {

  display: block;

  position: absolute;

  width: 903px;

  height: 151px;

  top: 50%;

  left: 50%;

  margin: -15px -454px;

}



.route-bus-stop .exit {

  text-indent: -99999em;

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

  width: 22px;

  height: 42px;

  position: absolute;

}



.route-bus-stop .exit.exit-1 {

  top: -58px;

  left: 21px;

}



.route-bus-stop .exit.exit-2 {

  top: -21px;

  left: 66px;

}



.route-bus-stop .exit.exit-3 {

  top: 5px;

  left: 125px;

}



.route-bus-stop .exit.exit-4 {

  top: 29px;

  left: 183px;

}



.route-bus-stop .exit.exit-5 {

  top: 50px;

  left: 255px;

}



.route-bus-stop .exit.exit-6 {

  top: 62px;

  left: 329px;

}



.route-bus-stop .exit.exit-7 {

  top: 66px;

  left: 404px;

}



.route-bus-stop .exit.exit-8 {

  top: 66px;

  left: 491px;

}



.route-bus-stop .exit.exit-9 {

  top: 59px;

  left: 567px;

}



.route-bus-stop .exit.exit-10 {

  top: 46px;

  left: 636px;

}



.route-bus-stop .exit.exit-11 {

  top: 30px;

  left: 715px;

}



.route-bus-stop .exit.exit-12 {

  top: 7px;

  left: 775px;

}



.route-bus-stop .exit.exit-13 {

  top: -23px;

  left: 826px;

}



.route-bus-stop .exit.exit-14 {

  top: -57px;

  left: 876px;

}



.route-bus-stop2 {

  display: block;

  width: 1152px;

  height: 671px;

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

  border: 1px solid #d9d9d9;

  position: relative;

}



.route-bus-stop2-ico-box2 {

  display: block;

  position: absolute;

  width: 703px;

  height: 300px;

  top: 50%;

  left: 50%;

  margin: -2px -361px;

}



.route-bus-stop2 .exit {

  text-indent: -99999em;

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

  width: 22px;

  height: 42px;

  position: absolute;

}



.route-bus-stop2 .exit.exit-1 {

  top: 90px;

  left: 166px;

}



.route-bus-stop2 .exit.exit-2 {

  top: 142px;

  left: 166px;

}



.route-bus-stop2 .exit.exit-3 {

  top: 163px;

  left: 209px;

}



.route-bus-stop2 .exit.exit-4 {

  top: 163px;

  left: 307px;

}



.route-bus-stop2 .exit.exit-5 {

  top: 162px;

  left: 402px;

}



.route-bus-stop2 .exit.exit-6 {

  top: 163px;

  left: 493px;

}



.route-bus-stop2 .exit.exit-7 {

  top: 144px;

  left: 546px;

}



.route-bus-stop2 .exit.exit-8 {

  top: 91px;

  left: 546px;

}



.color-red {

  color: #d43e41;

}



.font14 {

  font-size: 0.875rem;

}



.font16 {

  font-size: 1rem;

}



.font20 {

  font-size: 1.25rem;

}



button {

  cursor: pointer;

}



.label-hide {

  position: absolute;

  left: -999em;

  width: 1em;

  overflow: hidden;

}



/*여행정보 검색창*/

.search-right-item {

  float: right;

  width: 280px;

  border-bottom: 1px solid #000;

}



.search-right-item-input {

  width: 250px;

  float: left;

  border: none;

  font-size: 1.125rem;

}



.search-right-item-btn {

  background: #fff;

  border: none;

  margin-bottom: 10px;

  width: 22px;

  height: 22px;

}



.search-right-item-btn.ico:after {

  background-position: -34px -134px;

  width: 22px;

  height: 22px;

}



.travel-info {

  margin-bottom: 40px;

}



.travel-info-box {

  margin-top: 20px;

  padding: 30px;

  border: 1px solid #d9d9d9;

}



.travel-info-box-title {

  padding-bottom: 20px;

  font-size: 1.625rem;

  border-bottom: 1px solid #f2f4f7;

}



.travel-info-box-day {

  position: absolute;

  top: 10px;

  right: 0;

}



.travel-info-box-txt {

  padding-top: 20px;

  text-align: left;

  word-break: keep-all;

  font-size: 1rem;

}



.travel-info-box .btn-type-small {

  min-width: 110px;

  float: right;

  margin-top: 10px;

}



.travel-info-detail-day {

  font-size: 1rem;

  border-bottom: 1px solid #666;

  padding-bottom: 10px;

}



.travel-info-detail-txt {

  font-size: 1rem;

  padding: 20px 0 60px;

  border-bottom: 1px solid #a5a7aa;

}



.travel-info-detail-txt p + p { margin-top: 10px;

}



/*공항지도 검색*/

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

  margin-right: 15px;

}



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

}



/*환승절차*/

.transit-step .list3-item {

  float: left;

}



.transit-step .list3-item.no-float {

  float: none;

  display: inline-block;

}



.transit-step .list3-item.ico {

  text-indent: 0em;

}



.transit-step .list3-item.ico:after {

  background-position: -158px -65px;

  width: 6px;

  height: 10px;

  right: -15px;

  left: auto;

}



.transit-step .list3-item + .list3-item {

  margin-left: 25px;

}



.transit-step .list3-item + .list3-item.ml0 {

  margin-left: 0;

}



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

}



.company-wrap .company-list {

  font-size: 0;

}



.company-wrap .company-list-item {

  display: inline-block;

  border: 1px solid #d9d9d9;

  box-sizing: content-box;

  margin: 0 11px 20px 0;

}



.company-wrap .company-list-item:nth-child(5n) {

  margin-right: 0;

}



.company-wrap .company-list-link {

  display: inline-block;

  width: 100%;

  height: 100%;

}



.company-wrap .company-list:first-child {

  margin-top: 0;

}



.info-graphic {

  height: 270px;

  text-indent: -999em;

  margin-bottom: 30px;

}



.info-graphic.baggage1 {

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

}



.info-graphic.baggage2 {

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

}



.info-graphic.baggage3 {

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

}



.info-graphic.packing {

  height: 330px;

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

}



.btn-group {

  display: table;

  width: 100%;

  height: 100%;

}



.btn-group-inner.center {

  display: table-cell;

  vertical-align: middle;

  text-align: center;

}



.btn-group-inner.center [class^="btn-"] {

  margin-left: 8px;

}



.btn-group-inner.center [class^="btn-"]:first-child {

  margin-left: 0;

  text-align: left;

  vertical-align: 1px;

}



.btn-group .guide-desc {

  margin-top: 8px;

}



.video-box {

  position: relative;

  height: 318px;

  background: #d9d9d9;

  margin-top: 20px;

}



.video-box:before {

  content: '';

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

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

  z-index: 2;

}



.video-box:hover:before {

  display: none;

}



.video-box-frame {

  top: 0;

  left: 0;

  position: absolute;

  width: 100%;

  height: 100%;

}



.size.media .video-box {

  position: relative;

  height: 480px;

}



.size.media .video-box iframe {

  top: 0;

  left: 0;

  position: absolute;

  width: 100%;

  height: 100%;

}



.size.media .video-box-frame {

  top: 0;

  left: 0;

  position: absolute;

  width: 100%;

  height: 100%;

}



/* 190227 변경 시작 */

.link-box {

  background: #42519e;

  height: 90px;

}

.link-box-link {

  display: inline-block;

  width: 100%;

  height: 100%;

  line-height: 90px;

  text-align: center;

  color: #fff;

}

.link-box-link .ico.nowlink:after {

  background-position: -443px -188px;

  width: 23px;

  height: 19px;

}

/* 190227 변경 끝 */



.link-box-link .link-strong {

  font-size: 1.325rem;

}



.link-box-link .nowlink {

  width: 23px;

}



.link-box-link .nowlink:after {

  height: 26px;

  margin-left: 6px;

}



/* 190227 추가 시작 */

.link-box.new {

  background: #42519e;

  height: 90px;

}

.link-box.new a {

  color: #fff

}

.new .ico.nowlink:after {

  background-position: -443px -188px;

  width: 23px;

  height: 19px;

}

/* 190227 추가 끝 */

.ml20 {

  margin-left: 20px;

}



.minh427 {

  min-height: 427px;

}



.minh452 {

  min-height: 452px;

}



.img-article {

  padding: 0 10px;

}



.img-article-tit {

  font-size: 1.325rem;

  margin-bottom: 14px;

}



.img-article-desc {

  color: #444;

  font-size: 1rem;

}



.map-article-area .imgbox {

  vertical-align: top;

}



.map-article-body {

  padding: 24px 30px;

  border: 1px solid #d9d9d9;

  border-top: 0;

}



.map-article-body .list1-item {

  line-height: 1.4;

}



.map-article-tit {

  font-size: 1.625rem;

  margin-bottom: 14px;

}



.img-frame {

  border: 1px solid #d9d9d9;

}



.multi-col + .detail-column {

  border-top: 0;

}



.detail-column {

  border-top: 1px solid #f3f4f8;

}



.detail-column.col-2 .detail-table {

  width: 50%;

  float: left;

}



.detail-column.col-2 .detail-table.w60 {

  width: 60%;

}



.detail-column.col-2 .detail-table.w40 {

  width: 40%;

}



.detail-column .detail-table {

  font-size: 1rem;

  line-height: 1.4;

  padding: 10px 0;

  text-align: left;

}



.detail-column .detail-table-tit {

  width: 100px;

  float: left;

  font-weight: 900;

}



.detail-column .detail-table-desc {

  width: calc(100% - 100px);

  float: right;

}



.detail-column .color-lb {

  color: #4674c9;

}



.detail-mark {

  color: #fff;

  font-size: 0.875rem;

  padding: 6px 16px;

}



.detail-mark.green {

  background: #2c8179;

}



.detail-mark.brown {

  background: #604f3c;

}



.detail-mark.red {

  background: #d43e41;

}



.detail-mark.blue {

  background: #41519f;

}



.detail-mark.gray {

  background: #444;

}



input[type="radio"], input[type="checkbox"] {

  z-index: -999;

}



.select-category-label {

  background: #fff;

}



/* faq 탭유형 시작 */

.faq-category-list-item {

  float:left;

  border-top: 1px solid #666;

  border-right: 1px solid #666;

  margin-left: -1px;

  margin-bottom: 20px;

}



.faq-category-list.tab-6 .faq-category-list-item {

  width: 16.7%;

}



.faq-category-list-item .select-category {

  position: absolute;

}



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

}



.faq-category-list-item .select-category-label.ico {

  text-indent: 0;

}



.faq-category-list-item .select-category:checked + .select-category-label {

  background: #222;

  color: #fff;

}



.faq-category .select-category:focus + .select-category-label {

  display: block;

  outline: 1px dotted #000 !important;

  z-index: 1000;

  cursor: pointer;

}

/* faq 탭유형 끝 */



.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: 2px 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 {

  margin-right: 14px;

}



.radio-type2-top {

  margin-bottom: 14px;

}



.radio-type2 .radio-box {

  display: inline-block;

  min-width: 196px;

  padding: 3px 0;

}



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

  width: 27px;

  height: 27px;

  top: 0;

  left: 0;

  right: auto;

  display: block;

}



.checkbox-type2-label + .checkbox-type2-radio {

  margin-left: 40px;

}



.checkbox-type2-label.font18 {

  font-size: 1.125rem;

}



.checkbox-type2.left {

  text-align: left;

}



.lp-close {

  width: 31px;

  height: 31px;

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

  text-indent: -999em;

  position: absolute;

  top: 50px;

  right: 50px;

}



/* 교통약자 22.01.13 시작 */

.step4-list {

  width: 100%;

}



.step4-list.col-4 .step4-list-item {

  position: relative;

  width: calc(25% - 38px);

  margin-left: 45px;

}



.step4-list.col-4 .step4-list-item:first-child {

  margin-left: 0;

}



.step4-list.col-4 .list-article {

  position: absolute;

  top: 15px;

  left: 20px;

  background: #666;

  width: 30px;

  height: 30px;

  border-radius: 15px;

  color: #FFF;

  line-height: 2;

}



.step4-list.col-4 .article-desc {

  position: absolute;

  bottom: 15px;

  text-align: center;

  width: 100%;

  height: 60px;

  font-size: 0.95rem;

  padding: 0 15px;

}



.step4-list.col-4.type-1 .step4-list-item:after {

  content: "";

  position: absolute;

  right: -20px;

  top: calc(50% - 20px);

  border-top: 20px solid transparent;

  border-left: 20px solid #4483ec;

  border-bottom: 20px solid transparent;

}



.step4-list.col-4.type-1 .step4-list-item {

  border: 1px solid #4483ec;

}



.step4-list.col-4.type-1 .step4-list-item.head-title {

  background: #4483ec; 

  padding-top: 135px;  

}



.step4-list.col-4.type-1 .list-article {

  background: #4483ec;  

}



.step4-list.col-4.type-2 .step4-list-item:after {

  content: "";

  position: absolute;

  right: -20px;

  top: calc(50% - 20px);

  border-top: 20px solid transparent;

  border-left: 20px solid #0EC597;

  border-bottom: 20px solid transparent;

}



.step4-list.col-4.type-2 .step4-list-item {

  border: 1px solid #0EC597;

}



.step4-list.col-4.type-2 .step4-list-item.head-title {

  background: #0EC597;  

  padding-top: 125px;  

}



.step4-list.col-4.type-2 .list-article {

  background: #0EC597;  

}



.step4-list.col-4.type-3 .step4-list-item:after {

  content: "";

  position: absolute;

  right: -20px;

  top: calc(50% - 20px);

  border-top: 20px solid transparent;

  border-left: 20px solid #FFC349;

  border-bottom: 20px solid transparent;

}



.step4-list.col-4.type-3 .step4-list-item {

  border: 1px solid #FFC349;

}



.step4-list.col-4.type-3 .step4-list-item.head-title {

  background: #FFC349;  

  padding-top: 135px;  

}



.step4-list.col-4.type-3 .list-article {

  background: #FFC349;  

}



.step4-list.col-4 .step4-list-item:last-child:after {

  content: none;

}



.step4-list.col-4 .step4-list-item.head-title h4 {

  color: #FFF;

  font-size: 1.125rem;

  font-weight: 600;

}



.step4-list-item {

  display: inline-block;

  border-radius: 20px;

  vertical-align: top;

  text-align: center;

  line-height: 1.4;

  height: 200px;

}



.fast-ico .step4-list-item:before {

  content: "";

  display: block;

  position: absolute;

  top: 20px;

  left: calc(50% - 55px);

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

}



.fast-ico.type-1 .head-title:before {

  background-position: -30px -25px;

  width: 100px;

  height: 110px;

}



.fast-ico.type-1 .step1:before {

  background-position: -230px -30px;

  width: 100px;

  height: 90px;

}



.fast-ico.type-1 .step2:before {

  background-position: -435px -30px;

  width: 100px;

  height: 90px;

}



.fast-ico.type-1 .step3:before {

  background-position: -635px -30px;

  width: 100px;

  height: 90px;

}



.fast-ico.type-2 .head-title:before {

  background-position: -34px -235px;

  width: 100px;

  height: 110px;

}



.fast-ico.type-2 .step1:before {

  background-position: -230px -240px;

  width: 100px;

  height: 90px;

}



.fast-ico.type-2 .step2:before {

  background-position: -435px -240px;

  width: 100px;

  height: 90px;

}



.fast-ico.type-2 .step3:before {

  background-position: -635px -240px;

  width: 100px;

  height: 90px;

}



.fast-ico.type-3 .head-title:before {

  background-position: -34px -440px;

  width: 100px;

  height: 110px;

}



.fast-ico.type-3 .step1:before {

  background-position: -235px -445px;

  width: 100px;

  height: 90px;

}



.fast-ico.type-3 .step2:before {

  background-position: -435px -445px;

  width: 100px;

  height: 90px;

}

/* 교통약자 22.01.13 끝 */



/* 터미널 층별안내 추가 19.08.07 */

.ir-technique {

 text-indent : -9999rem;

 font-size : 0px;

 position:absolute;

}



/* 터미널 안내 */



.digr-incheon-airport-glance01  {

    text-indent: -99999em;

    background: url(/static/ap/images/digr_incheon_airport_glance01.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.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;

}



.ter-pdb50 {

    border: 1px solid #d9d9d9; 

    text-align: center; 

    padding-bottom: 50px; 

}



/* 터미널간 이동 : 공항셔틀버스 이용 추가 19.08.06 */



.digr-terminal-interconnection.size {

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

    height: 450px;

    text-indent: -999em;

}



.en .digr-terminal-interconnection.size {

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

     text-indent: -999em;

     background-size : contain !important;

}



.ch .digr-terminal-interconnection.size {

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

     text-indent: -999em;

     background-size : contain !important;

}



.ja .digr-terminal-interconnection.size {

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

     text-indent: -999em;

     background-size : contain !important;

}



.ter-pdb30 {

    border: 1px solid #d9d9d9; 

    text-align: center; 

    padding-bottom: 30px; 

}



/* 터미널간 이동 : 공항셔틀버스 이용 추가 끝 */



.text-box-area {

  display: block;

  border: 1px solid #dee3eb;

  background: #f2f4f7;

  padding-bottom: 20px;

}



.text-box-area .point {

  width: 100%;

  font-size: 1rem;

}



.text-box-area p, .text-box-area li {

  margin-left: 30px;

}





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

  .text-box-area .point {

    padding: 5px;

  }

  .text-box-area p, .text-box-area li {

    margin-left: 15px;

    margin-right: 15px;

    font-size: 0.875rem !important;

  }

  .text-box-area .font20 {

    font-size: 0.875rem !important;

  }

}



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

.ko .location-bar {

  font-family: serif;

  font-size: 0.75rem;

  color: #FFF;

  margin-top: 8px;

}



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

  width: 18px;

  height: 12px;

}



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

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

  margin: 0 2px;

  vertical-align: -1px;

}



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

  font-weight: 600;

}



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



.ch {

  font-size: 14px;

}



.ch .find-info-item {

  float: left;

  position: relative;

  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;

}



.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 .bg-banner.transfer .tab-sub.col-3 {

  bottom: -122px;

}



.ch .contents-visual {

  padding-top: 60px;

}



.ch .tab-sub.terms .tab-sub-list-item a {

  font-size: 1rem;

  padding-top: 8px;

  line-height: 18px;

}



.ch * {

  font-family: "Noto Sans SC", roboto, spoqa, sans-serif !important;

}



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

}



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

  text-indent: 0;

}



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

  font-size: 0.75rem;

  line-height: 1.4;

  padding-left: 12px;

  margin-bottom: 10px;

}



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

  font-size: 0.725rem;

  line-height: 1;

}



.en .guidebox-col.col-3 {

  padding: 40px 20px;

}



.en .contents-visual {

  padding-top: 60px;

}



.en .section-bg-contents2 {

  width: 410px;

}



.en .guide-wrap {

  height: 335px;

}



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

}



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

  float: left;

  position: relative;

  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;

}



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

}



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

}



.en .route-list-item.double-row .route-name {

  height: 122px;

  line-height: 122px;

}



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

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

}



.en .tab-sub.terms .tab-sub-list-item a {

  font-size: 1rem;

  padding-top: 8px;

  line-height: 18px;

}



.en .boxmodel-list-head {

  font-size: 2rem;

}



.ja {

  font-size: 14px;

}



.ja .find-info-item {

  float: left;

  position: relative;

  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;

}



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

  margin: 0 0 0 40px;

}



.ja .contents-visual {

  padding-top: 60px;

}



.ja .tab-sub.terms .tab-sub-list-item a {

  font-size: 1rem;

  padding-top: 8px;

  line-height: 18px;

}



.ja .guide-wrap {

  height: 336px;

}



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

  background: none;

  text-indent: 0;

  margin-top: 3px;

}



.ja .table.vt, .ja .table.vt-dark, .ja .table.hr, .ja .table.vt-dark td {

  word-break: normal;

}



/* 2019. 10. 21 추가 */

.ch .table.vt, .ch .table.vt-dark, .ch .table.hr, .ch .table.vt-dark td {

  word-break: normal;

}

/* 2019. 10. 21 추가 끝 */



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

}



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

}



.ch .digr_airport_railroad {

  text-indent: -999em;

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

}



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

}



.ch .digr-airport1-kal-route {

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

}



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

}



.ch .info-graphic.baggage3 {

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

}



.ch .info-graphic.packing {

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

}



.ch .digr_way2 {

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

  background-size: contain !important;

}



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

  height: 750px;

  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;

  height: 750px;

  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;

}



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

}



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

}



.en .info-graphic.baggage3 {

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

}



.en .info-graphic.packing {

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

}



.en .digr_way2 {

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

  background-size: contain !important;

}



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



}



.ja .digr_airport_railroad {

  text-indent: -999em;

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

}



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

}



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



}



.ja .info-graphic.baggage3 {

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

}



.ja .info-graphic.packing {

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

}



.ja .digr_way2 {

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

  background-size: contain !important;

}



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

  .header {

    max-width: 330px;

  }

  .header-heading br {

    display: block;

  }

  .lnb-top-list-item {

    min-width: 60px;

    margin: 0;

  }

}



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

  .scrollfix {

    height: 100%;

    position: fixed;

    overflow: hidden;

    width: 100%;

  }

  .header {

    max-width: 260px;

  }

  .header-heading {

    margin-bottom: 75px; font-family: nanumsq, sans-serif;

    font-size: 2.125rem;

    font-weight: 400;

    color: #fff;

    text-align: center;

  }

  .header-heading-sub {

    font-size: 1.75rem;

  }

  .lnb-top-list .layer-terminal-check-btn {

    text-indent: -999em;

    font-size: 0;

  }

  .lnb-top-list-item {

    min-width: 60px;

    margin: 0;

    height: 42px;

  }

  .lnb-top-list-item-link.home {

    text-indent: -999em;

    font-size: 0;

    height: auto;

    margin-top: 10px;

  }

}



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

  .ja .gnb-link {

    font-size: 0.825rem;

  }

  .lnb-top-list {

    border-bottom: 0;

    border: none;

  }

  .header {

    width: 80%;

    padding: 66px 20px 0 20px;

    max-width: 70%;

    min-width: 260px;

    z-index: 9999;

  }

  .header-heading {

    margin-bottom: 36px;

    font-size: 1.5rem;

  }

  .header-heading-sub {

    display: block;

    margin-top: 10px;

    font-size: 1.325rem;

  }

  .gnb-item {

    margin-bottom: 18px;

  }

  .gnb-link {

    font-size: 1em;

  }

  .mobile-header {

    width: 100%;

    height: 60px;

    background: #fff;

    position: fixed;

    left: 0;

    top: 0;

    z-index: 9998;

  }

  .mobile-header.active:after {

    display: block;

    content: '';

    width: 100%;

    height: 100%;

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

    position: fixed;

    left: 0;

    top: 0;

    z-index: 999;

  }

  .layer-gnb-mobile-btn {

    display: block;

    width: 19px;

    height: 14px;

    padding: 0;

    border: none;

    background: none;

    text-indent: -99999em;

    position: absolute;

    top: 22px;

    left: 25px;

  }

  .layer-gnb-mobile-btn:before, .layer-gnb-mobile-btn:after {

    content: "";

    display: block;

    width: 100%;

    height: 2px;

    background: #222;

    position: absolute;

    top: 0;

    left: 0;

  }

  .layer-gnb-mobile-btn:after {

    top: 6px;

  }

  .layer-gnb-mobile-btn span {

    display: block;

    width: 13px;

    height: 2px;

    background: #222;

    text-indent: -999em;

    position: absolute;

    bottom: 0;

    left: 0;

  }

  .layer-gnb-mobile-btn-close {

    display: block;

    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;

  }

  .layer-terminal-check-btn {

    position: static;

    width: 80%;

    max-width: 284px;

    border: none;

    padding: 14px 0;

    font-size: 1rem;

    margin-top: 20px;

  }

  .en .location-bar-nav-item {

    float: none;

  }

}



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

  .contents {

    min-width: calc(100% - 330px);

  }

}



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



  .link-box-link {

    line-height: 1.5;

   padding:20px;

  }



  .inner-contents {

    width: 860px;

  }

  .multi-col .inner-col p br {

    display: none;

  }

  .multi-col .inner-col.search-map-right {

    text-align: right;

  }

  .multi-col.double .inner-col.w-auto {

    width: 100%;

    padding-right: 0;

  }

  .multi-col.double .inner-col.w30 {

    margin-top: 10px;

    width: 100%;

  }

  .multi-col.double .inner-col.w30.full {

    width: 30%;

    margin-top: 0;

  }

  .multi-col.double .inner-col.w30.full img {

    width: 100%;

    vertical-align: top;

  }

  .multi-col.double .inner-col.w30 img {

    width: 50%;

    float: left;

    margin-top: 0;

  }

  .multi-col.triple.normal-3 .inner-col:last-child {

    margin-top: 0;

  }

  .multi-col.triple .inner-col {

    width: 50%;

  }

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

    margin-top: 20px;

  }

  .step2-list.col-3 .step2-list-item {

    width: calc(33.33% - 8px);

    min-height: inherit !important;

  }

  .step2-list.col-4 .step2-list-item {

    width: calc(25% - 9px);

    min-height: inherit !important;

  } .step2-list.col-4.white .step2-list-item {

    min-height: inherit !important;

    margin-left: 0;

  }

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

    min-height: inherit !important;

    margin-left: 0;

  }

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

    min-height: inherit !important;

    margin-left: 0;

  }

  .step2-list-item {

    margin-left: 0;

    margin-bottom: 10px;

    width: 100% !important;

  }

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

    text-align: center;

  }

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

    font-size: 1.375rem;

  }

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

    text-align: center;

  }

  .step2-list-item .step2-list-body .article-desc br {

    display: none;

  }

  

 /* 반려동물 동반가이드 20.11.17 추가 */

  .pet-block {

    padding: 18px 18px 18px 90px;

  }

  .pet-block:after {

    height: 58px;

    background-size: 537px 271px;

    top: 15px;

    left: 15px;

  }

  .pet-block.cage:after {

    width: 60px;

  }

  .pet-block.leash:after {

    width: 60px;

    background-position: -60px 0;

  }

  .pet-block.dog:after {

    width: 60px;

    background-position: -123px 0;

  }

  .pet-block.trash:after {

    width: 60px;

    background-position: -183px 0;

  }

  /*  반려동물 동반가이드 20.11.17 추가 끝 */

  

  .stuff-block {

    padding: 90px 18px 18px;

  }

  .stuff-block:after {

    height: 58px;

    background-size: 537px 271px;

    top: 15px;

    left: 15px;

  }

  .stuff-block.medicine:after {

    width: 243px;

  }

  .stuff-block.food:after {

    width: 119px;

    background-position: -294px 0;

  }

  .stuff-block.knife:after {

    background-position: 0 -71px;

    width: 243px;

  }

  .stuff-block.weapon:after {

    width: 181px;

    background-position: -294px -71px;

  }

  .stuff-block.tool:after {

    width: 181px;

    background-position: 0 -142px;

  }

  .stuff-block.battery:after {

    width: 119px;

    background-position: 0 -213px;

  }

  .stuff-block.flammable:after {

    width: 243px;

    background-position: -294px -213px;

  }

  .guidebox-col {

    width: 33.33%;

  }

  .guidebox-col.col-1 {

    width: 25%;

    padding: 20px 20px 0;

  }

  .col-department .guidebox-col.col-1 {

    padding: 35px 0 0 30px;

  }

  .guidebox-col.col-2 {

    padding: 20px;

    width: 43%;

  }

  .guidebox-col.col-2.wide {

    width: 75%;

  }

  .col-department .guidebox-col.col-2 {

    width: 75%;

  }

  .guidebox-col.col-3 {

    width: 32%;

  }

  .guidebox-col.col-3 a {

    min-width: 170px;

  }

  .list1-item .info-tit {

    display: block;

  }



  .list1-item .info-item {

    display: block;

  }

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

  }

  .icontxt br {

    display: none;

  }

  .icontxt .icontxt-info {

    padding-right: 20px;

  }

  .icontxt.bus-qlink {

    width: 100%;

  }

  .icontxt.bus-qlink .btn-type-small {

    font-size: 0.825rem;

  }

  .icontxt.bus-qlink .icontxt-title {

    width: 100%;

    padding-top: 0;

  }

  .icontxt.bus-qlink .icontxt-info {

    padding-left: 0;

  }

  p.icontxt {

    padding: 10px 30px 0 90px;

  }

  .table.hr.table-terinfo br {

    display: block;

  }

  .table.hr br {

    display: none;

  }

  .heading-level2.point {

    width: calc(100% - 5px);

  }

  .heading-level2.half {

    width: calc(50% - 8px);

  }

/* 19.12.04 추가*/

  iframe.imgbox {

    height:232px;

  }



  li.step1-list-item br {

    display:none;

  }



  li.step3-list-item br {

    display:none;

  }



  .en .step1-list-item {

    height:610px;

  }



/* 19.12.04 추가 끝 */

}



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

  table .btn-type-small {

    min-width: inherit;

    border-radius: 5px;

    font-size: 0.825rem;

    line-height: inherit;

    padding: 5px 10px;

    height: auto;

  }

  table .btn-type-small:after {

    display: none;

  }

  .contents {

    min-width: calc(100% - 260px);

  }

  .inner-contents {

    width: 740px;

  }

  .guidebox-col {

    width: 33.33%;

  }

  .guidebox-col.col-1 {

    width: 25%;

    padding: 20px 20px 0;

  }

  .col-department .guidebox-col.col-1 {

    padding: 35px 0 0 20px;

  } 

  .guidebox-col.col-2 {

    padding: 20px;

    width: 43%;

  }



  .guidebox-col.col-3 {

    width: 32%;

  }

  .guidebox-col.col-3 a {

    min-width: 155px;

    font-size: 0.875rem;

  }

  .guidebox-list .list1-item {

    font-size: 1rem;

  }

  .guidebox-list .list1-item:before {

    font-size: 1rem;

  }

  .guidebox-desc {

    color: #fff;

    font-size: 1rem;

    font-weight: 600;

    margin-bottom: 18px;

    white-space: nowrap;

  }

  .table-col {

    width: 100% !important;

    padding: 0 !important;

  }

  .table-col:first-child {

    margin-bottom: 20px;

  }

  p.icontxt, .icontxt {

    padding: 0 20px 0 90px;

  }

  .banner-hotels {

    background-size: cover;

    height: auto;

    padding: 30px;

  } 

  

/* 19.12.04 추가*/

  iframe.imgbox {

  height:199px;

  }

/* 19.12.04 추가 끝 */  

}



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

  .inner-contents {

    padding: 65px 15px 30px;

  }

  .inner-contents.full-screen { 

    padding: 15px;

  }

  

/* 19.12.04 추가*/

  iframe.imgbox {



    height:190px;

  }



  .en .step1-list-item {

    height:660px;

  }

/* 19.12.04 추가 끝 */

}



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

  .en .tab-nav-list-link {

    font-size: 0.825rem;

  }

  .en .route-bus-line-list-article > p {

    width: auto !important;

    background: none;

    padding: 0 3px !important;

    display: inline-block;

    line-height: 1.2;

    margin: 0;

  }

  .en .local-list .local-list-item:nth-child(5n) {

    width: 50% !important;

  }

  article, aside, details, figcaption, figure,

  footer, header, menu, nav, section {

    font-size: 1rem;

  }

  .calculator + .writing .radio-type2 .radio-box {

    width: 100% !important;

  }

  .calculator + .writing .radio-type2 .radio-type2-label {

    font-size: 0.825rem;

    padding: 4px 0 0 40px;

  }

  .inner-list-item {

    padding-left: 12px;

  }

  .include-video {

    height: 163px;

  }

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

  }

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

  }

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

  }

  .table-guide-pop-up .laye-articler-title {

    font-size: 0.825rem;

  }

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

  }

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

    height: 100vh !important;

    padding: 15px;

    width: 100%;

    height: 100%;

    border: 0;

    position: fixed;

    top: 0;

    left: 0;

    transform: none;

    overflow: auto;

  }

  .layer .table2 {

    table-layout: inherit !important;

  }

  .layer .tab-area-heading {

    width: 50% !important;

  }

  .layer .tab-area-heading + .tab-area-content + .tab-area-heading {

    left: 50% !important;

  }

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

    min-width: 100%;

    border: none;

    padding: 40px 15px 0;

  }

  .layer.system br {

    display: none;

  }

  .layer.system .layer-system-list:last-child {

    margin: 0 auto 15px auto;

  }

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

    color: #fff;

    text-align: left;

    line-height: 1.7;

  }

  .layer.system .layer-system-desc {

    color: #fff;

    margin-bottom: 20px;

  }

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

    margin-bottom: 20px;

  }

  .layer.system .layer-system-desc.systemico:after {

    margin: 20px auto 50px;

  }

  .layer.system .layer-title {

    font-size: 1.5rem;

  }

  .layer.system .layer-title:after {

    margin: 15px auto 15px;

  }

  .layer.system .btn-group {

    margin-top: 20px;

  }

  .layer.system .layer-inputbox-btn {

    min-width: 100%;

    margin-left: 0;

    padding: 10px;

    border-radius: 50px;

    margin-top: 10px;

    font-size: 1rem;

  }

  .layer.system .layer-inputbox-btn:first-child {

    margin-left: 0;

  }

  .layer.system .layer-inputbox-btn:after {

    content: '';

    display: block;

    width: 6px;

    height: 10px;

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

    position: absolute;

    right: 10px;

    top: 0;

    bottom: 0;

    margin: auto; } .layer .list1-item br {

    display: none;

  }

  .layer-wrap {

    position: absolute;

  }

  .layer.size {

    width: 100%;

  }

  .layer.size.max-height {

    max-height: inherit;

  }

  .layer.size2 {

    width: 100%;

  }

  .layer.size2.max-height {

    max-height: inherit;

  }

  .layer-area {

    padding: 0;

  }

  .layer.find-my-terminal {

    min-width: 100%;

  }

  .layer-inputbox {

    display: inline-block;

    width: 100%;

  }

  .layer-inputbox-desc {

    text-align: center;

    font-size: 0.825rem;

  }

  .layer-search {

    width: 100%;

    height: 50px;

    line-height: 50px;

    font-size: 1rem;

    padding: 0 15px;

  }

  .layer-check {

    width: 100%;

    height: 50px;

    font-size: 1rem;

    line-height: 50px;

  }

  .layer-title {

    font-size: 1.25rem;

  }

  .layer-close {

    width: 16px;

    height: 16px;

    top: 16px;

    right: 15px;

  }

  .contents {

    padding-top: 70px;

    width: 100%;

    float: none;

  }

  .inner-contents {

    width: 100%;

    padding: 0 15px 15px;

  }

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

    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;

  }

  .multi-col.double p {

    text-align: left;

  }

  .multi-col.double .inner-col {

    width: 100%;

  }

  .multi-col.double .inner-col:last-child {

    margin-top: 20px;

  }

  .multi-col.double .inner-col.w30 {

    margin-top: 10px;

  }

  .multi-col.double .inner-col.w30 img {

    width: 100%;

  }

  .multi-col.double .inner-col.w30 img:last-child {

    margin-top: 10px;

  }

  .multi-col.triple.normal-3 .inner-col {

    width: 100% !important;

  }

  .multi-col.triple.normal-3 .inner-col:last-child {

    margin-top: 20px;

  }

  .multi-col.triple .inner-col {

    width: 100%;

  }

  .multi-col.triple .inner-col:first-child {

    margin-bottom: 20px;

  }

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

    margin-top: 20px;

  }

  .multi-col.line .inner-col:last-child {

    margin-top: 16px;

    border-bottom: 1px solid #d9d9d9;

    padding-bottom: 30px !important;

  }

  .multi-col.line:before {

    display: none;

  }

  .multi-col.line .inner-col, .multi-col.gutter .inner-col {

    padding: 0;

  }

  .multi-col.line .inner-col:last-child, .multi-col.gutter .inner-col:last-child {

    padding: 0;

  }

  .multi-col.normal-3 .inner-col {

    width: 100%;

    margin-left: 0;

  }

  .multi-col.normal-3 .inner-col:first-child {

    margin-left: 0;

  }

  p span {

    display: inline-grid;

  }

  p a, p button {

    display: inline-block;

    margin: 10px 0;

  }

  p .ml20 {

    margin-left: 0;

  }

  .tab-nav.transit .tab-nav-list-item .tab-nav-list-link {

    width: 100% !important;

    border-bottom: 2px solid #2c8279;

  }

  .tab-nav.transit .tab-nav-list-item .tab-nav-list-link.on {

    border-bottom: 2px solid #2c8279;

  }

  .tab-nav.transit .tab-nav-list-item:first-child .tab-nav-list-link {

    border-bottom: 2px solid #4674c9;

  }

  .tab-nav.transit .tab-nav-list-item:first-child .tab-nav-list-link.on {

    border-bottom: 2px solid #4674c9;

  }

  .tab-nav.transit .tab-nav-list-item:last-child .tab-nav-list-link {

    border-bottom: 2px solid #dd7713;

  }

  .tab-nav.transit .tab-nav-list-item:last-child .tab-nav-list-link.on {

    border-bottom: 2px solid #dd7713;

  }

  .tab-nav.transit .tab-nav-list-item {

    width: 100% !important;

  }

  .tab-nav-list.map {

    display: flex;

  }

  .tab-nav-list.map .menu-mobile-ui {

    display: none;

  }

  .tab-nav-list.map .tab-nav-list-item {

    display: block;

    width: 50% !important;

  }

  .tab-nav-list.map .tab-nav-list-item .tab-nav-list-link {

    background: #f2f2f2;

    border: 1px solid #d9d9d9;

    height: 100%;

  }

  .tab-nav-list.map .tab-nav-list-item .tab-nav-list-link.on { 

    background: #fff;

  }

  .tab-nav-list .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-list .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-item {

    display: none;

    width: 100% !important;

  }

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

    border-top: 0;

  }

  .tab-nav-list-link.on {

    border-bottom: 2px solid #42519e;

  }

  .tab-nav-list-link.active {

    height: 74px;

    padding: 14px 10px;

    line-height: 1.4;

  }

  .tab-nav.transit .tab-nav-list-item .tab-nav-list-link {

    background: #fafafa;

    color: #666;

    border: 1px solid #d9d9d9;

  }

  .tab-nav.transit .tab-nav-list-item .tab-nav-list-link.on {

    border: 2px solid #42519e;

    color: #42519e;

  }

  .tab-nav.transit .tab-nav-list-item:first-child .tab-nav-list-link {

    background: #fafafa;

    color: #666;

    border: 1px solid #d9d9d9;

  }

  .tab-nav.transit .tab-nav-list-item:first-child .tab-nav-list-link.on {

    border: 2px solid #42519e;

    color: #42519e;

  }

  .tab-nav.transit .tab-nav-list-item:last-child .tab-nav-list-link {

    background: #fafafa;

    color: #666;

    border: 1px solid #d9d9d9;

  }

  .tab-nav.transit .tab-nav-list-item:last-child .tab-nav-list-link.on {

    border: 2px solid #42519e;

    color: #42519e;

  }

  .tab-area-heading {

    border-bottom-color: #d9d9d9;

    font-size: 1rem;

  }

  .tab-area-heading.on {

    border-bottom: 2px solid #42519e;

  }

  .list1 br,

  .list2 br,

  .list3 br {

    display: none;

  }

  .list1 a, .list1 button,

  .list2 a,

  .list2 button,

  .list3 a,

  .list3 button {

    display: table;

    margin: 10px 0;

  }

  .list1 .ml20,

  .list2 .ml20,

  .list3 .ml20 {

    margin-left: 0;

  }

  .btn-type-normal {

    width: 100%;

    padding: 0;

    line-height: 40px !important;

    height: 40px !important;

    font-size: 1rem !important;

    font-weight: 400;

    text-align: center !important;

  }

  .btn-type-normal strong {

    font-weight: 400;

  }

  .btn-type-normal.ico {

    text-indent: 0;

  }

  .btn-type-normal.ico:after {

    left: auto;

    right: 10px;

  }

  .btn-type-small {

    min-width: 100%;

    height: auto;

    line-height: inherit;

    font-size: 0.825rem;

    font-weight: 600;

    padding: 5px 10px;

    text-align: center;

  }

  .btn-type-small:after {

    display: none;

  }

  .btn-type-event {

    min-width: 100%;

    font-weight: 600;

    padding: 0;

    text-align: center;

  }

  .guide-desc {

    font-size: 0.825rem;

  }

  .guide-desc.mark {

    text-indent: 0;

    padding-left: 0;

  }



  .icontxt-title {

    font-size: 1rem;

    font-weight: 900;

  }

  .icontxt-title.list1-item {

    line-height: 1.3;

  }

  .icontxt-info {

    font-weight: 400;

    line-height: 1.4;

  }

  .icontxt-info.list1-item {

    line-height: 1.3;

  }

  .icontxt.bus-qlink {

    padding-top: 10px;

  }

  .icontxt.bus-qlink .btn-type-small {

    font-size: 0.825rem;

    text-align: center;

    padding-left: 10px;

  }

  .icontxt.bus-qlink .icontxt-title {

    padding-top: 0;

  }

  .icontxt.bus-qlink .icontxt-info {

    padding-left: 0;

  }

  .table.hr.info tr:last-child {

    height: auto;

  }

  .guidebox {

    display: table;

    width: 100%;

  }

  .guidebox-col {

    display: table-cell;

    width: 33.33%;

  }

  .guidebox-col.col-1 {

    display: block;

    float: left;

    width: 100%;

    padding: 10px 15px;

    border-bottom: none;

    border-right: 1px solid #d9d9d9;

  }

  .col-department .guidebox-col.col-1 {

    padding: 15px 15px 0;

  }

  .guidebox-col.col-2 {

    display: block;

    float: left;

    width: 100%; padding: 0 15px 15px;

    border: 1px solid #d9d9d9;

    border-top: none;

    border-bottom: none;

  }

  .guidebox-col.col-2.wide {

    width: 100%;

    border-bottom: 1px solid #d9d9d9;

  }

  .col-department .guidebox-col.col-2 {

    display: block;

    float: left;

    width: 100%;

    border: 1px solid #d9d9d9;

    border-top: none;

  }

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

    position: relative;

  }

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

    transform: none;

    padding: 20px;

  }

  .guidebox-tit {

    font-size: 1rem;

    font-weight: 600;

    line-height: 1.5;

  }

  .guidebox-list .list1-item {

    margin-bottom: 0;

    margin-top: 4px;

    font-size: 0.825rem;

  }

  .guidebox-list .list1-item:last-child {

    margin-bottom: 0;

  }

  .guidebox-list .list1-item:before {

    font-size: 1.25rem;

    top: -4px;

  }

  .guidebox-desc {

    color: #fff;

    font-size: 1rem;

    font-weight: 400;

    margin-bottom: 10px;

    white-space: normal;

  }

  .linklist-img {

    float: none;

    width: 100%;

    height: auto;

    margin-right: 0;

    text-align: center;

  }

  .linklist-img-item {

    width: 50%;

  }

  .linklist-article {

    display: block;

    float: none;

    width: 100%;

  }

  .linklist-article-desc {

    margin-top: 10px;

    text-align: center;

    margin-bottom: 0;

  }

  .linklist .btn-type-small {

    margin-top: 10px;

  }

  .heading-level1 {

    margin-bottom: 20px;

    font-size: 1.563rem; font-weight: 400;

    line-height: 1.4;

  }

  .heading-level2 {

    font-size: 1.25rem;

    letter-spacing: -0.03rem;

    line-height: 1.4;

  }

  .heading-level2.point {

    width: 100%;

  }

  .heading-level2.half {

    width: 100%;

  }

  .heading-level3 {

    margin-bottom: 10px;

    font-size: 1.125rem;

    font-weight: 900;

    line-height: 1.4;

  }

  .heading-level4 {

    margin-bottom: 10px;

    font-size: 1rem;

  }

  .stuff-block {

    width: 100%;

    margin-top: 10px;

  }  

  .pet-block {

    width: 100%;

    margin-top: 10px;

  }

  .stuff-block:first-child {

    margin-top: 0;

  }

  .step1-list {

    overflow: hidden;

  }

 

 /* 19.12.04 수정 */

  .step1-list-item {

    float: none;

    width: 100%;

    margin-right: 0;

    height: auto !important;

    margin-bottom: 20px; 

  }

  

  .step1-list-item .list-img {

    display: block;

    width: 50%;

    margin: 0 auto;

  }

  /* 19.12.04 수정 끝*/ 

  

  .step1-list-item .list-article {

    padding: 18px 0 38px;

    margin: 0 14px;

    font-size: 1.125rem;

  }

  .step1-list-item .list-article .article-num {

    font-weight: 900;

    margin-bottom: 4px;

  }

  .step1-list-item .list-article .article-desc {

    font-size: 1rem;

    line-height: 1.4;

  }





/* 19.12.09 추가 Mobile Device 780 */



  .inner-col .imgbox {

    width : 100%

  }



  .step3-list-item, .step1-list.col-3 .step3-list-item, .step3-list-item.col-3 {

    float: none;

    width: 100%;

    margin-right: 0;

    height: auto !important;

    margin-bottom: 20px; 

  }  



  .step3-list-item .list-img, .step1-list.col-3 .step3-list-item .list-img , .step3-list-item.col-3 .list-img {

    display: block;

    width: 65%;

    margin: 0 auto;

  }

  .step3-list-item .list-article {

    padding: 18px 0 38px;

    margin: 0 14px;

    font-size: 1.125rem;

  }

  .step3-list-item .list-article .article-num {

    font-weight: 900;

    margin-bottom: 4px;

  }

  .step3-list-item .list-article .article-desc {

    font-size: 1rem;

    line-height: 1.4;

  }

  /* 19.12.09 추가 끝*/ 



  .step1-list-item.wide img {

    width: 200%;

  }

  .step1-list-item.wide .list-article {

    font-size: 1rem;

  }

  .step2-list .step2-list-head br {

    display: none;

  }



/* 추가 19.9.6 */



  .step2-list.col-2 .step2-list-item {

    width: 100%;

    min-height: inherit !important;

  }



/* 추가 19.9.6 끝 */



  .step2-list.col-3 .step2-list-item {

    width: 100%;

    min-height: inherit !important;

  }

  .step2-list.col-4 .step2-list-item {

    width: 100%;

    min-height: inherit !important;

  }

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

    width: 100%;

    min-height: inherit !important;

  }

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

    width: 100%;

    min-height: inherit !important;

  }

  .step2-list-item {

    padding: 15px;

    float: none;

    margin-left: 0;

    margin-top: 24px;

  }

  .step2-list-item .article-num {

    font-size: 2rem !important;

  }

  .step2-list-item:first-child {

    margin-top: 0;

  }

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

    text-align: center;

  }

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

    font-size: 1rem;

    padding: 0 20px;

    display: inline-block;

    line-height: 1.4;

  }

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

    height: 10px;

    margin-bottom: 14px;

  }

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

    text-align: center;

  }

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

    margin-bottom: 5px;

    font-size: 0.825rem;

  }

  .step2-list-item .step2-list-body .article-desc {

    color: #fff;

    font-size: 1rem; line-height: 1.6;

    font-weight: 300;

  }

  .step2-list-item .step2-list-body .article-desc br {

    display: none !important;

  }

  .step2-list-item .step2-list-body .step2-guide-desc {

    color: #a6a7ab;

    font-size: 1rem;

    line-height: 1.6;

    font-weight: 300;

  }

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

    width: 100% !important;

    min-height: inherit !important;

    margin-left: 0 !important;

  }

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

    color: #5d6279;

  }

  .step2-list.white .article-desc {

    color: #222;

    font-weight: 600;

  }

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

    padding: 0 40px 0 10px;

    overflow: hidden;

    line-height: 1.4;

  }

  .board-slide .board-list-body {

    padding: 10px;

  }

  .board-slide .board-list-body .board-list-desc {

    font-size: 1rem;

    font-weight: 600;

  }

  .borad-view {

    overflow: visible !important;

    white-space: normal !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 {

    margin-top: 0;

  }

  .borad-view .view-head-info .info-tit {

    position: relative;

    float: left;

    width: auto;

    margin-top: 10px;

    margin-right: 10px;

    font-size: 0.825rem;

  }

  .borad-view .view-head-info .info-desc {

    margin-top: 10px;

    float: left;

    width: auto;

    margin-right: 20px;

    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-body img {

    width: 100%; height: 100%;

  }

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

  }

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

  }

  .banner {

    position: relative;

    width: 100%;

    padding: 25px;

    min-height: inherit;

  }

  .banner-title {

    width: 100%;

    font-size: 1.5rem;

    padding-top: 0;

    margin: 0 auto;

    text-align: center;

  }

  .banner-title strong {

    display: inline;

  }

  .banner-title:after {

    top: 115px;

  }

  .banner-text {

    position: relative;

    display: block;

    font-size: 1rem;

    font-weight: 400;

  }

  .banner-text br {

    display: none;

  }

  .banner.customs-declaration {

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

  }

  .banner.dep-quarantine {

    background: url(/static/ap/images/bg_sub_layer_banner_dep_declaration.jpg) no-repeat -170px;

  }

  .text-color-o, .text-color-g, .text-color-b {

    font-size: 0.825rem;

  }

  .board-list th {

    text-align: center !important;

    padding: 19px 0 16px 0 !important;

  }

  .board-list td.center {

    text-align: center !important;

  }

  .btn-box a, .btn-box button {

    margin-top: 10px;

  }

  .btn-box:first-child {

    margin-top: 0;

  }

  .banner-hotels {

    padding: 15px;

  }

  .banner-hotels-tit {

    font-size: 2rem;

    padding-top: 30px;

    line-height: 1.4;

  }

  .banner-hotels-desc {

    font-size: 1rem;

  }

  .banner-hotels-point {

    font-size: 1.125rem;

  }

  .banner-hotels-img {

    width: 50%;

    display: block;

    margin: 20px auto;

  }

  img.no-extend {

    width: 100%;

  }

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

    height: 40px;

    line-height: 40px;

  }

  .overflow {

    max-width: 100%;

    height: auto;

  }

  .overflow.t1 {

    height: 184px;

    background: #fff;

    border: 1px solid #d9d9d9;

  }

  .overflow.t2 {

    height: 200px;

    background: #fff;

    border: 1px solid #d9d9d9;

  }

  .boxsing {

    border: 0;

    border-bottom: 1px solid #d9d9d9;

    padding: 0 0 30px;

  }



  .boxsing:last-child {

    margin-bottom:  0px;

  }



  .inner-col .f-right {

    float: none;

  }

  .inner-col .f-left {

    float: none;

  }

  body {

    -webkit-text-size-adjust: 100%;

    -moz-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%;

  }

  .mt40 {

    margin-top: 20px;

  }

  p.icontxt, .icontxt {

    padding: 15px 0 0 90px;

  }

  .article {

    margin-bottom: 30px;

  }

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

  }

}



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

  #busInfo .table.hr {

    table-layout: fixed;

  }

  #busInfo .table.hr td .btn-type-small {

    text-indent: 0;

    width: auto;

    font-size: 0.75rem;

    height: auto;

    padding: 5px;

  }

  #busInfo .table.hr td .btn-type-small:after {

    background: none;

  }

  .map-common-category-item-name {

    padding: 6px 0 0 26px;

  }

  .map-common-category-item-name:before {

    background-size: 398px 70px;

  }

  .map-common-category-item-name.entry114:before {

    background-position: 0 0;

    width: 11px;

    height: 11px;

  }

  .map-common-category-item-name.arrival-af:before {

    background-position: -20px 0px;

    width: 11px;

    height: 11px;

  }

  .map-common-category-item-name.infodesk:before {

    background-position: -39px 0px;

    width: 12px;

    height: 12px;

  }

  .map-common-category-item-name.ticket:before {

    background-position: -62px 0px;

    width: 13px;

    height: 13px;

  }

  .map-common-category-item-name.busstop:before {

    background-position: -83px 0px;

    width: 13px;

    height: 12px;

  }

  .map-common-category-item-name.line1:before {

    background-position: -104px 0;

    width: 11px;

    height: 11px;

  }

  .map-common-category-item-name.line4:before {

    background-position: -125px 0;

    width: 11px;

    height: 11px;

  }

  .map-common-category-item-name.line5:before {

    background-position: -150px 0;

    width: 11px;

    height: 11px;

  }

  .map-common-category-item-name.line9:before {

    background-position: -176px 0;

    width: 11px;

    height: 11px;

  }

  .map-common-category-item-name.gate:before {

    background-position: -196px 0;

    width: 11px;

    height: 11px;

  }

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

    display: block !important;

    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;

    padding: 7px;

  }

  .table td .arrow-small-right:after {

    display: block !important;

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

    width: 14px;

    height: 12px;

    right: auto;

  }

  .table.vt.board-list {

    overflow: visible;

    display: block;

    white-space: nowrap;

  }

  .table.vt.board-list td {

    padding: 10px 5px;

  }

  .table.vt.board-list td span {

    font-size: 0.8125rem;

  }

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

    padding: 10px 5px;

  }

  .table.vt.board-list colgroup col {

    width: 70% !important;

  }

  .table.vt.board-list colgroup col:first-child {

    width: 10% !important;

  }

  .table.vt.board-list colgroup col:last-child {

    width: 20% !important;

  }

  .table.vt.board-list .text-over {

    max-width: 0;

    width: 84.4%;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

  }

  .table.vt.board-list .mobile {

    display: none;

  }

  .table.vt, .table.vt-dark {

    table-layout: fixed;

  }

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

    padding: 5px;

    vertical-align: middle;

  }

  .table.vt th.sub, .table.vt-dark th.sub {

    padding-left: 5px;

  }

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

    padding: 5px;

  }

  .table.vt td.center, .table.vt-dark td.center {

    text-align: left;

  }

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

    line-height: 1.4;

    letter-spacing: -1px;

    font-weight: 900;

    padding: 10px;

    font-size: 1rem;

    text-align: center;

  }

  .table.hr td {

    padding: 10px;

    font-size: 1rem;

  }



  td.center.no-view {

    display : none !important;

  }



  .table.hr td.center {

    border: 0;

    border-bottom: 1px solid #d9d9d9;

    margin: 0;

    width: 100%;

    text-align: center;

    display: block;

  }

  

  .table.hr .center br {

    display: block;

  }

 

  .table.hr td.center.last {

    display: none;

  }



 .table.hr td.center img {

    width: 50%;

    height: 50%;

  }



 .table.hr.vt-dark.even {

    width:100%;

    display:inline-block;

  }



  .table.hr.vt-dark.even.mb60 {

    margin-bottom: 0px;

  }



  .table.hr.table-terinfo col {

    width:100%;

    display:block;

  }

  

  .table.table-layoutore td.center {

    display: table-cell;

  }

}



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

  .overflow.t1, .overflow.t2 {

    overflow-x: scroll;

    width: 100%;

  }

  .route-bus-line {

    width: 100%;

  }

  .route-bus-line-list {

    width: 70%;

    background: url(/static/ap/images/bg_route_bus_area_search_t1_01.png) no-repeat -374px;

  }

  .route-bus-line-list-article.top {

    top: -7px;

  }

  .route-bus-line-list-article.bottom {

    bottom: -7px;

  }

  .overflow2 .route-bus-line-list {

    width: 83%;

  }

  .departure-step-list {

    min-height: inherit;

    margin: auto; padding: 30px;

    width: 100% !important;

  }

  .departure-step-list .departure-step-list-article {

    height: 200px;

  } 

  .departure-step-list .departure-step-list-article.ico:after {

    display: none;

  }

  .departure-step-list.check-in .departure-step-list-article {

    width: 33.33%;

  }

  .departure-step-list.self .departure-step-list-article {

    width: 20%;

  }

  .departure-step-list.quarantine .departure-step-list-article {

    width: 25%;

  }

  .departure-step-list.self-checkin .departure-step-list-article {

    width: 20%;

  }

  .departure-step-list-article {

    color: #fff;

    font-size: 1.25rem;

  }

  .timesetting-date .timesetting-subtit {

    margin-top: 10px;

  }

  .timesetting-date.f-left, .timesetting-date.f-right {

    float: none;

  }

  .timesetting-date-day {

    width: calc(33.333% - 46px);

  }

  .timesetting-date-calendar {

    width: 46px;

  }

  .timesetting-date-option {

    width: 33.333%;

  }

  .timesetting-date-option.resize {

    width: 100%;

  }

  .timesetting-dash {

    float: none;

  }

  .btn-pos-box {

    position: static;

  }

  .btn-pos-box .btn-type-small {

    position: static;

  }

  .btn-center {

    display: block;

    padding: 20px 0;

  }

  .btn-center .btn-type-small {

    min-width: 100%;

  }

  .btn-center .btn-type-normal {

    font-size: 1rem;

  }

  .maglev-train-line-list:before {

    left: 100px;

  }

  .maglev-train-line-list-article-link {

    font-size: 1rem;

  }

  .bussearch {

    padding: 15px 0;

  }

  .bussearch-title {

    display: block;

    padding-right: 0;

    width: 100%;

  }

  .bussearch .search-area {

    width: 100%;

    display: block;

  }

  .bussearch .search-area-txt {

    width: calc(100% - 132px);

    font-size: 1rem;

  }

  .bussearch .search-area-btn {

    padding-left: 0;

  }

  .bussearch .search-area-btn.ico:after {

    top: 0;

    right: 66px;

  }

  .local-town-item {

    width: 16.666%;

  }

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

    border-right: 0;

  }

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

    border-right: 1px solid #a5a7aa;

  }

  /* 버스 범례 */

  .bus-select-category {

    float: none;

    margin-top: 0;

  }

  .bus-select-category-item {

    font-size: 0.75rem; margin-right: 4px;

  }

  .customs_inspection {

    background-size: contain!important;

  }

  .digr_airport_railroad {

    background-size: contain!important;

  }



  /* 이지드랍 절차도_1559px */

  .digr-easydrop {

    background-size: contain !important;

    height: 300px;

  }



  /* 터미널간 이동 : 공항셔틀버스 이용 추가 19.08.06 */

  .digr-terminal-interconnection.size{

    background-size: contain!important;

    height: 350px;

  }

  ol.digr_airport_railroad.em {

    height: 300px;

  }



  /* 터미널간 이동 : 공항셔틀버스 이용 추가 끝 */

  .digr_ktx_route {

    background-size: contain;

  }

  .digr-city-airport-terminal-seoul {

    background-size: contain;

  }

  .digr-city-airport-terminal-samsung {

    background-size: contain;

  }

  .digr-city-airport-terminal-kwangmyung {

    background-size: contain;

  }

  /* 공항리무진 운행노선 */

  .digr-airport-limousine-route {

    background-size: contain;

  }

  /* Kal 운행노선 */

  .digr-airport-kal-route {

    background-size: contain!important;

  }

  /*공항지도 검색*/

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

  }

}



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

  .route-bus-line-list {

    width: 84%;

    background: url(/static/ap/images/bg_route_bus_area_search_t1_01.png) no-repeat -354px;

  }

  .travel-info-box-day {

    display: block;

    position: static;

    padding-top: 20px;

  }

  .maglev-train-line-list:before {

    left: 90px;

  }

  /*버스지역*/

  .local {

    border: 0;

    width: 100%;

  }

  .local .tab-scroll-x {

    border: 1px solid #a5a7aa;

    width: 100%;

  }

  .local-list-item {

    width: 25%;

    border-bottom: 1px solid #a5a7aa;

  }

  .local-list-item:first-child {

    border-left: 0;

  }

  .local-list-item:nth-child(4n) {

    border-right: 0;

  }

  .local-list-item:nth-child(5n) {

    border-left: 0;

  }

  .local-list-item-link {

    height: auto;

    line-height: 1.4;

    padding: 10px;

    font-size: 0.825rem;

    border: 0 !important;

  }

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

    display: none;

  }

  .local-town {

    width: 100%;

    padding: 10px;

    margin-top: -1px;

    border: 1px solid #a5a7aa;

    max-height: 170px;

    overflow-y: auto;

  }

  .local-town-item {

    width: 50%;

    font-size: 1rem;

    border: 0;

    margin-bottom: 10px;

  }

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

    border-right: 0;

  }

  .local-town-item:last-child {

    border-right: none;

  }

  .local-town-item-link {

    font-size: 0.9rem;

  }

}



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

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

    min-width: 16.666%;

    padding: 14px;

  }

  /*공항지도 검색*/

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

  }

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

  }

  /*여행정보 검색창*/

  .search-right {

    margin-top: 20px;

  }

  .search-right-item {

    width: 100%;

  }

  .search-right-item-input {

    width: calc(100% - 50px);

    height: 50px;

  }

  .search-right-item-btn {

    width: 50px;

    height: 50px;

    margin-bottom: 0;

  }

  .departure-step {

    background-size: cover;

  }

  .departure-step-list {

    padding: 30px 0 0;

  }



  .departure-step-list .departure-step-list-article {

    width: 33.33% !important;

    font-size: 0.825rem;

    height: 130px;

  }

  .departure-step-list.check-in .departure-step-list-article.step-3 {

    height: 122px;

  }

  .departure-step-list.check-in .departure-step-list-article:before {

    width: 58px;

    height: 58px;

    background-size: 213px 75px;

  }

  .departure-step-list.check-in .departure-step-list-article.step-1:before {

    background-position: -8px -8px;

  }

  .departure-step-list.check-in .departure-step-list-article.step-2:before {

    background-position: -77px -8px;

  }

  .departure-step-list.check-in .departure-step-list-article.step-3:before { background-position: -146px -8px;



  }

  .departure-step-list.self .departure-step-list-article.step-5 {

    height: 152px;

  }

  .departure-step-list.self .departure-step-list-article:before {

    width: 58px;

    height: 58px;

    background-size: 213px 142px;

  }

  .departure-step-list.self .departure-step-list-article.step-1:before {

    background-position: -8px -8px;

  }

  .departure-step-list.self .departure-step-list-article.step-2:before {

    background-position: -77px -8px;

  }

  .departure-step-list.self .departure-step-list-article.step-3:before {

    background-position: -146px -8px;

  }

  .departure-step-list.self .departure-step-list-article.step-4:before {

    background-position: -8px -76px;

  }

  .departure-step-list.self .departure-step-list-article.step-5:before {

    background-position: -77px -76px;

  }

  .departure-step-list.quarantine .departure-step-list-article.step-3 {

    height: 122px;

  }

  .departure-step-list.quarantine .departure-step-list-article.step-4 {

    height: 142px;

  }

  .departure-step-list.quarantine .departure-step-list-article:before {

    width: 58px;

    height: 58px;

    background-size: 213px 142px;

  }

  .departure-step-list.quarantine .departure-step-list-article.step-1:before {

    background-position: -8px -8px;

  }

  .departure-step-list.quarantine .departure-step-list-article.step-2:before {

    background-position: -77px -8px;

  }

  .departure-step-list.quarantine .departure-step-list-article.step-3:before {

    background-position: -146px -8px;

  }

  .departure-step-list.quarantine .departure-step-list-article.step-4:before {

    background-position: -8px -76px;

  }

  .departure-step-list.self-checkin .departure-step-list-article.step-5 {

    height: 142px;

  }

  .departure-step-list.self-checkin .departure-step-list-article:before {

    width: 58px;

    height: 58px;

    background-size: 213px 142px;

  }

  .departure-step-list.self-checkin .departure-step-list-article.step-1:before {

    background-position: -8px -8px;

  }

  .departure-step-list.self-checkin .departure-step-list-article.step-2:before {

    background-position: -77px -8px;

  }

  .departure-step-list.self-checkin .departure-step-list-article.step-3:before {

    background-position: -146px -8px;

  }

  .departure-step-list.self-checkin .departure-step-list-article.step-4:before {

    background-position: -8px -76px;

  }

  .departure-step-list.self-checkin .departure-step-list-article.step-5:before {

    background-position: -77px -76px;

  }

/* 22.06.28 추가_780px */

  .departure-step-list.vacref .departure-step-list-article.step-3 {

    height: 122px;

  }

  .departure-step-list.vacref .departure-step-list-article:before {

    width: 58px;

    height: 58px;

    background-size: 213px 75px;

  }

  .departure-step-list.vacref .departure-step-list-article.step-1:before {

    background-position: -8px -8px;

  }

  .departure-step-list.vacref .departure-step-list-article.step-2:before {

    background-position: -77px -8px;

  }

  .departure-step-list.vacref .departure-step-list-article.step-3:before { 

    background-position: -146px -8px;

  }

/* 22.06.28 추가 끝 */



  .input-bg {

    width: 100%;

    height: 40px;

    line-height: 40px;

  }

  /*약관*/

  .agreement-box-title {

    font-size: 1rem;

  }

  .agreement-box-txt {

    font-size: 0.825rem;

  }

  .search-box {

    height: 80px;

    width: 100%;

    background: none;

    border: 0;

    padding: 0;

  }

  .search-box-area {

    display: block;

  }

  .search-box-area-title {

    display: none;

    float: none;

    position: static;

    margin-right: 0;

    margin-bottom: 10px;

    font-size: 1.125rem;

  }

  .search-box-area-input {

    width: calc(100% - 40px);

    height: 40px;

    line-height: 40px;

  }

  .search-box-area-btn {

    width: 40px;

    height: 40px;

  }

  .font20 {

    font-size: 1rem;

  }

  .inner-tab .btn-type-tab {

    min-width: 50%;

    height: 50px;

    line-height: 50px;

    padding: 0;

    font-size: 1rem;

    text-align: center;

  }

  .inner-tab .btn-type-tab.active {

    width: 50%;

    height: auto;

    min-height: 66px;

    padding: 10px;

    line-height: 1.4;

  }

  .inner-tab .btn-type-tab.col-3 {

    min-width: 33%;

  }

  .en .inner-tab .btn-type-tab.col-3 {

    line-height: 1rem;

    min-height: 60px;

    vertical-align: middle;

    padding-top: 13px;

    font-size: 0.9rem;

  }

  .en .inner-tab .btn-type-tab.col-3 br {

    display: block;

  }

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

    margin-bottom: 10px;

  }

  .congested {

    width: 100%;

    padding: 30px 30px 40px;

    margin-top: -3px;

    border: 1px solid #d9d9d9;

  }

  .congested-parkinglot {

    font-size: 1.125rem;

    float: left;

    padding: 5px 0;

  }

  .congested-info {

    padding: 5px 12px;

    border: 1px solid;

    border-radius: 20px;

    float: right;



    font-size: 0.825rem;

  }

  .btn-download.big {

    font-size: 1rem;

  }

  .btn-download.big.ico:after {

    left: 220px;

  }

  table .btn-download {

    width: auto;

    padding-left: 20px;

    padding-right: 10px;

  }

  .notice-box {

    border: 0;

    padding: 0;

    margin-bottom: 0;

  }

  .notice-box-title {

    display: none;

    width: auto;

    border-right: 0;

    font-size: 1.125rem;

    font-weight: 900;

    float: none;

    position: static;

    line-height: 2;

    margin-bottom: 10px;

  }

  .notice-box-txt {

    display: block;

    margin-left: 0;

    float: none;

    border-bottom: 1px solid #a5a7aa;

    padding-bottom: 10px;

    text-align: center;

  }

  .bussearch-title {

    display: none;

    font-size: 1.125rem;

    float: none;

    font-weight: 900;

  }

  .bussearch .search-area-txt {

    width: calc(100% - 40px);

    height: 40px;

    line-height: 40px;

    font-size: 0.825rem;

  }

  .bussearch .search-area-btn {

    width: 40px !important;

    height: 40px;

    font-size: 1.125rem;

  }

  .bussearch .search-area-btn.ico {

    text-indent: -99999em;

  }

  .bussearch .search-area-btn.ico:after {

    top: 0;

    right: 0;

  }

  .maglev-train-line {

    padding: 15px;

    min-height: 150px;

    border: 1px solid #f3f4f8;

  }

  .maglev-train-line-list {

    width: 100%;

    position: relative;

  }

  .maglev-train-line-list:before {

    width: 84%;

    height: 3px;

    top: 45px;

    left: 27px;

  }

  .maglev-train-line-list-article {

    text-align: center;

    margin-top: 60px;

  }

  .maglev-train-line-list-article-link {

    font-size: 0.825rem;

    margin-top: 10px;

  }

  .maglev-train-line-list-article-link.step-1:before {

    background-size: 126px 70px;

    width: 69px;

    height: 70px;

    top: -65px;

    left: 50%;

    margin-left: -22px;

  }

  .maglev-train-line-list-article-link.station:before { background: #ffae43;

    width: 14px;

    height: 14px;

    position: absolute;

    border-radius: 50px;

    top: -20px;

    left: 50%;

    margin-left: -6px;

  }

  .maglev-train-line-list-article-link.station:after {

    content: '';

    display: block;

    background: #fff;

    width: 8px;

    height: 8px;

    position: absolute;

    border-radius: 50px;

    top: -17px;

    left: 50%;

    margin-left: -3px;

  }

  .timesetting-date.f-left, .timesetting-date.f-right {

    float: none;

  }

  .timesetting-date-day {

    width: calc(100% - 50px);

    height: 40px;

    line-height: 40px;

  }

  .timesetting-date-calendar {

    width: 50px;

    height: 40px !important;

  }

  .timesetting-date-option {

    width: 50%;

    border-top: 0;

    height: 40px;

    line-height: 40px;

    border-left: 1px solid #d9d9d9 !important;

  }

  .timesetting-dash {

    padding-left: 0;

    float: none;

    color: #222;

    line-height: 30px;

  }

  .calculator {

    background: none;

    padding: 0;

    margin-bottom: 10px;

  }

  .customs_inspection, .en .customs_inspection, .ch .customs_inspection, .ja .customs_inspection {

    height: 200px;

  }

  .digr_airport_railroad, .en .digr_airport_railroad, .ch .digr_airport_railroad, .ja .digr_airport_railroad {

    height: 140px;

  }



/* 터미널간 이동 : 공항셔틀버스 이용 추가 19.08.06 */

  .digr-terminal-interconnection.size {

    height: 140px;

  }



  ol.digr_airport_railroad.em {

    height:  150px;

  }



  .article:last-child {

    margin-bottom:  0px !important;

  }



/* 터미널간 이동 : 공항셔틀버스 이용 추가 끝 */



  .digr_ktx_route {

    height: 200px;

  }

  .digr-city-airport-terminal-kwangmyung {

    height: 200px;

  }

  .digr-city-airport-terminal-seoul {

    height: 140px;

  }

  .digr-city-airport-terminal-samsung {

    height: 140px;

  }

  .digr-city-airport-terminal-kwangmyung {

    height: 140px;

  }

  .digr-airport-limousine-route {

    height: 140px;

  }

  /* Kal 운행노선 */

  .digr-airport-kal-route {

    height: 140px;

  }

  /*환승절차*/

  .transit-step .list3-item {

    float: none;

  }

  .transit-step .list3-item.ico:after {

    display: none;

  }

  .transit-step .list3-item + .list3-item {

    margin-left: 0;

  }

  .travel-info .travel-info-box-title {

    font-size: 1.125rem;

    line-height: 1.4;

  } .travel-info .btn-type-small {

    width: 100%;

  }

  .travel-info .imgbox-extend {

    overflow-x: auto;

  }

  .travel-info .imgbox-extend .imgbox {

    width: 100%;

  }

  .travel-info-detail-txt img {

    width: 100%;

  }

  .table.hr.writing, .table.hr.info {

    border-top: 1px solid #d9d9d9;

    display: block;

    overflow-x: inherit;

  }

  .table.hr.writing thead,

  .table.hr.writing tbody,

  .table.hr.writing tr,

  .table.hr.writing th,

  .table.hr.writing td, .table.hr.info thead,

  .table.hr.info tbody,

  .table.hr.info tr,

  .table.hr.info th,

  .table.hr.info td {

    display: block;

  }

  .table.hr.writing tr:after, .table.hr.info tr:after {

    content: '';

    display: block;

    clear: both;

  }

  .table.hr.writing th, .table.hr.info th {

    position: relative;

    float: left;

    width: 100%;

    border-right: 1px solid #d9d9d9;

    border-left: 1px solid #d9d9d9;

    padding: 10px;

  }

  .table.hr.writing td, .table.hr.info td {

    position: relative;

    border: 1px solid #d9d9d9;

    float: left;

    width: 100%;

    text-align: center;

    margin-bottom: -1px;

    padding: 10px 10px;

    height: auto;

    line-height: 1.4;

  }

  .table.hr.writing td.agreement-offer, .table.hr.info td.agreement-offer {

    padding: 25px 20px;

  }

  .user-text {

    width: 100%;

    height: 40px;

  }

  .user-text.email-wide {

    width: 100%;

    margin-bottom: 0;

  }

  .user-text.direct-input {

    width: 100%;

    height: 50px;

    line-height: 50px;

  }

  .object-list {

    width: 100%;

    height: 50px;

  }

  .object-list.email {

    width: 100%;

    margin-right: 0;

  }

  .object-list.small {

    width: 100%;

  }

  .object-list-title {

    line-height: 50px;

    padding: 0 10px;

  }

  .to-calculate .btn-type-normal {

    font-size: 1rem;

    font-weight: 400;

  }

  .route-bus-stop {

    width: 288px;

    height: 184px;

    background-size: contain !important;

    border: none;

    margin: auto;

  }

  .route-bus-stop-ico-box {

    width: 247px;

    height: 109px;

    top: 0;

    bottom: 0;

    left: 0; right: 0;

    margin: auto;

  }

  .route-bus-stop .exit {

    width: 11px;

    height: 21px;

    background-size: cover;

  }

  .route-bus-stop .exit.exit-1 {

    top: 26px;

    left: 14px;

  }

  .route-bus-stop .exit.exit-2 {

    top: 35px;

    left: 24px;

  }

  .route-bus-stop .exit.exit-3 {

    top: 42px;

    left: 38px;

  }

  .route-bus-stop .exit.exit-4 {

    top: 48px;



    left: 52px;

  }

  .route-bus-stop .exit.exit-5 {

    top: 54px;

    left: 70px;

  }

  .route-bus-stop .exit.exit-6 {

    top: 57px;

    left: 88px;

  }

  .route-bus-stop .exit.exit-7 {

    top: 58px;

    left: 107px;

  }

  .route-bus-stop .exit.exit-8 {

    top: 58px;

    left: 129px;

  }

  .route-bus-stop .exit.exit-9 {

    top: 56px;

    left: 149px;

  }

  .route-bus-stop .exit.exit-10 {

    top: 52px;

    left: 167px;

  }

  .route-bus-stop .exit.exit-11 {

    top: 48px;

    left: 185px;

  }

  .route-bus-stop .exit.exit-12 {

    top: 42px;

    left: 201px;

  }

  .route-bus-stop .exit.exit-13 {

    top: 35px;

    left: 213px;

  }

  .route-bus-stop .exit.exit-14 {

    top: 26px;

    left: 226px;

  }

  .route-bus-stop2 {

    width: 288px;

    height: 184px;

    background-size: contain !important;

    border: none;

    margin: auto;

  }

  .route-bus-stop2-ico-box2 {

    width: 186px;

    height: 154px;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

  }

  .route-bus-stop2 .exit {

    width: 11px;

    height: 21px;

    background-size: cover;

  }

  .route-bus-stop2 .exit.exit-1 {

    top: 89px;

    left: 39px;

  }

  .route-bus-stop2 .exit.exit-2 {

    top: 101px;

    left: 39px;

  }

  .route-bus-stop2 .exit.exit-3 {

    top: 108px;

    left: 50px;

  }

  .route-bus-stop2 .exit.exit-4 {

    top: 108px;

    left: 74px;

  }

  .route-bus-stop2 .exit.exit-5 {

    top: 108px;

    left: 99px;

  }

  .route-bus-stop2 .exit.exit-6 {

    top: 108px;

    left: 121px;

  }

  .route-bus-stop2 .exit.exit-7 {

    top: 102px;

    left: 134px;

    z-index: 2;

  } 

  .route-bus-stop2 .exit.exit-8 {

    top: 89px;

    left: 134px;

  } 

  .overflow {

    border: 1px solid #d9d9d9;

    background: #f2f4f7;

    padding: 15px 0;

  }

  .overflow2 {

    border: 1px solid #d9d9d9;

    background: #f2f4f7;

    padding: 15px 0;

    max-width: 100%;

    height: auto !important;

  }

  .route-bus-line {

    width: 100%;

    height: auto;

    padding: 0;

    background: none;

  }

  .route-bus-line.short {

    height: auto;

  }

  .route-bus-line.short .route-bus-line-list {

    background: none;

    height: auto;

    top: auto;

  }

  .route-bus-line:before {

    content: '';

    display: block;

    width: 2px;

    height: 100%;

    background: #394894;

    position: absolute;

    top: 0;

    left: 20px;

  }

  .route-bus-line-list {

    position: relative;

    left: 22px;

    width: 90%;

    height: auto;

    background: none;

    transform: none;

  }

  .route-bus-line-list-article {

    width: 17px;

    height: 17px;

    position: static;

    margin-bottom: 10px;

  }

  .route-bus-line-list-article > p {

    -webkit-transform: none;

    -ms-transform: none;

    transform-origin: 0 0;

    padding: 3px 10px;

    top: auto;

    width: 100%;

  }

  .route-bus-line-list-article > p br {

    display: none;

  }

  .route-bus-line-list-article:after {

    content: "";

    display: block;

    width: 17px;

    height: 17px;

    border: 3px solid #41519e;

    border-radius: 50%;

    box-sizing: border-box;

    background: #f2f4f7;

  }

  .route-bus-line-list-article.top {

    top: -7px;

  }

  .route-bus-line-list-article.bottom {

    bottom: -7px;

  }

  .route-bus-line-list-article:last-child {

    margin-bottom: 0;

  }

  .overflow.t1, .overflow.t2 {

    overflow-x: inherit;

    width: 100%;

  }

  .overflow2 .route-bus-line {

    height: auto !important;

  }

  .overflow2 .route-bus-line-list {

    position: relative;

    left: 22px;

    width: 90%;

    height: auto !important;

    background: none;

    transform: none;

  }

  .overflow2 .route-bus-line-list:before {

    display:none;

  }



  /*다운로드버튼*/

  .btn-download {

    min-width: 100%;

    height: 30px;

    line-height: 30px;

    text-align: center;

    padding: 0;

  }

  .btn-download.ml10 {

    margin-left: 0;

    margin-top: 10px;

  }

  .btn-download.big {

    font-size: 1rem;

  }

}



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

  .font-normal {

    display: inline-block;

  }

  .btn-type-small.position {

    display: table-cell;

    top: 10px;

    position: relative;

  }

  .icon-koreanair .icontxt-title:before, .icon-asiana .icontxt-title:before {

    display: none;

  }

  .company-wrap .company-list-item {

    width: calc(33.33% - 13px);

  }

  .company-wrap .company-list-item:nth-child(3n) {

    margin-right: 0;

  }

  .company-wrap .company-list-item:nth-child(5n) {

    margin-right: 11px;

  }

  .info-graphic.baggage1 {

    background-size: contain;

  }

  .info-graphic.baggage2 {

    background-size: contain!important;

  }

  .info-graphic.baggage3 {

    background-size: contain!important;

  }

  .info-graphic.packing {

    background-size: contain!important;

  }  

  .en .step3-list-item.h460 {

    height :520px;

  }  

}



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

  /* faq 탭유형 시작 */

  .faq-category-list-item {

    font-size: 0.825rem;

  }

  .faq-category-list.tab-6 .faq-category-list-item {

    width: 33.36%;

    margin-top:-1px;

    margin-bottom: 0;

  }

  /* faq 탭유형 끝 */

  .btn-type-small.position {

    display: block;

    margin-left: 0;

  }

  .company-wrap .company-list-item {

    border: 0;

    border-bottom: 1px solid #d9d9d9;

    margin: 0;

    width: 100%;

    text-align: center;

  }

  .company-wrap .company-list-item img {

    width: 50%;

  }

  .minh200 {

    min-height: inherit;

  }

  .minh427 {

    min-height: inherit;

  }

  .minh452 {

    min-height: inherit;

  }

  .info-graphic.baggage1 {

    height: 150px;

    background-size: contain;

  }

  .info-graphic.baggage2 {

    height: 180px;

    background-size: contain;

  } .info-graphic.baggage3 {

    height: 180px;

    background-size: contain;

  }

  .info-graphic.packing {

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

    height: 280px;

    background-size: contain !important;

  }

  .en .info-graphic.packing {

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

    background-size: contain !important;

  }

  .ch .info-graphic.packing {

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

    background-size: contain !important;

  }

  .ja .info-graphic.packing {

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

    background-size: contain !important;

  }

  .link-box {

    padding: 20px;

    height: auto;

    border-radius: 10px;

  }

  .link-box-link {

    line-height: 1.5;

    padding: initial;

  }

  .link-box-link strong + span {

    display: block;

  }

  .link-box-link .link-strong {

    font-size: 1rem;

  }

  .link-box-link .nowlink {

    display: none;

  }

  .img-article {

    padding: 0;

  }

  .img-article-tit {

    font-size: 1.125rem;

    margin-bottom: 10px;

  }

  .img-article-desc {

    font-size: 1rem;

  }

  .map-article-area .imgbox {

    vertical-align: top;

  }

  .map-article-body {

    padding: 20px;

    border: 1px solid #d9d9d9;

    border-top: 0;

  }

  .map-article-body .list1-item {

    line-height: 1.4;

  }

  .map-article-tit {

    font-size: 1.125rem;

    margin-bottom: 14px;

  }

  .video-box {

    height: 188px;

  }

  .detail-column.col-2 .detail-table {

    width: 100%;

    float: none;

  }

  .detail-column.col-2 .detail-table.w60 {

    width: 100%;

  }

  .detail-column.col-2 .detail-table.w40 {

    width: 100%;

  }

  .detail-column .detail-table-tit {

    width: 100%;

    float: none;

    margin-bottom: 6px;

  }

  .detail-column .detail-table-desc {

    width: 100%;

    float: none;

  }

}



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



  .btn-type-normal.point {

   /* margin-left :70px; */

   margin-bottom :10px;

  }



  .btn-type-normal.point.point-left {

   margin-left :0;

  }



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

    width: 90%;

  }

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

  }

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

  }

	

  /* 혼잡도 적용시 : 레이어 반응형 */

  #departure_congestion_content .vt-dark {

    table-layout: inherit;

  }

  .layer-wrap {

    position: absolute;

  }

  .layer.size {

    width: 100%;

  }

  .layer.size2 {

    width: 100%;

  }

  .layer {

    padding: 15px;

    height: 100vh !important;

    width: 100%;

    height: 100%;

    border: 0;

    position: fixed;

    top: 0;

    left: 0;

    transform: none;

    overflow: auto;

  }



  .layer-area {

	padding: 0;	

  }

  .layer-title {

    padding-bottom: 14px;

    margin-bottom: 24px;

    border-bottom: 1px solid #42519e;

    font-size: 1.2rem;

  }

  .tab-area {

    height: 100%;

    left: 0;

  }

  .tab-area-heading {

	border: 2px solid #d9d9d9;

    font-size: 0.825rem;

	padding: 10px;

	height: auto;

	line-height: 1.2rem;

  }

  .tab-area-heading.on {

    border-bottom: 2px solid #42519e;

  }

  .layer-title {

    margin-bottom: 14px;

    font-size: 1.1rem;

  }

  .layer-article-title.float {

    margin: 0;

    float: none;

    line-height: 32px;

    font-size: 0.9375rem;

  }

  .table-guide-pop-up .laye-articler-title {

    font-size: 0.9375rem;

  }

  .update {

    margin-bottom: 10px;

    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;

  }

  .inner-tab2 {

    width: 100%;

    position: static;

  }

  .inner-tab2 .btn-type-tab {

    box-sizing: border-box;

    width: 50%;

    height: 30px;

  }

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

  }

  .table-guide-btn {

    width: 100%;

    float: none;

    padding: 0;

  }

  .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 테이블 출국장혼잡도 끝*/

  

  

  /* 터미널 안내 */

  

  .layer-article img {

    width: 100%;

   }

  .mt40 {

    margin-top: 20px;

   }

  .digr-incheon-airport-glance01 {

    height: 194px;

    background-size: contain;

   }  

  .digr-incheon-airport-glance02 {

    height: 194px;

    background-size: contain;

   }

  .digr-terminal-interconnection {

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

    background-size: contain;

    height: 200px;

  }

  

  /* 터미널 안내 추가 */

  

  .table.hr td {

   padding : 5px;

  }



  .mb60 {

    margin-bottom: 60px;

  }

}



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

  .lp-close {

    display: block;

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

    position: fixed;

    width: 25px;

    height: 25px;

    top: 20px;

    right: 15px;

    z-index: 9998;

  }

  /* 2019.01.07 추가 끝*/

  .table-congestion .table.vt-dark th {

    text-align: center;

  }

  .table-congestion .table.vt-dark td {

    text-align: center;

  }

  /* 2019.01.07 추가 끝*/

  

  /* 19.12.04 추가*/

  iframe.imgbox {

    height:360px;

  }

  /* 19.12.04 추가 끝 */  

  

}



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

  /* 2019.01.07 추가 끝*/

  .table-congestion .table.vt-dark th {

    text-align: center;

  }

  .table-congestion .table.vt-dark td {

    text-align: center;

  }

  /* 2019.01.07 추가 끝*/  



  /* 19.12.04 추가*/

  iframe.imgbox {

    height:auto;

  }

  /* 19.12.04 추가 끝 */  

  

  

}



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

}



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

  .ui-datepicker-trigger {

    width: 50px;

    height: 40px;

  }

}



/* 교통약자 22.01.13 시작 */

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

  .step4-list.col-4 .step4-list-item {

    width: calc(25% - 7px);

    margin-left: 5px;    

  }

  .step4-list.col-4.type-1 .step4-list-item:after,.step4-list.col-4.type-2 .step4-list-item:after,.step4-list.col-4.type-3 .step4-list-item:after {

    content: none;

  }

  .step4-list.col-4.type-2 .step4-list-item.head-title h4 {

    line-height: 1;

  }

}



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

  .step4-list.col-4 .step4-list-item {

    width: calc(25% - 7px);

    margin-left: 5px;    

  }

  .step4-list.col-4.type-1 .step4-list-item:after,.step4-list.col-4.type-2 .step4-list-item:after,.step4-list.col-4.type-3 .step4-list-item:after {

    content: none;

  }

  .step4-list.col-4 .step4-list-item.head-title h4 {

    font-size: 1rem;

  }

  .step4-list.col-4 .list-article {

    width: 20px;

    height: 20px;

    border-radius: 10px;

    line-height: 1.5;

    font-size: 0.85rem

  }

  .step4-list.col-4 .article-desc {

    height: 65px;

    font-size: 0.85rem;

  }

  .step4-list.col-4 .article-desc .font14 {

    line-height: 1.3

  }

}



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

  .step4-list.col-4 .step4-list-item {

    position: relative;

    width: 100%;

    height: 150px;

    margin-left: 0;

    border-radius: 0;

  }

  .step4-list.col-4.type-1 .step4-list-item,.step4-list.col-4.type-2 .step4-list-item,.step4-list.col-4.type-3 .step4-list-item {

    margin-top: -1px

  }

  .step4-list.col-4.type-1 .step4-list-item:after,.step4-list.col-4.type-2 .step4-list-item:after,.step4-list.col-4.type-3 .step4-list-item:after {

    content: none;

  }

  .step4-list.col-4 .step4-list-item br {

    display: none;

  }

  .step4-list.col-4 .step4-list-item.head-title {

    height: 170px;

  }

  .step4-list.col-4 .step4-list-item.head-title h4 {

    font-size: 0.925rem;

  }

  .step4-list.col-4 .article-desc {

    bottom: 0;

    text-align: center;

    width: 90%;

    height: 45px;

    font-size: 0.85rem;

    margin-left: 5%;

  }

  .fast-ico .step4-list-item:before {

    top: 15px;

  }

}

/* 교통약자 22.01.13 끝 */

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

  /* 스마트패스 시작*/

  .smartid-step-list {

    display: block;

    height: auto;

  }

  .smartid-step-list .smartid-step-item.ico:after {

    display: none;

  }



  .smartid-step-list .smartid-step-item {

    margin-right: 0;

    margin-bottom: 20px;

    width: 100%;

  }



  .smartid-step-list .smartid-step-item.smartid-step-box:before {

    margin: auto;

  }

  /* 스마트패스 끝*/

}