@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@800&family=Noto+Serif+Display:wght@700;800&family=Noto+Serif+KR:wght@300;500;700&family=Red+Hat+Display:wght@300;400;500;600;700;800;900&display=swap');

.img-box > img {  width:100%; display:inline-block; }
.row::after {content:""; display:block; clear:both;}
.cell {float:left; box-sizing:border-box;}
.cell-right {float:right; box-sizing:border-box;}
.margin-0-auto {margin:0 auto;}
.block {display:block;}
.inline-block {display:inline-block;}
.text-align-center {text-align:center;}
.line-height-0-ch-only {line-height:0;}
.line-height-0-ch-only > * {line-height:normal;}
.relative {position:relative;}
.absolute-left {position:absolute; left:0;}
.absolute-right {position:absolute; right:0;}
.absolute-middle {position:absolute; top:50%; transform:translateY(-50%);}

/* 메인 슬라이더 */
.main-visual { width:100%; height:calc(100vh - 0px); position:relative; margin:0 auto; top:0px;}

.main-visual .main-slider {font-size:0; position:relative; width:100%; height:100%;}
.main-visual > .main-slider .slick-list,
.main-visual > .main-slider .slick-track {height:100%;}

.main-visual > .main-slider .slick-slide {position:relative; overflow:hidden;}

.main-visual .main-slider .slider-visual > .img-box > .img {
    background-repeat:no-repeat;
    background-position:center top;
    background-size:cover;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    transform:scale(1.15);
    transition:transform 0s 2s;
}

/* 메인 슬라이더 배너 애니메이션 */
.main-visual .main-slider .slick-active .img-box > .img {transform:scale(1); transition:transform 2s;}

