@charset "utf-8";

.parallaxBox {position:relative}


/*메인 탑 타이틀*/
.main .top_tltBox.st01 {font-size:55px; color:#6d2e39; margin-bottom:100px; line-height:1.1em}


@media screen and (max-width:1420px){
}

@media screen and (max-width:1220px){
}

@media screen and (max-width:1024px){
	.main .top_tltBox.st01 {font-size:5.5vw; margin-bottom:10vw;}
}

@media screen and (max-width:768px){
	.main .top_tltBox.st01 {font-size:6.5vw; margin-bottom:11vw;}
}

@media screen and (max-width:480px){
	.main .top_tltBox.st01 {font-size:7.5vw; margin-bottom:12vw;}
}

.aniBox {overflow:hidden;}


/* --------------------------------------------------섹션01-------------------------------------------------- */
.msec01 {height:1100px; background:#000 url(/share/img/main/bg01.jpg) no-repeat 50% 0;}
.msec01:after {content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7)}

.msec01 .ab_txtBox {position:absolute; top:50%; left:50%; width:94%; transform:translate(-50%,-50%); font-size:70px; color:#fff; line-height:1.3em; z-index:2;}
.msec01 .ab_txtBox {overflow:hidden}
.msec01 .ab_txtBox .big {font-size:75px; font-weight:700}

.msec01 .main_slBox, .msec01 .main_sl, .msec01 .slick-list, .msec01 .slick-track  {height:100%;}
.msec01 .main_sl .item {position:relative; height:100%; background-size:cover !important}
.msec01 .main_sl .item01 {background:url(/share/img/main/sl_img01_1.jpg) no-repeat 50% 50%;}
.msec01 .main_sl .item02 {background:url(/share/img/main/sl_img01_2.jpg) no-repeat 50% 50%;}
.msec01 .main_sl .item03 {background:url(/share/img/main/sl_img01_3.jpg) no-repeat 50% 50%;}

.msec01 .main_slBox .control_box {position:absolute; top:50%; left:70px; transform:translateY(-50%); color:#fff; font-size:25px; z-index:2}
.msec01 .main_slBox .control_box span {display:inline-block; vertical-align:middle;}
.msec01 .main_slBox .control_box .line_dgs {width:1px; height:35px; background:rgba(255,255,255,0.4); transform: rotate(40deg); margin:15px 5px 0 10px}
.msec01 .main_slBox .control_box .slideCountAll {opacity:0.4; margin-top:30px}

.msec01 .scrollBox {position:absolute; bottom:0; left:50%; transform:translateX(-50%); z-index:3}
.msec01 .scrollBox > div {display:inline-block; vertical-top}
.msec01 .scrollBox .txt {color:#fff; font-size:12px; writing-mode: vertical-rl; text-orientation: mixed; letter-spacing:0.1em; margin-bottom:8px}
.msec01 .scrollBox .lineBox {position:absolute; bottom:0; right:0; height:110px;}
.msec01 .scrollBox .lineBox .line {width:1px; height:100%; background:#fff; animation: lineBox_ani 2s infinite linear}

@keyframes lineBox_ani{
    0% {height:0}
    100% {height:100%;}
}


/*애니메이션*/
.msec01.active .ani {transform: translateY(100%); animation:headlineRevealUp 1s; animation-fill-mode: forwards;}
.msec01.active .aniBox:nth-child(2) .ani {animation-delay:0.3s}

@media screen and (max-width:1420px){
	.msec01 .ab_txtBox {font-size:60px;}
	.msec01 .ab_txtBox .big {font-size:65px;}
}

@media screen and (max-width:1220px){
}

@media screen and (max-width:1024px){
	.msec01 {height:110vw;}

	.msec01 .ab_txtBox {font-size:6vw}
	.msec01 .ab_txtBox .big {font-size:6.5vw;}

	.msec01 .main_slBox .control_box {left:3vw; font-size:2.5vw;}
	.msec01 .main_slBox .control_box .line_dgs {height:3.5vw; margin:1.5vw 0.5vw 0 1vw}
	.msec01 .main_slBox .control_box .slideCountAll {margin-top:3vw}

	.msec01 .scrollBox .txt {font-size:1.2vw; margin-bottom:0.8vw}
	.msec01 .scrollBox .lineBox {height:11vw;}
}

@media screen and (max-width:768px){
	.msec01 {height:115vw;}

	.msec01 .ab_txtBox {font-size:6.5vw}
	.msec01 .ab_txtBox .big {font-size:7vw;}

	.msec01 .main_slBox .control_box {display:none}
	.msec01 .scrollBox .txt {font-size:1.6vw; margin-bottom:1vw}
	.msec01 .scrollBox .lineBox {height:15vw;}
}

@media screen and (max-width:480px){
	.msec01 {height:120vw;}

	.msec01 .scrollBox .txt {font-size:2vw; margin-bottom:1.2vw}
	.msec01 .scrollBox .lineBox {height:19vw;}
}


/* --------------------------------------------------섹션02-------------------------------------------------- */
.msec02 {overflow:hidden}
.msec02 .cont {padding:200px 0 180px;}
.msec02 .sec02_list {position:relative; display:flex; flex-direction: row; align-items:center; z-index:2}
.msec02 .sec02_list.fast {margin-bottom:80px; align-items:flex-start;}

/*.msec02 .sec02_list .imgBox {animation: float01_2 1.6s; animation-iteration-count: infinite;}*/
.msec02 .sec02_list:nth-child(2n) .imgBox {animation-delay:0.3s}
.msec02 .sec02_list:nth-child(2n) {justify-content: flex-end}
.msec02 .sec02_list .imgBox .name {font-size:35px; font-weight:700; text-align:center; margin-top:33px}
.msec02 .sec02_list .txtBox {position:relative; word-break: keep-all; max-width:700px; width:100%;}
.msec02 .sec02_list .rBox {padding-left:150px}
.msec02 .sec02_list .lBox {padding-right:150px; text-align:right}

.msec02 .sec02_list .big_txtBox {margin-bottom:70px}
.msec02 .sec02_list .big_txtBox .tlt {font-size:45px; line-height:1.2em; margin-bottom:25px}

.msec02 .sec02_list .txtBox .tlt {position:relative; font-size:35px; font-weight:700; margin-bottom:25px}
.msec02 .sec02_list .txtBox .tlt:before {content:""; display:inline-block; vertical-align:middle; width:15px; height:15px; background:#6d2e39; border-radius:50%; margin:-6px 8px 0 0}
.msec02 .sec02_list .txtBox .tlt:after {content:""; display:inline-block; width:9px; height:19px; background: url(/share/img/main/sec05_btn_arrow.svg) no-repeat 0 0; background-size: 100% 100%; transform: rotate(90deg); margin-left:15px; transition:all 0.3s}
.msec02 .sec02_list .txtBox .tlt.active:after {transform: rotate(270deg);}


.msec02 .sec02_list .listUl {display:none}
.msec02 .sec02_list .listUl li {position:relative; margin-left:10px}
.msec02 .sec02_list .listUl li:before {content:""; display:inline-block; vertical-align:middle; width:5px; height:1px; background:#212121; margin:0 5px 0 -10px}

.msec02 .ani_img_top {left:0 !important}
.msec02 .ani_img_top .ani_img {animation-duration:180s;}


/*애니메이션*/


@media screen and (max-width:1420px){
	.msec02 .sec02_list {margin-bottom:80px}
	.msec02 .sec02_list:last-child {margin-bottom:0}
	.msec02 .sec02_list .rBox {padding-left:5vw}
	.msec02 .sec02_list .lBox {padding-right:5vw;}

	.msec02 .sec02_list .big_txtBox .tlt .pc_bk {display:inline !important}
}

@media screen and (max-width:1220px){
	.msec02 .sec02_list {width:100%; flex-direction: column;}
	.msec02 .sec02_list.fast {align-items:inherit}
	.msec02 .sec02_list .imgBox {text-align:center}
	.msec02 .sec02_list .rBox, .msec02 .sec02_list .lBox {width:100%; padding:5vw 0 0 0; text-align:left;}
	.msec02 .sec02_list:nth-child(2n) {flex-direction: column-reverse; justify-content: end;}

	.msec02 .ani_img_top .ani_img img {width:60px; opacity:0.5}
}

@media screen and (max-width:1024px){
	.msec02 .cont {padding:18vw 0;}
	.msec02 .sec02_list, .msec02 .sec02_list.fast {margin-bottom:8vw;}

	.msec02 .sec02_list .imgBox img {height:55vw}
	.msec02 .sec02_list .imgBox .name {font-size:3.5vw; margin-top:3.3vw}
	.msec02 .sec02_list .rBox, .msec02 .sec02_list .lBox {padding:5vw 0 0 0;}

	.msec02 .sec02_list .big_txtBox {margin-bottom:7vw}
	.msec02 .sec02_list .big_txtBox .tlt {font-size:4.5vw; margin-bottom:2.5vw}

	.msec02 .sec02_list .txtBox .tlt {font-size:3.5vw; margin-bottom:2.5vw}
	.msec02 .sec02_list .txtBox .tlt:before {width:1.5vw; height:1.5vw; margin:-0.6vw 0.8vw 0 0}
	.msec02 .sec02_list .txtBox .tlt:after {width:0.9vw; height:1.9vw;  margin-left:1.5vw;}

	.msec02 .sec02_list .listUl li {margin-left:1vw;}
	.msec02 .sec02_list .listUl li:before {width:0.5vw;  margin:0 0.5vw 0 -1vw}

	.msec02 .ani_img_top .ani_img img {width:6vw;}
}

@media screen and (max-width:768px){
	.msec02 .sec02_list, .msec02 .sec02_list.fast {margin-bottom:8.5vw;}

	.msec02 .sec02_list .imgBox img {height:65vw}
	.msec02 .sec02_list .imgBox .name {font-size:4vw; margin-top:3.8vw}
	.msec02 .sec02_list .rBox, .msec02 .sec02_list .lBox {padding:5.5vw 0 0 0;}

	.msec02 .sec02_list .big_txtBox {margin-bottom:7.5vw}
	.msec02 .sec02_list .big_txtBox .tlt {font-size:5vw; margin-bottom:3vw}

	.msec02 .sec02_list .txtBox .tlt {font-size:4vw; margin-bottom:2vw}
	.msec02 .sec02_list .txtBox .tlt:before {width:2vw; height:2vw; margin:-0.8vw 1vw 0 0}
	.msec02 .sec02_list .txtBox .tlt:after {width:1vw; height:2.4vw; margin-left:2vw;}

	.msec02 .sec02_list .listUl li {margin-left:1.5vw;}
	.msec02 .sec02_list .listUl li:before {width:0.6vw;  margin:0 0.6vw 0 -1.5vw}

	.msec02 .ani_img_top .ani_img img {width:6.5vw;}
}

@media screen and (max-width:480px){
	.msec02 .sec02_list, .msec02 .sec02_list.fast {margin-bottom:9.5vw;}

	.msec02 .sec02_list .imgBox img {height:75vw}
	.msec02 .sec02_list .imgBox .name {font-size:5vw; margin-top:4.8vw}
	.msec02 .sec02_list .rBox, .msec02 .sec02_list .lBox {padding:6vw 0 0 0;}

	.msec02 .sec02_list .big_txtBox {margin-bottom:8.5vw}
	.msec02 .sec02_list .big_txtBox .tlt {font-size:6vw; margin-bottom:4vw}

	.msec02 .sec02_list .txtBox .tlt {font-size:5vw; margin-bottom:3vw}
	.msec02 .sec02_list .txtBox .tlt:before {width:3vw; height:3vw; margin:-1.2vw 1.7vw 0 0}
	.msec02 .sec02_list .txtBox .tlt:after {width:2vw; height:3.4vw; margin-left:3vw;}

	.msec02 .sec02_list .listUl li {margin-left:2.5vw;}
	.msec02 .sec02_list .listUl li:before {width:0.9vw;  margin:0 0.9vw 0 -3vw}

	.msec02 .ani_img_top .ani_img img {width:7.5vw;}
}


/* --------------------------------------------------섹션03-------------------------------------------------- */
.msec03 {background:url(/share/img/main/bg03new.jpg) no-repeat 50% 0; background-size:cover}
.msec03 .cont {padding:210px 0 155px;}
.msec03 .top_tltBox {margin-bottom:105px; font-size:55px; line-height:1.1em}

.msec03 .sec03Ul li {display:inline-block; vertical-align:top; width:32%; margin-right:1.5%;}
.msec03 .sec03Ul li:last-child {margin-right:0}
.msec03 .sec03Ul a {display:block; width:100%; padding:60px 50px; border-radius:30px; color:#fff; background:rgba(255,255,255,0.2); transition:all 0.3s}
.msec03 .sec03Ul a:hover {background:#6d2e39}

.msec03 .sec03Ul .tlt {position:relative; font-size:40px; font-weight:700; margin-bottom:75px;}
.msec03 .sec03Ul .tlt:after {content:""; display:inline-block; width:1px; height:40px; background:#fff; position:absolute; top:55px; left:5px}
.msec03 .sec03Ul .txt {font-size:20px; line-height:1.3em}

.msec03 .sec03Ul .btn {font-size:20px; font-weight:700; margin-top:33px}
.msec03 .sec03Ul .btn .icon {display:inline-block; vertical-align:middle; margin-left:5px}
.msec03 .sec03Ul .btn .icon img {height:13px;}

.msec03 .bntBox a {padding:25px 40px; font-size:25px; color:#6d2e39; font-weight:700; line-height:1.3em; background:#fff; display:inline-block; border-radius:50px; transition:all 0.3s}
.msec03 .bntBox a:hover {background:#6d2e39; color:#fff}
.msec03 .bntBox .icon {display:inline-block; vertical-align:middle; margin:-5px 0 0 70px; width:9px; height:19px; background:url(/share/img/main/sec05_btn_arrow.svg) no-repeat 0 0; background-size:100% 100%}
.msec03 .bntBox a:hover .icon {background:url(/share/img/main/sec05_btn_arrow_w.svg) no-repeat 0 0;}


/*애니메이션*/
.msec03.active .sec03Ul li {transform: translateY(25px); transition:all 0.3s; transition-delay:0.3s}
.msec03.active .sec03Ul li:nth-child(2) {transform: translateY(-25px);} 


/**/
.msec03 .sec03Ul2 li {position:relative; display:inline-block; vertical-align:top; width:32%; height:370px; margin-right:1.5%; cursor:pointer; border-radius:30px; background:rgba(255,255,255,0.2); overflow:hidden;}
.msec03 .sec03Ul2 li:last-child {margin-right:0}

.msec03 .sec03Ul2 .ab_txtBox {position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:100%}
.msec03 .sec03Ul2 .tlt {position:relative; font-size:40px; font-weight:700; margin-bottom:40px;}

.msec03 .sec03Ul2 .hover_txtBox {opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; background:#6d2e39; transition:all 0.1s}
.msec03 .sec03Ul2 li.active .hover_txtBox {opacity:1}
.msec03 .sec03Ul2 .hover_txtBox .hover_ab_txtBox {position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:90%; font-size:22px; color:#fff; line-height:1.4em}


@media screen and (max-width:1420px){
	/**/
	.msec03 .sec03Ul2 li {width:100%; height:250px; margin-right:0; margin-bottom:20px}
	.msec03 .sec03Ul2 li:last-child {margin-bottom:0}
}

@media screen and (max-width:1220px){
	.msec03 .sec03Ul li {width:100%; margin:0 0 15px 0}
	.msec03 .sec03Ul .txt .pc_bk {display:inline !important}

	.msec03.active .sec03Ul li, .msec03.active .sec03Ul li:nth-child(2) {transform:none;}
}

@media screen and (max-width:1024px){
	.msec03 .cont {padding:20vw 0 15vw;}
	.msec03 .top_tltBox {margin-bottom:10.5vw; font-size:5.5vw;}

	.msec03 .sec03Ul li {margin:0 0 1.5vw 0}
	.msec03 .sec03Ul a {padding:6vw 5vw; border-radius:3vw}

	.msec03 .sec03Ul .tlt {font-size:4vw; margin-bottom:7.5vw;}
	.msec03 .sec03Ul .tlt:after {height:4vw; top:5.5vw; left:0.5vw}
	.msec03 .sec03Ul .txt {font-size:2vw}

	.msec03 .sec03Ul .btn {font-size:2vw; margin-top:3.3vw}
	.msec03 .sec03Ul .btn .icon {margin-left:0.5vw}
	.msec03 .sec03Ul .btn .icon img {height:1.3vw;}

	.msec03 .bntBox a {padding:2.5vw 4vw; font-size:2.5vw; border-radius:5vw;}
	.msec03 .bntBox .icon {margin:-0.5vw 0 0 7vw; width:0.9vw; height:1.9vw;}

	
	/*애니메이션*/
	.msec03.active .sec03Ul li {transform: translateY(2.5vw);}
	.msec03.active .sec03Ul li:nth-child(2) {transform: translateY(-2.5vw);} 


	/**/
	.msec03 .sec03Ul2 li {height:25vw; margin-bottom:2vw; border-radius:3vw;}
	.msec03 .sec03Ul2 .tlt {font-size:4vw; margin-bottom:4vw;}
	.msec03 .sec03Ul2 .plusBtn img {height:6vw}
	.msec03 .sec03Ul2 .hover_txtBox .hover_ab_txtBox {font-size:2.2vw;}
}

@media screen and (max-width:768px){
	.msec03 .top_tltBox {margin-bottom:11vw; font-size:6vw;}

	.msec03 .sec03Ul li {margin:0 0 2vw 0}
	.msec03 .sec03Ul a {padding:6.5vw 5.5vw; border-radius:3.5vw}

	.msec03 .sec03Ul .tlt {font-size:4.5vw; margin-bottom:8vw;}
	.msec03 .sec03Ul .tlt:after {height:4.5vw; top:6vw; left:0.6vw}
	.msec03 .sec03Ul .txt {font-size:2.7vw}

	.msec03 .sec03Ul .btn {font-size:2.7vw; margin-top:3.8vw}
	.msec03 .sec03Ul .btn .icon {margin-left:0.6vw}
	.msec03 .sec03Ul .btn .icon img {height:1.8vw;}

	.msec03 .bntBox a {padding:3vw 4.5vw; font-size:3vw; border-radius:5.5vw;}
	.msec03 .bntBox .icon {margin:-0.6vw 0 0 7.5vw; width:1vw; height:2.4vw;}


	/**/
	.msec03 .sec03Ul2 li {height:30vw; margin-bottom:3vw; border-radius:4vw;}
	.msec03 .sec03Ul2 .tlt {font-size:5vw; margin-bottom:4.5vw;}
	.msec03 .sec03Ul2 .plusBtn img {height:7vw}
	.msec03 .sec03Ul2 .hover_txtBox .hover_ab_txtBox {font-size:3.2vw;}
}

@media screen and (max-width:480px){
	.msec03 .top_tltBox {margin-bottom:12vw; font-size:7vw;}

	.msec03 .sec03Ul li {margin:0 0 3vw 0}
	.msec03 .sec03Ul a {padding:7.5vw 6.5vw; border-radius:4.5vw}

	.msec03 .sec03Ul .tlt {font-size:5.5vw; margin-bottom:9vw;}
	.msec03 .sec03Ul .tlt:after {height:5.4vw; top:7vw; left:0.8vw}
	.msec03 .sec03Ul .txt {font-size:3.9vw}

	.msec03 .sec03Ul .btn {font-size:3.9vw; margin-top:4.8vw}
	.msec03 .sec03Ul .btn .icon {margin-left:0.8vw}
	.msec03 .sec03Ul .btn .icon img {height:2.8vw;}

	.msec03 .bntBox a {padding:4vw 5.5vw; font-size:4vw; border-radius:6.5vw;}
	.msec03 .bntBox .icon {margin:-0.8vw 0 0 8.5vw; width:2vw; height:3.4vw;}


	/*애니메이션*/
	.msec03.active .sec03Ul li {transform: translateY(3.5vw);}
	.msec03.active .sec03Ul li:nth-child(2) {transform: translateY(-3.5vw);} 


	/**/
	.msec03 .sec03Ul2 li {height:35vw; margin-bottom:4vw; border-radius:5vw;}
	.msec03 .sec03Ul2 .tlt {font-size:6vw; margin-bottom:5vw;}
	.msec03 .sec03Ul2 .plusBtn img {height:8vw}
	.msec03 .sec03Ul2 .hover_txtBox .hover_ab_txtBox {font-size:4.2vw;}
}


/* --------------------------------------------------섹션04-------------------------------------------------- */
.msec04 .cont {padding:215px 0 95px}
.msec04 .txtBox .txt {font-size:25px; line-height:1.4em; margin-bottom:30px}
.msec04 .txtBox .tlt {font-size:45px; line-height:1.3em}
.msec04 .txtBox .tlt .big {font-size:55px;}


/*애니메이션*/


@media screen and (max-width:1420px){
}

@media screen and (max-width:1220px){
}

@media screen and (max-width:1024px){
	.msec04 .cont {padding:21.5vw 0 9.5vw}
	.msec04 .txtBox .txt {font-size:2.5vw; margin-bottom:3vw}
	.msec04 .txtBox .tlt {font-size:4.5vw; }
	.msec04 .txtBox .tlt .big {font-size:5.5vw;}
}

@media screen and (max-width:768px){
	.msec04 .txtBox .txt {font-size:3vw; margin-bottom:3.5vw}
	.msec04 .txtBox .tlt {font-size:5vw; }
	.msec04 .txtBox .tlt .big {font-size:6vw;}
}

@media screen and (max-width:480px){
	.msec04 .txtBox .txt {font-size:4vw; margin-bottom:4.5vw}
	.msec04 .txtBox .tlt {font-size:6vw; }
	.msec04 .txtBox .tlt .big {font-size:7vw;}
}


/* --------------------------------------------------섹션05-------------------------------------------------- */
.msec05 {background:url(/share/img/main/bg05.jpg) no-repeat 50% 0; background-size:cover}
.msec05 .cont {max-width:1600px; padding:150px 0}

.msec05 .sec05Ul > li {opacity:0; display:inline-block; vertical-align:top; width:500px; height:500px; border-radius:50%; border:1px solid #fff; margin-right:45px; cursor:pointer; transition:all 0.3s}
.msec05 .sec05Ul > li:last-child {margin-right:0}
.msec05 .sec05Ul > li:hover {background:#fff; color:#6d2e39}

.msec05 .sec05Ul > li .top_num {width:85px; height:85px; line-height:80px; border-radius:50%; background:#fff; font-size:40px; font-weight:700; color:#6d2e39; margin:-40px auto 0;}
.msec05 .sec05Ul > li:hover .top_num {background:#6d2e39; color:#fff}
.msec05 .sec05Ul > li .tltBox {margin-top:45px; font-size:30px; line-height:1.2em}
.msec05 .sec05Ul > li .tltBox .big {font-size:40px; font-weight:700; line-height:1.2em}

.msec05 .sec05_list {margin:20px auto 0; width:75%; text-align:left; line-height:1.3em}
.msec05 .sec05_list li {display:flex; font-size:21px; margin-bottom:7px}
.msec05 .sec05_list li:last-chiid {margin-bottom:0}

.msec05 .bt_tltBox {font-size:35px; font-weight:500; margin-top:70px}

.msec05 .bntBox a {padding:25px 40px; font-size:25px; color:#6d2e39; font-weight:700; line-height:1.3em; background:#fff; display:inline-block; border-radius:50px; transition:all 0.3s}
.msec05 .bntBox a:hover {background:#6d2e39; color:#fff}
.msec05 .bntBox .icon {display:inline-block; vertical-align:middle; margin:-5px 0 0 70px; width:9px; height:19px; background:url(/share/img/main/sec05_btn_arrow.svg) no-repeat 0 0; background-size:100% 100%}
.msec05 .bntBox a:hover .icon {background:url(/share/img/main/sec05_btn_arrow_w.svg) no-repeat 0 0;}


/*애니메이션*/
.msec05.active .sec05Ul > li {opacity:1; animation-fill-mode: both !important; animation:fanfare 0.6s; animation-delay:0.3s}



/**/
.msec05 .sec05Ul2 {margin-bottom:45px;}
.msec05 .sec05Ul2:last-child {margin-bottom:0}
.msec05 .sec05Ul2 li {position:relative; display:inline-block; vertical-align:top; text-align:left; width:500px; height:350px; padding:60px 50px 50px; border-radius:30px; border:1px solid #fff; margin-right:45px; cursor:pointer; overflow:hidden}
.msec05 .sec05Ul2 li:last-child {margin-right:0}
.msec05 .sec05Ul2 .tlt {font-size:40px; font-weight:700; line-height:1.3em}
.msec05 .sec05Ul2 .plusBtn {position:absolute; bottom:50px; right:50px}

.msec05 .sec05Ul2 .hover_txtBox {opacity:0; position:absolute; top:0; left:0; background:#fff; width:100%; height:100%; padding:60px 50px 50px; font-size:22px; line-height:1.3em; color:#6d2e39; transition:all 0.1s}
.msec05 .sec05Ul2 li.active .hover_txtBox {opacity:1}
.msec05 .sec05Ul2 .mg_b_txt {margin-bottom:10px}


@media screen and (max-width:1620px){
	.msec05 .cont {max-width:94%}	

	.msec05 .sec05Ul > li {width:28vw; height:28vw; margin-right:1vw}
	.msec05 .sec05Ul > li .tltBox .big {font-size:35px}
	
	.msec05 .sec05Ul > li .tltBox {margin-top:25px}
	.msec05 .sec05_list li {font-size:18px; line-height:1.3em}


	/**/
	.msec05 .sec05Ul2 li {width:400px}
}

@media screen and (max-width:1420px){
	.msec05 .sec05Ul > li {width:100%; height:400px; margin-right:0; border-radius:30px; margin-bottom:60px}
	.msec05 .sec05Ul > li:last-child {margin-bottom:0}

	.msec05 .sec05_list {text-align:left; width:84%}
	.msec05 .sec05_list li {font-size:21px; line-height:1.3em; /*justify-content: center;*/}

	.msec05 .sec05Ul > li .tltBox .big {font-size:40px}
	.msec05 .sec05Ul > li .tltBox {margin-top:45px}

	
	/**/
	.msec05 .sec05Ul2 {margin-bottom:0}
	.msec05 .sec05Ul2 li {width:100%; height:300px; margin-bottom:30px}
	.msec05 .sec05Ul2 li:last-child {margin-bottom:0}
	.msec05 .sec05Ul2:first-child li:last-child {margin-bottom:30px}
	.msec05 .sec05Ul2 .mg_b_txt {margin-bottom:0}
}

@media screen and (max-width:1220px){
}

@media screen and (max-width:1024px){
	.msec05 .cont {padding:15vw 0}

	.msec05 .sec05Ul > li {opacity:1; height:40vw; border-radius:3vw; margin-bottom:6vw}
	.msec05 .sec05Ul > li .top_num {width:8.5vw; height:8.5vw; line-height:8vw; font-size:4vw; margin:-4vw auto 0;}
	.msec05 .sec05Ul > li .tltBox {margin-top:4.5vw; font-size:3vw;}
	.msec05 .sec05Ul > li .tltBox .big {font-size:4vw;}

	.msec05 .sec05_list {margin:2vw auto 0;}
	.msec05 .sec05_list li {font-size:2.1vw; margin-bottom:0.7vw}

	.msec05 .bt_tltBox {font-size:3.5vw; margin-top:7vw}

	.msec05 .bntBox a {padding:2.5vw 4vw; font-size:2.5vw; border-radius:5vw;}
	.msec05 .bntBox .icon {margin:-0.5vw 0 0 7vw; width:0.9vw; height:1.9vw;}

	/*애니메이션*/
	.msec05.active .sec05Ul > li {animation:none;}


	/**/
	.msec05 .sec05Ul2 li {height:30vw; padding:6vw 5vw 5vw; border-radius:3vw; margin-bottom:3vw}
	.msec05 .sec05Ul2:first-child li:last-child {margin-bottom:3vw}
	.msec05 .sec05Ul2 .tlt {font-size:4vw; }
	.msec05 .sec05Ul2 .plusBtn {bottom:5vw; right:5vw}
	.msec05 .sec05Ul2 .plusBtn img {height:6vw}

	.msec05 .sec05Ul2 .hover_txtBox {font-size:2.2vw; padding:6vw 5vw 5vw;}
}

@media screen and (max-width:768px){
	.msec05 .sec05Ul > li {height:47vw; border-radius:3.5vw; margin-bottom:6.5vw}
	.msec05 .sec05Ul > li .top_num {width:9vw; height:9vw; line-height:8.5vw; font-size:4.5vw; margin:-4.5vw auto 0;}
	.msec05 .sec05Ul > li .tltBox {margin-top:5vw; font-size:3.5vw;}
	.msec05 .sec05Ul > li .tltBox .big {font-size:4.5vw;}

	.msec05 .sec05_list {margin:3vw auto 0;}
	.msec05 .sec05_list li {font-size:2.6vw; margin-bottom:0.8vw}

	.msec05 .bt_tltBox {font-size:4vw; margin-top:7.5vw}

	.msec05 .bntBox a {padding:3vw 4.5vw; font-size:3vw; border-radius:5.5vw;}
	.msec05 .bntBox .icon {margin:-0.6vw 0 0 7.5vw; width:1vw; height:2.4vw;}


	/**/
	.msec05 .sec05Ul2 li {height:35vw; padding:7vw 6vw 6vw; border-radius:4vw; margin-bottom:4vw}
	.msec05 .sec05Ul2:first-child li:last-child {margin-bottom:4vw}
	.msec05 .sec05Ul2 .tlt {font-size:5vw; }
	.msec05 .sec05Ul2 .plusBtn {bottom:6vw; right:6vw}
	.msec05 .sec05Ul2 .plusBtn img {height:7vw}

	.msec05 .sec05Ul2 .hover_txtBox {font-size:3.2vw; padding:7vw 6vw 6vw;}
}

@media screen and (max-width:480px){
	.msec05 .sec05Ul > li {height:64vw; border-radius:4.5vw; margin-bottom:8vw}
	.msec05 .sec05Ul > li .top_num {width:10vw; height:10vw; line-height:9.5vw; font-size:5.5vw; margin:-5.5vw auto 0;}
	.msec05 .sec05Ul > li .tltBox {margin-top:6vw; font-size:4.5vw;}
	.msec05 .sec05Ul > li .tltBox .big {font-size:5.5vw;}

	.msec05 .sec05_list {margin:4.5vw auto 0;}
	.msec05 .sec05_list li {font-size:3.6vw; margin-bottom:1.5vw}

	.msec05 .bt_tltBox {font-size:5vw; margin-top:8.5vw}

	.msec05 .bntBox a {padding:4vw 5.5vw; font-size:4vw; border-radius:6.5vw;}
	.msec05 .bntBox .icon {margin:-0.8vw 0 0 8.5vw; width:2vw; height:3.4vw;}


	/**/
	.msec05 .sec05Ul2 li {height:40vw; border-radius:5vw; margin-bottom:5vw}
	.msec05 .sec05Ul2:first-child li:last-child {margin-bottom:5vw}
	.msec05 .sec05Ul2 .tlt {font-size:6vw; }
	.msec05 .sec05Ul2 .plusBtn {bottom:7vw; right:7vw}
	.msec05 .sec05Ul2 .plusBtn img {height:8vw}

	.msec05 .sec05Ul2 .hover_txtBox {font-size:4.2vw;}
}


/* --------------------------------------------------섹션06-------------------------------------------------- */
.msec06 {padding:200px 0; overflow:hidden; display:none}
.msec06 .sec06Ul li {height:101px; margin-bottom:50px}
.msec06 .sec06Ul li:last-child {margin-bottom:0}
.msec06 .sec06Ul img {margin-right:95px}


/*애니메이션*/


@media screen and (max-width:1420px){
}

@media screen and (max-width:1220px){
}

@media screen and (max-width:1024px){
	.msec06 {padding:20vw 0;}
	.msec06 .sec06Ul li {height:10.1vw; margin-bottom:5vw}
	.msec06 .sec06Ul img {height:10.1vw; margin-right:9.5vw}
}

@media screen and (max-width:768px){
	.msec06 .sec06Ul li {height:13.1vw; margin-bottom:5.5vw}
	.msec06 .sec06Ul img {height:13.1vw; margin-right:10vw}
}

@media screen and (max-width:480px){
	.msec06 .sec06Ul li {height:16.6vw; margin-bottom:6.5vw}
	.msec06 .sec06Ul img {height:16.6vw; margin-right:11vw}
}


/* --------------------------------------------------섹션07-------------------------------------------------- */
.msec07 {background:#f6f6f6}
.msec07 .cont {padding:200px 0 160px}

.msec07 .mtltBox {position:relative; font-size:35px; font-weight:500; margin-bottom:50px; padding-left:10px; line-height:1.3em}
.msec07 .mtltBox:before {content:""; display:inline-block; vertical-align:middle; position:absolute; top:7px; left:0; width:3px; height:30px; background:#6d2e39;}

.msec07 .sec07_slBox {position:relative;}
.msec07 .sec07_sl {position:relative; padding-bottom:55px}
.msec07 .sec07_slBox .item {position:relative; width:400px; margin-right:30px}

.msec07 .sec07_slBox .imgBox {position:relative;}
.msec07 .sec07_slBox .imgBox .img {position:relative; z-index:1}
.msec07 .sec07_slBox .item .imgBox:after {content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(56,15,22,0.5); opacity:0; z-index:2; transition:all 0.3s}
.msec07 .sec07_slBox .item:hover .imgBox:after {opacity:1;}

.msec07 .sec07_slBox .imgBox .img {overflow:hidden}
.msec07 .sec07_slBox .imgBox .img img {width:100%; height:350px; transition:.3s}
.msec07 .sec07_slBox .item:hover .imgBox .img img {transform:scale(1.1);}
.msec07 .sec07_slBox .imgBox .plus {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:3}
.msec07 .sec07_slBox .imgBox .plus img {height:0; transition:all 0.3s}
.msec07 .sec07_slBox .item:hover .imgBox .plus img {height:85px;}

.msec07 .sec07_slBox .txtBox {width:100%; height:200px; background:#fff; padding:30px 20px; transition:all 0.3s}
.msec07 .sec07_slBox .item:hover .txtBox {background:#6d2e39; color:#fff}
.msec07 .sec07_slBox .txtBox .txt {font-size:18px; margin-bottom:10px; line-height:1.3em}
.msec07 .sec07_slBox .txtBox .tlt {font-size:25px; font-weight:600; line-height:1.3em}

.msec07 .sec07_slBox .progress {position:absolute; bottom:0; left:50%; transform:translateX(-50%); display: block; max-width:1400px; width:100%; height:5px; background:#d7d7d7; border-radius:30px; overflow: hidden;  background-image: linear-gradient(to right, #6d2e39, #6d2e39 ); background-repeat: no-repeat; background-size: 0 100%; transition: background-size .4s ease-in-out;}
.msec07 .sec07_slBox .sr-only {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}

.msec07 .sec07Btn a {display:inline-block; padding:16px 30px; border:1px solid #212121; border-radius:50px; font-size:20px; font-weight:500; line-height:1.3em; transition:all 0.3s}
.msec07 .sec07Btn a:hover {background:#6d2e39; border-color:#6d2e39; color:#fff}
.msec07 .sec07Btn .icon {display:inline-block; vertical-align:top; margin-right:15px}
.msec07 .sec07Btn .icon img {height:16px; margin-top:-2px}
.msec07 .sec07Btn a:hover .icon img {filter: invert(1) brightness(10);}

.msec07 .sec07Ul > li {position:relative; display:inline-block; vertical-align:top; width:23.5%; /*height:540px;*/ margin-right:1.8%; background:#fff; padding:85px 45px}
.msec07 .sec07Ul > li:last-child {margin-right:0}

.msec07 .sec07Ul .tltBox {margin-bottom:25px}
.msec07 .sec07Ul .tltBox .tlt {font-size:45px; font-weight:700;}
.msec07 .sec07Ul .tltBox .txt {font-size:20px; margin-left:8px}

.msec07 .sec07_list li {font-size:20px; line-height:1.3em; margin-bottom:5px}
.msec07 .sec07_list li:before {content:""; display:inline-block; vertical-align:middle; width:3px; height:3px; border-radius:50%; background:#212121; margin-right:8px}

.msec07 .sec07_slBox .slick-arrow {position:absolute; top:46%; transform: translateY(-50%); width:30px; height:59px; background-size:100% 100% !important; border:0; cursor:pointer}
.msec07 .sec07_slBox .slick-prev {left:-70px; background:url(/share/img/main/sec07_sl_arrow_l.png) no-repeat 0 0;}
.msec07 .sec07_slBox .slick-next {right:-70px; background:url(/share/img/main/sec07_sl_arrow_r.png) no-repeat 0 0;}



/*애니메이션*/

@media screen and (max-width:1620px){
	.msec07 .sec07_slBox .slick-arrow {top:33%; background-color:rgba(255,255,255,0.8); width:50px; height:50px; border-radius:50%; background-position:50% 50%; background-size:13px 25px !important; z-index:2}
	.msec07 .sec07_slBox .slick-prev {left:10px}
	.msec07 .sec07_slBox .slick-next {right:10px}
}

@media screen and (max-width:1420px){
	.msec07 .sec07Ul > li {width:49%; margin:0 1.3% 1.5% 0}
	.msec07 .sec07Ul > li:nth-child(2n) {margin-right:0}
}

@media screen and (max-width:1220px){
}

@media screen and (max-width:1024px){
	.msec07 .cont {padding:20vw 0 16vw}

	.msec07 .mtltBox {font-size:3.5vw; margin-bottom:5vw; padding-left:1vw}
	.msec07 .mtltBox:before {top:0.7vw; width:0.3vw; height:3vw;}

	.msec07 .sec07_sl {padding-bottom:5.5vw}
	.msec07 .sec07_slBox .item {width:40vw; margin-right:3vw}

	.msec07 .sec07_slBox .imgBox .img img {height:35vw;}
	.msec07 .sec07_slBox .item:hover .imgBox .plus img {height:8.5vw;}

	.msec07 .sec07_slBox .txtBox {height:20vw; padding:3vw 2vw;}
	.msec07 .sec07_slBox .txtBox .txt {font-size:1.8vw; margin-bottom:1vw}
	.msec07 .sec07_slBox .txtBox .tlt {font-size:2.5vw;}

	.msec07 .sec07_slBox .progress {height:0.5vw; border-radius:3vw;}

	.msec07 .sec07Btn a {padding:1.6vw 3vw; border-radius:5vw; font-size:2vw;}
	.msec07 .sec07Btn .icon {margin-right:1.5vw}
	.msec07 .sec07Btn .icon img {height:1.6vw; margin-top:-0.2vw}

	.msec07 .sec07Ul > li {/*height:54vw;*/ padding:8.5vw 4.5vw}

	.msec07 .sec07Ul .tltBox {margin-bottom:2.5vw}
	.msec07 .sec07Ul .tltBox .tlt {font-size:4.5vw;}
	.msec07 .sec07Ul .tltBox .txt {font-size:2vw; margin-left:0.8vw}

	.msec07 .sec07_list li {font-size:2vw; margin-bottom:0.5vw}
	.msec07 .sec07_list li:before {width:0.3vw; height:0.3vw; margin-right:0.8vw}


	.msec07 .sec07_slBox .slick-arrow {top:28%; width:5vw; height:5vw; background-size:1.3vw 2.5vw !important;}
	.msec07 .sec07_slBox .slick-prev {left:1vw}
	.msec07 .sec07_slBox .slick-next {right:1vw}
}

@media screen and (max-width:768px){
	.msec07 .mtltBox {font-size:4vw; margin-bottom:5.5vw; padding-left:2vw}
	.msec07 .mtltBox:before {top:0.9vw; width:0.4vw; height:3.5vw; margin-right:1.5vw;}

	.msec07 .sec07_sl {padding-bottom:6vw}
	.msec07 .sec07_slBox .item {width:50vw; margin-right:3.5vw}

	.msec07 .sec07_slBox .imgBox .img img {height:40vw;}
	.msec07 .sec07_slBox .item:hover .imgBox .plus img {height:9vw;}

	.msec07 .sec07_slBox .txtBox {height:30vw; padding:3.5vw 2.5vw;}
	.msec07 .sec07_slBox .txtBox .txt {font-size:2.3vw; margin-bottom:1.5vw}
	.msec07 .sec07_slBox .txtBox .tlt {font-size:3vw;}

	.msec07 .sec07_slBox .progress {height:0.6vw; border-radius:3.5vw;}

	.msec07 .sec07Btn a {padding:2.1vw 3.5vw; border-radius:5.5vw; font-size:2.5vw;}
	.msec07 .sec07Btn .icon {margin-right:2vw}
	.msec07 .sec07Btn .icon img {height:2.1vw; margin-top:-0.3vw}

	.msec07 .sec07Ul > li {/*height:63vw;*/ padding:9vw 5vw; width:48.65%; margin:0 1.5% 2.3vw 0}

	.msec07 .sec07Ul .tltBox {margin-bottom:3vw}
	.msec07 .sec07Ul .tltBox .tlt {font-size:5vw;}
	.msec07 .sec07Ul .tltBox .txt {font-size:2.5vw; margin-left:1vw}

	.msec07 .sec07_list li {font-size:2.5vw; margin-bottom:0.6vw}
	.msec07 .sec07_list li:before {width:0.4vw; height:0.4vw; margin-right:0.9vw}


	.msec07 .sec07_slBox .slick-arrow {width:6.5vw; height:6.5vw; background-size:2vw 3.5vw !important;}
}

@media screen and (max-width:480px){
	.msec07 .mtltBox {font-size:5vw; margin-bottom:6.5vw; padding-left:3vw}
	.msec07 .mtltBox:before {top:1.1vw; width:0.6vw; height:4.5vw; margin-right:2.5vw;}

	.msec07 .sec07_sl {padding-bottom:7vw}
	.msec07 .sec07_slBox .item {width:60vw; margin-right:4.5vw}

	.msec07 .sec07_slBox .imgBox .img img {height:50vw;}
	.msec07 .sec07_slBox .item:hover .imgBox .plus img {height:10vw;}

	.msec07 .sec07_slBox .txtBox {height:40vw; padding:4.5vw 3.5vw;}
	.msec07 .sec07_slBox .txtBox .txt {font-size:3.3vw; margin-bottom:2.5vw}
	.msec07 .sec07_slBox .txtBox .tlt {font-size:4vw;}

	.msec07 .sec07_slBox .progress {height:0.8vw; border-radius:4.5vw;}

	.msec07 .sec07Btn a {padding:3.1vw 4.5vw; border-radius:6.5vw; font-size:3.5vw;}
	.msec07 .sec07Btn .icon {margin-right:3vw}
	.msec07 .sec07Btn .icon img {height:3.1vw; margin-top:-0.5vw}

	.msec07 .sec07Ul > li {height:auto; padding:10vw 6vw; width:100%; margin: 0 0 3.3vw 0;}

	.msec07 .sec07Ul .tltBox {margin-bottom:4vw}
	.msec07 .sec07Ul .tltBox .tlt {font-size:6vw;}
	.msec07 .sec07Ul .tltBox .txt {font-size:3.9vw; margin-left:1.5vw}

	.msec07 .sec07_list li {font-size:3.9vw; margin-bottom:0.8vw}
	.msec07 .sec07_list li:before {width:0.6vw; height:0.6vw; margin-right:1.1vw}


	.msec07 .sec07_slBox .slick-arrow {width:8.5vw; height:8.5vw; background-size:2.5vw 4vw !important;}
}


/* --------------------------------------------------섹션08-------------------------------------------------- */
.msec08 {padding-top:190px}

.msec08 .mapBox {position:relative;}
.msec08 .map_infoBox {opacity:0; position:absolute; bottom:0; left:0; width:500px; height:320px; padding:40px 55px; background:rgba(109,46,57,0.95); z-index:3}
.msec08 .map_infoBox .tlt {font-size:35px; font-weight:600; margin-bottom:25px}

.msec08 .map_infoBox .map_list li {display:flex; align-item:center; padding:0 15px 7px; margin-bottom:7px; border-bottom:1px solid rgba(255,255,255,0.3)}
.msec08 .map_infoBox .map_list li:last-child {padding-bottom:0; margin-bottom:0; border-bottom:0}
.msec08 .map_infoBox .map_list .icon img {height:19px; margin:-3px 10px 0 0;}
.msec08 .map_infoBox .map_list .txt {font-size:20px}
.msec08 .map_infoBox .map_list a {color:#fff}

.msec08 #map {position:relative; width:100%; height:700px; z-index:2}


/*애니메이션*/
.msec08.active .map_infoBox {opacity:1; animation-fill-mode: both !important; animation:slide-in-up 0.4s; animation-delay:0.3s}


@media screen and (max-width:1420px){
}

@media screen and (max-width:1220px){
}

@media screen and (max-width:1024px){
	.msec08 {padding-top:19vw}

	.msec08 .map_infoBox {width:50vw; height:32vw; padding:4vw 5.5vw;}
	.msec08 .map_infoBox .tlt {font-size:3.5vw; margin-bottom:2.5vw}

	.msec08 .map_infoBox .map_list li {padding:0 1.5vw 0.7vw; margin-bottom:0.7vw;}
	.msec08 .map_infoBox .map_list .icon img {height:1.9vw; margin:-0.3vw 1vw 0 0;}
	.msec08 .map_infoBox .map_list .txt {font-size:2vw}

	.msec08 #map {height:70vw;}
}

@media screen and (max-width:768px){
	.msec08 .map_infoBox {position:relative; bottom:inherit; left:inherit; width:100%; height:auto; padding:4.5vw 6vw;}
	.msec08 .map_infoBox .tlt {font-size:4vw; margin-bottom:3vw}

	.msec08 .map_infoBox .map_list li {padding:0 2vw 0.8vw; margin-bottom:0.8vw;}
	.msec08 .map_infoBox .map_list .icon img {height:2.4vw; margin:-0.4vw 2vw 0 0;}
	.msec08 .map_infoBox .map_list .txt {font-size:2.7vw}
}

@media screen and (max-width:480px){
	.msec08 .map_infoBox {padding:5.5vw 7vw;}
	.msec08 .map_infoBox .tlt {font-size:5vw; margin-bottom:4vw}

	.msec08 .map_infoBox .map_list li {padding:0 3vw 1vw; margin-bottom:1vw;}
	.msec08 .map_infoBox .map_list .icon img {height:3.4vw; margin:-0.6vw 3vw 0 0;}
	.msec08 .map_infoBox .map_list .txt {font-size:3.4vw}
}