@charset "utf-8";

/* --------------------------------------------------메인 네비-------------------------------------------------- */
.sub .msection_nav {display:none}
.msection_nav {position:fixed; top:50%; right:50px; transform: translateY(-50%); width:25px; z-index: 500}
.msection_nav li {display:block; margin-bottom:15px;}
.msection_nav li a {display:block; width:100%; height:1px; background:#fff;}

.fp-viewing-1 .msection_nav li:nth-child(1) a, .fp-viewing-2 .msection_nav li:nth-child(2) a, .fp-viewing-3 .msection_nav li:nth-child(3) a, .fp-viewing-4 .msection_nav li:nth-child(4) a,
.fp-viewing-5 .msection_nav li:nth-child(5) a, .fp-viewing-6 .msection_nav li:nth-child(6) a, .fp-viewing-7 .msection_nav li:nth-child(7) a, .fp-viewing-8 .msection_nav li:nth-child(8) a,
.fp-viewing-9 .msection_nav li:nth-child(9) a, .fp-viewing-10 .msection_nav li:nth-child(10) a {width:25px; height:23px; background:url(/share/img/inc/main_right_icon_on.png) no-repeat 0 0; background-size:100% 100%;}

@media screen and (max-width:1420px){
	.msection_nav {right:3%}

	.msection_nav {width:20px;}

	.fp-viewing-1 .msection_nav li:nth-child(1) a, .fp-viewing-2 .msection_nav li:nth-child(2) a, .fp-viewing-3 .msection_nav li:nth-child(3) a, .fp-viewing-4 .msection_nav li:nth-child(4) a,
	.fp-viewing-5 .msection_nav li:nth-child(5) a, .fp-viewing-6 .msection_nav li:nth-child(6) a, .fp-viewing-7 .msection_nav li:nth-child(7) a, .fp-viewing-8 .msection_nav li:nth-child(8) a,
	.fp-viewing-9 .msection_nav li:nth-child(9) a, .fp-viewing-10 .msection_nav li:nth-child(10) a {width:20px; height:18px; }
}

@media screen and (max-width:1220px){
	.msection_nav {right:1%}
}

@media screen and (max-width:1024px){
	.msection_nav {display:none}
}


/* --------------------------------------------------섹션01-------------------------------------------------- */
.msec01 {position:relative; overflow:hidden;}
.msec01 .mvBox {position:relative; margin-bottom:-15px;}
.msec01 .mvBox:after {content:""; display:block; position:absolute; top:0; left:0; width:100%; height:99.3%; background:rgba(0,0,0,0.7); z-index:1}

.msec01 .txtBox {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:90%; z-index:2}
.msec01 .txtBox .txt {font-size:34px; line-height:1.3em; margin-bottom:10px;}


/*애니메이션*/
.msec01.active .txtBox .txt, .msec01.active .txtBox .logoBox img {animation-fill-mode: both !important; animation: fade-in-down 0.7s; animation-timing-function: ease-out;}
.msec01.active .txtBox .txt {animation-delay:0.3s}
.msec01.active .txtBox .logoBox img {animation-delay:0.3s}


@media screen and (max-width:1820px){
	.msec01 #bgvid {width:140%; margin-left:-20%}
}

@media screen and (max-width:1420px){
	.msec01 .txtBox .txt {font-size:29px;}
	.msec01 .txtBox .logoBox img {height:130px;}
}

@media screen and (max-width:1220px){
	.msec01 #bgvid {width:180%; margin-left:-40%}

	.msec01 .txtBox .txt {font-size:24px;}
	.msec01 .txtBox .logoBox img {height:110px;}
}

@media screen and (max-width:1024px){
	.msec01 #bgvid {width:240%; margin-left:-70%}

	.msec01 .txtBox .txt {font-size:2.45vw;}
	.msec01 .txtBox .logoBox img {height:11vw;}
}

@media screen and (max-width:768px){
	.msec01 #bgvid {width:260%; margin-left:-80%}

	.msec01 .txtBox .txt {font-size:3vw;}
	.msec01 .txtBox .logoBox img {height:13vw;}
}

@media screen and (max-width:480px){
	.msec01 #bgvid {width:260%; margin-left:-80%}

	.msec01 .txtBox .txt {font-size:3.8vw;}
	.msec01 .txtBox .logoBox img {height:16vw;}
}


/* --------------------------------------------------섹션02-------------------------------------------------- */
.msec02 {position:relative; background:#0f0f0f url(/share/img/main/bg02.jpg) no-repeat 50% 0;}
.msec02 .bg {position:absolute; top:0; left:0; width:100%; height:100%;; background:url(/share/img/main/bg02_gray.jpg) no-repeat 50% 0;}
.msec02 .cont {height:1160px; z-index:2}

.msec02 .txtBox01, .msec02 .txtBox02 {position:absolute;}
.msec02 .txtBox01 {top:215px; right:0; text-align:right}
.msec02 .txtBox02 {bottom:133px; left:72px; font-size:40px; line-height:1.3em}

.msec02 .txtBox01 .txt {font-size:35px; line-height:1.3em; margin-bottom:30px;}
.msec02 .txtBox01 .tlt {font-size:55px; line-height:1.3em}


/*애니메이션*/
.msec02.active .bg {animation-fill-mode: both !important; animation: fade-out 1.2s; animation-timing-function: ease-in-out; animation-delay:0.3s}
.msec02.active .txtBox01 {animation-fill-mode: both !important; animation: fade-in-left 0.7s; animation-timing-function: ease-in-out; animation-delay:0.5s}
.msec02.active .txtBox02 {animation-fill-mode: both !important; animation: fade-in-right 0.7s; animation-timing-function: ease-in-out; animation-delay:0.5s}


@media screen and (max-width:1420px){
	.msec02 .cont {height:1100px;}

	.msec02 .txtBox02 {font-size:35px;}

	.msec02 .txtBox01 .txt {font-size:30px; margin-bottom:25px;}
	.msec02 .txtBox01 .tlt {font-size:50px;}
}

@media screen and (max-width:1220px){
	.msec02 .cont {height:1000px;}

	.msec02 .txtBox02 {font-size:30px;}

	.msec02 .txtBox01 .txt {font-size:25px; margin-bottom:20px;}
	.msec02 .txtBox01 .tlt {font-size:45px;}
}

@media screen and (max-width:1024px){
	.msec02, .msec02 .bg {background-size:cover}
	.msec02 .cont {height:100vw;}

	.msec02 .txtBox01 {top:21.5vw;}
	.msec02 .txtBox02 {bottom:14.3vw; left:0; font-size:3vw;}

	.msec02 .txtBox01 .txt {font-size:2.5vw; margin-bottom:2.5vw;}
	.msec02 .txtBox01 .tlt {font-size:4.5vw;}
}

@media screen and (max-width:768px){
	.msec02 .cont {height:102vw;}

	.msec02 .txtBox02 {bottom:15.3vw; font-size:4vw;}

	.msec02 .txtBox01 .txt {font-size:3.5vw; margin-bottom:3vw;}
	.msec02 .txtBox01 .tlt {font-size:5.5vw;}
}

@media screen and (max-width:480px){
	.msec02 .cont {height:104vw;}

	.msec02 .txtBox02 {bottom:16.3vw; font-size:5vw;}

	.msec02 .txtBox01 .txt {font-size:4.5vw; margin-bottom:3vw;}
	.msec02 .txtBox01 .tlt {font-size:6.5vw;}
}


/* --------------------------------------------------섹션03-------------------------------------------------- */
.msec03 {position:relative; background:url(/share/img/main/bg03.jpg) no-repeat 50% 0; background-size:cover;}
.msec03 .cont {padding:200px 0 100px}

.msec03 .tltBox {position:relative;}
.msec03 .tltBox:after {content:""; display:inline-block; width:1px; height:0; background:#e9dbc3; margin:15px 0; transition:all 0.7s}
.msec03 .tltBox .tlt {font-size:50px; margin-bottom:15px; line-height:1.5em}
.msec03 .tltBox .txt {font-size:25px; line-height:1.5em}

.msec03 .foodBox {position:relative;}
.msec03 .foodBox .food {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}


/*애니메이션*/
.msec03.active .tltBox:after {height:70px}
.msec03.active .foodBox .dong_line img {animation-fill-mode: both !important; animation: rotate2 40s; animation-timing-function: ease-in; animation-iteration-count: infinite; animation-delay:0.3s}
.msec03.active .foodBox .food img {animation-fill-mode: both !important; animation: rotate 25s; animation-timing-function: ease-in; animation-iteration-count: infinite; animation-delay:0.3s}

@media screen and (max-width:1420px){
	.msec03 .tltBox:after {height:65px;}
	.msec03 .tltBox .tlt {font-size:45px;}
	.msec03 .tltBox .txt {font-size:20px;}

	.msec03 .foodBox .dong_line img {height:780px}
	.msec03 .foodBox .food img {height:750px}
}

@media screen and (max-width:1220px){
	.msec03 .tltBox:after {height:60px;}
	.msec03 .tltBox .tlt {font-size:40px;}
	.msec03 .tltBox .txt {font-size:18px;}

	.msec03 .foodBox .dong_line img {height:760px}
	.msec03 .foodBox .food img {height:730px}
}

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

	.msec03 .tltBox:after {height:6vw; margin:1.5vw 0}
	.msec03 .tltBox .tlt {font-size:4vw; margin-bottom:1.5vw;}
	.msec03 .tltBox .txt {font-size:1.8vw;}

	.msec03 .foodBox .dong_line img {height:76vw}
	.msec03 .foodBox .food img {height:73vw}
}

@media screen and (max-width:768px){
	.msec03 .cont {padding:21vw 0 11vw}

	.msec03 .tltBox:after {height:8vw; margin:2.5vw 0}
	.msec03 .tltBox .tlt {font-size:5vw; margin-bottom:2.5vw;}
	.msec03 .tltBox .txt {font-size:2.8vw;}

	.msec03 .foodBox .dong_line img {height:77vw}
	.msec03 .foodBox .food img {height:74vw}
}

@media screen and (max-width:480px){
	.msec03 .cont {padding:22vw 0 12vw}

	.msec03 .tltBox:after {height:9vw; margin:2.5vw 0}
	.msec03 .tltBox .tlt {font-size:6vw; margin-bottom:3.5vw;}
	.msec03 .tltBox .txt {font-size:3.8vw;}

	.msec03 .foodBox .dong_line img {height:79vw}
	.msec03 .foodBox .food img {height:76vw}
}


/* --------------------------------------------------섹션04-------------------------------------------------- */
.msec04 {position:relative;}
.msec04 .cont {max-width:1900px; padding:140px 0; overflow:hidden}

.msec04 .mn_slBox {position:relative; float:left; width:55%; margin-right:6%}
.msec04 .mn_slBox .control_box {position:absolute; bottom:45px; right:0; background:#000}
.msec04 .mn_slBox .slideCountItem {color:#989898}
.msec04 .mn_sl .item img {width:100%;}

.msec04 .mn_slBox .txtBox {margin-top:20px;}
.msec04 .mn_slBox .txtBox .tlt {font-size:27px; margin-bottom:5px; line-height:1.3em;}
.msec04 .mn_slBox .txtBox .txt {font-size:20px}

.msec04 .tltBox {position:relative; float:right; width:38%; margin-top:100px;}
.msec04 .tltBox .tlt {font-size:45px; line-height:1.2em; margin-bottom:90px;}
.msec04 .tltBox .txt {font-size:25px; line-height:1.5em}


/*애니메이션*/
.msec04.active .tltBox {animation-fill-mode: both !important; animation: fade-in-left 0.7s; animation-timing-function: ease-out; animation-delay:0.3s}


@media screen and (max-width:1920px){
	.msec04 .cont {max-width:94%}
	.msec04 .tltBox {margin-top:2vw;}
}

@media screen and (max-width:1620px){
	.msec04 .mn_slBox {margin-right:4%}
	.msec04 .mn_slBox .txtBox .tlt {font-size:23px;}
	.msec04 .mn_slBox .txtBox .txt {font-size:18px}

	.msec04 .tltBox {width:40%}
	.msec04 .tltBox .tlt {font-size:42px;margin-bottom:80px;}
	.msec04 .tltBox .txt {font-size:22px;}
}

@media screen and (max-width:1420px){
	.msec04 .mn_slBox .txtBox .tlt {font-size:20px;}
	.msec04 .mn_slBox .txtBox .txt {font-size:16px}

	.msec04 .tltBox .tlt {font-size:37px; margin-bottom:60px;}
	.msec04 .tltBox .txt {font-size:20px;}
}

@media screen and (max-width:1220px){
	.msec04 .mn_slBox, .msec04 .tltBox {float:none; width:100%; margin-right:0}
	.msec04 .tltBox {text-align:center;}

	.msec04 .mn_slBox .txtBox .tlt {font-size:20px;}
	.msec04 .mn_slBox .txtBox .txt {font-size:17px}

	.msec04 .tltBox {margin-bottom:70px;}
	.msec04 .tltBox .tlt {font-size:40px; margin-bottom:30px;}
	.msec04 .tltBox .txt {font-size:20px;}
}

@media screen and (max-width:1024px){
	.msec04 .cont {padding:14vw 0;}

	.msec04 .mn_slBox .control_box {bottom:4.5vw; font-size:2vw;}

	.msec04 .mn_slBox .txtBox .tlt {font-size:2vw; margin-bottom:0.5vw;}
	.msec04 .mn_slBox .txtBox .txt {font-size:1.4vw}

	.msec04 .tltBox {margin-bottom:7vw;}
	.msec04 .tltBox .tlt {font-size:4vw; margin-bottom:3vw;}
	.msec04 .tltBox .txt {font-size:2vw;}
}

@media screen and (max-width:768px){
	.msec04 .cont {padding:15vw 0;}

	.msec04 .mn_slBox .control_box {bottom:4vw; font-size:3vw;}

	.msec04 .mn_slBox .txtBox .tlt {font-size:3vw; margin-bottom:1vw;}
	.msec04 .mn_slBox .txtBox .txt {font-size:2.4vw}

	.msec04 .tltBox {margin-bottom:8vw;}
	.msec04 .tltBox .tlt {font-size:5vw;}
	.msec04 .tltBox .txt {font-size:3vw;}
}

@media screen and (max-width:480px){
	.msec04 .cont {padding:16vw 0;}

	.msec04 .mn_slBox .control_box {font-size:4vw;}

	.msec04 .mn_slBox .txtBox .tlt {font-size:4vw; margin-bottom:2vw;}
	.msec04 .mn_slBox .txtBox .txt {font-size:3.4vw}

	.msec04 .tltBox {margin-bottom:9vw;}
	.msec04 .tltBox .tlt {font-size:6vw;}
	.msec04 .tltBox .txt {font-size:4vw;}
}


/* --------------------------------------------------섹션05-------------------------------------------------- */
.msec05 {position:relative; background:url(/share/img/main/bg05.jpg) no-repeat 50% 0; background-size:cover; overflow:hidden}
.msec05 .contBox {position:relative; max-width:2000px; margin:0 auto;}
.msec05 .cont {height:1160px;}

.msec05 .tltBox {position:absolute; left:0; bottom:145px}
.msec05 .tltBox .tlt {font-size:45px; line-height:1.3em; margin-bottom:15px;}
.msec05 .tltBox .txt {font-size:25px; line-height:1.3em}
.msec05 .tltBox .btn {margin-top:20px; font-size:20px}
.msec05 .tltBox .btn .arrow {display:inline-block; vertical-align:top; margin-left:7px;}
.msec05 .tltBox .btn .arrow img {animation-fill-mode: both !important; animation: float2 1.2s; animation-timing-function: ease-out; animation-iteration-count: infinite;}

.msec05 .sec05Ul {position:absolute; top:0; right:0; width:40%; height:100%; z-index:2}
.msec05 .sec05Ul li:first-child {border-top:0}
.msec05 .sec05Ul li {position:relative; display:block; width:100%; height:290px; padding:0 50px; border:1px solid rgba(255,255,255,0.5); border-bottom:0}

.msec05 .sec05Ul li:nth-child(1):hover {background:url(/share/img/main/img05_1.jpg) no-repeat 50% 0; background-size:cover}
.msec05 .sec05Ul li:nth-child(2):hover {background:url(/share/img/main/img05_2.jpg) no-repeat 50% 0; background-size:cover}
.msec05 .sec05Ul li:nth-child(3):hover {background:url(/share/img/main/img05_3.jpg) no-repeat 50% 0; background-size:cover}
.msec05 .sec05Ul li:nth-child(4):hover {background:url(/share/img/main/img05_4.jpg) no-repeat 50% 0; background-size:cover}

.msec05 .sec05Ul .txtBox {position:absolute; top:50%; transform:translateY(-50%); }
.msec05 .sec05Ul .txtBox .txt {font-size:27px; line-height:1.5em}


/*애니메이션*/
.msec05.active .sec05Ul {animation-fill-mode: both !important; animation: fade-in-left 0.7s; animation-timing-function: ease-out; animation-delay:0.3s}


@media screen and (max-width:1420px){
	.msec05 .cont {height:1100px;}

	.msec05 .tltBox .tlt {font-size:40px;}
	.msec05 .tltBox .txt {font-size:20px;}
	.msec05 .tltBox .btn {margin-top:20px;}
	.msec05 .tltBox .btn a {font-size:18px;}

	.msec05 .sec05Ul {width:40%;}
	.msec05 .sec05Ul li {height:275px;}
	.msec05 .sec05Ul .txtBox .txt {font-size:23px;}
}

@media screen and (max-width:1220px){
	.msec05 .cont {height:1000px;}

	.msec05 .tltBox .tlt {font-size:35px; margin-bottom:15px;}
	.msec05 .tltBox .txt {font-size:18px;}
	.msec05 .tltBox .btn {margin-top:20px;}
	.msec05 .tltBox .btn a {font-size:16px;}
	.msec05 .tltBox .btn .arrow {margin-left:7px;}

	.msec05 .sec05Ul {width:35%;}
	.msec05 .sec05Ul li {height:250px;}
	.msec05 .sec05Ul .txtBox .txt {font-size:23px;}
}

@media screen and (max-width:1024px){
	.msec05 .cont {height:60vw;}

	.msec05 .tltBox {bottom:14.5vw}
	.msec05 .tltBox .tlt {font-size:3.5vw; margin-bottom:1.5vw;}
	.msec05 .tltBox .txt {font-size:1.8vw;}
	.msec05 .tltBox .btn {margin-top:2vw;}
	.msec05 .tltBox .btn a {font-size:1.6vw;}
	.msec05 .tltBox .btn .arrow {margin-left:0.7vw;}

	.msec05 .sec05Ul {position:relative;; top:inherit; right:inherit; width:100%; height:auto; overflow:hidden;}
	.msec05 .sec05Ul li {float:left; width:50%; height:20vw; border:0; padding:0 5vw}
	.msec05 .sec05Ul .txtBox .txt {font-size:2.3vw;}

	.msec05 .sec05Ul li:nth-child(1) {background:url(/share/img/main/img05_1.jpg) no-repeat 50% 0; background-size:cover}
	.msec05 .sec05Ul li:nth-child(2) {background:url(/share/img/main/img05_2.jpg) no-repeat 50% 0; background-size:cover}
	.msec05 .sec05Ul li:nth-child(3) {background:url(/share/img/main/img05_3.jpg) no-repeat 50% 0; background-size:cover}
	.msec05 .sec05Ul li:nth-child(4) {background:url(/share/img/main/img05_4.jpg) no-repeat 50% 0; background-size:cover}
}

@media screen and (max-width:768px){
	.msec05 .cont {height:65vw;}

	.msec05 .tltBox .tlt {font-size:4.5vw; margin-bottom:2.5vw;}
	.msec05 .tltBox .txt {font-size:2.8vw;}
	.msec05 .tltBox .btn {margin-top:3vw;}
	.msec05 .tltBox .btn a {font-size:2.6vw;}
	.msec05 .tltBox .btn .arrow {margin-left:0.8vw;}

	.msec05 .sec05Ul li {height:22vw;}
	.msec05 .sec05Ul .txtBox .txt {font-size:3.3vw;}
}

@media screen and (max-width:480px){
	.msec05 .cont {height:70vw;}

	.msec05 .tltBox .tlt {font-size:5.5vw; margin-bottom:3vw;}
	.msec05 .tltBox .txt {font-size:3.8vw;}
	.msec05 .tltBox .btn {margin-top:3.5vw;}
	.msec05 .tltBox .btn a {font-size:3.6vw;}
	.msec05 .tltBox .btn .arrow {margin-left:1vw;}

	.msec05 .sec05Ul li {height:24vw; padding:0 3vw}
	.msec05 .sec05Ul .txtBox .txt {font-size:3.4vw;}
}


/* --------------------------------------------------섹션06-------------------------------------------------- */
.msec06 {font-size:25px;}
.msec06 .cont {padding-top:150px;}
.msec06 .cont02 {/*padding-bottom:140px;*/}

.msec06 .tltBox {margin-bottom:80px;}
.msec06 .tltBox .tlt {font-size:50px; margin-bottom:30px; line-height:1.2em}
.msec06 .tltBox .txt {font-size:25px; line-height:1.3em}

.msec06 .sec06_sl .item {width:300px; height:335px; border:1px solid #a77b4a; margin-right:12px; padding:30px 0}

.msec06 .sec06_sl .txtBox {line-height:1.3em}
.msec06 .sec06_sl .txtBox .txt01 {margin-bottom:3px; font-weight:700}
.msec06 .sec06_sl .txtBox .txt02 {margin-bottom:3px}

.msec06 .sec06_sl .secUl06 {margin-top:20px;}
.msec06 .sec06_sl .secUl06 li {background:#a77b4a; width:100%; padding:8px 10px; margin-bottom:5px; font-size:25px;}

.msec06 .btBox {margin-top:50px;}
.msec06 .lineBox {max-width:1050px; padding:25px; margin:20px auto 0; border:1px solid #a77b4a}


/*애니메이션*/
.msec06.active .sec06_sl .item {animation-fill-mode: both !important; animation: fanfare2 0.3s; animation-timing-function: ease-out; animation-delay:0.3s}


@media screen and (max-width:1420px){
	.msec06 {font-size:20px;}

	.msec06 .tltBox {margin-bottom:75px;}
	.msec06 .tltBox .tlt {font-size:45px;}
	.msec06 .tltBox .txt {font-size:20px;}

	.msec06 .sec06_sl .item {height:320px;}

	.msec06 .sec06_sl .secUl06 li {font-size:20px;}
	.msec06 .lineBox {padding:25px;}
}

@media screen and (max-width:1220px){
	.msec06 {font-size:18px;}

	.msec06 .tltBox {margin-bottom:65px;}
	.msec06 .tltBox .tlt {font-size:40px; margin-bottom:25px;}
	.msec06 .tltBox .txt {font-size:18px;}

	.msec06 .sec06_sl .item {width:300px; height:300px; margin-right:10px; padding:25px 0}

	.msec06 .sec06_sl .secUl06 {margin-top:15px;}
	.msec06 .sec06_sl .secUl06 li {font-size:18px;}

	.msec06 .btBox {margin-top:35px;}
	.msec06 .lineBox {max-width:94%; padding:20px;}
}

@media screen and (max-width:1024px){
	.msec06 .cont {padding-top:15vw;}
	.msec06 .cont02 {/*padding-bottom:14vw;*/}

	.msec06 {font-size:1.8vw;}

	.msec06 .tltBox {margin-bottom:6.5vw;}
	.msec06 .tltBox .tlt {font-size:4vw; margin-bottom:2.5vw;}
	.msec06 .tltBox .txt {font-size:1.8vw;}

	.msec06 .sec06_sl .item {width:30vw; height:30vw; margin-right:1vw; padding:2.5vw 0}

	.msec06 .sec06_sl .txtBox .txt01 {margin-bottom:0.3vw;}
	.msec06 .sec06_sl .txtBox .txt02 {margin-bottom:0.3vw}

	.msec06 .sec06_sl .secUl06 {margin-top:1.5vw;}
	.msec06 .sec06_sl .secUl06 li {padding:0.8vw 1vw; margin-bottom:0.5vw; font-size:1.8vw;}

	.msec06 .btBox {margin-top:3.5vw;}
	.msec06 .lineBox {padding:2vw; margin:2vw auto 0;}
}

@media screen and (max-width:768px){
	.msec06 .cont {padding-top:16vw;}
	.msec06 .cont02 {/*padding-bottom:15vw;*/}

	.msec06 {font-size:2.7vw;}

	.msec06 .tltBox {margin-bottom:7vw;}
	.msec06 .tltBox .tlt {font-size:5vw; margin-bottom:3.5vw;}
	.msec06 .tltBox .txt {font-size:2.8vw;}

	.msec06 .sec06_sl .item {width:40vw; height:40vw; margin-right:1.5vw; padding:3vw 0}

	.msec06 .sec06_sl .txtBox .txt01 {margin-bottom:0.4vw;}
	.msec06 .sec06_sl .txtBox .txt02 {margin-bottom:0.4vw}

	.msec06 .sec06_sl .secUl06 {margin-top:2vw;}
	.msec06 .sec06_sl .secUl06 li {padding:0.9vw 1.5vw; margin-bottom:0.6vw; font-size:2.7vw;}

	.msec06 .btBox {margin-top:4.5vw;}
	.msec06 .lineBox {padding:3vw; margin:3vw auto 0;}
}

@media screen and (max-width:480px){
	.msec06 .cont {padding-top:17vw;}
	.msec06 .cont02 {/*padding-bottom:16vw;*/}

	.msec06 {font-size:3.7vw;}

	.msec06 .tltBox {margin-bottom:8vw;}
	.msec06 .tltBox .tlt {font-size:6vw; margin-bottom:4.5vw;}
	.msec06 .tltBox .txt {font-size:3.8vw;}

	.msec06 .sec06_sl .item {width:50vw; height:50vw; margin-right:2.5vw; padding:3vw 0}

	.msec06 .sec06_sl .txtBox .txt01 {margin-bottom:0.5vw;}
	.msec06 .sec06_sl .txtBox .txt02 {margin-bottom:0.5vw}

	.msec06 .sec06_sl .secUl06 {margin-top:2vw;}
	.msec06 .sec06_sl .secUl06 li {padding:1vw 2vw; margin-bottom:0.7vw; font-size:3.7vw;}

	.msec06 .btBox {margin-top:5.5vw;}
	.msec06 .lineBox {padding:3vw; margin:4vw auto 0;}
}


/* --------------------------------------------------섹션07-------------------------------------------------- */
.msec07 .cont {padding:150px 0 140px}

.msec07 .tltBox {margin-bottom:25px;}
.msec07 .tltBox .tlt {font-size:50px; line-height:1.2em}

.msec07 .ovalBox {padding:10px 50px; border-radius:50px; background:#a77b4a; font-size:30px; display:inline-block;}

.msec07 .tableBox {margin-top:75px; position:relative; overflow:hidden}
.msec07 .tableBox > div {display:inline-block; vertical-align:middle}
.msec07 .tableBox .lBox {width:49%; margin-right:3%}
.msec07 .tableBox .rBox {width:47%;}
.msec07 .tableBox .rBox img {max-width:100%}

.msec07 .lineBox {max-width:1050px; padding:25px; margin:50px auto 0; border:1px solid #a77b4a; font-size:25px;}

/*애니메이션*/
.msec07.active .tableBox .lBox {animation-fill-mode: both !important; animation: fade-in-right 0.7s; animation-timing-function: ease-out; animation-delay:0.3s}
.msec07.active .tableBox .rBox {animation-fill-mode: both !important; animation: fade-in-left 0.7s; animation-timing-function: ease-out; animation-delay:0.3s}

@media screen and (max-width:1420px){
	.msec07 .tltBox .tlt {font-size:45px}
	.msec07 .ovalBox {font-size:25px;}

	.msec07 .lineBox {padding:25px; font-size:18px;}
}

@media screen and (max-width:1220px){
	.msec07 .lineBox {max-width:94%; padding:20px; font-size:20px;}

		.msec07 .tltBox .tlt {font-size:40px}
		.msec07 .ovalBox {font-size:20px;}
}

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

	.msec07 .tltBox {margin-bottom:2.5vw;}
	.msec07 .tltBox .tlt {font-size:4vw}

	.msec07 .ovalBox {padding:1vw 5vw; border-radius:5vw; font-size:3vw;}
	.msec07 .tableBox {margin-top:7.5vw;}
	.msec07 .tableBox .lBox, .msec07 .tableBox .rBox {width:100%; margin-right:0}
	.msec07 .tableBox .rBox {margin:4vw 0}

	.msec07 .lineBox {padding:2vw; margin:2vw auto 0; font-size:1.7vw;}
}

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

	.msec07 .tltBox {margin-bottom:3.5vw;}
	.msec07 .tltBox .tlt {font-size:5vw}

	.msec07 .ovalBox {padding:2vw 6vw; border-radius:10vw; font-size:4vw;}
	.msec07 .tableBox {margin-top:8vw;}
	.msec07 .tableBox .rBox {margin:5vw 0}

	.msec07 .lineBox {padding:3vw; margin:3vw auto 0; font-size:2.7vw;}
}

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

	.msec07 .tltBox {margin-bottom:4.5vw;}
	.msec07 .tltBox .tlt {font-size:6vw}

	.msec07 .ovalBox {padding:3vw 7vw; border-radius:10vw; font-size:5vw;}
	.msec07 .tableBox {margin-top:7vw;}
	.msec07 .tableBox .rBox {margin:6vw 0}

	.msec07 .lineBox {padding:3vw; margin:4vw auto 0; font-size:3.7vw;}
}


/* --------------------------------------------------섹션08-------------------------------------------------- */
.msec08 .cont {max-width:1600px; height:1320px; padding:200px 0 100px}

.msec08 .l_bgBox {position:absolute; top:0; left:-300px; width:66%; height:100%; background:url(/share/img/main/bg08.jpg) no-repeat 50% 0; background-size:cover}
.msec08 .rBox {width:47%; float:right} 

.msec08 .rBox .tltBox {margin-bottom:50px;}
.msec08 .rBox .tltBox .txt {font-size:25px; margin-bottom:40px; line-height:1.3em}
.msec08 .rBox .tltBox .tlt {font-size:55px; line-height:1.3em}

.msec08 .rBox .imgBox .img02 {margin:25px 0 0 -150px}


/*애니메이션*/
.msec08.active .l_bgBox {animation-fill-mode: both !important; animation: fade-in 0.7s; animation-timing-function: ease-out; animation-delay:0.3s}
.msec08.active .rBox .imgBox > div img {animation-fill-mode: both !important; animation: fade-in-left 0.7s; animation-timing-function: ease-out;}
.msec08.active .rBox .imgBox .img01 img {animation-delay:0.4s}
.msec08.active .rBox .imgBox .img02 img {animation-delay:0.5s}

@media screen and (max-width:1620px){
	.msec08 .cont {max-width:94%}
	.msec08 .rBox .imgBox img {max-width:100%}
}


@media screen and (max-width:1420px){
	.msec08 .l_bgBox {left:-250px}

	.msec08 .rBox .tltBox {margin-bottom:45px;}
	.msec08 .rBox .tltBox .txt {font-size:20px; margin-bottom:35px;}
	.msec08 .rBox .tltBox .tlt {font-size:50px}
}

@media screen and (max-width:1220px){
	.msec08 .l_bgBox {left:-200px}

	.msec08 .rBox .tltBox {margin-bottom:40px;}
	.msec08 .rBox .tltBox .txt {font-size:18px; margin-bottom:30px;}
	.msec08 .rBox .tltBox .tlt {font-size:45px}
}

@media screen and (max-width:1024px){
	.msec08 .cont {height:130vw; padding:20vw 0 10vw}
	.msec08 .l_bgBox {left:-30vw}

	.msec08 .rBox {width:60%;}
	.msec08 .rBox .tltBox {margin-bottom:4vw;}
	.msec08 .rBox .tltBox .txt {font-size:1.8vw; margin-bottom:3vw;}
	.msec08 .rBox .tltBox .tlt {font-size:4.5vw}

	.msec08 .rBox .imgBox .img02 {margin:2.5vw 0 0 -15vw}
}

@media screen and (max-width:768px){
	.msec08 .cont {height:150vw; padding:21vw 0 11vw}
	.msec08 .l_bgBox {left:-40vw}

	.msec08 .rBox {width:75%;}
	.msec08 .rBox .tltBox {margin-bottom:4vw;}
	.msec08 .rBox .tltBox .txt {font-size:2.8vw; margin-bottom:3vw;}
	.msec08 .rBox .tltBox .tlt {font-size:5.5vw}

	.msec08 .rBox .imgBox .img02 {margin:2.5vw 0 0 -15vw}
}

@media screen and (max-width:480px){
	.msec08 .cont {height:170vw; padding:22vw 0 12vw}
	.msec08 .l_bgBox {left:-45vw}

	.msec08 .rBox {width:70%;}
	.msec08 .rBox .tltBox {margin-bottom:5vw;}
	.msec08 .rBox .tltBox .txt {font-size:3.8vw; margin-bottom:3vw;}
	.msec08 .rBox .tltBox .tlt {font-size:6.5vw}

	.msec08 .rBox .imgBox .img02 {margin:3.5vw 0 0 -15vw}
}


/* --------------------------------------------------섹션09-------------------------------------------------- */
.msec09 .contBox {padding-top:150px}

.msec09 .tltBox {margin-bottom:60px}
.msec09 .tltBox .tlt {font-size:50px; display:inline-block; vertical-align:middle; line-height:1.3em}

.msec09 .control_box {display:inline-block; vertical-align:middle; margin-left:10px;} 
.msec09 .control_box .slick-arrow {display:inline-block; vertical-align:middle; border:0; width:15px; height:32px; margin:0 5px;}
.msec09 .control_box .slick-prev {background:url(/share/img/main/sl_lbtn.png) no-repeat 0 0 !important; background-size:100% 100% !important;}
.msec09 .control_box .slick-next {background:url(/share/img/main/sl_rbtn.png) no-repeat 0 0 !important; background-size:100% 100% !important;}
.msec09 .sec09_sl .item {margin-right:20px; border:4px solid #a77b4a}
.msec09 .sec09_sl .item img {width:100%}

/*애니메이션*/
.msec09.active .sec09_sl .item {animation-fill-mode: both !important; animation: fanfare2 0.3s; animation-timing-function: ease-out; animation-delay:0.3s}


@media screen and (max-width:1420px){
	.msec09 .tltBox {margin-bottom:55px}
	.msec09 .tltBox .tlt {font-size:45px;}
}

@media screen and (max-width:1220px){
	.msec09 .tltBox {margin-bottom:50px}
	.msec09 .tltBox .tlt {font-size:40px;}
}

@media screen and (max-width:1024px){
	.msec09 .contBox {padding-top:15vw}

	.msec09 .tltBox {margin-bottom:5vw}
	.msec09 .tltBox .tlt {font-size:4vw;}

	.msec09 .control_box {margin-left:1vw;} 
	.msec09 .control_box .slick-arrow {width:1.5vw; height:3.2vw;margin:0 0.5vw;}
	.msec09 .sec09_sl .item {margin-right:2vw; border-width:0.4vw}
}

@media screen and (max-width:768px){
	.msec09 .contBox {padding-top:16vw}

	.msec09 .tltBox {margin-bottom:6vw}
	.msec09 .tltBox .tlt {font-size:5vw;}

	.msec09 .control_box {margin-left:2vw;} 
	.msec09 .control_box .slick-arrow {width:2.5vw; height:4.2vw;margin:0 0.6vw;}
	.msec09 .sec09_sl .item {margin-right:3vw; border-width:0.5vw}
}

@media screen and (max-width:480px){
	.msec09 .contBox {padding-top:17vw}

	.msec09 .tltBox {margin-bottom:7vw}
	.msec09 .tltBox .tlt {font-size:6vw;}

	.msec09 .control_box {margin-left:3vw;} 
	.msec09 .control_box .slick-arrow {width:3.5vw; height:5.2vw;margin:0 0.7vw;}
	.msec09 .sec09_sl .item {margin-right:4vw; border-width:0.6vw}
}


/* --------------------------------------------------섹션10-------------------------------------------------- */
.msec10 {position:relative;}
.msec10 .cont {padding:150px 0 230px}

.msec10 .tltBox {margin-bottom:60px;}
.msec10 .tltBox .tlt {font-size:50px; color:#a77b4a; line-height:1.5em; margin-bottom:20px;}

.msec10 .tltBox .txt {position:relative;font-size:25px; color:#fff}
.msec10 .tltBox .txt:before {content:""; display:inline-block; vertical-align:middle; margin-right:5px; width:18px; height:18px; border-radius:50%; background:#a77b4a;}

.msec10 .wbox {padding:90px 80px; border:4px solid #a77b4a}

.msec10 dl {position:relative; margin-bottom:25px;  overflow:hidden}
.msec10 dt {position:relative; display:inline-block; vertical-align:middle; width:15%; font-size:22px; color:#a77b4a}
.msec10 dt:before {content:""; display:inline-block; vertical-align:middle; margin-right:5px; width:18px; height:18px; border-radius:50%; background:#a77b4a;}
.msec10 dd {display:inline-block; vertical-align:middle; width:84%}

.msec10 input[type="text"], .msec10 select {height:60px; border-radius:50px; padding:0 30px}

/*라디오 텍스트로*/
.position_ckBox {position:relative;}
.position_ckBox li {position:relative; display:inline-block; margin:0 5px 5px 0; font-size:25px;}

.position_ckBox input[type="checkbox"], .position_ckBox input[type="radio"] {position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0;}
.position_ckBox label {display:block; position:relative; width:240px; height:100%; border:1px solid #a77b4a; color:#a77b4a; padding:0 20px; height:60px; text-align:center; justify-content:center; align-items:center; display: flex; border-radius:50px;}
.position_ckBox input:checked + label {border-color: #a77b4a; color: #000; background: #a77b4a;}


.msec10 .checkbox input+.lbl {line-height:32px;min-height:32px;padding:0 0 0 40px; font-size:22px;}
.msec10 .checkbox input+.lbl:before {width:32px; height:32px;}

.msec10 .checkbox input:checked+.lbl {color:#a77b4a;}
.msec10 .checkbox input+.lbl:after {width:18px; height:12px; top:7px; left:7px; background-color:#a77b4a}
.msec10 .checkbox input+.lbl:after {border-top:none;border-right:none;background:transparent;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.msec10 .checkbox input:focus+.lbl:before {border-color:#a77b4a;}
.msec10 .checkbox input:focus+.lbl:before {border-color:#a77b4a;}
.msec10 .checkbox input:checked+.lbl:before {border-color:#a77b4a;background:none;}
.msec10 .checkbox input:checked+.lbl:after {border-color:#a77b4a;}

.msec10 .btn_b02 {background:#000; color:#a77b4a; border:1px solid #a77b4a; margin-left:15px;}

.main .msec10 .hand_btn {margin-top:80px; width:800px; height:70px; font-size:35px; color:#fff; border:0; border-radius:50px;}


@media screen and (max-width:1420px){
	.msec10 .tltBox {margin-bottom:55px;}
	.msec10 .tltBox .tlt {font-size:45px;}

	.msec10 .tltBox .txt {font-size:22px;}
	.msec10 .tltBox .txt:before {width:18px; height:18px;}

	.msec10 .wbox {padding:70px 60px;}

	.msec10 dl {margin-bottom:20px;}

	/*라디오 텍스트로*/
	.position_ckBox li {width:32%; margin-right:1.5%; font-size:20px;}
	.position_ckBox li:last-child {margin-right:0}
	.position_ckBox label {width:100%; height:55px;}

	.main .msec10 .hand_btn {margin-top:60px; width:800px; height:65px; font-size:30px;}
}

@media screen and (max-width:1220px){
	.msec10 .tltBox {margin-bottom:50px;}
	.msec10 .tltBox .tlt {font-size:40px; margin-bottom:10px;}

	.msec10 .tltBox .txt {font-size:18px;}
	.msec10 .tltBox .txt:before {margin-right:5px; width:15px; height:15px;}

	.msec10 .wbox {padding:50px 40px; border-width:4px}

	.msec10 dl {margin-bottom:15px;}
	.msec10 dt {width:15%; font-size:18px;}
	.msec10 dt:before {margin-right:5px; width:15px; height:15px;}
	.msec10 input[type="text"], .msec10 select {height:50px; border-radius:50px; padding:0 25px}

	/*라디오 텍스트로*/
	.position_ckBox li {width:32%; margin-right:1.5%; font-size:16px;}
	.position_ckBox li:last-child {margin-right:0}
	.position_ckBox label {padding:0 20px; height:50px; border-radius:50px;}

	.msec10 .checkbox input+.lbl {line-height:30px;min-height:30px;padding:0 0 0 35px; font-size:16px;}
	.msec10 .checkbox input+.lbl:before {width:30px; height:30px;}
	.msec10 .checkbox input+.lbl:after {width:15px; height:9px; top:6px; left:6px;}

	.msec10 .btn_b02 {margin-left:10px; font-size:15px;}
	.main .msec10 .hand_btn {margin-top:45px; width:100%; height:60px; font-size:25px; border-radius:50px;}
}

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

	.msec10 .tltBox {margin-bottom:5vw;}
	.msec10 .tltBox .tlt {font-size:4vw; margin-bottom:1vw;}

	.msec10 .tltBox .txt {font-size:1.8vw;}
	.msec10 .tltBox .txt:before {margin-right:0.5vw; width:1.5vw; height:1.5vw;}

	.msec10 .wbox {padding:5vw 4vw; border-width:0.4vw}

	.msec10 dl {margin-bottom:1.5vw;}
	.msec10 dt {width:15%; font-size:1.8vw;}
	.msec10 dt:before {margin-right:0.5vw; width:1.5vw; height:1.5vw;}
	.msec10 input[type="text"], .msec10 select {height:5vw; border-radius:5vw; padding:0 2.5vw; font-size:1.8vw}

	/*라디오 텍스트로*/
	.position_ckBox li {width:31.5%; margin-right:1.5%; font-size:1.6vw;}
	.position_ckBox li:last-child {margin-right:0}
	.position_ckBox label {padding:0 2vw; height:5vw; border-radius:5vw; font-size:1.8vw}

	.msec10 .checkbox input+.lbl {line-height:3vw;min-height:3vw;padding:0 0 0 3.5vw; font-size:1.6vw;}
	.msec10 .checkbox input+.lbl:before {width:3vw; height:3vw;}
	.msec10 .checkbox input+.lbl:after {width:1.6vw; height:1vw; top:0.8vw; left:0.7vw;}

	.msec10 .btn_b02 {margin-left:1vw; font-size:1.5vw; padding:0.5vw 1vw}
	.main .msec10 .hand_btn {margin-top:4.5vw; height:6vw; font-size:2.5vw; border-radius:5vw;}
}

@media screen and (max-width:768px){
	.msec10 .cont {padding:16vw 0 24vw}

	.msec10 .tltBox {margin-bottom:5vw;}
	.msec10 .tltBox .tlt {font-size:5vw; margin-bottom:1.5vw;}

	.msec10 .tltBox .txt {font-size:2.8vw;}
	.msec10 .tltBox .txt:before {margin-right:0.6vw; width:2.2vw; height:2.2vw;}

	.msec10 .wbox {padding:5vw 4vw; border-width:0.5vw}

	.msec10 dl {margin-bottom:2.5vw;}
	.msec10 dt {width:25%; font-size:2.8vw;}
	.msec10 dt:before {margin-right:0.6vw; width:2.2vw; height:2.2vw;}
	.msec10 dd {width:74%}
	.msec10 input[type="text"], .msec10 select {height:7vw; border-radius:6vw; padding:0 3.5vw; font-size:2.8vw}

	/*라디오 텍스트로*/
	.position_ckBox li {width:31%; margin-right:1.5%; font-size:2.6vw;}
	.position_ckBox li:last-child {margin-right:0}
	.position_ckBox label {padding:0 3vw; height:7vw; border-radius:6vw; font-size:2.8vw}

	.msec10 .checkbox input+.lbl {line-height:4vw;min-height:4vw;padding:0 0 0 5vw; font-size:2.6vw;}
	.msec10 .checkbox input+.lbl:before {width:4vw; height:4vw;}
	.msec10 .checkbox input+.lbl:after {width:2.6vw; height:2vw; top:1vw; left:0.9vw;}

	.msec10 .btn_b02 {margin-left:2vw; font-size:2.5vw; padding:0.6vw 1.1vw}
	.main .msec10 .hand_btn {margin-top:5.5vw; height:8vw; font-size:3.5vw; border-radius:6vw;}
}

@media screen and (max-width:480px){
	.msec10 .cont {padding:17vw 0 25vw}

	.msec10 .tltBox {margin-bottom:6vw;}
	.msec10 .tltBox .tlt {font-size:6vw; margin-bottom:2vw;}

	.msec10 .tltBox .txt {font-size:3.8vw;}
	.msec10 .tltBox .txt:before {margin-right:0.6vw; width:3vw; height:3vw;}

	.msec10 .wbox {padding:6vw 5vw; border-width:0.5vw}

	.msec10 dl {margin-bottom:3.5vw;}
	.msec10 dt {width:25%; font-size:3.8vw;}
	.msec10 dt:before {margin-right:0.8vw; width:3vw; height:3vw;}
	.msec10 dd {width:74%}
	.msec10 input[type="text"], .msec10 select {height:9vw; border-radius:7vw; padding:0 4.5vw; font-size:3.8vw}

	/*라디오 텍스트로*/
	.position_ckBox li {width:31%; margin-right:1.5%; font-size:3.6vw;}
	.position_ckBox li:last-child {margin-right:0}
	.position_ckBox label {padding:0 4vw; height:9vw; border-radius:7vw; font-size:3.8vw}

	.msec10 .checkbox input+.lbl {line-height:5vw;min-height:5vw;padding:0 0 0 6vw; font-size:3.6vw;}
	.msec10 .checkbox input+.lbl:before {width:5vw; height:5vw;}
	.msec10 .checkbox input+.lbl:after {width:3.6vw; height:3vw; top:1.3vw; left:1.2vw;}

	.msec10 .btn_b02 {margin-left:3vw; font-size:3.5vw; padding:0.8vw 1.3vw}
	.main .msec10 .hand_btn {margin-top:6.5vw; height:10vw; font-size:4.5vw; border-radius:7vw;}
}