body { overflow: hidden; }

/* scroll */
::-webkit-scrollbar { width:5px; height: 5px; }
::-webkit-scrollbar-track { background:#eee; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; }
::-webkit-scrollbar-thumb { height:50px; width:50px; background:#1a47bc; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; }
::-webkit-scrollbar-thumb:window-inactive { background:#1a47bc; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; }

.scroll_on { opacity: 0; transition: all 1s;}
.scroll_on.active {opacity: 1 !important;transform: translate(0, 0) !important;}
.scroll_on.type_top {transform: translate(0, -50px);}
.scroll_on.type_bottom {transform: translate(0, 50px);}
.scroll_on.type_left {transform: translate(-50px, 0);}
.scroll_on.type_right {transform: translate(50px, 0);}

.scroll_on02 { opacity: 0; transition: all 1s;}
.scroll_on02.active {opacity: 1 !important; }

.wrap { position: relative; width: 1600px; margin: 0 auto; }

/* head */
.head { position: absolute; top: 0px; left: 0px; width: 100%; }
.head .logo { margin-top: 20px; }

/* main */
.pc_only { display: block; }
.mo_only { display: none; }

.swiper { width: 100%; height: 100%; }
.swiper-slide { text-align: center; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }

.main_con { width: 100%; min-height: 100vh; padding: 100px 0; background: #222; color: #fff; }
.main_con a { color: #fff; }

.main_con01 { padding: 0px 0; background: url('../image/main/main_con01_bg01.jpg') center center no-repeat; background-size: cover; }
.main_con01 .wrap { display: flex; flex-wrap: wrap; min-height: 100vh; }
.main_con01 .wrap > div { display: flex; flex-wrap: wrap; align-content: center; width: 50%; }

.main_con01_left {}
.main_con01_textbox { margin-bottom: 80px; width: 100%; }
.main_con01_textbox h2 { margin-bottom: 50px; font-size: 60px; font-weight: 900; }
.main_con01_textbox h2 span { position: relative; display: block; }
.main_con01_textbox h2 span.text02 { color: #ffd500; letter-spacing: 0.03em; }

/* 로켓 애니메이션 */
.main_con01_textbox h2 span {
    animation: rocketSlide 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}

/* 로켓 꼬리 효과 */
.main_con01_textbox h2 span::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 100%;
    background: linear-gradient(90deg, transparent 0%, rgba(252, 255, 50, 0.3) 30%, rgba(252, 255, 50, 0.5) 50%, rgba(252, 255, 50, 0.3) 70%, transparent 100%);
    opacity: 0;
    z-index: -1;
}
.main_con01_textbox h2 span::before { animation: rocketTrail 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; }

/* 로켓 슬라이드 애니메이션 */
@keyframes rocketSlide {
    0% { opacity: 0; transform: translateX(-100%) scale(0.8); filter: blur(5px); }
    60% { transform: translateX(5%) scale(1.05); }
    100% { opacity: 1; transform: translateX(0) scale(1); filter: blur(0); }
}

/* 로켓 꼬리 애니메이션 */
@keyframes rocketTrail {
    0% { opacity: 0; width: 0; }
    50% { opacity: 1; width: 120%; }
    100% { opacity: 0; width: 150%; }
}

/* text02는 딜레이 추가 */
.main_con01_textbox h2 span.text02 { animation-delay: 0.3s; }
.main_con01_textbox h2 span.text02::before { animation-delay: 0.3s; }

.main_con01_textbox p { font-size: 45px; font-weight: 600; letter-spacing: 0.015em; }
.main_con_btnbox { display: flex; flex-wrap: wrap; gap: 20px; padding-top: 10px; }
.main_btn { position: relative; display: inline-flex; flex-wrap: wrap; align-content: center; width: 280px; height: 80px; padding: 0 30px 0 80px; background: #ddd; border-radius: 10px; font-weight: 800; }
.main_btn01 { background: #1a47bc url('../image/main/main_btn_icon01.png') left 30px center no-repeat; box-shadow: 0 0 15px rgba(4, 74, 255, 0.45); }
.main_btn02 { background: #ffd500 url('../image/main/main_btn_icon02.png') left 30px center no-repeat; color: #381e1f !important; box-shadow: 0 0 15px rgba(255, 213, 0, 0.45); }
.main_btn span { display: block; width: 100%; font-size: 18px; font-weight: 500; }
.main_btn:hover { margin-top: -10px; }

.main_con01_right { padding: 0 100px; background: rgba(0, 0, 0, 0.8); }
.form_title { text-align: center; width: 100%; margin-bottom: 50px; }
.form_title h2 { margin-bottom: 20px; font-size: 55px; font-weight: 900; letter-spacing: 0.05em; line-height: 1; }
.form_title h2 span { color: #ffd500; }
.form_title p { letter-spacing: 0.05em; }

.formbox { width: 100%; }
.formbox ul { display: flex; flex-wrap: wrap; gap: 10px; }
.formbox ul li { display: flex; flex-wrap: wrap; align-items: center; width: 100%; padding: 0px 0; background: rgba(26, 71, 188, 0.15); border: 2px solid #1a47bc; border-radius: 5px; box-shadow: 0 0 15px rgba(4, 74, 255, 0.45); }
.formbox ul li .form_label { position: relative; display: inline-flex; flex-wrap: wrap; align-content: center; justify-content: center; width: 155px; height: 60px; font-size: 22px; }
.formbox ul li .form_label:after { content:''; position: absolute; right: 0px; top:20%; width: 2px; height: 60%; background: #1a47bc; }
.formbox ul li .form_input { width: calc(100% - 155px); padding: 10px 30px; background: transparent; border: none; color: #fff; font-size: 22px; }
.formbox ul li .form_input::placeholder { color: rgba(255, 255, 255, 0.5); font-size: 20px; }

.agreebox { display: flex; flex-wrap: wrap; align-content: center; justify-content: flex-end; align-items: center; gap: 10px; text-align: right; margin: 20px 0 30px; font-size: 20px; }
.agreebox input { width: 20px; height: 20px; background: transparent; border: 2px solid #1947be; }

button.form_btn { width: 100%; height: 60px; background: #ffd500; border: none; border-radius: 500px; color: #000; font-size: 28px; font-weight: 800; box-shadow: 0 0 15px rgba(255, 213, 0, 0.45); transition: 0.3s; }
button.form_btn:hover { background: #ffbc00; }

.contactbox { text-align: center; width: 100%; margin-top: 30px; }
.contactbox a { font-size: 45px; font-weight: 900; line-height: 1; }
.contactbox p { margin-top: 10px; }

.main_con02 { background: url('../image/main/main_con02_bg01.jpg') center center no-repeat; background-size: cover; }

.main_con_title { text-align: center; margin-bottom: 80px; }
.main_con_title .stitle { display: block; margin-bottom: 30px; color: #ffd500; font-size: 36px; font-weight: 900; line-height: 1; text-transform: uppercase; }
.main_con_title h2 { font-size: 62px; font-weight: 900; line-height: 1; word-break: keep-all; }
.main_con_title h2 strong { color: #ffd500; font-weight: 900; }
.main_con_title p { display: flex; flex-wrap: wrap; justify-content: center; gap: 0 20px; margin-top: 50px; }
.main_con_title p span.tag { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: auto; height: 60px; padding: 0 40px; background: #ffd500; border-radius: 500px; color: #000; font-size: 26px; font-weight: 700; box-shadow: 0 0 15px rgba(255, 213, 0, 0.45); }

.main_con02_list { position: relative; display: flex; flex-wrap: wrap; gap: 10px; width: 1320px; margin: 0 auto; }
.main_con02_list:after { content:''; position: absolute; top: -10px; right: -1%; width: 41%; height: calc(100% + 20px); border: 3px solid #ffd500; border-radius: 10px; box-shadow: 0 0 15px rgba(255, 213, 0, 0.45); }
.main_con02_list li { width: 100%; }
.main_con02_list li dl { display: flex; flex-wrap: wrap; gap: 2%; }
.main_con02_list li dl dt, .main_con02_list li dl dd { display: flex; flex-wrap: wrap; align-content: center; justify-content: center; text-align: center; height: 60px;  border-radius: 5px; font-size: 26px; }
.main_con02_list li.title dt { font-weight: 700 !important; }
.main_con02_list li dl .c01 { width: 18%; background: #1a47bc; font-weight: 700 !important; }
.main_con02_list li dl .c02 { width: 39%; background: rgba(26, 71, 188, 0.2); }
.main_con02_list li dl .c03 { width: 39%; background: transparent; border: 1px solid #ffd500; font-weight: 600; }
.main_con02_list li.title dl .c02 { background: rgba(26, 71, 188, 0.7); }
.main_con02_list li.title dl .c03 { background: #ffd500; color: #000; }

.main_con03 { background: url('../image/main/main_con03_bg01.jpg') center center no-repeat; background-size: cover; }

.main_con03_list01 { width: 1180px; margin: 0 auto 50px; padding: 10px; background: #1a47bc; border-radius: 10px; }
.main_con03_list01 ul { display: flex; flex-wrap: wrap; gap: 10px; }
.main_con03_list01 ul li { flex: 1; display: inline-flex; flex-wrap: wrap; align-content: center; justify-content: center; gap: 10px; width: auto; height: 120px; border-radius: 10px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.45); }
.main_con03_list01 ul li:nth-child(1) { background: #1a47bc; }
.main_con03_list01 ul li:nth-child(2) { background: #002482; }
.main_con03_list01 ul li:nth-child(3) { background: #00154d; }
.main_con03_list01 ul li h4 { display: block; text-align: center; width: 100%; color: #88a8fd; font-size: 0.9em; }
.main_con03_list01 ul li .numbox { font-size: 24px; font-weight: 800; }
.main_con03_list01 ul li .numbox span { font-size: 38px; }

.main_con03_list02 { width: 1180px; margin: 0 auto 50px; }
.main_con03_list02 h3 { text-align: center; margin-bottom: 30px; font-size: 38px; }

.trade-list { display: flex; flex-direction: column; gap: 10px; }
.trade-item { position: relative; display: grid; grid-template-columns: 200px 1fr 200px 200px; align-items: center; gap: 30px; padding: 25px 30px; background: rgba(15, 20, 45, 0.8); backdrop-filter: blur(10px); border: 1px solid rgba(70, 90, 150, 0.3); border-radius: 8px; opacity: 0; animation: slideIn 0.5s ease forwards; }
.trade-item::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent 0%, rgba(70, 130, 255, 0.5) 50%, transparent 100%); }
.trade-item::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent 0%, rgba(70, 130, 255, 0.5) 50%, transparent 100%); }

/* 순차적으로 나타나는 애니메이션 */
.trade-item:nth-child(1) { animation-delay: 0s; }
.trade-item:nth-child(2) { animation-delay: 0.15s; }
.trade-item:nth-child(3) { animation-delay: 0.3s; }
.trade-item:nth-child(4) { animation-delay: 0.45s; }
.trade-item:nth-child(5) { animation-delay: 0.6s; }

@keyframes slideIn {
	from { opacity: 0; transform: translateY(20px); }
	to { opacity: 1; transform: translateY(0); }
}

.trade-date { text-align: center; }
.trade-location { text-align: center; }
.trade-model { text-align: center; font-weight: 700; letter-spacing: 0.05em; }
.trade-status { display: flex; align-items: center; justify-content: center; gap: 10px; text-align: center; }
.status-icon { position: relative; display: flex; align-items: center; justify-content: center; color: #ffd500; }
.status-icon::after { content: '\e92c'; color: #ffd500; font-family: 'xeicon' !important; font-size: 30px; }
.status-text { color: #ffd500; font-weight: 700; }

/* 자동 슬라이드 애니메이션 */
.trade-item.slide-out { animation: slideOut 0.5s ease forwards; }

@keyframes slideOut {
	from { opacity: 1; transform: translateY(0); }
	to { opacity: 0; transform: translateY(-20px); }
}

.main_con03_textbox { text-align: center; word-break: keep-all; }
.main_con03_textbox h3 { margin-bottom: 40px; font-size: 48px; font-weight: 800; }
.main_con03_textbox h3 strong { color: #ffd500; font-weight: 800; }
.main_con03_textbox p { font-size: 36px; font-weight: 300; word-break: keep-all; }

.main_con04 { background: url('../image/main/main_con04_bg01.jpg') center center no-repeat; background-size: cover; }
.main_con04_list { width: 1250px; max-width: 100%; margin: 0 auto; padding-bottom: 50px; }
.main_con04_list .swiper-slide { overflow: hidden; background: #fff; border-radius: 10px; }
.main_con04_list .swiper-slide .imgbox { width: 100%; }
.main_con04_list .swiper-slide .textbox { width: 100%; padding: 30px 10px; color: #222; }
.main_con04_list .swiper-slide .textbox .star { margin-bottom: 10px; color: #ffd500; font-family: 'GMarketSans'; font-weight: bold; line-height: 1; }
.main_con04_list .swiper-slide .textbox p { display: flex; flex-wrap: wrap; align-content: center; justify-content: center; height: 60px; font-weight: 600; word-break: keep-all; }

.main_con04 .swiper-pagination-progressbar { top: auto; bottom: 0px; background: rgba(255, 255, 255, 0.25); }
.main_con04 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #ffd500; }

.main_con05 { padding: 0; background: url('../image/main/main_con05_bg01.jpg') center center no-repeat; background-size: cover; }
.main_con05 .wrap { display: flex; flex-wrap: wrap; min-height: 100vh; }
.main_con05 .wrap > div { display: flex; flex-wrap: wrap; align-content: center; width: 50%; }

.main_con05 .main_con01_right { background: rgba(0, 19, 70, 0.8); }