@charset "utf-8";

/* 플라이트 산스*/
@font-face {
    font-family: 'Flight Sans Bold';
    src: url('../font/FlightSansOTF-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: bold;
}

@font-face {
    font-family: 'Flight Sans Regular';
    src: url('../font/FlightSansOTF-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

/* 초기화 */
html {overflow-y:scroll;}
body {margin:0;padding:0;font-size:1em;font-family:'Flight Sans Regular', dotum, sans-serif;background:#F3F5FF;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Roboto', dotum, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:'Flight Sans Regular', dotum, sans-serif;font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'Flight Sans Regular', dotum, sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

/* 중간 레이아웃 */
#wrapper {}
#container_wr:after {display:block;visibility:hidden;clear:both;content:"";}
#container_wr {width:100%;margin:0 auto;zoom:1}

#container {position:relative;height:auto !important;margin:0;width:100%;zoom:1}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {font-size:1.333em;margin:0 auto;font-weight:bold}
#container_title span {margin:0 auto 10px;display:block;line-height:30px}

#section01 {position:relative;width:1440px;height:1340px;margin:-1px auto 0;background:url('../img/back01.png'); background-size: cover;}
#section01:after {display:block;visibility:hidden;clear:both;content:""}
#section01 .top {display:flex;gap:245px;width:1440px;height:72px;margin:0 auto;padding:10px 114px 0 137px;}
#section01 .top .logo {height:28px;margin-top:2px;}
#section01 .top .menu {display:flex;gap:130px;height:24px;margin-top:12px;line-height:100%;}
#section01 .top .menu a {font-family:'Roboto';color:#fff;text-decoration:none;font-size:24px;font-weight:500;}
#section01 .top .down {height:51px;margin:0;padding:0}
#section01 .top_title {margin:128px 0 0 132px;}
#section01 .top_title .title_text {font-family:"Flight Sans Bold";font-size:96px;line-height:125%;letter-spacing:-4%;color:#fff;opacity:0}

#section02 {position:relative;width:1440px;height:593px;margin:0 auto;padding:0 110px;background-size:cover;background-image:linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../img/back02.png');}
#section02 .phone02 img {float:left;height:457px;margin-top:593px;opacity:0;}
#section02 .desc {float:right;margin-top:305px;text-align:right;}
#section02 .desc .icon img {width:82px}
#section02 .desc .title {margin-top:23px;font-family:"Flight Sans Bold";font-size:32px;line-height:100%;letter-spacing:-4%;color:#fff}
#section02 .desc .sub {margin-top:14px;font-family:"Flight Sans Regular";font-size:24px;line-height:100%;color:#fff}
#section02 .desc .icon_m, #section02 .desc .title_m, #section02 .desc .sub_m {display:none;}

#section03 {position:relative;width:1440px;height:593px;margin:0 auto;padding:0 110px;background-size:cover;background-image:linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../img/back03.png');}
#section03 .phone03 {float:right;}
#section03 .phone03 img {height:457px;margin-top:593px;opacity:0}
#section03 .desc {position:absolute;left:110px;top:305px;}
#section03 .desc .icon img {width:82px}
#section03 .desc .title {margin-top:23px;font-family:"Flight Sans Bold";font-size:32px;line-height:100%;letter-spacing:-4%;color:#fff}
#section03 .desc .sub {margin-top:14px;font-family:'Flight Sans Regular';font-size:24px;line-height:120%;color:#fff}
#section03 .desc .icon_m, #section02 .desc .title_m, #section02 .desc .sub_m {display:none;}


#section04 {position:relative;width:1440px;height:593px;margin:0 auto;padding:0 110px;background:#F3F5FF;text-align:center}
#section04 .title {position:absolute;top:0;left:0;width:100%;height:132px;padding-top:47px;font-family:"Flight Sans Bold";font-size:36px;line-height:100%;color:#121212;}
#section04 .use {position:relative;padding-top:132px;}
#section04 .use img {position:absolute;width:358px;top:461px;opacity:0;}
#section04 .use #use01 {left:0;width:368px;}
#section04 .use #use02 {left:435px;}
#section04 .use #use03 {left:860px;}

#section05 {position:relative;width:1440px;height:963px;margin:0 auto;background:#F3F5FF;text-align:center}
#section05 .title {position:absolute;top:173px;left:0;width:100%;height:85px;text-align:center;font-family:"Flight Sans Bold";font-size:64px;line-height:100%;color:#121212;}
#section05 .qr {padding-top:305px;}
#section05 .qr img {width:230px;}
#section05 .desc_qr {margin-top:30px;font-family:"Flight Sans Regular";font-weight:500;font-style:Medium;font-size:24px;line-height:110%;color:#121212;}
#section05 .count_area {position:relative;width:1117px;height:185px;margin:73px auto 0;border:0;border-radius:82px;background-color:#fff;text-align:left;box-shadow:2px 2px 4px 0px rgba(0,0,0,0.15);}
#section05 .count_area .airplane {position:absolute;top:38px;left:110px;width:280px}
#section05 .count_area .airline {position:absolute;top:38px;left:480px;width:230px;}
#section05 .count_area .airport {position:absolute;top:38px;right:50px;width:230px;}
#section05 .count_area .count_title {font-family:"Flight Sans Regular";font-weight:500;font-size:20px;line-height:100%;color:#959595;}
#section05 .count_area .count_val {margin-top:24px;font-family:"Flight Sans Bold";font-size:64px;line-height:100%;color:#3E5CED;}
#section05 .title_m, #section05 .icon_android, #section05 .down_m, #section05 .copyright {display:none;}

/* 하단 레이아웃 */
#ft {width:1440px;height:200px;background:#000;color:#FFF;margin:0 auto;text-align:center;font-size:12px;font-family:"Roboto";display:flex;justify-content:center;align-items:center;}
#ft #ft_logo{display:inline-block;line-height:66px;width:137px;margin:0 53px 0 0;}
#ft #ft_logo img {width:137px;}
#ft #ft_wr {display:inline-block;width:570px;margin:0;padding:20px 0;position:relative;text-align:left}
#ft #ft_wr .ft_cnt {width:100%;padding:0;margin-bottom:10px;}
#ft #ft_wr #top {font-size:14px;font-weight:600;}
#ft #ft_wr #top li {cursor:pointer;}
#ft #ft_wr #bottom {margin:0;}
#ft #ft_wr .ft_cnt li {display: inline-block;}
#ft #ft_wr .ft_cnt li::after {content: ""; padding: 0 10px; color: #FFF;}
#ft #ft_wr .ft_cnt li:last-child::after {padding-right:0px;}

@media (max-width:420px) {
	#section01 {width:100%;min-width:360px;height:0%;aspect-ratio:36/80;margin:0;background:url('../img/back01m.png'); background-size:cover;}
	#section01 .top {display:block;width:100%;height:40px;padding:3.3vw 0 0;text-align:center;}
	#section01 .top .menu, #section01 .top .down {display:none;}
	#section01 .top .logo {height:5vw;margin:0;}
	#section01 .top_title {margin:40vw auto 0;}
	#section01 .top_title .title_text {font-size:11vw;line-height:121%;letter-spacing:0%;text-align:center;}

	#section02 {position:relative;width:100%;min-width:360px;aspect-ratio:36/80;height:0%;margin:0 auto;padding:0;background-size:cover;background-image:linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../img/back02m.png');}
	#section02 .phone02 {width:100%;text-align:center;margin:0;padding:0;}
	#section02 .phone02 img {float:none;height:80vw;margin-top:222vw;opacity:1;}
	#section02 .desc {position:absolute;top:46vw;left:0;width:100%;margin:0;text-align:center;}
	#section02 .desc .icon_m {display:block;}
	#section02 .desc .icon_m img {width:14vw;}
	#section02 .desc .title_m {display:block;margin-top:14.5vw;font-family:"Flight Sans Bold";font-size:8.8vw;line-height:150%;letter-spacing:0%;color:#fff}
	#section02 .desc .sub_m {display:block;margin-top:11vw;font-family:"Flight Sans Regular";font-size:4.4vw;color:#fff}
	#section02 .desc .icon, #section02 .desc .title, #section02 .desc .sub {display:none;}

	#section03 {position:relative;width:100%;min-width:360px;aspect-ratio:36/80;height:0%;margin:0 auto;padding:0;background-size:cover;background-image:linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../img/back03m.png');}
	#section03 .phone03 {width:100%;text-align:center;margin:0;padding:0;}
	#section03 .phone03 img {float:none;height:80vw;margin-top:222vw;opacity:1;}
	#section03 .desc {position:absolute;top:46vw;left:0;width:100%;margin:0;text-align:center;}
	#section03 .desc .icon_m {display:block;}
	#section03 .desc .icon_m img {width:14vw;}
	#section03 .desc .title_m {display:block;margin-top:14.5vw;font-family:"Flight Sans Bold";font-size:8.8vw;line-height:150%;letter-spacing:0%;color:#fff}
	#section03 .desc .sub_m {display:block;margin-top:11vw;font-family:"Flight Sans Regular";font-size:4.4vw;color:#fff}
	#section03 .desc .icon, #section03 .desc .title, #section03 .desc .sub {display:none;}

	#section05 {position:relative;width:100%;min-width:360px;aspect-ratio:36/80;height:0%;margin:0 auto;padding:0;background:#3E5CED;text-align:center}
	#section05 .qr, #section05 .desc_qr {display:none;}
	#section05 .count_area {width:100%;height:133.3vw;margin:0 auto;border-radius:0;background-color:#3E5CED;text-align:center;box-shadow:none;}
	#section05 .count_area .airplane, #section05 .count_area .airline, #section05 .count_area .airport {left:0;width:100%;text-align:center;}
	#section05 .count_area .airplane {top:23vw}
	#section05 .count_area .airline {top:55.5vw}
	#section05 .count_area .airport {top:87.8vw}
	#section05 .count_area .count_title {font-size:4.4vw;color:#FFF;}
	#section05 .count_area .count_val {margin-top:4vw;font-size:11vw;color:#FFF;}
	#section05 .title_m {padding-left:8vw;text-align:left;font-family:"Flight Sans Bold";font-size:10.5vw;line-height:100%;color:#FFF;}
	#section05 .icon_android {margin-top:8vw;width:100%;padding:0 7.8vw;text-align:left;}
	#section05 .icon_android img {width:24vw;}
	#section05 .down_m {margin-top:2vw;padding:0 7.8vw}
	#section05 .down_m img {width:100%;}
	#section05 .copyright {margin-top:8vw;text-align:center;font-family:"Roboto";font-size:3.3vw;color:#fff}
	#section05 .title_m, #section05 .icon_android, #section05 .down_m, #section05 .copyright {display:block;}
	#section05 .title {display:none;}

	#section04, #ft {display:none;}
}