/*@import URL('https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css');*/
@import url('https://fonts.googleapis.com/earlyaccess/nanumgothic.css');

* { border: 0; box-sizing: border-box; margin: 0; outline: 0; padding: 0 }
HTML, BODY { font-size: 11pt; margin: 0; padding: 0 }
A, BODY, BUTTON, INPUT, SELECT, TABLE, TEXTAREA { -webkit-text-size-adjust: 100%; color: #444; font-family: 'Nanum Gothic', 'NanumGothic'; }
FOOTER, HEADER, MAIN, SECTION { display: block }
A { text-decoration: none }
A:hover { text-decoration: underline; }
IFRAME { display: block }
UL, OL { list-style: none }

.w10 { width: 10% }
.w125 { width: 12.5% }
.w15 { width: 15% }
.w20 { width: 20% }
.w25 { width: 25% }
.w30 { width: 30% }
.w33 { width: 33.3% }
.w35 { width: 35% }
.w40 { width: 40% }
.w45 { width: 45% }
.w50 { width: 50% }
.w55 { width: 55% }
.w60 { width: 60% }
.w65 { width: 65% }
.w70 { width: 70% }
.w75 { width: 75% }
.w80 { width: 80% }
.w85 { width: 85% }
.w90 { width: 90% }
.w95 { width: 95% }
.w100 { width: 100% }

.ui.icon { background-image: url('./image/icon.png?rev=10'); background-size: auto 10em; color: transparent; display: inline-block; font-size: 1.25em; height: 1em; line-height: 1em; user-select: none; vertical-align: middle; width: 1em }
.ui.icon.home { background-position: 0 0 }
.ui.icon.write { background-position: -1em 0 }
.ui.icon.global { background-position: -2em 0 }
.ui.icon.search { background-position: -3em 0 }
.ui.icon.message { background-position: -4em 0 }
.ui.icon.arrow-round-left { background-position: -5em 0 }
.ui.icon.arrow-round-right { background-position: -6em 0 }
.ui.icon.arrow-round-left:hover { background-position: -5em -1em }
.ui.icon.arrow-round-right:hover { background-position: -6em -1em }
.ui.icon.arrow-right-red { background-position: -7em 0 }
.ui.icon.arrow-right-gray { background-position: -8em 0 }
.ui.icon.navigation { background-position: -9em 0 }
.ui.icon.philosophy.after-people { background-position: 0 -1em }
.ui.icon.philosophy.customer-satisfaction { background-position: -1em -1em }
.ui.icon.philosophy.global-market { background-position: -2em -1em }
.ui.icon.arrow-round-left-hover { background-position: -5em -1em }
.ui.icon.arrow-round-right-hover { background-position: -6em -1em }
.ui.icon.arrow-bordered-round-right { background-position: -7em -1em }
.ui.icon.close { background-position: -9em -1em }
.ui.icon.vision.technology { background-position: 0 -2em; }
.ui.icon.vision.competitiveness { background-position: -1em -2em; }
.ui.icon.vision.quality { background-position: -2em -2em; }
.ui.icon.vision.employment { background-position: -3em -2em; }
.ui.icon.vision.growth { background-position: -4em -2em; }
.ui.icon.vision.transport { background-position: -5em -2em; }
.ui.icon.strategy.expand { background-position: -6em -2em; }
.ui.icon.strategy.elevate { background-position: -7em -2em; }
.ui.icon.facebook { background-position: 0 -3em; }
.ui.icon.youtube { background-position: -1em -3em; }
.ui.icon.linkedin { background-position: -2em -3em; }
.ui.icon.right-sign { background-position: -3em -3em; }
.ui.icon.Large.aeroplane { background-position: -4em -3em; }
.ui.icon.Small.aeroplane { background-position: -5em -3em; }
.ui.icon.Large.rotorcraft { background-position: -6em -3em; }
.ui.icon.Small.rotorcraft { background-position: -7em -3em; }

.ui.button { -moz-appearance: none; -webkit-appearance: none; appearance: none; background: none; border: 1px solid #e1261c; border-radius: .25em; box-sizing: border-box; color: #e1261c; cursor: pointer; display: inline-block; font-size: 1.1rem; font-weight: 700; line-height: 1em; outline: 0; padding: .75em 2em; text-align: center; text-decoration: none }
.ui.button.wide { display: block }
.ui.button.filled { background-color: #e1261c; color: #fff }
.ui.button.filled:hover { background-color: #f63440; border-color: #f63440; color: #FFF }

.ui.colgroup { display: TABLE; margin-bottom: 2em; table-layout: FIXED; width: 100% }
.ui.colgroup.auto { table-layout: AUTO }
.ui.colgroup.top > .ui.col { vertical-align: TOP }
.ui.colgroup.bottom > .ui.col { vertical-align: BOTTOM }
.ui.colgroup > .ui.col { display: TABLE-CELL; vertical-align: MIDDLE }
.ui.colgroup.p01 > .ui.col { padding: 0 .1em }
.ui.colgroup.p02 > .ui.col { padding: 0 .2em }
.ui.colgroup.p025 > .ui.col { padding: 0 .25em }
.ui.colgroup.p035 > .ui.col { padding: 0 .35em }
.ui.colgroup.p05 > .ui.col { padding: 0 .5em }
.ui.colgroup.p1 > .ui.col { padding: 0 1em }
.ui.colgroup.p2 > .ui.col { padding: 0 2em }
.ui.colgroup.p3 > .ui.col { padding: 0 3em }
.ui.colgroup.p4 > .ui.col { padding: 0 4em }
.ui.colgroup.p5 > .ui.col { padding: 0 5em }
.ui.colgroup > .ui.col:first-child { padding-left: 0 }
.ui.colgroup > .ui.col:last-child { padding-right: 0 }

.ui.animation { -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; -webkit-transition: all .3s ease-out; transition: all .3s ease-out }

TABLE.ui { border-collapse: COLLAPSE; border-spacing: 0; border-top: 2px SOLID #222; margin: 0 0 4em; width: 100% }
TABLE.ui.fixed { table-layout: fixed }
TABLE.ui TD,
TABLE.ui TH { border: 1px SOLID #DDD; border-left: 0; border-right: 0; padding: .75em; text-align: CENTER }
TABLE.ui.l TD { text-align: left }
TABLE.ui TD:first-child,
TABLE.ui TH:first-child { border-left: 0 }
TABLE.ui TD:last-child,
TABLE.ui TH:last-child { border-right: 0 }

LABEL.ui { color: #0C4DA2; cursor: POINTER; display: BLOCK; padding: .5em 0 }
LABEL.ui INPUT,
LABEL.ui SELECT,
LABEL.ui TEXTAREA,
LABEL.ui DIV { background-color: #FFF; border: 1px SOLID #DDD; border-radius: 0; box-sizing: BORDER-BOX; color: #222; display: BLOCK; font-weight: 700; margin: .2em 0; padding: .5em 1em; width: 100% }
LABEL.ui INPUT,
LABEL.ui SELECT,
LABEL.ui TEXTAREA { cursor: POINTER }
LABEL.ui INPUT[type=password],
LABEL.ui INPUT[type=text],
LABEL.ui SELECT,
LABEL.ui TEXTAREA { -webkit-appearance: NONE; appearance: NONE; }
LABEL.ui:hover INPUT,
LABEL.ui:hover SELECT { border-color: #0C4DA2 }
LABEL.ui:hover DIV { border-color: #BBB }
LABEL.ui INPUT { background-color: #FFF }
LABEL.ui.checkbox,
LABEL.ui DIV { background-color: #FCFCFC; color: #222; font-weight: 300 }
LABEL.ui.checkbox { background: NONE }
LABEL.ui.checkbox INPUT { background-color: #FFF; border: 1px SOLID #DDD; display: INLINE; margin: 0; padding: 0; vertical-align: MIDDLE; width: AUTO }
LABEL.ui EM { color: #676767; display: BLOCK; font-size: .9em; font-style: NORMAL }

LANG { display: inline; margin: 0; padding: 0 }

HR.ui { background-color: #DDD; border: 0; display: BLOCK; height: 1px; margin: 4em 0; outline: 0 }
HR.ui.hollow { background: NONE; margin: 1em 0 }

DL.ui { background-position: center; background-repeat: no-repeat; background-size: auto 100%; background-size: cover; color: #fff; margin: 0 0 2em; overflow: hidden; padding: 5em 0; position: relative; text-align: center }
DL.ui:before { background-color: #000; background-color: rgba(0, 0, 0, .34); color: #fff; content: ''; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
DL.ui > DT { background-position: center; background-repeat: no-repeat; background-size: auto 100%; color: transparent; display: inline-block; font-size: 2em; height: 1em; margin-bottom: 1em; position: relative; width: 5em }
DL.ui > DT:after { background-color: #fff; bottom: -.5em; content: ''; display: block; height: 1px; left: 50%; margin-left: -1em; position: absolute; width: 2em }
DL.ui > DD { font-size: 1.2em; font-weight: 700; position: relative }
DL.ui.onlyimage:before { display: none }

.ui.imgbox { background-color: #000; background-position: center; background-repeat: no-repeat; background-size: cover; color: #fff; font-size: 1.2em; font-weight: 300; line-height: 2em; margin-bottom: 2em; padding: 2em 1em; text-align: center }

.ui.footagebox { color: #fff; font-size: 1.2em; font-weight: 400; line-height: 2em; margin-bottom: 2em; overflow: hidden; padding: 2em 1em; position: relative; text-align: center }
.ui.footagebox:after { background-color: #000; background-color: rgba(0, 0, 0, .5); content: ''; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.ui.footagebox > VIDEO { display: block; left: 50%; min-width: 100%; position: absolute; top: 50%; transform: translate(-50%, -50%); z-index: -2 }

.swiper-pagination-bullet { background: #fff }
.swiper-pagination-bullet-active { background: #e1261c }

.ui.fullscreen { -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; background-color: #444; background-color: rgba(0, 0, 0, 0); display: table; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 10 }
.ui.fullscreen > DIV { background-image: url('./image/ui-indicator.gif'); background-position: center; background-repeat: no-repeat; background-size: 3em 3em; display: table-cell; vertical-align: middle; width: 100% }
.ui.fullscreen > DIV > .ui.source { -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; display: block; margin: 0 auto; max-height: 80vh; max-width: 80vw; opacity: 0; transform: scale(.8) }
.ui.fullscreen > DIV > IFRAME.ui.source { height: 80vh; width: 80vw }
.ui.fullscreen > A { -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; -webkit-transition: all .3s ease-out; background-color: #e1261c; background-image: url('./image/ui-fullscreen-close.png'); background-position: center; background-repeat: no-repeat; background-size: 50% 50%; border-radius: 50%; color: transparent; cursor: pointer; display: block; height: 5em; overflow: hidden; position: absolute; right: -5em; top: 2em; user-select: none; width: 5em }
.ui.fullscreen.opened { background-color: rgba(0, 0, 0, .8); }
.ui.fullscreen.opened > A { right: 2em }
.ui.fullscreen.completed > DIV { background: none }
.ui.fullscreen.completed > DIV > .ui.source { opacity: 1; transform: scale(1) }

.ui.indicator:before { background-image: url('./image/ui-indicator.gif'); background-position: center; background-repeat: no-repeat; background-size: 1em 1em; content: ''; display: block; font-size: 3em; height: 1em; margin: 0 auto; width: 1em }

LANG { cursor: pointer; position: relative; z-index: 4 }
LANG:after { background-color: #e1261c; border-radius: 50%; color: #fff; content: '+'; display: block; font-size: 1rem; font-weight: 800; height: 1rem; letter-spacing: 0; line-height: 1rem; overflow: hidden; padding: .25em; position: absolute; right: -2rem; text-align: center; top: 0; user-select: none; width: 1rem }

DIV#dvLang { background-color: #fff; border: 1px solid #eee; bottom: 2em; box-shadow: 0 0 1em rgba(0, 0, 0, .2); left: 50%; margin-left: -15em; padding: 1em; position: fixed; width: 30em; z-index: 2000 }
DIV#dvLang > SELECT { border: 1px solid #ddd; display: block; font-weight: 700; margin-bottom: 1em; padding: .5em; width: 100% }
DIV#dvLang > TEXTAREA { background-color: #f7f7f7; border-radius: .5em; display: none; font-weight: 700; height: 10em; padding: 1em; width: 100% }
DIV#dvLang > DIV { margin-top: .5em; text-align: right }
DIV#dvLang > DIV > INPUT { background-color: #eee; cursor: pointer; font-weight: 700; margin-left: .5em; padding: .5em 1em;  }
DIV#dvLang > DIV > INPUT:hover { background-color: #ddd }
DIV#dvLang > DIV > INPUT:last-child { background-color: #e1261c; color: #fff }
DIV#dvLang > DIV > INPUT:last-child:hover { background-color: #f63440 }


@media only screen and (max-width: 1200px) {
    HTML, BODY { font-size: 10pt }
}

@media only screen and (max-width: 1000px) {
    HTML, BODY { font-size: 9pt }

    .ui.footagebox { font-size: 1em; padding: 2em }
    .ui.footagebox BR { display: none }

    .ui.colgroup,
    .ui.colgroup > .ui.col { display: block; padding: 0 !important }

    .ui.colgroup > .ui.col { margin-bottom: 2em }

    .ui.imgbox { font-size: 1em; padding: 2em }
    .ui.imgbox BR { display: none }

    .ui.table { overflow-x: auto }
    .ui.table TABLE.ui { white-space: nowrap }
    .ui.table TABLE.ui.fixed { table-layout: auto }
}