@charset "UTF-8";
@font-face { font-family: 'Roboto'; font-weight: 500; src: url("../fonts/Roboto-Medium.woff") format("woff"), url("../fonts/Roboto-Medium.otf") format("truetype"); }

@font-face { font-family: 'Roboto'; font-weight: 400; src: url("../fonts/Roboto-Regular.woff") format("woff"), url("../fonts/Roboto-Regular.otf") format("truetype"); }

@font-face { font-family: 'Roboto'; font-weight: 300; src: url("../fonts/Roboto-Light.woff") format("woff"), url("../fonts/Roboto-Light.otf") format("truetype"); }

@font-face { font-family: 'Noto Sans CJK KR'; font-weight: 100; src: url("../fonts/NotoSansCJKkr-Thin.eot"); src: url("../fonts/NotoSansCJKkr-Thin.woff") format("woff"), url("../fonts/NotoSansCJKkr-Thin.otf") format("truetype"); }

@font-face { font-family: 'Noto Sans CJK KR'; font-weight: 300; src: url("../fonts/NotoSansCJKkr-Light.eot"); src: url("../fonts/NotoSansCJKkr-Light.woff") format("woff"), url("../fonts/NotoSansCJKkr-Light.otf") format("truetype"); }

@font-face { font-family: 'Noto Sans CJK KR'; font-weight: 400; src: url("../fonts/NotoSansCJKkr-Regular.eot"); src: url("../fonts/NotoSansCJKkr-Regular.woff") format("woff"), url("../fonts/NotoSansCJKkr-Regular.otf") format("truetype"); }

@font-face { font-family: 'Noto Sans CJK KR'; font-weight: 500; src: url("../fonts/NotoSansCJKkr-Medium.eot"); src: url("../fonts/NotoSansCJKkr-Medium.woff") format("woff"), url("../fonts/NotoSansCJKkr-Medium.otf") format("truetype"); }

@font-face { font-family: 'Noto Sans CJK KR'; font-weight: 600; src: url("../fonts/NotoSansCJKkr-Bold.eot"); src: url("../fonts/NotoSansCJKkr-Bold.woff") format("woff"), url("../fonts/NotoSansCJKkr-Bold.otf") format("truetype"); }

html, body { height: 100%; overflow: hidden; /*scroll-behavior:smooth*/ }

ol, ul { list-style: none; }

* { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

body { font-family: "Noto Sans CJK KR", sans-serif; letter-spacing: -0.06em; line-height: 1.4; }

video { display: block; outline: none; }

button { border: none; outline: none; cursor: pointer; }

.hide { position: absolute; width: 0; height: 0; overflow: hidden; font: 0/0 Sans-serif; visibility: hidden; }

p { font-size: 18px; word-break: keep-all; }

b { font-weight: inherit; }

a { text-decoration: none; }

fieldset { border: none; }

#container { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.brand-identity a { display: inline-block; width: 72px; height: 23px; background: url("/project/kac/img/logo.png") no-repeat; background-size: cover; text-indent: -10000em; vertical-align: middle; }

section { opacity: 0; position: fixed; left: 0; top: 0; width: 100%; min-height: 100vh; z-index: 0; background: #fff; }

section.on { opacity: 1; z-index: 1; }

.cursor { display: none; position: absolute; left: 0; top: 0; z-index: 10; pointer-events: none; }

.cursor b, .cursor i { position: absolute; border-radius: 50%; }

.cursor b { width: 48px; height: 48px; margin: -24px 0 0 -24px; background: #ffce25; border: 1px solid #fff; }

.cursor i { left: calc(50% - 4px); top: calc(50% - 4px); width: 9px; height: 9px; background: #fff; }

.cursor.link i { position: absolute; left: calc(50% - 9px); top: calc(50% - 7px); width: 18px; height: 15px; margin: 0; background: url("/project/kac/img/link.png"); border-radius: 0; border: none; }

.cursor.x b { display: none; }

.cursor.x i { position: absolute; left: -198px; top: 0; background: transparent; }

.cursor.x i:before, .cursor.x i:after { content: ''; position: absolute; display: block; width: 550px; height: 10px; background: #000; }

.cursor.x i:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.cursor.x i:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.cursor.o b { display: none; }

.cursor.o i { position: absolute; left: -198px; top: -198px; width: 396px; height: 396px; background: transparent; border: 10px solid #000; border-radius: 50%; }

.bar { position: fixed; top: 100px; right: 5px; width: 3px; height: calc(100vh - 122px); background: rgba(78, 78, 78, 0.4); border-radius: 2px; z-index: 1; -webkit-transform-origin: 50% 0; transform-origin: 50% 0; opacity: 0; }

.full ~ .bar { z-index: 0; }

/* buttons */
.btns { position: relative; width: 100%; text-align: center; }

a[class*='btn'], button[class*='btn'] { position: relative; display: inline-block; height: 48px; font: 500 20px/44px "Noto Sans CJK KR", sans-serif; text-align: center; text-decoration: none; background: transparent; border: 2px solid transparent; border-radius: 0.6em; }

a[class*='btn'] + *, button[class*='btn'] + * { margin-left: 10px; }

[class*='btn'].black { border-color: #000; color: #000; }

[class*='btn'].black:hover { background: #000; color: #fff; }

[class*='btn'].white { border-color: #fff; color: #fff; }

[class*='btn'].white:hover { background: #fff; color: #32434f; }

[class*='btn'].yellow { border-color: #ffce25; color: #ffce25; }

[class*='btn'].yellow:hover { background: #ffce25; color: #000; }

[class*='btn'].pink { border-color: #fb5338; color: #fb5338; }

[class*='btn'].pink:hover { background: #fb5338; color: #000; }

.btn1 { height: 48px; background: #000; color: #fff; font-weight: 400; }

.btn2 { background: #2662d9; color: #fff; font-weight: 400; }

.btn3 { background: #ffce25; color: #000; }

.btn4 { background: transparent; border: 2px solid #ffce25; color: #ffce25; }

.btn_go { width: 78px; height: 34px; background: #fff; border: 2px solid #222; border-radius: 16px; text-indent: -10000em; }

.btn_go:before { content: ''; position: absolute; left: 28px; top: 9px; width: 18px; height: 12px; background: url("/project/kac/img/ico.png") -102px 0 no-repeat; }

/* layout */
.column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; left: 50vw; width: 50vw; padding: 160px 0 50px 8vw; }

.column h2 { font-size: 40px; font-weight: 300; color: #fff; word-break: keep-all; }

.column h2 strong { display: block; margin: 0 0 20px; font: 80px/1 "Roboto", sans-serif; }

.column h2 + p { width: 400px; margin: 50px 0; padding: 0 0 0 10px; }

.column [class*='feacture'] { width: 360px; margin: 0 0 60px; text-align: center; }

.column [class*='feacture'] dt { font-size: 23px; }

.column [class*='feacture'] dt strong { display: inline-block; margin: 25px auto 0; padding: 0 14px; font-weight: 500; }

.column [class*='feacture'] ul li:before { content: '\00B7'; margin: 0 5px 0 0; font-size: 22px; line-height: 1; opacity: 0.5; }

.column .btns { width: 360px; margin-top: 20px; }

.column .btns [class*='btn'] { width: 265px; }

.column .frame { position: absolute; left: -50vw; top: calc(5vh + 78px); width: 54vw; height: calc(90vh - 78px); overflow: hidden; z-index: 1; -webkit-box-shadow: 20px 20px 25px rgba(0, 0, 0, 0.3); box-shadow: 20px 20px 25px rgba(0, 0, 0, 0.3); -webkit-transition: all 0.75s; transition: all 0.75s; }

.column .visual { width: 100vw; height: 100vh; background-position: 50% 50%; background-size: cover; -webkit-transform: scale(0.85); transform: scale(0.85); -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transition: all 0.75s; transition: all 0.75s; }

.column.full .frame { width: 100vw; height: 100vh; top: 0; }

.column.full .frame .visual { -webkit-transform: scale(1); transform: scale(1); }

.column.result { background: transparent; }

.row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; height: 100vh; text-align: center; }

.row h2 { position: relative; font-size: 45px; font-weight: 400; letter-spacing: -0.06em; color: #fff; z-index: 1; }

.row h2:before { font: 400 80px "Roboto", sans-serif; }

.row > h2 + p { position: relative; color: #fff; font-weight: 300; line-height: 1.4444; z-index: 1; }

.row h3 { color: #fff; font-size: 45px; font-weight: 300; }

.row .visual { position: absolute; left: 0; top: 0; width: 100vw; height: 100vh; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; }

.row .info { position: relative; padding: 20px 0 25px; z-index: 2; -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.33, 1, 0.68, 1); transition: -webkit-transform 0.8s cubic-bezier(0.33, 1, 0.68, 1); transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1); transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1), -webkit-transform 0.8s cubic-bezier(0.33, 1, 0.68, 1); }

.row .info p { max-width: 960px; margin: 0 auto; font-weight: 300; }

.row .info > a { color: #fff; border: 3px solid #fff; border-radius: 10px; font-size: 24px; font-weight: 500; word-break: keep-all; z-index: 1; }

.row .info > a strong { font-weight: 500; }

.row .info > a:hover { background: #fff; color: #000; }

.row .info > a + a { margin-left: 20px; }

.row .info .btns { margin-top: 15px; }

.row.on .info { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.row > .btns { z-index: 2; }

.row > .btns .btn { width: 115px; height: 115px; padding: 10px; border-radius: 50%; font-size: 18px; line-height: 1.3; word-break: keep-all; vertical-align: top; }

.row > .btns .btn + .btn { margin-left: 40px; }

.dimmed .visual:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1; }

/* layer */
.layer { display: none; position: fixed; left: 50%; top: 50%; z-index: 2; }

.layer .close { position: absolute; right: -21px; top: -21px; width: 42px; height: 42px; background: #ffce25; border-radius: 50%; text-indent: -10000em; }

.layer .close:before, .layer .close:after { content: ''; position: absolute; left: 6px; top: 20px; width: 30px; height: 2px; background: #000; }

.layer .close:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.layer .close:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.visual { overflow: hidden; }

.visual:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.35); opacity: 0; -webkit-transition: opacity 0.62s; transition: opacity 0.62s; }

.result .visual { background-color: #000; -webkit-filter: blur(25px); filter: blur(25px); }

.result .visual:before { opacity: 1; }

.result .info, .result > .btns, .result > h2, .result > p { opacity: 0; }

.result .layer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; left: 0; top: 0; width: 100%; height: 100%; padding-top: 78px; text-align: center; background: rgba(0, 0, 0, 0.5); }

.result .layer.on { display: -webkit-box; display: -ms-flexbox; display: flex; }

.result .layer h3 { color: #fff; font-size: 30px; font-weight: 400; }

.result .layer h3 ~ p { color: #fff; font-size: 20px; font-weight: 300; }

.result .layer .wrap { width: 620px; margin: 15px auto 20px; padding: 30px 0 0; background: #fff; border-radius: 10px; overflow: hidden; }

.result .layer .wrap p { padding: 15px 0; background: #ffce25; color: #fff; }

.result .layer ul.feacture { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; padding: 0 10px 30px; font-weight: 500; }

.result .layer ul.feacture li { position: relative; -webkit-box-flex: 1; -ms-flex: 1 0; flex: 1 0; font-size: 18px; line-height: 1.3; text-align: center; }

.result .layer ul.feacture li span { font-size: 16px; }

.result .layer ul.feacture li:before { content: ''; display: block; width: 105px; height: 100px; margin: 0 auto; background: url("/project/kac/img/pictogram2.png"); }

.result .layer ul.feacture li + li:after { content: ''; position: absolute; left: 0; top: 0; width: 1px; height: 120px; background: #ddd; }

.result .layer dl { padding: 0 30px 25px; text-align: left; }

.result .layer dl dt { margin-bottom: 5px; }

.result .layer dl dt ~ dt { margin-top: 15px; }

.result .layer dl dt strong { padding: 2px 12px; background: #ffce25; color: #fff; border-radius: 15px; font-weight: 300; }

.result .layer .btns { margin-top: 20px; }

.ticket { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 624px; height: 821px; margin: 0 auto; padding: 150px 105px 190px 55px; background: url("/project/kac/img/ticket.png") no-repeat 0 0; background-size: 100% auto; border-radius: 14px; /**&:after{content:'';position:absolute;left:0;width:100%;} &:after{top:calc(538px * 0.14);height:calc(538px * 1.14);border-radius:0 0 14px 14px;background:#ffce25;}*/ }

.ticket > i { position: absolute; left: 5%; top: 6px; width: 510px; height: 20px; background: #ffce25; border-radius: 14px 14px 0 0; -webkit-box-shadow: 0 -8px 15px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 -8px 15px rgba(0, 0, 0, 0.1) inset; z-index: 0; }

.ticket > * { position: relative; z-index: 1; }

.ticket dl { text-align: left; }

.ticket dl.from, .ticket dl.to { width: 50%; margin: 0 0 15px; }

.ticket dl.to { text-align: right; }

.ticket dl dt { opacity: 0.5; font: 500 20px "Roboto", sans-serif; }

.ticket dl.from dd, .ticket dl.to dd { font: 300 85px "Roboto", sans-serif; }

.ticket dl:not(.from):not(.to) dd { font: 400 26px "Roboto", sans-serif; }

.ticket dl .passenger { width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.ticket .qr-code { height: 238px; margin: 20px auto 0; padding: 28px; background: #fff; border-radius: 14px; }

.ticket .qr-code:after { content: ''; display: block; width: 182px; height: 185px; background: url("/project/kac/img/ticket.png") -55px -881px no-repeat; }

.ticket .plane { position: absolute; left: calc(50% - 20px); top: 200px; width: 45px; height: 43px; margin: 0 0 0 -15px; background: url("/project/kac/img/ticket.png") 0 -880px no-repeat; }

.device { position: relative; width: 340px; min-height: 620px; padding: 30px; border-radius: 40px; overflow: hidden; background: #fff; -webkit-box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.35); box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.35); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; }

.device > i { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 15px solid #222; border-radius: 40px; z-index: 2; }

.obj i { position: absolute; display: block; -webkit-transform-origin: 0 0; transform-origin: 0 0; }

.obj i.person1 { width: 29.0625vw; height: 41.30208vw; left: 36.97917vw; top: calc(50vh - 80.26042vw + (76.5vw)); background: url("/project/kac/img/obj/person1.png"); background-size: cover; }

.obj i.person2 { width: 14.375vw; height: 41.30208vw; left: 41.66667vw; top: calc(50vh - 87.39583vw + (76.5vw)); background: url("/project/kac/img/obj/person2.png"); background-size: cover; }

.obj i.person3 { width: 16.5625vw; height: 17.86458vw; left: 68.64583vw; top: calc(50vh - 96.45833vw + (76.5vw)); background: url("/project/kac/img/obj/person3.png"); background-size: cover; }

.obj i.person4 { width: 28.64583vw; height: 42.39583vw; left: 13.17708vw; top: calc(50vh - 97.5vw + (76.5vw)); background: url("/project/kac/img/obj/person4.png"); background-size: cover; }

.obj i.person5 { width: 12.34375vw; height: 30.3125vw; left: 41.45833vw; top: calc(50vh - 84.11458vw + (76.5vw)); background: url("/project/kac/img/obj/person5.png"); background-size: cover; }

.obj i.user1 { width: 17.03125vw; height: 28.64583vw; left: 61.77083vw; top: calc(50vh - 91.04167vw + (76.5vw)); background: url("/project/kac/img/obj/user1.png"); background-size: cover; }

.obj i.uam { width: 47.29167vw; height: 19.6875vw; left: 10.05208vw; top: calc(50vh - 94.16667vw + (76.5vw)); background: url("/project/kac/img/obj/uam.png"); background-size: cover; }

.obj i.globe { width: 7.1875vw; height: 7.1875vw; left: 16.92708vw; top: calc(50vh - 78.17708vw + (76.5vw)); background: url("/project/kac/img/obj/globe.png"); background-size: cover; }

.obj i.ticket1 { width: 11.875vw; height: 6.92708vw; left: 12.91667vw; top: calc(50vh - 69.21875vw + (76.5vw)); background: url("/project/kac/img/obj/ticket1.png"); background-size: cover; }

.obj i.ticket2 { width: 8.38542vw; height: 6.97917vw; left: 28.125vw; top: calc(50vh - 77.96875vw + (76.5vw)); background: url("/project/kac/img/obj/ticket2.png"); background-size: cover; }

.obj i.camera { width: 10.26042vw; height: 12.23958vw; left: 34.0625vw; top: calc(50vh - 73.95833vw + (76.5vw)); background: url("/project/kac/img/obj/camera.png"); background-size: cover; }

.obj i.airport { width: 21.09375vw; height: 13.69792vw; left: 17.34375vw; top: calc(50vh - 68.125vw + (76.5vw)); background: url("/project/kac/img/obj/airport.png"); background-size: cover; }

.obj i.plane { width: 15.67708vw; height: 9.84375vw; left: 66.14583vw; top: calc(50vh - 95.52083vw + (76.5vw)); background: url("/project/kac/img/obj/plane.png"); background-size: cover; }

.obj i.passport { width: 7.76042vw; height: 8.54167vw; left: 62.5vw; top: calc(50vh - 74.58333vw + (76.5vw)); background: url("/project/kac/img/obj/passport.png"); background-size: cover; }

.obj i.sign { width: 8.17708vw; height: 7.34375vw; left: 78.38542vw; top: calc(50vh - 84.84375vw + (76.5vw)); background: url("/project/kac/img/obj/sign.png"); background-size: cover; }

.obj i.airport-limousine { width: 15.46875vw; height: 5.67708vw; left: 63.07292vw; top: calc(50vh - 59.6875vw + (76.5vw)); background: url("/project/kac/img/obj/airport-limousine.png"); background-size: cover; }

.obj i.robot { width: 8.80208vw; height: 23.07292vw; left: 47.91667vw; top: calc(50vh - 85.15625vw + (76.5vw)); background: url("/project/kac/img/obj/robot.png"); background-size: cover; }

.obj i.robot2 { width: 10.41667vw; height: 24.27083vw; left: 13.125vw; top: calc(50vh - 72.70833vw + (76.5vw)); background: url("/project/kac/img/obj/robot2.png"); background-size: cover; }

.obj i.kiosk { width: 7.55208vw; height: 19.89583vw; left: 81.5625vw; top: calc(50vh - 86.14583vw + (76.5vw)); background: url("/project/kac/img/obj/kiosk.png"); background-size: cover; }

.obj i.hologram { width: 20.05208vw; height: 11.875vw; left: 42.70833vw; top: calc(50vh - 96.45833vw + (76.5vw)); background: url("/project/kac/img/obj/hologram.png"); background-size: cover; }

.obj i.arch { width: 72.55208vw; height: 61.97917vw; left: 15vw; top: calc(50vh - 108.85417vw + (76.5vw)); background: url("/project/kac/img/obj/arch.png"); background-size: cover; }

.obj i.arch1 { width: 19.84375vw; height: 31.66667vw; left: 15vw; top: calc(50vh - 108.85417vw + (76.5vw)); background: url("/project/kac/img/obj/arch1.png"); background-size: cover; }

.obj i.arch2 { width: 18.80208vw; height: 30.9375vw; left: 23.17708vw; top: calc(50vh - 104.11458vw + (76.5vw)); background: url("/project/kac/img/obj/arch2.png"); background-size: cover; }

.obj i.arch3 { width: 18.80208vw; height: 30.9375vw; left: 31.77083vw; top: calc(50vh - 99.0625vw + (76.5vw)); background: url("/project/kac/img/obj/arch3.png"); background-size: cover; }

.obj i.arch4 { width: 18.80208vw; height: 30.9375vw; left: 40.78125vw; top: calc(50vh - 93.90625vw + (76.5vw)); background: url("/project/kac/img/obj/arch4.png"); background-size: cover; }

.obj i.arch5 { width: 18.80208vw; height: 30.9375vw; left: 48.85417vw; top: calc(50vh - 89.63542vw + (76.5vw)); background: url("/project/kac/img/obj/arch5.png"); background-size: cover; }

.obj i.arch6 { width: 18.80208vw; height: 30.9375vw; left: 57.76042vw; top: calc(50vh - 84.11458vw + (76.5vw)); background: url("/project/kac/img/obj/arch6.png"); background-size: cover; }

.obj i.arch7 { width: 19.84375vw; height: 31.66667vw; left: 67.70833vw; top: calc(50vh - 78.54167vw + (76.5vw)); background: url("/project/kac/img/obj/arch7.png"); background-size: cover; }

.obj i.one-id { width: 11.35417vw; height: 7.5vw; left: 32.96875vw; top: calc(50vh - 88.07292vw + (76.5vw)); background: url("/project/kac/img/obj/one-id.png"); background-size: cover; }

.obj i.passenger1 { width: 12.91667vw; height: 24.375vw; left: 22.96875vw; top: calc(50vh - 100vw + (76.5vw)); background: url("/project/kac/img/obj/passenger1.png"); background-size: cover; }

.obj i.passenger2 { width: 9.16667vw; height: 25.36458vw; left: 37.13542vw; top: calc(50vh - 94.32292vw + (76.5vw)); background: url("/project/kac/img/obj/passenger2.png"); background-size: cover; }

.obj i.passenger3 { width: 17.44792vw; height: 25.67708vw; left: 48.125vw; top: calc(50vh - 86.25vw + (76.5vw)); background: url("/project/kac/img/obj/passenger3.png"); background-size: cover; }

.obj i.passenger4 { width: 9.84375vw; height: 27.8125vw; left: 75.46875vw; top: calc(50vh - 74.89583vw + (76.5vw)); background: url("/project/kac/img/obj/passenger4.png"); background-size: cover; }

.obj i.baggage1 { width: 14.84375vw; height: 18.54167vw; left: 72.8125vw; top: calc(50vh - 77.96875vw + (76.5vw)); background: url("/project/kac/img/obj/baggage1.png"); background-size: cover; }

.obj i.baggage2 { width: 9.63542vw; height: 23.95833vw; left: 0vw; top: calc(50vh - 100vw + (76.5vw)); background: url("/project/kac/img/obj/baggage2.png"); background-size: cover; }

.obj i.baggage3 { width: 4.21875vw; height: 14.73958vw; left: 51.25vw; top: calc(50vh - 78.59375vw + (76.5vw)); background: url("/project/kac/img/obj/baggage3.png"); background-size: cover; }

.obj i.baggage4 { width: 12.23958vw; height: 8.64583vw; left: 56.04167vw; top: calc(50vh - 79.27083vw + (76.5vw)); background: url("/project/kac/img/obj/baggage4.png"); background-size: cover; }

.obj i.baggage5 { width: 8.54167vw; height: 8.69792vw; left: 76.40625vw; top: calc(50vh - 79.32292vw + (76.5vw)); background: url("/project/kac/img/obj/baggage5.png"); background-size: cover; }

.obj i.baggage-tracking { width: 6.71875vw; height: 5.52083vw; left: 35.10417vw; top: calc(50vh - 89.58333vw + (76.5vw)); background: url("/project/kac/img/obj/baggage-tracking.png"); background-size: cover; }

.obj i.wifi { width: 2.55208vw; height: 2.55208vw; left: 40.67708vw; top: calc(50vh - 71.82292vw + (76.5vw)); background: url("/project/kac/img/obj/wifi.png"); background-size: cover; }

.obj i.bird1 { width: 6.40625vw; height: 6.35417vw; left: 23.38542vw; top: calc(50vh - 94.0625vw + (76.5vw)); background: url("/project/kac/img/obj/bird1.png"); background-size: cover; }

.obj i.bird2 { width: 9.0625vw; height: 7.29167vw; left: 72.70833vw; top: calc(50vh - 73.22917vw + (76.5vw)); background: url("/project/kac/img/obj/bird2.png"); background-size: cover; }

.obj i.humming { width: 4.79167vw; height: 3.85417vw; left: 66.61458vw; top: calc(50vh - 95.46875vw + (76.5vw)); background: url("/project/kac/img/obj/humming.png"); background-size: cover; }

.obj i.security-check1 { width: 8.75vw; height: 21.97917vw; left: 8.95833vw; top: calc(50vh - 89.53125vw + (76.5vw)); background: url("/project/kac/img/obj/security-check1.png"); background-size: cover; }

.obj i.security-check2 { width: 9.32292vw; height: 23.28125vw; left: 23.69792vw; top: calc(50vh - 85.52083vw + (76.5vw)); background: url("/project/kac/img/obj/security-check2.png"); background-size: cover; }

.obj i.security-check3 { width: 7.96875vw; height: 23.48958vw; left: 32.91667vw; top: calc(50vh - 80.9375vw + (76.5vw)); background: url("/project/kac/img/obj/security-check3.png"); background-size: cover; }

.obj i.security-check4 { width: 8.125vw; height: 23.38542vw; left: 41.35417vw; top: calc(50vh - 76.19792vw + (76.5vw)); background: url("/project/kac/img/obj/security-check4.png"); background-size: cover; }

.obj i.security-check5 { width: 13.80208vw; height: 13.80208vw; left: 66.25vw; top: calc(50vh - 98.54167vw + (76.5vw)); background: url("/project/kac/img/obj/security-check5.png"); background-size: cover; }

.obj i.security-check6 { width: 13.64583vw; height: 13.75vw; left: 75.36458vw; top: calc(50vh - 91.71875vw + (76.5vw)); background: url("/project/kac/img/obj/security-check6.png"); background-size: cover; }

.obj i.transport { width: 38.85417vw; height: 27.03125vw; left: -5.52083vw; top: calc(50vh - 91.51042vw + (76.5vw)); background: url("/project/kac/img/obj/transport.png"); background-size: cover; }

.obj i.staff { width: 18.90625vw; height: 15.52083vw; left: 21.92708vw; top: calc(50vh - 79.79167vw + (76.5vw)); background: url("/project/kac/img/obj/staff.png"); background-size: cover; }

.obj i.have-a-nice-trip { width: 31.82292vw; height: 10.05208vw; left: 34.11458vw; top: calc(50vh - 91.66667vw + (76.5vw)); background: url("/project/kac/img/obj/have-a-nice-trip.png"); background-size: cover; }

.obj i.application-alarm1 { width: 15.20833vw; height: 32.08333vw; left: 18.33333vw; top: calc(50vh - 92.96875vw + (76.5vw)); background: url("/project/kac/img/obj/application-alarm1.png"); background-size: cover; }

.obj i.application-alarm2 { width: 25.10417vw; height: 10.20833vw; left: 21.61458vw; top: calc(50vh - 92.8125vw + (76.5vw)); background: url("/project/kac/img/obj/application-alarm2.png"); background-size: cover; }

.obj i.off-airport1 { width: 18.33333vw; height: 36.61458vw; left: 16.14583vw; top: calc(50vh - 93.54167vw + (76.5vw)); background: url("/project/kac/img/obj/off-airport1.png"); background-size: cover; }

.obj i.off-airport2 { width: 15.05208vw; height: 10.67708vw; left: 31.30208vw; top: calc(50vh - 97.70833vw + (76.5vw)); background: url("/project/kac/img/obj/off-airport2.png"); background-size: cover; }

.obj i.screen-alarm { width: 5.83333vw; height: 2.60417vw; left: 18.64583vw; top: calc(50vh - 89.0625vw + (76.5vw)); background: url("/project/kac/img/obj/screen-alarm.png"); background-size: cover; }

.obj i.arrival-alarm1 { width: 29.79167vw; height: 30.9375vw; left: 58.33333vw; top: calc(50vh - 92.13542vw + (76.5vw)); background: url("/project/kac/img/obj/arrival-alarm1.png"); background-size: cover; }

.obj i.arrival-alarm2 { width: 14.79167vw; height: 9.53125vw; left: 59.53125vw; top: calc(50vh - 91.77083vw + (76.5vw)); background: url("/project/kac/img/obj/arrival-alarm2.png"); background-size: cover; }

.obj i.augmented-reality1 { width: 15.3125vw; height: 30.36458vw; left: 25.36458vw; top: calc(50vh - 88.02083vw + (76.5vw)); background: url("/project/kac/img/obj/augmented-reality1.png"); background-size: cover; }

.obj i.augmented-reality2 { width: 13.07292vw; height: 34.84375vw; left: 17.34375vw; top: calc(50vh - 91.14583vw + (76.5vw)); background: url("/project/kac/img/obj/augmented-reality2.png"); background-size: cover; }

.obj i.smart-payment1 { width: 21.66667vw; height: 33.85417vw; left: 55.98958vw; top: calc(50vh - 87.55208vw + (76.5vw)); background: url("/project/kac/img/obj/smart-payment1.png"); background-size: cover; }

.obj i.smart-payment2 { width: 14.0625vw; height: 40.10417vw; left: 66.04167vw; top: calc(50vh - 90.98958vw + (76.5vw)); background: url("/project/kac/img/obj/smart-payment2.png"); background-size: cover; }

.obj i.automatic-gate1 { width: 22.96875vw; height: 16.19792vw; left: 72.13542vw; top: calc(50vh - 85.78125vw + (76.5vw)); background: url("/project/kac/img/obj/automatic-gate1.png"); background-size: cover; }

.obj i.automatic-gate2 { width: 10.26042vw; height: 3.90625vw; left: 80.26042vw; top: calc(50vh - 91.19792vw + (76.5vw)); background: url("/project/kac/img/obj/automatic-gate2.png"); background-size: cover; }

@media (max-aspect-ratio: 1920 / 900) { .obj i.person1 { width: 62vh; height: 88.11111vh; left: calc(50vw - 21.11111vh - 6.5vh); top: 42.11111vh; }
  .obj i.person2 { width: 30.66667vh; height: 88.11111vh; left: calc(50vw - 11.11111vh - 6.5vh); top: 26.88889vh; }
  .obj i.person3 { width: 35.33333vh; height: 38.11111vh; left: calc(50vw - -46.44444vh - 6.5vh); top: 7.55556vh; }
  .obj i.person4 { width: 61.11111vh; height: 90.44444vh; left: calc(50vw - 71.88889vh - 6.5vh); top: 5.33333vh; }
  .obj i.person5 { width: 26.33333vh; height: 64.66667vh; left: calc(50vw - 11.55556vh - 6.5vh); top: 33.88889vh; }
  .obj i.user1 { width: 36.33333vh; height: 61.11111vh; left: calc(50vw - -31.77778vh - 6.5vh); top: 19.11111vh; }
  .obj i.uam { width: 100.88889vh; height: 42vh; left: calc(50vw - 78.55556vh - 6.5vh); top: 12.44444vh; }
  .obj i.globe { width: 15.33333vh; height: 15.33333vh; left: calc(50vw - 63.88889vh - 6.5vh); top: 46.55556vh; }
  .obj i.ticket1 { width: 25.33333vh; height: 14.77778vh; left: calc(50vw - 72.44444vh - 6.5vh); top: 65.66667vh; }
  .obj i.ticket2 { width: 17.88889vh; height: 14.88889vh; left: calc(50vw - 40vh - 6.5vh); top: 47vh; }
  .obj i.camera { width: 21.88889vh; height: 26.11111vh; left: calc(50vw - 27.33333vh - 6.5vh); top: 55.55556vh; }
  .obj i.airport { width: 45vh; height: 29.22222vh; left: calc(50vw - 63vh - 6.5vh); top: 68vh; }
  .obj i.plane { width: 33.44444vh; height: 21vh; left: calc(50vw - -41.11111vh - 6.5vh); top: 9.55556vh; }
  .obj i.passport { width: 16.55556vh; height: 18.22222vh; left: calc(50vw - -33.33333vh - 6.5vh); top: 54.22222vh; }
  .obj i.sign { width: 17.44444vh; height: 15.66667vh; left: calc(50vw - -67.22222vh - 6.5vh); top: 32.33333vh; }
  .obj i.airport-limousine { width: 33vh; height: 12.11111vh; left: calc(50vw - -34.55556vh - 6.5vh); top: 86vh; }
  .obj i.robot { width: 18.77778vh; height: 49.22222vh; left: calc(50vw - -2.22222vh - 6.5vh); top: 31.66667vh; }
  .obj i.robot2 { width: 22.22222vh; height: 51.77778vh; left: calc(50vw - 72vh - 6.5vh); top: 58.22222vh; }
  .obj i.kiosk { width: 16.11111vh; height: 42.44444vh; left: calc(50vw - -74vh - 6.5vh); top: 29.55556vh; }
  .obj i.hologram { width: 42.77778vh; height: 25.33333vh; left: calc(50vw - 8.88889vh - 6.5vh); top: 7.55556vh; }
  .obj i.arch { width: 154.77778vh; height: 132.22222vh; left: calc(50vw - 68vh - 6.5vh); top: -18.88889vh; }
  .obj i.arch1 { width: 42.33333vh; height: 67.55556vh; left: calc(50vw - 68vh - 6.5vh); top: -18.88889vh; }
  .obj i.arch2 { width: 40.11111vh; height: 66vh; left: calc(50vw - 50.55556vh - 6.5vh); top: -8.77778vh; }
  .obj i.arch3 { width: 40.11111vh; height: 66vh; left: calc(50vw - 32.22222vh - 6.5vh); top: 2vh; }
  .obj i.arch4 { width: 40.11111vh; height: 66vh; left: calc(50vw - 13vh - 6.5vh); top: 13vh; }
  .obj i.arch5 { width: 40.11111vh; height: 66vh; left: calc(50vw - -4.22222vh - 6.5vh); top: 22.11111vh; }
  .obj i.arch6 { width: 40.11111vh; height: 66vh; left: calc(50vw - -23.22222vh - 6.5vh); top: 33.88889vh; }
  .obj i.arch7 { width: 42.33333vh; height: 67.55556vh; left: calc(50vw - -44.44444vh - 6.5vh); top: 45.77778vh; }
  .obj i.one-id { width: 24.22222vh; height: 16vh; left: calc(50vw - 29.66667vh - 6.5vh); top: 25.44444vh; }
  .obj i.passenger1 { width: 27.55556vh; height: 52vh; left: calc(50vw - 51vh - 6.5vh); top: 0vh; }
  .obj i.passenger2 { width: 19.55556vh; height: 54.11111vh; left: calc(50vw - 20.77778vh - 6.5vh); top: 12.11111vh; }
  .obj i.passenger3 { width: 37.22222vh; height: 54.77778vh; left: calc(50vw - -2.66667vh - 6.5vh); top: 29.33333vh; }
  .obj i.passenger4 { width: 21vh; height: 59.33333vh; left: calc(50vw - -61vh - 6.5vh); top: 53.55556vh; }
  .obj i.baggage1 { width: 31.66667vh; height: 39.55556vh; left: calc(50vw - -55.33333vh - 6.5vh); top: 47vh; }
  .obj i.baggage2 { width: 20.55556vh; height: 51.11111vh; left: calc(50vw - 100vh - 6.5vh); top: 0vh; }
  .obj i.baggage3 { width: 9vh; height: 31.44444vh; left: calc(50vw - -9.33333vh - 6.5vh); top: 45.66667vh; }
  .obj i.baggage4 { width: 26.11111vh; height: 18.44444vh; left: calc(50vw - -19.55556vh - 6.5vh); top: 44.22222vh; }
  .obj i.baggage5 { width: 18.22222vh; height: 18.55556vh; left: calc(50vw - -63vh - 6.5vh); top: 44.11111vh; }
  .obj i.baggage-tracking { width: 14.33333vh; height: 11.77778vh; left: calc(50vw - 25.11111vh - 6.5vh); top: 22.22222vh; }
  .obj i.wifi { width: 5.44444vh; height: 5.44444vh; left: calc(50vw - 13.22222vh - 6.5vh); top: 60.11111vh; }
  .obj i.bird1 { width: 13.66667vh; height: 13.55556vh; left: calc(50vw - 50.11111vh - 6.5vh); top: 12.66667vh; }
  .obj i.bird2 { width: 19.33333vh; height: 15.55556vh; left: calc(50vw - -55.11111vh - 6.5vh); top: 57.11111vh; }
  .obj i.humming { width: 10.22222vh; height: 8.22222vh; left: calc(50vw - -42.11111vh - 6.5vh); top: 9.66667vh; }
  .obj i.security-check1 { width: 18.66667vh; height: 46.88889vh; left: calc(50vw - 80.88889vh - 6.5vh); top: 22.33333vh; }
  .obj i.security-check2 { width: 19.88889vh; height: 49.66667vh; left: calc(50vw - 49.44444vh - 6.5vh); top: 30.88889vh; }
  .obj i.security-check3 { width: 17vh; height: 50.11111vh; left: calc(50vw - 29.77778vh - 6.5vh); top: 40.66667vh; }
  .obj i.security-check4 { width: 17.33333vh; height: 49.88889vh; left: calc(50vw - 11.77778vh - 6.5vh); top: 50.77778vh; }
  .obj i.security-check5 { width: 29.44444vh; height: 29.44444vh; left: calc(50vw - -41.33333vh - 6.5vh); top: 3.11111vh; }
  .obj i.security-check6 { width: 29.11111vh; height: 29.33333vh; left: calc(50vw - -60.77778vh - 6.5vh); top: 17.66667vh; }
  .obj i.transport { width: 82.88889vh; height: 57.66667vh; left: calc(50vw - 111.77778vh - 6.5vh); top: 18.11111vh; }
  .obj i.staff { width: 40.33333vh; height: 33.11111vh; left: calc(50vw - 53.22222vh - 6.5vh); top: 43.11111vh; }
  .obj i.have-a-nice-trip { width: 67.88889vh; height: 21.44444vh; left: calc(50vw - 27.22222vh - 6.5vh); top: 17.77778vh; }
  .obj i.application-alarm1 { width: 32.44444vh; height: 68.44444vh; left: calc(50vw - 60.88889vh - 6.5vh); top: 15vh; }
  .obj i.application-alarm2 { width: 53.55556vh; height: 21.77778vh; left: calc(50vw - 53.88889vh - 6.5vh); top: 15.33333vh; }
  .obj i.off-airport1 { width: 39.11111vh; height: 78.11111vh; left: calc(50vw - 65.55556vh - 6.5vh); top: 13.77778vh; }
  .obj i.off-airport2 { width: 32.11111vh; height: 22.77778vh; left: calc(50vw - 33.22222vh - 6.5vh); top: 4.88889vh; }
  .obj i.screen-alarm { width: 12.44444vh; height: 5.55556vh; left: calc(50vw - 60.22222vh - 6.5vh); top: 23.33333vh; }
  .obj i.arrival-alarm1 { width: 63.55556vh; height: 66vh; left: calc(50vw - -24.44444vh - 6.5vh); top: 16.77778vh; }
  .obj i.arrival-alarm2 { width: 31.55556vh; height: 20.33333vh; left: calc(50vw - -27vh - 6.5vh); top: 17.55556vh; }
  .obj i.augmented-reality1 { width: 32.66667vh; height: 64.77778vh; left: calc(50vw - 45.88889vh - 6.5vh); top: 25.55556vh; }
  .obj i.augmented-reality2 { width: 27.88889vh; height: 74.33333vh; left: calc(50vw - 63vh - 6.5vh); top: 18.88889vh; }
  .obj i.smart-payment1 { width: 46.22222vh; height: 72.22222vh; left: calc(50vw - -19.44444vh - 6.5vh); top: 26.55556vh; }
  .obj i.smart-payment2 { width: 30vh; height: 85.55556vh; left: calc(50vw - -40.88889vh - 6.5vh); top: 19.22222vh; }
  .obj i.automatic-gate1 { width: 49vh; height: 34.55556vh; left: calc(50vw - -53.88889vh - 6.5vh); top: 30.33333vh; }
  .obj i.automatic-gate2 { width: 21.88889vh; height: 8.33333vh; left: calc(50vw - -71.22222vh - 6.5vh); top: 18.77778vh; } }

.obj .wifi2 { -webkit-transform: translate3d(350%, -70%, 0) scale(0.75) rotate(-100deg); transform: translate3d(350%, -70%, 0) scale(0.75) rotate(-100deg); }

.obj .person3 { left: calc(50% + 20vw); top: calc(50% - 20vw); }

.obj .bird1 { left: calc(50% - 40vw); top: calc(50% - 25vw); }

.obj .bird2 { left: calc(50% + 30vw); top: calc(50% + 100px); }

[class*='picto'] { display: block; width: 105px; height: 105px; margin: 0 auto; }

.picto1 { background: #fff url("/project/kac/img/pictogram1.png") no-repeat; border-radius: 50%; }

.picto2 { background: rgba(0, 0, 0, 0.1) url("/project/kac/img/pictogram2.png") no-repeat; }

#intro { background: #ffce25; cursor: pointer; }

#intro b { display: block; position: absolute; background: url("/project/kac/img/intro.png") no-repeat; text-indent: -10000em; z-index: 1; }

#intro b:nth-of-type(1) { width: 612px; height: 170px; top: 14%; left: calc(50% - 306px); background-position: 0 0; }

#intro b:nth-of-type(2) { width: 224px; height: 117px; top: 35%; left: calc(50% - 424px); background-position: 0 100%; }

#intro b:nth-of-type(3) { width: 223px; height: 117px; top: 35%; left: calc(50% + 202px); background-position: 100% 100%; }

#intro .obj i.person1 { z-index: 1; }

#intro .obj i.uam { -webkit-transform: scale(0.52); transform: scale(0.52); }

#intro .obj i.ticket1 { -webkit-transform: rotate(-9deg); transform: rotate(-9deg); }

#intro .obj i.ticket2 { -webkit-transform: rotate(42deg); transform: rotate(42deg); }

#intro .obj i.baggage1 { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); }

#boarding_pass { padding: 100px 0 0; background: #ffba15; text-align: center; }

#boarding_pass h2 { margin: 0 auto 20px; font-size: 90px; font-weight: 600; letter-spacing: -0.04em; color: #fff; }

#boarding_pass h2 b { font-family: "Roboto", sans-serif; font-weight: 500; }

#boarding_pass .em { margin: 30px auto 0; color: #fff; font-size: 30px; font-weight: 600; }

#boarding_pass .em1 { font-size: 26px; }

#boarding_pass form { margin: 50px auto 0; }

#boarding_pass form fieldset { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 880px; margin: 0 auto 50px; padding: 85px 76px 30px; background: #ffce25; -webkit-box-shadow: 30px 30px 50px rgba(0, 0, 0, 0.2); box-shadow: 30px 30px 50px rgba(0, 0, 0, 0.2); }

#boarding_pass form fieldset > div { position: relative; min-width: 238px; }

#boarding_pass form fieldset > div + div { margin-left: 5px; }

#boarding_pass form fieldset > div > div { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

#boarding_pass form fieldset > div > div + div { margin-left: 1px; }

#boarding_pass form fieldset > div:nth-of-type(n + 4):nth-of-type(-n + 8) { margin-top: 12px; }

#boarding_pass form fieldset legend { position: absolute; display: block; left: calc(50% - 70px); top: 30px; width: 140px; font: 400 28px "Roboto", sans-serif; font-style: italic; }

#boarding_pass form fieldset input[type='text'], #boarding_pass form fieldset select, #boarding_pass form fieldset button { height: 48px; border-radius: 5px; outline: none; font: 500 15px "Noto Sans CJK KR", sans-serif; }

#boarding_pass form fieldset input[type='text'], #boarding_pass form fieldset select { width: 100%; border: 0 none; }

#boarding_pass form fieldset select { width: 238px; padding: 0 5px; }

#boarding_pass form fieldset input[type='text'] { padding: 0 9px; }

#boarding_pass form fieldset input[type='text']#inp_from, #boarding_pass form fieldset input[type='text']#inp_name { width: 238px; }

#boarding_pass form fieldset input[type='text']:disabled { background: #fff; color: inherit; }

#boarding_pass form fieldset legend, #boarding_pass form fieldset label { color: #fff; }

#boarding_pass form fieldset select { display: inline-block; }

#boarding_pass form fieldset label { display: block; margin: 0 0 3px; font-weight: 300; text-align: left; }

#boarding_pass form fieldset .set { position: relative; width: 157px; height: 48px; }

#boarding_pass form fieldset .set button { position: absolute; top: 0; width: 48px; height: 48px; background: #f4f4f4; text-indent: -10000em; }

#boarding_pass form fieldset .set button:before, #boarding_pass form fieldset .set button:after { position: absolute; left: 17px; top: 24px; width: 14px; height: 2px; background: url("/project/kac/img/ico.png") -26px -58px; }

#boarding_pass form fieldset .set button:before { -webkit-transform: rotate(90deg); transform: rotate(90deg); }

#boarding_pass form fieldset .set button:after { content: ''; }

#boarding_pass form fieldset .set button.incr { right: 0; }

#boarding_pass form fieldset .set button.incr:before { content: ''; }

#boarding_pass form fieldset .set button.decr { left: 0; }

#boarding_pass form fieldset .set input[type='text'] { text-align: center; }

#boarding_pass form fieldset .from:after { content: ''; position: absolute; right: 12px; top: 12px; width: 16px; height: 24px; background: url("/project/kac/img/ico.png") 0 -40px; }

#boarding_pass form fieldset .name:after { content: ''; position: absolute; right: 12px; top: 12px; width: 23px; height: 23px; background: url("/project/kac/img/ico.png") -50px -40px; }

#boarding_pass .ticket { margin: 25px auto -150px; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; }

#boarding_pass .layer { display: none; }

#boarding_pass a[class*='btn'], #boarding_pass button[class*='btn'] { width: 160px; }

#boarding_pass .scene1 { padding-bottom: 50px; }

#boarding_pass .scene2 { display: none; }

#boarding_pass .obj .person2 { left: calc(50% + 360px); top: 50%; z-index: 1; }

#boarding_pass .obj .baggage2 { left: calc(50% - 580px); top: calc(50% - 20px); }

#boarding_pass .obj .ticket1 { width: 379px; height: 222px; top: calc(50% + 248px); left: calc(50% + 210px); }

#boarding_pass .obj .ticket2 { width: 273px; height: 227px; top: calc(50% + 85px); left: calc(50% + 250px); }

#boarding_pass .scene2 .btns { margin-top: 20px; }

#getting_to_the_airport { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 110px 0 0; overflow: hidden; background: #ddd url("/project/kac/img/road_bg.png") 0 100% repeat-x; }

#getting_to_the_airport h2 { width: 100%; font-size: 40px; text-align: center; font-weight: 300; }

#getting_to_the_airport h2 strong { display: block; font: 500 90px "Roboto", sans-serif; letter-spacing: -0.04em; }

#getting_to_the_airport .obj i.airport-limousine { left: 50%; top: auto; bottom: 175px; width: 472px; height: 174px; margin: 0 0 0 -846px; }

#getting_to_the_airport .device { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; margin: 0 0 -80px; }

#getting_to_the_airport .device .bg, #getting_to_the_airport .device .logo { position: absolute; left: 0; width: 100%; }

#getting_to_the_airport .device .bg { top: -245px; height: 900px; background: #1361b4; }

#getting_to_the_airport .device .bg:before, #getting_to_the_airport .device .bg:after { content: ''; position: absolute; left: 0; width: 100%; }

#getting_to_the_airport .device .bg:before { bottom: 0; height: 40%; background: #5799e4; }

#getting_to_the_airport .device .bg:after { top: 200px; height: 340px; background: url("/project/kac/img/device1.png") 50% 0; }

#getting_to_the_airport .device .logo { top: 15px; height: 50px; background: url("/project/kac/img/device1.png") 50% -350px no-repeat; }

#getting_to_the_airport .device.on .tit { position: absolute; top: 65px; right: 35px; padding: 0 15px 5px 0; color: #fff; font-size: 14px; font-weight: 300; }

#getting_to_the_airport .device.on .tit:before, #getting_to_the_airport .device.on .tit:after { content: ''; position: absolute; }

#getting_to_the_airport .device.on .tit:before { right: 0; top: 5px; width: 10px; height: 8px; background: url("/project/kac/img/device1.png") -119px -428px no-repeat; }

#getting_to_the_airport .device.on .tit:after { left: 0; bottom: 0; width: 100%; height: 1px; background: #fff; }

#getting_to_the_airport .device.on .sect1, #getting_to_the_airport .device.on .sect2, #getting_to_the_airport .device.on .sect3 { position: absolute; left: 35px; width: calc(100% - 70px); background: #fff; }

#getting_to_the_airport .device.on .sect1, #getting_to_the_airport .device.on .sect2 { border-radius: 10px; }

#getting_to_the_airport .device.on .sect1 { top: 206px; padding: 12px 15px; }

#getting_to_the_airport .device.on .sect1 dl { display: -webkit-box; display: -ms-flexbox; display: flex; }

#getting_to_the_airport .device.on .sect1 dl dt { width: 75px; color: #467bda; }

#getting_to_the_airport .device.on .sect1 dl span { display: inline-block; margin: 0 0 0 40px; padding: 1px 15px; background: #2662d9; color: #fff; border-radius: 5px; font-weight: 200; }

#getting_to_the_airport .device.on .sect2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; top: 295px; padding: 16px 30px; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15); z-index: 1; }

#getting_to_the_airport .device.on .sect2:before { content: ''; position: absolute; left: 50%; top: 50%; width: 35px; height: 17px; margin: -8px 0 0 -17px; background: url("/project/kac/img/device1.png") 0 -428px no-repeat; }

#getting_to_the_airport .device.on .sect2 dl { text-align: center; }

#getting_to_the_airport .device.on .sect3 { top: 335px; left: 15px; width: calc(100% - 30px); height: 270px; padding: 60px 0 0; }

#getting_to_the_airport .device.on .sect3 p { text-align: center; }

#getting_to_the_airport .device.on .sect3 ul { margin: 10px 0 0; padding: 0 20px; }

#getting_to_the_airport .device.on .sect3 ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; counter-increment: traffic; }

#getting_to_the_airport .device.on .sect3 ul li:before { content: "0" counter(traffic); width: 34px; height: 34px; margin: 0 20px 0 0; background: #e1effc; border-radius: 50%; text-align: center; line-height: 34px; color: #2662d9; }

#getting_to_the_airport .device.on .sect3 ul li + li { margin-top: 5px; }

#getting_to_the_airport .device.on .sect3 ul strong { padding: 0 0 0 20px; }

#getting_to_the_airport .device.on .sect3 ul strong:before { content: ''; display: inline-block; width: 64px; height: 4px; margin: 0 20px 0 0; background: url("/project/kac/img/device1.png") -45px -428px no-repeat; vertical-align: middle; }

#getting_to_the_airport .desc { width: 350px; margin: 0 0 0 4.6875vw; padding: 0 0 150px; }

#getting_to_the_airport .desc .em { margin-top: 20px; color: #2662d9; font-size: 26px; font-weight: 600; }

#getting_to_the_airport .desc .btns { position: absolute; bottom: 120px; width: 284px; }

#getting_to_the_airport .desc .btns > * { width: 100%; }

#getting_to_the_airport .banner { position: absolute; left: 50%; top: 50%; width: 160px; height: 160px; margin: -150px 0 0 350px; border-radius: 50%; border: 2px solid #2662d9; color: #000; text-align: center; overflow: hidden; font-size: 18px; }

#getting_to_the_airport .banner:before { content: ''; display: block; height: 105px; margin: 0 0 10px; background: #2662d9; }

#getting_to_the_airport .banner:after { content: ''; position: absolute; left: -24px; top: 20px; width: 192px; height: 80px; background: url("/project/kac/img/obj/uam.png"); background-size: cover; }

#uam { background: #222; }

#uam .visual { background-image: url("/project/kac/img/obj/bg_uam.png"); -webkit-transform-origin: -100% 0; transform-origin: -100% 0; }

#uam h2 strong { font-size: 90px; }

#uam h2 + p { border-left: 1px solid #ffce25; color: #ffce25; }

#uam dl.feacture1 .picto1 { background-position: 50% 0; }

#uam dl.feacture2 .picto1 { background-position: 50% -100px; }

#uam dl.feacture3 .picto1 { background-position: 50% -200px; }

#uam dl dt { color: #ffce25; }

#uam dl dt strong { background: #111; }

#uam dl dd { margin-top: 10px; color: #fff; }

#uam .btns .link { position: relative; width: 264px; padding: 0 0 10px; margin: 0 0 20px; background: transparent; color: #ffce25; font-size: 17px; letter-spacing: -0.05em; }

#uam .btns .link:before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #ffce25; }

#uam .btns .link:after { content: '>'; margin-left: 5px; }

#uam .uam-info.on { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 980px; height: 414px; margin: -212px 0 0 -490px; background: #fff; }

#uam .uam-info.on ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 590px; background: #ffba15; }

#uam .uam-info.on ul li { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 20px 0 115px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

#uam .uam-info.on ul li > i { position: absolute; left: 20px; top: 0; width: 1px; height: 100%; background: #fff; opacity: 0.5; }

#uam .uam-info.on ul li > i:before, #uam .uam-info.on ul li > i:after { content: ''; position: absolute; left: -4px; top: 0; width: 0; height: 0; border-width: 0 5px 9px 5px; border-color: transparent transparent #fff transparent; border-style: solid; }

#uam .uam-info.on ul li > i:after { top: auto; bottom: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg); }

#uam .uam-info.on ul li h3 { position: relative; width: 76px; margin: 0 10px 0 0; padding: 1px 0; background: #fff; border-radius: 15px; font-size: 18px; text-align: center; }

#uam .uam-info.on ul li h3:before { content: ''; display: block; position: absolute; top: 50%; left: -85px; width: 78px; background: url("/project/kac/img/compare-uam.png"); }

#uam .uam-info.on ul li h3:after { position: absolute; left: -26px; width: 120px; color: #fff; font-weight: 300; text-align: center; }

#uam .uam-info.on ul li:nth-child(even) { background: #ffce25; }

#uam .uam-info.on ul li:nth-child(even) > i { opacity: 1; }

#uam .uam-info.on ul li:nth-child(1) { height: 71px; }

#uam .uam-info.on ul li:nth-child(1) h3:before { height: 33px; margin-top: -16px; background-position: 0 0; }

#uam .uam-info.on ul li:nth-child(2) { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }

#uam .uam-info.on ul li:nth-child(2) h3:before { height: 33px; margin-top: -16px; background-position: 0 -50px; }

#uam .uam-info.on ul li:nth-child(2) h3:after { content: '상공2,400m'; top: -104px; }

#uam .uam-info.on ul li:nth-child(3) { height: 132px; }

#uam .uam-info.on ul li:nth-child(3) h3:before { height: 29px; margin-top: -15px; background-position: 0 -100px; }

#uam .uam-info.on ul li:nth-child(3) h3:after { content: '상공150m'; top: -64px; }

#uam .uam-info.on ul li p { font-size: 15px; }

#uam .uam-info.on ul li p + p { margin-top: 6px; }

#uam .uam-info.on ul li p strong { font-size: 17px; }

#uam .uam-info.on ul li h3 + div { width: 390px; }

#uam .uam-info.on .desc { width: 390px; padding: 50px 26px 0; }

#uam .uam-info.on .desc p { font-size: 17px; line-height: 1.7647; }

#uam .uam-info.on .desc p strong { font-size: 20px; }

#uam .uam-info.on .desc p + p { margin-top: 10px; }

#transport .visual { background-image: url("/project/kac/img/obj/bg_uam.png"); }

#transport .visual:before { opacity: 1; }

#transport h2:before { content: 'Q.'; }

#transport .info { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 280px; margin-top: 50px; padding: 50px 0 70px; }

#transport .info:before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: rgba(255, 206, 37, 0.7); }

#transport .info a { width: 238px; height: 134px; padding: 20px 12px; color: #000; counter-increment: transport; }

#transport .info a:before { content: "0" counter(transport); display: block; color: #fff; font: 50px "Roboto", sans-serif; }

#transport .info a:hover, #transport .info a.on { height: 316px; margin-bottom: -42px; background: #fff; }

#transport .info a:hover:before, #transport .info a.on:before { margin-top: -55px; color: #ffce25; }

#transport .info a:hover > strong, #transport .info a.on > strong { display: block; position: relative; margin-bottom: 35px; }

#transport .info a:hover > strong:before, #transport .info a.on > strong:before { content: ''; position: absolute; left: calc(50% - 52px); bottom: -10px; width: 104px; height: 12px; background: url("/project/kac/img/ico.png") 100% 0; }

#transport .info a:hover dl, #transport .info a.on dl { display: block; font-size: 18px; font-weight: normal; text-align: left; }

#transport .info a:hover dl dt, #transport .info a.on dl dt { display: inline-block; margin-bottom: 5px; padding: 1px 15px; background: #ffce25; color: #fff; border-radius: 15px; }

#transport .info a:hover dl dt ~ dt, #transport .info a.on dl dt ~ dt { margin-top: 12px; }

#transport .info a dl { display: none; }

#transport .layer .btns > * { width: 224px; }

#transport .layer ul.feacture li:nth-of-type(1):before { background-position: 50% 0; }

#transport .layer ul.feacture li:nth-of-type(2):before { background-position: 50% -100px; }

#transport .layer ul.feacture li:nth-of-type(3):before { background-position: 50% -200px; }

#transport .layer#layer_car ul.feacture li:nth-of-type(3):before { height: 80px; background-position: 50% -210px; }

#transport .layer p.comment { position: absolute; left: calc(50% + 250px); top: calc(50% - 180px); width: 209px; height: 135px; background: url("/project/kac/img/comment1.png"); text-indent: -10000em; }

#smart_checkin { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 10% 0 0; background: #ffce25; overflow: hidden; }

#smart_checkin h2 { width: 100%; font-size: 40px; text-align: center; font-weight: 300; letter-spacing: -0.08em; color: #fff; }

#smart_checkin h2 strong { display: block; font: 600 50px "Roboto", sans-serif; }

#smart_checkin .device, #smart_checkin .desc { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; }

#smart_checkin .device { height: 580px; margin: 0 0 -80px; padding-top: 120px; background: #000; }

#smart_checkin .device > i { border-color: #fff; }

#smart_checkin .device:before { content: ''; position: absolute; left: 15px; top: 15px; width: calc(100% - 30px); height: 72px; background: url("/project/kac/img/device2.png"); }

#smart_checkin .device p { color: #ffce25; font-size: 26px; text-align: center; }

#smart_checkin .desc { width: 414px; margin: 0 0 0 4.6875vw; }

#smart_checkin .desc .em { margin-bottom: 20px; color: #fff; font-size: 34px; font-weight: 400; }

#smart_checkin .btns { margin-top: 50px; text-align: left; }

#smart_checkin .btns [class*='btn'] { width: 200px; }

#smart_checkin .ticket { margin: 40px 0 0 -10px; -webkit-transform: scale(0.522); transform: scale(0.522); -webkit-transform-origin: 0 0; transform-origin: 0 0; }

#check_baggage { padding: 100px 0 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: #333333; }

#check_baggage .visual { background-image: url("/project/kac/img/temp/check-baggage.png"); background-size: auto; }

#check_baggage h2:before { content: 'Q.'; }

#check_baggage .info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 282px; margin-top: 50px; padding: 50px 0; }

#check_baggage .info:before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); }

#check_baggage .info > a { width: 338px; height: 134px; padding: 28px 0; line-height: 1.4; }

#check_baggage .info > a p, #check_baggage .info > a .btns { display: none; }

#check_baggage .info > a .btns { margin-top: 20px; }

#check_baggage .info > a p { margin: 10px 20px 0; padding: 30px 0 0; border-top: 2px solid #000; }

#check_baggage .info > a:hover, #check_baggage .info > a.on { height: 306px; margin-bottom: -42px; background: #fff; color: #000; }

#check_baggage .info > a:hover strong, #check_baggage .info > a.on strong { font-weight: 600; }

#check_baggage .info > a:hover p, #check_baggage .info > a:hover .btns, #check_baggage .info > a.on p, #check_baggage .info > a.on .btns { display: block; }

#check_baggage .obj i.baggage1 { left: calc(50% - 280px); top: calc(50% - 290px); width: 451px; height: 564px; }

#check_baggage .obj i.camera { left: calc(50% + 110px); top: calc(50% - 200px); width: 180px; height: 215px; }

#check_baggage .obj i.ticket1 { left: calc(50% + 90px); top: calc(50% + 100px); width: 193px; height: 113px; }

#off_airport_service { left: 50vw; width: 50vw; padding: 160px 0 100px 150px; background: #fb5338; }

#off_airport_service .visual { width: 64vw; height: 100vh; background-image: url("/project/kac/img/obj/bg_off-airport-service.png"); }

#off_airport_service .visual .person2 { -webkit-transform: scale(0.57); transform: scale(0.57); }

#off_airport_service h2 { width: 400px; }

#off_airport_service h2 + p { border-left: 2px solid #000; color: #000; }

#off_airport_service dl { text-align: center; }

#off_airport_service dl.feacture1 .picto1 { background-position: 50% -300px; }

#off_airport_service dl.feacture2 .picto1 { background-position: 50% -400px; }

#off_airport_service dl dt { color: #fff; font-size: 23px; }

#off_airport_service dl dt strong { display: inline-block; margin: 25px auto 0; padding: 0 14px; background: #dc4129; }

#off_airport_service dl dd { margin-top: 10px; color: #fff; }

#off_airport_service dl ul { display: inline-block; margin: 0 auto; text-align: left; }

#off_airport_service-info.on { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 980px; height: 414px; margin: -212px 0 0 -490px; background: #fff; }

#off_airport_service-info.on ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 590px; background: #ffba15; }

#off_airport_service-info.on ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

#off_airport_service-info.on ul li:nth-child(even) { background: #ffce25; }

#off_airport_service-info.on ul li:nth-child(1) { height: 71px; }

#off_airport_service-info.on ul li:nth-child(2) { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }

#off_airport_service-info.on ul li:nth-child(3) { height: 132px; }

#off_airport_service-info.on ul li h3 { width: 76px; margin: 0 10px 0 0; padding: 1px 0; background: #fff; border-radius: 15px; font-size: 18px; text-align: center; }

#off_airport_service-info.on ul li h3 + div { width: 390px; }

#off_airport_service-info.on .desc { width: 390px; padding: 30px 20px 0 20px; }

#preparing_for_departure { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: center; }

#preparing_for_departure .visual { background-image: url("/project/kac/img/obj/bg_preparing_for_departure.png"); }

#preparing_for_departure .info { height: 280px; background: #ffce25; }

#preparing_for_departure .info .btn { width: 264px; }

#preparing_for_departure.result .layer ul.feacture { width: 620px; }

#preparing_for_departure.result .layer ul.feacture li:nth-of-type(1):before { background-position: 50% -300px; }

#preparing_for_departure.result .layer ul.feacture li:nth-of-type(2):before { background-position: 50% -400px; }

#preparing_for_departure.result .layer ul.feacture li:nth-of-type(3):before { background-position: 50% -500px; }

#preparing_for_departure.result .layer .btn-scene { width: 224px; }

#preparing_for_departure [class*='case'] { display: none; }

#prohibited_items { padding: 15vh 0 0; background: #ffce25; }

#prohibited_items h2 { width: 1200px; margin: 0 auto; font-size: 50px; font-weight: 400; color: #fff; }

#prohibited_items h2 strong { font: 60px "Roboto", sans-serif; }

#prohibited_items .desc { position: absolute; left: calc(50% - 600px); top: 40vh; width: 1200px; }

#prohibited_items .desc p { max-width: 350px; }

#prohibited_items .items { position: absolute; left: calc(50% - 200px); top: 37vh; width: 75%; font-size: 80px; font-weight: 300; cursor: none; }

#prohibited_items .items b { display: inline-block; margin: 0 -10px; padding: 0 25px; border-radius: 55px; white-space: nowrap; }

#prohibited_items .items b:hover { background: #000; color: #ffcc25; }

#prohibited_items [class*='btn'] { width: 225px; margin-top: 30px; }

#security_check { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; left: 50vw; width: 50vw; background: #ffce25; }

#security_check .visual { background-image: url("/project/kac/img/obj/bg_security-check.png"); }

#security_check h2 + p { width: 420px; margin-top: 100px; border-left: 1px solid #000; color: #000; }

#security_check.result .layer ul.feacture { width: 620px; }

#security_check.result .layer ul.feacture li:nth-of-type(1):before { background-position: 50% -600px; }

#security_check.result .layer ul.feacture li:nth-of-type(2):before { background-position: 50% -400px; }

#security_check [class*='btn'] { width: 265px; }

#proceed_to_boarding_gate .visual { background-image: url("/project/kac/img/obj/bg_proceed-to-boarding-gate.png"); background-position: 0 0; }

#proceed_to_boarding_gate .visual .automatic-gate1 { left: auto; right: 0; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; }

#proceed_to_boarding_gate .visual .automatic-gate2 { left: auto; right: 10%; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; }

#proceed_to_boarding_gate .info { margin-top: 30px; background: #fb5338; }

#proceed_to_boarding_gate .info .btns [class*='btn'] { width: 250px; }

#proceed_to_boarding_gate > .btns .btn { background: #000; color: #fff; }

#proceed_to_boarding_gate > .btns .btn.on, #proceed_to_boarding_gate > .btns .btn:hover { background: #fb5338; }

#proceed_to_boarding_gate.result .layer ul { width: 620px; }

#proceed_to_boarding_gate.result .layer ul li:nth-of-type(1):before { background-position: 50% -400px; }

#proceed_to_boarding_gate.result .layer ul li:nth-of-type(2):before { background-position: 50% -700px; }

#proceed_to_boarding_gate.result .layer ul li:nth-of-type(3):before { background-position: 50% -800px; }

#proceed_to_boarding_gate.result .layer .btns [class*='btn'] { width: 224px; }

#have_a_nice_trip { background: #fff url("/project/kac/img/obj/trip1.png") 50% 80px no-repeat; background-size: cover; }

#have_a_nice_trip .person5 { -webkit-transform: scale(0.9); transform: scale(0.9); }

#have_a_nice_trip.result { background-image: url("/project/kac/img/obj/trip2.png"); }

#have_a_nice_trip .btn-scene { position: absolute; left: calc(50% - 173px); bottom: 10%; width: 346px; }

#arrival_procedure .visual { background-image: url("/project/kac/img/obj/trip2.png"); }

#arrival_procedure .visual.case1 [class*='application-alarm'] { display: none; }

#arrival_procedure .visual.case2 [class*='off-airport'] { display: none; }

#arrival_procedure .obj .bg1, #arrival_procedure .obj .bg2 { position: absolute; top: 0; width: calc(50% + 80px); height: 100%; background-size: cover; }

#arrival_procedure .obj .bg1 { left: 0; background-image: url("/project/kac/img/obj/arrival_procedure1.png"); background-position: 33% 20%; }

#arrival_procedure .obj .bg2 { right: 0; background-image: url("/project/kac/img/obj/arrival_procedure2.png"); background-position: 0 50%; }

#arrival_procedure .obj .screen-alarm { left: 20vw; top: 24vh; }

@media (max-aspect-ratio: 960 / 900) { #arrival_procedure .screen-alarm { top: calc(17vh * 1.45); } }

#arrival_procedure > .btns .btn { background: #000; color: #fff; }

#arrival_procedure > .btns .btn.on, #arrival_procedure > .btns .btn:hover { background: #ffce25; }

#arrival_procedure .info { margin-top: 30px; padding: 40px 0 50px; background: #ffce25; }

#arrival_procedure .info .btns [class*='btn'] { width: 250px; }

#arrival_procedure.result .layer ul { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 30px auto; padding: 0 20px; }

#arrival_procedure.result .layer ul li { max-width: 300px; padding: 20px 25px 50px; background: #fff; border-radius: 12px; }

#arrival_procedure.result .layer ul li:before { content: initial; }

#arrival_procedure.result .layer ul li h4 { display: inline-block; position: relative; margin: 0 0 20px; padding: 0 5px 5px; font-size: 22px; white-space: nowrap; }

#arrival_procedure.result .layer ul li h4:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #000; }

#arrival_procedure.result .layer ul li p { text-align: left; }

#arrival_procedure.result .layer ul li + li { margin-left: 15px; }

#arrival_procedure.result .layer ul li + li:after { content: normal; }

#arrival_procedure.result .layer .btns { width: 318px; }

#arrival_procedure.result .layer .btn-video { width: 318px; }

#arrival_procedure.result .layer .btn-scene { width: 318px; margin: 10px 0 0; }

#arrival_procedure.result .layer.onair ul { -webkit-filter: blur(25px); filter: blur(25px); }

#arrival_procedure.result .layer.onair .video { position: absolute; left: calc(50% - 600px); top: calc(50% - 300px); width: 1200px; }

#arrival_procedure.result .layer.onair .video video { display: block; width: 100%; }

#arrival_procedure.result .layer.onair .video .btn-close-video { position: absolute; right: -10px; top: -42px; width: 42px; height: 42px; border-radius: 50%; text-indent: -10000em; background: transparent; }

#arrival_procedure.result .layer.onair .video .btn-close-video:before, #arrival_procedure.result .layer.onair .video .btn-close-video:after { content: ''; position: absolute; left: 6px; top: 20px; width: 30px; height: 2px; background: #ffce25; }

#arrival_procedure.result .layer.onair .video .btn-close-video:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); }

#arrival_procedure.result .layer.onair .video .btn-close-video:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

#arrival_procedure .video { display: none; }

#outro { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 100px 0 180px; background: #191b1d; text-align: center; overflow: hidden; }

#outro h2 { color: #fff; font-size: 50px; font-weight: 400; line-height: 1.4; }

#outro h2 strong { display: block; color: #ffce25; font-weight: inherit; }

#outro > p { color: #fff; font-weight: 200; opacity: 0.6; }

#outro nav { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; width: calc(340px * 14); left: -271px; margin: 5vh 0 0; }

#outro nav a { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 340px; height: 340px; margin: 0 -15px; padding: 5vh; color: #fff; border: 1px solid #fff; border-radius: 50%; overflow: hidden; z-index: 1; word-break: keep-all; }

#outro nav a h3 { position: relative; }

#outro nav a h3:after { content: ''; display: none; width: 120px; height: 12px; margin: 0 auto; background: url("/project/kac/img/ico.png") 0 -20px no-repeat; }

#outro nav a p { position: relative; display: none; margin: 30px auto 0; font-weight: 200; }

#outro nav a p:before { content: ''; display: block; width: 16px; height: 23px; margin: 0 auto 20px; background: url("/project/kac/img/ico.png") 0 -73px no-repeat; }

#outro nav a:hover { background: #000; z-index: 0; }

#outro nav a:hover:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("/project/kac/img/airport.jpg") no-repeat; background-size: 100%; opacity: 0.5; }

#outro nav a:hover h3:after, #outro nav a:hover p { display: block; }

#outro nav a.link1:before { background-position-y: calc((-340px - 10px) * 0); }

#outro nav a.link2:before { background-position-y: calc((-340px - 10px) * 1); }

#outro nav a.link3:before { background-position-y: calc((-340px - 10px) * 2); }

#outro nav a.link4:before { background-position-y: calc((-340px - 10px) * 3); }

#outro nav a.link5:before { background-position-y: calc((-340px - 10px) * 4); }

#outro nav a.link6:before { background-position-y: calc((-340px - 10px) * 5); }

#outro nav a.link7:before { background-position-y: calc((-340px - 10px) * 6); }

#outro nav a.link8:before { background-position-y: calc((-340px - 10px) * 7); }

#outro nav a.link9:before { background-position-y: calc((-340px - 10px) * 8); }

#outro nav a.link10:before { background-position-y: calc((-340px - 10px) * 9); }

#outro nav a.link11:before { background-position-y: calc((-340px - 10px) * 10); }

#outro nav a.link12:before { background-position-y: calc((-340px - 10px) * 11); }

#outro nav a.link13:before { background-position-y: calc((-340px - 10px) * 12); }

#outro nav a.link14:before { background-position-y: calc((-340px - 10px) * 13); }

#outro nav a.link15:before { background-position-y: calc((-340px - 10px) * 14); }

#outro .btns { margin-top: 5ch; }

#outro .btn { width: 224px; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .result .layer { background: rgba(0, 0, 0, 0.98); } }

/* 하단 카피라이트 관련 클레스 영역 */
.copyright { position: absolute; left: calc(50% - 600px); bottom: 0; width: 1200px; padding: 50px 0; text-align: center; font-size: 13px; font-weight: 200; border-top: 1px solid #fff; color: #f7f7f7; z-index: 1; }

.copyright .wrap { width: 1100px; margin: 0 auto; }

.copyright:after { clear: both; content: ''; display: table; }

.copyright .copy_left { width: 60%; text-align: left; float: left; }

.copyright .copy_right { width: 350px; text-align: left; float: right; }

.copyright p { margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: inherit; letter-spacing: 0; color: #999; }

.copyright p.p-text { font-weight: 400; letter-spacing: 1px; }

.copyright p .bold { font-weight: 600; }

.copyright p .bold ~ .bold { margin-left: 20px; }

.copyright p + p { margin-top: 10px; }

.copyright .copy_right p.p-text { font-weight: 400; color: #818181; letter-spacing: .5px; font-size: 14px; font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif; }

.copyright .copy_right p.p_colnom { line-height: 22px; }

.copyright .copy_right .footer_mail { -webkit-transition: color .3s ease; transition: color .3s ease; /*font-weight:500;*/ color: #818181; text-decoration: none; font-family: 'noto-sans-scott', 'Malgun Gothic', sans-serif; }

.copyright .copy_right .footer_mail i { width: 18px; height: 12px; background: url(/ilab/img/sprite.png?v=2) no-repeat -150px 0; background-size: 200px; position: relative; display: inline-block; margin-right: 2px; vertical-align: baseline; opacity: .5; }

.copyright .copy_right .footer_tel { -webkit-transition: color .3s ease; transition: color .3s ease; /*font-weight:500;*/ color: #818181; text-decoration: none; font-family: 'noto-sans-scott', 'Malgun Gothic', sans-serif; }

.copyright .copy_right .footer_tel i { top: 2px; width: 16px; height: 16px; background: url(/ilab/img/sprite.png?v=2) no-repeat -170px 0; background-size: 200px; position: relative; display: inline-block; margin-right: 0px; vertical-align: baseline; margin-left: 10px; opacity: .5; }

/* 하단 카피라이트 관련 클레스 영역 끝 */
/*# sourceMappingURL=style.css.map */