.index_wrap { width: 100%; min-height: calc(var(--vh, 1vh) * 100); background: url(index_bg.jpg) no-repeat; color: #fff; padding: 40px 50px; position: relative; z-index: 1; background-position: 0% 25%; background-size: cover; }
.index_wrap::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(180deg, rgb(83, 11, 1, 0.70) 0%, rgba(0, 0, 0, 0) 100%), rgb(0 0 0 / 50%); pointer-events: none; z-index: -1; }
.index_wrap a { color: #fff; }
.i_txt { word-break: keep-all; color: rgba(255, 255, 255, 0.70); width: 65%; margin-left: 30%; font-size:14px; }

@media(max-width:800px) {
    .index_wrap { height: auto; padding: 40px 20px; }
    .index_wrap>h1 { text-align: center; }
    .i_txt { margin-top: 30px; margin-bottom: 0; }
}

.index_box { width: 65%; margin-left: 30%; padding: 3.5rem 0; border-bottom: 1px solid rgba(255, 255, 255, 0.15); }
.i_tit { display: flex; align-items: center; }
.i_tit li:nth-child(1) img { opacity: 0.2; transition: all 0.5s ease; }
.i_tit li:nth-child(2) { font-size: 28px; font-weight: 700; padding: 0 35px; }
.i_tit li:nth-child(3) { color: rgba(255, 255, 255, 0.50); font-size: 24px; font-weight: 300; }

.i_link { display: flex; justify-content: flex-end; align-items: center; }
.i_link li { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); transition: all 0.3s; }
.i_link li button {  display: flex; align-items: center; padding: 0.9em 1.5em 0.8em; color: #fff; font-size: 1.8rem; font-weight: 500; line-height: 100%;  gap:1.5rem;}
.i_link li  svg { width: 0.7em; height: 0.7em; stroke-width: 4px; color: #fff; }

.index_box>a .i_link:hover li { background: var(--biff-red); transform: scale(1.05); color: #fff; }
/* .index_box>a .i_link:hover li .arr_icon { transform: translateX(0); }
.index_box>a .i_link:hover li .arr_icon svg { transform: rotate(90deg); } */
.index_box:hover .hover { opacity: 1; }

@media(max-width:1200px) {
    .index_box { width: 100%; margin-left: 0; }
	.i_txt { width: 100%; margin-left: 0; }
}

@media(max-width:640px) {
    .i_tit { flex-wrap: wrap; }
    .i_tit li:nth-child(1) { width: 47px; margin-right: 28px; }
    .i_tit li:nth-child(2) { margin-right: 28px; padding: 0; font-size: 20px; }
    .i_tit li:nth-child(3) { font-size: 20px; }
    .i_link { /* margin-top: 23px; */ }
}

@media(max-width:540px) {
	.index_wrap { background-position: 20% 25%;}
	.index_box_wrap { margin-top: 30px; }
    .i_tit li:nth-child(3) { margin-left: 75px; }
	.i_link li { font-size: 0; padding:0; background: var(--biff-red-v2); }
	.i_link li .arr_icon { width: 50px; height: 50px; }
	.i_link li .arr_icon svg { width: 18px; height: 13px; }
	.index_box>a .i_link:hover li { transform:none; }
}

/* 홈페이지 바로가기 */
.index_box3 { width: 65%; margin-left: 30%; margin-top: 5ex; display: flex; align-items: center; gap: 1rem; }
.index_box3>a { display: inline-block; padding: 1.8rem 2.5rem; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); width: 100%; transition: all 0.3s ease-in-out; }
.i_tit2 { display: flex; justify-content: center; }
.i_tit2 li { font-size: 2rem; color: rgba(255, 255, 255, 0.9); font-weight: 600; }
.i_tit2 li:nth-child(2) { color: rgba(255, 255, 255, 0.8); font-weight: 300; margin: 0 35px; }
.i_tit2 li:nth-child(3) { color: rgba(255, 255, 255, 0.8); font-size: 2.1rem; font-weight: 400; padding-right: 5px; transition: all 0.3s ease-in-out; }
.index_box3>a:hover  { background: var(--biff-red-v2); }
.index_box3>a:hover .i_tit2 li:nth-child(1) { color: #fff; }
.index_box3>a:hover .i_tit2 li:nth-child(3) { color: #fff; }

@media(max-width:1200px) {
    .index_box3 { width: 100%; margin-left: 0; }
    .i_tit2 { flex-wrap: wrap; justify-content: space-between; }
    .i_tit2 li:nth-child(1) { width: 100%; }
    .i_tit2 li:nth-child(2) { width: 80%; margin: 0; }
}

@media(max-width:800px) {
    .index_box3 { width: 100%; margin-left: 0; flex-direction: column; }
    .index_box3>a { width: 100%; }
}

/* 9/22 CSS */

.i_tit3_wrap { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
.i_tit3_img{ opacity: 0.2; transition: all 0.3s ease; }
.index_box>a:hover .i_tit3_img{ opacity: 1; }
.i_tit3{ display: flex; align-items: center; margin-left: 30px; }
.i_tit3 li:nth-child(1) { font-size: 2.8rem; font-weight: 700; margin-right: 20px; }
.i_tit3 li:nth-child(2) { color: rgba(255, 255, 255, 0.50); font-size: 2.4rem; font-weight: 300; }
/* .index_box3{ padding-right: 30px; } */

.i_tit4 { font-size:17px; line-height:1.7;font-weight:300; color:rgba(255, 255, 255, 0.80); word-break:keep-all;}
.i_tit4:first-of-type { margin-top:3rem; }
.i_tit4:not(:first-of-type) { margin-top:1rem; }
.bold { color:#fff; }
.i_tit3_wrap > div { display:flex; align-items: center; }


/* media 800px .index_wrap height 100vh 유지로 바꾸기 */

@media(max-width:768px){ 
	.i_tit4 { margin-top:30px; }
}

@media(max-width:540px){  
    .i_tit3_img{ opacity:0.5; }
    .i_tit3{ align-items: flex-start; flex-direction: column; margin-left: 20px; }
    /* .i_tit3 li:nth-child(1) { font-size: 18px; }
    .i_tit3 li:nth-child(2) { font-size: 20px; }
    .i_tit2 li:nth-child(3){ font-size: 20px; } */
    .i_link { padding-right: 0; }
    .index_box3{ padding-right: 0;}
	
	.i_tit3_wrap { align-items: center; }
	.i_tit4 { font-size:15px; padding-right:0; margin-top:20px; }
}

/* 9/23 CSS */
.cont {margin-top:3rem; border-top: 1px solid rgba(255, 255, 255, 0.15);border-bottom: 1px solid rgba(255, 255, 255, 0.15); word-break:keep-all;}
.cont i,
.cont u {font-weight:inherit;}
.i_tit5 {margin-bottom:1.2rem; font-size:1.6rem; color:rgba(255,255,255,0.7);}
.i_tit6 {margin-top:1rem; font-size:1.6rem; font-weight:500;}
.i_tit6 u {color:#F3A973}
.ul_list {display: flex; width:65.6rem; padding: 4rem 3rem;background:rgba(0,0,0,0.15);border:1px solid rgba(0,0,0,0.1);border-radius: 1.2rem;justify-content: center; }
.ul_list li {font-size:1.5rem; gap:1rem;}
.ul_list li > em {width:22rem;}
div.i_btns {display:flex; gap:1rem;width: 100%;justify-content: flex-end;margin-top:3rem;}
div.i_btns a { display: inline-flex; align-items: center; gap:1ex; padding: 1.8rem 2.5rem; color: #FFF; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); font-size: 1.7rem; font-weight: 600; line-height: normal; transition: all 0.3s; }
div.i_btns a:hover { background: #E20011; }
div.i_btns a svg { width: 1.7rem; height: 1.1rem; position: relative; fill: none; stroke-linecap: round; stroke-linejoin: round; stroke: #fff; stroke-width: 4; transition: all 0.3s ease;  display: block;}
#btn_fixed {display:none; position:fixed; left:0; right:0; bottom:2rem; text-align:center;}
#btn_fixed a {display:inline-flex; align-items:center; justify-content:center; gap:2ex; width:96%; margin:0 auto; padding:1.5ex 0; font-size:2.3rem; coloR:#fff; background:rgba(0,0,0,0.8); backdrop-filter:blur(2px); -webkit-backdrop-filter: blur(2px); box-shadow:0 0 1rem rgba(155, 76, 79, 0.8);}
#btn_fixed a svg {width: 14px; position: relative;fill: none;stroke-linecap: round;stroke-linejoin: round; stroke-width: 4;transition: all 0.3s ease; display:block;}
#btn_fixed a:hover {background:rgba(0,0,0,1);}


@media screen and (max-width:1540px) {
	.index_wrap {padding:4rem 5rem 1rem}
}
@media screen and (max-width:1440px) {
	html, body {font-size:9.5px;}
}
@media screen and (max-width:1280px) {
	html, body {font-size:9px;}
}
@media screen and (max-width:768px) {
	html, body {font-size:1.3vw;}
	.index_wrap {padding:3rem 3rem 13rem;}
	.i_tit3_wrap {align-items: center; gap:1rem;}
	div.i_btns {flex-flow:column; align-items:flex-end; margin-top:1rem;}
	div.i_btns .schedule {width:100%}
	div.i_btns .schedule a {width:100%; justify-content:space-between;}
	.i_tit3_img {display:none;}
    .i_tit3{margin-left: 0;}
    .i_link { padding-right: 0; }
    .index_box3{ padding-right: 0;}	
	#btn_fixed {display:block;}
}
@media screen and (max-width:540px) {
	html, body {font-size:2vw;}
    .i_tit3{ margin-left:0; }
	.index_box {/* padding-top:0; */}
	.cont {margin-top:2rem;}
	div.i_btns a { background: var(--biff-red-v2); }
}