@charset "UTF-8";
/*-------------------------------------------------
Author : ksi
Create date : 2019-01-28
-------------------------------------------------*/
#wrap { position: relative; }

#main { position: relative; }

/* 서브비주얼 */
#spot { background: #221145 url("../images/sub/spot_bg.jpg") center bottom/cover no-repeat; text-align: center; padding: 4.5rem 0; }
#spot .title1 { font-size: 2.5rem; color: #fff; font-weight: 700; font-family: 'Nanum Square', sans-serif; }

/* ===================================================== ======================= 공통 =========================== ========================================================*/
.cont-mid { /*min-height:700px;*/ margin-bottom: 7.5rem; margin-top: 3.5rem; }
.cont-mid p { margin: .9rem 0; line-height: 1.5; }
.cont-mid .title2 { margin: 3rem 0 1rem; color: #4b4c50; font-size: 1.5rem; font-weight: 500; }

.mint { color: #0fb5c9; font-weight: 500; display: block; margin: 1.8rem 0 1rem; font-size: 1.2rem; }

hr.line { width: 100%; height: 1px; background: #ddd; margin: 2.5rem 0; }
hr.line::before { display: block; content: ""; clear: both; }
hr.line::after { display: block; content: ""; clear: both; }

.list > li { position: relative; text-align: left; color: #767676; letter-spacing: -1px; margin-bottom: .5rem; }
.list.dash > li { padding-left: .5rem; }
.list.dash > li::before { content: ''; width: 4px; height: 1px; background: #767676; position: absolute; top: .4rem; left: 0; }
.list.dot > li { padding-left: .8rem; }
.list.dot > li::before { content: ''; width: .25rem; height: .25rem; background: #37b1c6; position: absolute; top: .5rem; left: 0; border-radius: 50%; }
.list.gray-dot > li { padding-left: .5rem; }
.list.gray-dot > li::before { content: ''; width: .25rem; height: .25rem; background: #64656a; border-radius: 50%; position: absolute; top: .45rem; left: 0; }

.table-wrap { width: 100%; margin: 1rem 0; }
.table-wrap table { position: relative; width: 100%; }
.table-wrap table::before { content: ''; width: 100%; height: 1px; background: #000; position: absolute; top: 0; left: 0; }
.table-wrap table th { background: #f3f6fa; text-align: center; color: #000; font-weight: 300; font-size: .9rem; }
.table-wrap table td { color: #767676; }
.table-wrap table th, .table-wrap table td { border: 1px solid #ddd; word-break: keep-all; padding: .8rem 1rem; }
.table-wrap table tr:first-child th, .table-wrap table tr:first-child td { border-top: 0; }
.table-wrap table th:first-child, .table-wrap table td:first-child { border-left: 0; }
.table-wrap table th:last-child, .table-wrap table td:last-child { border-right: 0; }
.table-wrap table .list li { text-align: left; }

.control { position: relative; display: inline-block; vertical-align: middle; margin-right: 1rem; }
.control input { opacity: 0; }
.control label { display: inline-block; padding-left: .5rem; font-size: .85rem; cursor: pointer; }
.control label::before, .control label::after { content: ''; position: absolute; top: .15rem; left: 0; }
.control.radio input[type='radio']:checked + label::before { border-color: #0fb5c9; background: #0fb5c9; }
.control.radio input[type='radio']:checked + label::after { font-family: 'xeicon' !important; display: inline-block; content: "\e929"; color: #fff; line-height: 1; }
.control.radio label::before { width: .85rem; height: .85rem; border: 1px solid #cad3dc; background: #fff; }
.control.check input[type='checkbox']:checked + label::before { border-color: #0fb5c9; background: #0fb5c9; }
.control.check input[type='checkbox']:checked + label::after { font-family: 'xeicon' !important; display: inline-block; content: "\e929"; color: #fff; line-height: 1; }
.control.check label::before { width: .85rem; height: .85rem; border: 1px solid #cad3dc; background: #fff; }

.btns .btn.big { color: #fff; background: #8040d0; border-radius: 50px; min-width: 15rem; font-size: 1.2rem; -webkit-transition: all .3s; transition: all .3s; text-align: center; font-weight: 500; padding: .8rem 0; }
.btns .btn.blue { background: #3a48eb; }
.btns .btn .arr { display: inline-block; width: 2rem; height: 1px; position: relative; background: #fff; vertical-align: middle; margin-left: .5rem; -webkit-transition: all .3s; transition: all .3s; }
.btns .btn .arr::before { content: ''; width: 1px; height: 10px; background: #fff; position: absolute; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); right: 3px; bottom: -1px; }
.btns .btn:hover .arr { margin-left: 1.5rem; }

/* ===================================================== ======================= 콘텐츠 =========================== ========================================================*/
@-webkit-keyframes move-drone { 0% { margin-top: 0rem; }
  50% { margin-top: 1rem; }
  100% { margin-top: 0rem; } }
@keyframes move-drone { 0% { margin-top: 0rem; }
  50% { margin-top: 1rem; }
  100% { margin-top: 0rem; } }
/* sub01 대회소개 */
.sub01 { margin-top: -3.5rem; width: 100%; overflow: hidden; background: #1c1253; word-break: keep-all; padding-bottom: 3.5rem; margin-bottom: -7.5rem; /* section1 */ /* section2 */ /* section3 */ /* section4 */ /* section5 */ /* section6 */ /* section7 */ }
.sub01 .section2, .sub01 .section3, .sub01 .section4, .sub01 .section5, .sub01 .section6, .sub01 .section7 { opacity: 0; -webkit-transform: translateY(4rem); transform: translateY(4rem); -webkit-transition: all .4s; transition: all .4s; }
.sub01 .fade-in { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
.sub01 .section1 { background: url("../images/sub/01_01_bg.jpg") center 0/cover no-repeat; }
.sub01 .section1 .container { position: relative; }
.sub01 .section1 .title-box { margin: 0 auto; width: 28rem; max-width: 100%; padding-top: 7.5rem; padding-bottom: 33rem; position: relative; z-index: 2; }
.sub01 .section1 .fire { position: absolute; z-index: 3; top: 0; left: 50%; width: 38rem; max-width: 100%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.sub01 .section1 .fire > li { position: absolute; }
.sub01 .section1 .fire > li:nth-child(1) { top: 15rem; left: 0; }
.sub01 .section1 .fire > li:nth-child(2) { top: 1.5rem; right: 8rem; }
.sub01 .section1 .fire > li:nth-child(3) { top: 1.8rem; right: 0; }
.sub01 .section1 .fire > li:nth-child(4) { top: 23rem; left: 7rem; }
.sub01 .section1 .fire > li img { -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all .5s; transition: all .5s; }
.sub01 .section1.fade-in .fire > li img { -webkit-transform: scale(1); transform: scale(1); }
.sub01 .section1.fade-in .fire > li:nth-child(1) img { -webkit-transition-delay: .2s; transition-delay: .2s; }
.sub01 .section1.fade-in .fire > li:nth-child(2) img { -webkit-transition-delay: .7s; transition-delay: .7s; }
.sub01 .section1.fade-in .fire > li:nth-child(3) img { -webkit-transition-delay: 1s; transition-delay: 1s; }
.sub01 .section1.fade-in .fire > li:nth-child(4) img { -webkit-transition-delay: 1.5s; transition-delay: 1.5s; }
.sub01 .section2 { position: relative; width: 100%; color: #fff; padding: 3rem 0 11rem; }
.sub01 .section2::before { content: ''; display: block; width: 110%; height: 100%; background: #030d2e url("../images/sub/01_02_bg.png") center 0/cover no-repeat; background-attachment: fixed; position: absolute; -webkit-transform: rotate(-5deg) skew(-5deg); transform: rotate(-5deg) skew(-5deg); top: -6.5rem; left: -2rem; }
.sub01 .section2 .row { margin: 0 -3rem; }
.sub01 .section2 .row li { padding: 0 3rem; }
.sub01 .section2 .img-box { position: relative; width: 100%; min-height: 30rem; }
.sub01 .section2 .img-box .drone { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 2; -webkit-animation: move-drone 2s linear infinite; animation: move-drone 2s linear infinite; }
.sub01 .section2 .img-box .img { position: absolute; bottom: 0; left: 0; z-index: 1; }
.sub01 .section2 .txt { font-family: 'Nanum Square', sans-serif; }
.sub01 .section2 .txt strong { display: block; font-size: 2.4rem; font-weight: 600; margin-bottom: 2.8rem; }
.sub01 .section2 .txt strong em { color: #fed247; }
.sub01 .section2 .txt span { display: block; font-size: 1.3rem; font-weight: 600; line-height: 1.6; word-break: keep-all; }
.sub01 .section3 { position: relative; width: 100%; padding: 0 0 12rem; z-index: 1; font-family: 'Nanum Square', sans-serif; }
.sub01 .section3::before { content: ''; display: block; width: 110%; height: 100%; background: #1c1253; position: absolute; -webkit-transform: rotate(-5deg) skew(-5deg); transform: rotate(-5deg) skew(-5deg); top: -6.5rem; left: -2rem; z-index: 0; }
.sub01 .section3 .container { position: relative; z-index: 1; top: -6rem; }
.sub01 .section3 .border-box { width: 60rem; max-width: 100%; margin: 0 auto 1.5rem; border: .8rem solid #9f42cf; -o-border-image: linear-gradient(to right, #9f42cf 0%, #6748dd 100%) 1; border-image: -webkit-gradient(linear, left top, right top, from(#9f42cf), to(#6748dd)) 1; border-image: linear-gradient(to right, #9f42cf 0%, #6748dd 100%) 1; background: #fff url("../images/sub/01_03_box.png") right bottom/contain no-repeat; border-radius: 10px; position: relative; padding: 2.5rem 5rem 3rem; position: relative; opacity: 0; -webkit-transform: translateY(2rem); transform: translateY(2rem); -webkit-transition: all .3s; transition: all .3s; }
.sub01 .section3 .border-box .txt { padding-top: 2.5rem; }
.sub01 .section3 .border-box .txt .date { background: -webkit-gradient(linear, left top, right top, from(#71399c), to(#b0549a)); background: linear-gradient(to right, #71399c, #b0549a); color: #fff; padding: .5rem 1rem; font-weight: 600; font-size: 1.2rem; }
.sub01 .section3 .border-box .txt .title { display: block; margin: 1.4rem 0 1.8rem; font-size: 2rem; font-weight: 800; color: #232b31; }
.sub01 .section3 .border-box .txt p { font-size: 1.2rem; color: #3e327c; font-weight: 600; letter-spacing: -1px; word-break: keep-all; }
.sub01 .section3 .border-box::before { content: ''; display: block; position: absolute; bottom: 1rem; z-index: 1; }
.sub01 .section3 .border-box:nth-of-type(1)::before { right: -7rem; background: url("../images/sub/01_03_1_img.png") 0 0/contain no-repeat; width: 16.3rem; height: 11.6rem; }
.sub01 .section3 .border-box:nth-of-type(2)::before { left: -10rem; background: url("../images/sub/01_03_2_img.png") 0 0/contain no-repeat; width: 15.3rem; height: 16.8rem; }
.sub01 .section3 [class^="cloud"] { position: absolute; background: url("../images/sub/01_03_cloud.png") 0 0/contain no-repeat; z-index: 1; }
.sub01 .section3 .cloud1 { top: 15rem; left: 0; width: 4.5rem; height: 2.5rem; }
.sub01 .section3 .cloud2 { top: 27.5rem; left: -4rem; width: 3.2rem; height: 1.7rem; }
.sub01 .section3 .cloud3 { top: 36rem; right: -5rem; width: 3.2rem; height: 1.7rem; }
.sub01 .section3 .cloud4 { top: 56rem; right: 0; width: 4.5rem; height: 2.5rem; }
.sub01 .section3.fade-in .border-box { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
.sub01 .section3.fade-in .border-box:nth-of-type(1) { -webkit-transition-delay: .3s; transition-delay: .3s; }
.sub01 .section3.fade-in .border-box:nth-of-type(2) { -webkit-transition-delay: .7s; transition-delay: .7s; }
.sub01 .section4 { position: relative; width: 100%; padding: 6.5rem 0; background: #221145 url("../images/sub/01_04_bg.jpg") center bottom/cover no-repeat; background-attachment: fixed; margin-top: -12rem; z-index: 2; color: #fff; font-family: 'Nanum Square', sans-serif; text-align: center; }
.sub01 .section4 .title { display: block; margin-bottom: 4rem; font-size: 3.5rem; font-weight: 600; }
.sub01 .section4 .info { position: relative; padding-bottom: 8rem; z-index: 2; }
.sub01 .section4 .info::before { content: ''; display: block; width: 20.9rem; height: 13.1rem; background: url("../images/sub/01_04_arr.png") 0 0/contain no-repeat; position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.sub01 .section4 .info .round { position: relative; border: 0.4rem solid #6578f1; border-radius: 50%; width: 16rem; max-width: 100%; height: 16rem; margin: 0 auto 1rem; }
.sub01 .section4 .info .round strong { font-size: 1.5rem; font-weight: 600; color: #6578f1; z-index: 2; display: block; padding: 3rem 0 .9rem; position: relative; }
.sub01 .section4 .info .round strong::before { content: ''; width: 1.5rem; height: 1px; background: #6578f1; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.sub01 .section4 .info .round p { font-size: 1.15rem; font-weight: 600; z-index: 2; word-break: keep-all; }
.sub01 .section4 .info > li:nth-child(2) .round { border-color: #a854ff; }
.sub01 .section4 .info > li:nth-child(2) .round strong { color: #a854ff; }
.sub01 .section4 .info > li:nth-child(2) .round strong::before { background: #a854ff; }
.sub01 .section4 .info > li:nth-child(3) .round { border-color: #c24be4; }
.sub01 .section4 .info > li:nth-child(3) .round strong { color: #c24be4; }
.sub01 .section4 .info > li:nth-child(3) .round strong::before { background: #c24be4; }
.sub01 .section4 .info > li:nth-child(4) .round { border-color: #d939b6; }
.sub01 .section4 .info > li:nth-child(4) .round strong { color: #d939b6; }
.sub01 .section4 .info > li:nth-child(4) .round strong::before { background: #d939b6; }
.sub01 .section4 .box { background: rgba(22, 8, 50, 0.7); border-radius: 30px; padding: 1.5rem 5rem; width: 58rem; max-width: 100%; margin: 0 auto; position: relative; top: -3rem; z-index: 1; }
.sub01 .section4 .box p { font-size: 1.5rem; font-weight: 600; }
.sub01 .section4 .box p em { color: #44eaea; }
.sub01 .section5 { background: #001620; font-family: 'Nanum Square', sans-serif; color: #fff; padding: 6rem 0 13rem; }
.sub01 .section5 .title { display: block; font-size: 3.5rem; text-align: center; font-weight: 600; }
.sub01 .section5 .desc { text-align: center; font-size: 1.6rem; font-weight: 600; }
.sub01 .section5 .border-box { border: .8rem solid #5f2e91; -o-border-image: linear-gradient(to right, #5f2e91 0%, #3f2e98 100%) 1; border-image: -webkit-gradient(linear, left top, right top, from(#5f2e91), to(#3f2e98)) 1; border-image: linear-gradient(to right, #5f2e91 0%, #3f2e98 100%) 1; border-radius: 10px; padding: 1.5rem 0; background: #2d1a4d; text-align: center; margin-bottom: 3.5rem; }
.sub01 .section5 .border-box strong { display: inline-block; vertical-align: middle; font-size: 2.5rem; color: #eae26a; font-weight: 600; padding: 1.2rem 2.2rem; position: relative; }
.sub01 .section5 .border-box strong::before { content: ''; width: 1px; height: 100%; background: #c143e7; position: absolute; right: 0; top: 0; }
.sub01 .section5 .border-box span { display: inline-block; padding-left: 1.5rem; text-align: left; font-size: 1.5rem; vertical-align: middle; font-weight: 600; line-height: 1.4; word-break: keep-all; }
.sub01 .section6 { color: #fff; position: relative; z-index: 1; width: 100%; color: #fff; padding: 0 0 11rem; text-align: center; font-family: 'Nanum Square', sans-serif; background: #290a4d; }
.sub01 .section6::before { content: ''; display: block; width: 110%; height: 100%; background: #261384; position: absolute; -webkit-transform: rotate(5deg) skew(5deg); transform: rotate(5deg) skew(5deg); top: -5.5rem; left: -2rem; z-index: 0; }
.sub01 .section6 .container { position: relative; z-index: 1; }
.sub01 .section6 .drone { position: absolute; right: -8rem; top: -9rem; -webkit-animation: move-drone 2s linear infinite; animation: move-drone 2s linear infinite; width: 19.8rem; height: 17.8rem; }
.sub01 .section6 .title { display: block; }
.sub01 .section6 .desc { font-size: 1.6rem; margin-bottom: 6rem; }
.sub01 .section6 .border-box { margin: 0 auto 1.5rem; border: 3px solid #7a46d8; border-radius: 40px; position: relative; padding: 4rem 5rem 1rem; position: relative; }
.sub01 .section6 .border-box .caption { display: inline-block; min-width: 13rem; padding: .6rem 1rem; border: 3px solid #7a46d8; border-radius: 40px; font-size: 1.6rem; font-weight: 600; position: absolute; top: -1.8rem; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background: #261384; }
.sub01 .section6 .border-box .track .cont { min-height: 19rem; margin-bottom: 2rem; }
.sub01 .section6 .border-box .track img { display: inline-block; width: 7.8rem; height: 7.8rem; margin-bottom: 2rem; }
.sub01 .section6 .border-box .track em { display: block; font-size: 1.2rem; font-weight: 600; color: #35d7ff; }
.sub01 .section6 .border-box .track .category { display: block; font-size: 1.4rem; font-weight: 600; margin-bottom: 1.5rem; }
.sub01 .section6 .border-box .track .txt { font-size: 1.1rem; color: #c1b7ff; }
.sub01 .section7 { position: relative; z-index: 0; width: 100%; background: #290a4d; margin-bottom: -7.5rem; color: #fff; padding-bottom: 8rem; }
.sub01 .section7 .title { display: block; text-align: center; }
.sub01 .section7 .desc { font-size: 1.6rem; margin-bottom: 6rem; text-align: center; }
.sub01 .section7 .mission { margin: 5rem -.4rem 0; }
.sub01 .section7 .mission > li { float: left; width: 20%; padding: 0 .4rem; }
.sub01 .section7 .mission .cont .top { display: block; background: -webkit-gradient(linear, left top, right top, from(#7f00ea), to(#6a29ef)); background: linear-gradient(to right, #7f00ea, #6a29ef); text-align: center; color: #35d7ff; font-size: 1.5rem; font-weight: 600; padding: 1.3rem 0; }
.sub01 .section7 .mission .cont .bottom { padding: 2rem 1.3rem; background: #0a093c; min-height: 32rem; }
.sub01 .section7 .mission .cont .bottom .list.purple { margin-bottom: 1.5rem; }
.sub01 .section7 .mission .cont .bottom .list.purple > li { color: #c1b7ff; font-size: 1rem; word-break: keep-all; }
.sub01 .section7 .mission .cont .bottom .list.purple > li::before { background: #7f00ea; }
.sub01 .section7 .mission .cont .bottom .option::after { display: block; content: ""; clear: both; }
.sub01 .section7 .mission .cont .bottom .option > li { float: left; width: 50%; margin-bottom: 1rem; }
.sub01 .section7 .mission .cont .bottom .option > li img { display: block; background: #2c147a; border-radius: 50%; width: 3.5rem; height: 3.5rem; margin: 0 auto .5rem; }
.sub01 .section7 .mission .cont .bottom .option > li span { display: block; color: #c1b7ff; font-size: 1.1rem; text-align: center; }
.sub01 .section7 .video-title { display: block; margin: 8rem 0 4rem; font-size: 3.5rem; text-align: center; }
.sub01 .section7 .embed-container { padding-bottom: 58%; }

/* sub02 대회요강 */
.sub02 { line-height: 1.5; word-break: keep-all; }
.sub02 p { font-size: 1.2rem; }
.sub02 .gray-box { background: #f3f6fa; padding: 2rem 1.6rem; }
.sub02 .gray-box span { font-size: 1.2rem; }
.sub02 .list > li { font-size: 1.2rem; padding-left: 1rem; }
.sub02 .list > li::before { top: .85rem; }
.sub02 .gray { display: block; margin: 3rem 0 2rem; font-size: 1.2rem; }

/* sub03 접수 */
.step-tab { position: relative; height: 4.5rem; }
.step-tab::after { display: block; content: ""; clear: both; }
.step-tab > li { width: 50%; text-align: center; position: absolute; top: 0; }
.step-tab > li:first-child { left: 0; z-index: 1; }
.step-tab > li:first-child .inner::before { content: ''; width: 0; height: 0; border-top: 2.25rem solid transparent; border-bottom: 2.25rem solid transparent; border-left: 1.5rem solid #f1f1f1; position: absolute; top: 0; right: -1.5rem; }
.step-tab > li:last-child { right: 0; }
.step-tab > li .inner { position: relative; padding: 1.2rem 0; background: #f1f1f1; }
.step-tab > li span { font-size: 1.3rem; font-weight: 400; color: rgba(100, 101, 106, 0.5); vertical-align: middle; }
.step-tab > li em { font-size: 1.6rem; color: #64656a; vertical-align: middle; display: inline-block; padding-left: 1.2rem; font-weight: 400; }
.step-tab > li:first-child.active .inner { background: #0fb5c9; }
.step-tab > li:first-child.active .inner::before { border-left: 1.5rem solid #0fb5c9; }
.step-tab > li:last-child.active .inner { background: #0fb5c9; }
.step-tab > li.active em { color: #fff; }

.scroll-box { background: #f3f6fa; padding: 1.5rem; height: 12.5rem; overflow-y: scroll; font-size: 1rem; color: #64656a; margin-bottom: 1rem; }
.scroll-box h5 { font-size: 1rem; margin: 1rem 0 .5rem; }

.red { color: #f37c7e; display: block; }

/* sub0301 접수하기 */
.sub0301 .scroll-box + .controls { text-align: right; margin-bottom: 1.5rem; }
.sub0301 .input-box { margin-bottom: .5rem; }
.sub0301 .input-box .category { margin-right: 1rem; }
.sub0301 .file-up-down .inner .btn { margin-bottom: .5rem; }
.sub0301 .btns { margin: 3.5rem 0 5rem; }

/* sub0302 접수완료 */
.sub0302 .title { text-align: center; margin: 5rem 0 3rem; }
.sub0302 .title img { display: inline-block; vertical-align: middle; margin-right: 2.5rem; }
.sub0302 .title .txt { display: inline-block; text-align: left; vertical-align: middle; }
.sub0302 .title .txt strong { font-size: 2.3rem; display: block; font-weight: 300; color: #64656a; }
.sub0302 .title .txt strong b { font-weight: 600; }
.sub0302 .title .txt .mint { margin: 1rem 0; }
.sub0302 .gray-box { background: #f3f6fa; padding: 2.5rem 2.2rem; font-size: 1rem; }

/* sub04 접수확인 */
.sub04 .btns { margin: 7rem 0 2rem; }
.sub04 .btns .btn { margin: 0 1rem; }

/* sub05 FAQ */
.sub05 .faq > li { margin-bottom: 3.5rem; }
.sub05 .faq .question { position: relative; padding-left: 2rem; font-size: 1.5rem; font-weight: 600; color: #4b4c50; margin-bottom: 1.2rem; }
.sub05 .faq .question::before { content: 'Q.'; display: inline-block; color: #9543d2; position: absolute; top: 0; left: 0; }
.sub05 .faq .answer { position: relative; padding-left: 2rem; font-size: 1.2rem; color: #64656a; }
.sub05 .faq .answer::before { content: 'A.'; display: inline-block; color: #59a6ff; position: absolute; top: -.2rem; left: 0; font-weight: 600; font-size: 1.5rem; }

/* ===================================================== ======================= 반응형 =========================== ========================================================*/
@media (max-width: 1200px) { .sub01 .section7 .mission > li { width: 33.333%; margin-bottom: 2rem; }
  .sub01 .section2 .img-box { margin: 0 auto; max-width: 90%; }
  .sub01 .section3 .border-box::before { display: none; } }
@media (max-width: 1000px) { .sub0302 .title img { margin-bottom: 1rem; }
  .sub0302 .title .txt { text-align: center; }
  .sub0302 .title .txt strong { font-size: 1.5rem; }
  .sub01 .section2 .row { margin: 0; }
  .sub01 .section2 .img-box { margin-bottom: 2rem; }
  .sub01 .section2 .img-box .img { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
  .sub01 .section5 .border-box strong::before { display: none; }
  .sub01 .section5 .border-box span { padding-left: 0; text-align: center; }
  .sub01 .section6 .drone { display: none; } }
@media (max-width: 768px) { #spot { padding: 2.5rem 0; }
  #spot .title1 { font-size: 2rem; }
  .table-wrap { width: 100%; overflow-x: auto; }
  .table-wrap table { min-width: 550px; }
  .step .table-wrap table { display: block; min-width: inherit; }
  .step .table-wrap table th, .step .table-wrap table td { display: block; border-left: 0; border-right: 0; padding: .8rem .5rem; }
  .step-tab > li span { font-size: 1rem; display: block; margin-bottom: .6rem; }
  .step-tab > li em { font-size: 1.1rem; padding-left: 0; }
  .step-tab > li:first-child .inner::before { border-top: 2.75rem solid transparent; border-bottom: 2.75rem solid transparent; }
  .sub04 .btns .btn { margin-bottom: .5rem; }
  .sub01 .section2 .row li { padding: 0 1rem; }
  .sub01 .section2 .img-box { display: none; }
  .sub01 .section3 .border-box { padding: 2.5rem 1rem 3rem; }
  .sub01 .section3 .border-box .img { margin-top: 2rem; }
  .sub01 .section4 .title, .sub01 .section5 .title, .sub01 .section7 .video-title { font-size: 2.9rem; }
  .sub01 .section4 .box { padding: 1.5rem 1rem; }
  .sub01 .section7 .mission > li { width: 100%; }
  .sub01 .section7 .mission .cont .bottom { min-height: inherit; } }
@media (max-width: 500px) { .sub0301 .input-box .category { display: block; margin-bottom: .5rem; }
  .sub0301 .input-box .dash { display: none; }
  .sub0301 .input-box .form-control.sm { width: 32%; } }
/*# sourceMappingURL=sub.css.map */