/* 슬라이더 이동 버튼 */
.main-visual > .arrow-con { position:absolute; z-index:1; bottom:37%; width:100%; opacity:0;transition: all 0.3s ease; }
.main-visual:hover .arrow-con { opacity:1;transition: all 0.3s ease; }
.main-visual > .arrow-con > .arrows {max-width:94%; margin:0 auto;}
.main-visual > .arrow-con > .arrows::after {content:""; display:block; clear:both;}
.main-visual > .arrow-con > .arrows > .slick-arrow {position:static; font-size:15px; color:#fff; width:auto; height:auto; line-height:normal;}
.main-visual > .arrow-con > .arrows > .slick-arrow::before {display:none;}
.main-visual > .arrow-con > .arrows > .slick-prev {float:left; }
.main-visual > .arrow-con > .arrows > .slick-next {float:right; }

.main-visual > .scroll-con {position:absolute; bottom:6%; width:100%; text-align:center; opacity:1; animation: ani 1s infinite alternate; } 

/* 슬라이더 */
.main-visual .main-slider .slider-visual > .visual-txt {position:absolute;	text-align:center; top:130px; width:100%; box-sizing:border-box;}
.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con { max-width:1420px; margin:0 auto; text-align:left; }
.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-1 {  }
.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-2 {  }
.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-3 {  }
.main-visual .main-slider .slider-visual > .visual-txt .only_pc { display:block; }
.main-visual .main-slider .slider-visual > .visual-txt .only_mobile { display:none; }

.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt {transform:translateY(-50px); opacity:0; transition:opacity 0s 1s, transform 0s 1s;}
.main-visual .main-slider .slick-active .visual-txt > .inner-txt-con > .inner-txt { transform:translateY(0); opacity:1; transition:opacity 1s, transform 1s;}
.main-visual .main-slider .slick-active .visual-txt > .inner-txt-con > .inner-txt-1 {transition-delay:0.5s;}
.main-visual .main-slider .slick-active .visual-txt > .inner-txt-con > .inner-txt-2 {transition-delay:0.8s;}
.main-visual .main-slider .slick-active .visual-txt > .inner-txt-con > .inner-txt-3 {transition-delay:1.2s;}
.main-visual .main-slider .reset-animation .visual-txt > .inner-txt-con > .inner-txt {transform:translateY(-50px); opacity:0; transition:all 0s;}

.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-1.v1-1 { margin:190px 0 0 7%;font-family:'NotoSerifCJKjp-Bold'; color:#FFF000; font-size:34px; line-height:45px; letter-spacing:-0.02em; text-shadow: 2px 2px 2px #000;}
.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-2.v1-2 { margin:40px 0 0 7%; font-family:'Noto Sans Kr'; color:#fff; font-weight:400; font-size:25px; line-height:38px; letter-spacing:-0.05em;text-shadow: 2px 2px 2px #000; }
.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-3.v1-3 > a { display:inline-block; float:left; left:0; position:absolute; z-index:99999; width:160px; height:45px; line-height:45px; margin:60px 0 0 10%; text-align:center; font-size:17px; color:#000; background:#fff; border-radius:23px; transition: all 0.3s ease;}
.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-3.v1-3 > a:hover { color:#fff; background:#000; text-decoration:none;transition: all 0.3s ease; }

.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-1.v2-1 { margin:120px 0 0 7%;font-family:'Noto Sans Kr'; color:#000; font-weight:300; font-size:30px; letter-spacing:-0.04em;}
.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-2.v2-2 { margin:20px 0 0 7%; font-family:'Noto Sans Kr'; color:#000; font-weight:600; font-size:38px; line-height:36px; letter-spacing:-0.04em; }
.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-2.v2-2 strong { font-size:50px; color:#DB1E27; }
.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-3.v2-3 { margin:80px 0 0 3%; }

.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-1.v3-1 { margin:110px 0 0 7%;font-family:'Noto Sans Kr'; color:#000; font-weight:300; font-size:23px; letter-spacing:-0.04em; }
.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-1.v3-1 span { font-family:'Noto Serif KR'; font-size:35px; font-weight:700;  letter-spacing:-0.04em; line-height:70px; }
.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-1.v3-1 strong { font-family:'Noto Serif KR'; font-size:45px; font-weight:900; letter-spacing:-0.04em; }
.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-1.v3-1 b { font-weight:500; line-height:60px; }
.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-2.v3-2 { margin:30px 0 0 7%; }
.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-3.v3-3 > a { display:inline-block; float:left; left:0; position:absolute; z-index:99999; width:160px; height:45px; line-height:45px; margin:60px 0 0 7%; text-align:center; font-size:17px; color:#fff; background:#000; border-radius:23px; transition: all 0.3s ease;}
.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-3.v3-3 > a:hover { color:#000; background:#fff; text-decoration:none;transition: all 0.3s ease; }

.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-1.v4-1 { margin:110px 0 0 7%;font-family:'Noto Sans Kr'; color:#000; font-weight:300; font-size:23px; letter-spacing:-0.04em; }
.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-1.v4-1 span { font-family:'Noto Serif KR'; font-size:35px; font-weight:700;  letter-spacing:-0.04em; line-height:50px; }
.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-1.v4-1 strong { font-family:'Noto Serif KR'; font-size:45px; font-weight:900; letter-spacing:-0.04em; }
.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-2.v4-2 { margin:30px 0 0 7%; }
.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-3.v4-3 > a { display:inline-block; float:left; left:0; position:absolute; z-index:99999; width:160px; height:45px; line-height:45px; margin:40px 0 0 7%; text-align:center; font-size:17px; color:#fff; background:#000; border-radius:23px; transition: all 0.3s ease;}
.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-3.v4-3 > a:hover { color:#000; background:#fff; text-decoration:none;transition: all 0.3s ease; }

.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-1.v5-1 { margin:80px 0 0 7%;font-family:'Noto Sans Kr'; color:#fff; font-weight:300; font-size:23px; letter-spacing:-0.04em; ;}
.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-1.v5-1 span { font-family:'Noto Serif KR'; font-size:35px; font-weight:700;  letter-spacing:-0.04em; line-height:50px; }
.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-1.v5-1 strong { font-family:'Noto Serif KR'; font-size:45px; font-weight:900; letter-spacing:-0.04em; }
.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-2.v5-2 { margin:30px 0 0 7%; }
.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-3.v5-3 > a { display:inline-block; float:left; left:0; position:absolute; z-index:99999; width:160px; height:45px; line-height:45px; margin:40px 0 0 7%; text-align:center; font-size:17px; color:#000; background:#fff; border-radius:23px; transition: all 0.3s ease;}
.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-3.v5-3 > a:hover { color:#fff; background:#000; text-decoration:none;transition: all 0.3s ease; }
.vi_on { display:none; }


@media only screen and (max-width:1930px){
	.main-visual {width:100%; height:calc(80vh - 0px); }
}

@media only screen and (max-width:1720px){
	.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con { max-width:1420px; margin:0 auto; text-align:left; }
}

@media only screen and (max-width:1460px){
	.main-visual {width:100%; height:calc(70vh - 0px); }
}

@media only screen and (max-width:1040px){
	.main-visual { width:100%; height:calc(45vh - 0px); }
	.main-visual > .arrow-con { bottom:25%; }
	.main-visual > .arrow-con > .arrows {max-width:98%; }
	.main-visual > .scroll-con { display:none; } 

	.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-1.v1-1 { margin:60px 0 0 9%; font-size:28px; line-height:35px; }
	.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-2.v1-2 { margin:30px 0 0 9%; font-size:18px; line-height:26px; }
	.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-3.v1-3 > a { display:inline-block; float:left; left:0; position:absolute; z-index:99999; width:160px; height:45px; line-height:45px; margin:60px 0 0 10%; text-align:center; font-size:17px; color:#000; background:#fff; border-radius:23px; transition: all 0.3s ease;}
	.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-3.v1-3 > a:hover { color:#fff; background:#000; text-decoration:none;transition: all 0.3s ease; }

	.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-1.v2-1 { margin:40px 0 0 9%; font-size:25px; line-height:35px; }
	.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-2.v2-2 { margin:10px 0 0 9%; font-size:23px; line-height:26px; }
	.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-2.v2-2 strong { font-size:33px; }
	.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-3.v2-3 { margin:20px 0 0 8%; }
	.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-3.v2-3 img { width:32%; }

	.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-1.v3-1 { margin:40px 0 0 9%; font-size:17px;}
	.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-1.v3-1 span { font-size:25px; line-height:50px; }
	.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-1.v3-1 strong { font-size:30px; }
	.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-1.v3-1 b { font-weight:500; line-height:50px; }
	.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-2.v3-2 { margin:20px 0 0 9%; }
	.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-2.v3-2 img { width:40% }
	.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-3.v3-3 > a { float:right; right:30px; position:absolute; width:130px; height:40px; line-height:40px; margin:-60px 0 0 84%; font-size:16px; border-radius:20px;}
	.vi_off { display:none; }

	.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-1.v4-1 { margin:40px 0 0 12%; font-size:17px;}
	.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-1.v4-1 span { font-size:25px; line-height:50px; }
	.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-1.v4-1 strong { font-size:30px; }
	.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-1.v4-1 b { font-weight:500; line-height:50px; }
	.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-2.v4-2 { margin:20px 0 0 12%; }
	.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-2.v4-2 img { width:40% }
	.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-3.v4-3 > a { float:left; left:0px; position:absolute; width:130px; height:40px; line-height:40px; margin:60px 0 0 12%; font-size:16px; border-radius:20px;}
	.vi_off { display:none; }

	.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-1.v5-1 { margin:40px 0 0 12%; font-size:17px;text-shadow: 1px 1px 1px #000;}
	.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-1.v5-1 span { font-size:25px; line-height:50px; text-shadow: 1px 1px 1px #000;}
	.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-1.v5-1 strong { font-size:30px; }
	.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-1.v5-1 b { font-weight:500; line-height:50px; }
	.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-2.v5-2 { margin:20px 0 0 12%; }
	.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-2.v5-2 img { width:20% }
	.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-3.v5-3 > a { float:left; left:0px; position:absolute; width:130px; height:40px; line-height:40px; margin:-120px 0 0 32%; font-size:16px; border-radius:20px;}
	.vi_off { display:none; }
}

@media only screen and (max-width:794px){
	.main-visual { width:100%; height:calc(100vh - 0px); top:-80px;}
	.main-visual > .arrow-con { display:none; }
	.main-visual > .arrow-con > .arrows {max-width:98%; }
	.main-visual > .scroll-con { display:none; } 

	.main-visual .main-slider .slider-visual > .visual-txt { top:90px;}

	.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-1.v1-1 { margin:40px 0 0 4%; font-size:20px; line-height:30px; }
	.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-2.v1-2 { margin:20px 0 0 4%; font-size:15px; line-height:20px; }
	.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-3.v1-3 > a { display:inline-block; float:left; left:0; position:absolute; z-index:99999; width:160px; height:45px; line-height:45px; margin:60px 0 0 10%; text-align:center; font-size:17px; color:#000; background:#fff; border-radius:23px; transition: all 0.3s ease;}
	.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-3.v1-3 > a:hover { color:#fff; background:#000; text-decoration:none;transition: all 0.3s ease; }

	.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-1.v2-1 { margin:20px 0 0 4%; font-size:20px; line-height:30px; }
	.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-2.v2-2 { margin:10px 0 0 4%; font-size:16px; line-height:20px; }
	.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-2.v2-2 strong { font-size:24px; }
	.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-3.v2-3 { margin:20px 0 0 3%; }
	.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-3.v2-3 img { width:45%; }

	.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-1.v3-1 { margin:20px 0 0 4%; font-size:15px;}
	.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-1.v3-1 span { font-size:20px; line-height:40px; }
	.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-1.v3-1 strong { font-size:25px; }
	.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-1.v3-1 b { font-weight:500; line-height:40px; }
	.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-2.v3-2 { margin:20px 0 0 4%; }
	.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-2.v3-2 img { width:60% }
	.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-3.v3-3 > a { float:right; right:30px; position:absolute; width:130px; height:40px; line-height:40px; margin:-50px 0 0 68%; font-size:16px; border-radius:20px;}
	.vi_off { display:none; }

	.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-1.v4-1 { margin:30px 0 0 4%; font-size:15px;}
	.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-1.v4-1 span { font-size:20px; line-height:40px; }
	.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-1.v4-1 strong { font-size:25px; }
	.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-1.v4-1 b { font-weight:500; line-height:40px; }
	.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-2.v4-2 { margin:20px 0 0 4%; }
	.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-2.v4-2 img { width:40% }
	.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-3.v4-3 > a { float:left; left:0px; position:absolute; width:130px; height:40px; line-height:40px; margin:10px 0 0 4%; font-size:16px; border-radius:20px;}
	.vi_off { display:none; }

	.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-1.v5-1 { margin:20px 0 0 4%; font-size:15px;text-shadow: 1px 1px 1px #000;}
	.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-1.v5-1 span { font-size:20px; line-height:40px; text-shadow: 1px 1px 1px #000;}
	.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-1.v5-1 strong { font-size:25px; }
	.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-1.v5-1 b { font-weight:500; line-height:40px; }
	.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-2.v5-2 { margin:10px 0 0 4%; }
	.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-2.v5-2 img { width:20% }
	.main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-3.v5-3 > a { float:right; right:30px; position:absolute; width:130px; height:40px; line-height:40px; margin:-70px 0 0 68%; font-size:16px; border-radius:20px;}
	.vi_off { display:none; }
}

@media only screen and (max-width:512px){
	.main-visual { width:100%; height:330px; top:0px;}
}
@media only screen and (max-width:440px){
	.main-visual { width:100%; height:200px; top:0px;}
}