@charset "utf-8";

/* --------------------------------------------------섹션01-------------------------------------------------- */
.msec01 {position:relative; background:url(/share/img/main/bg01.jpg) no-repeat 50% 50%; background-size:180%; transition:all 0.7s}
.msec01.active {background-size:130%}
.msec01 .cont {height:1154px;}

.msec01 .txtBox {position:absolute; top:50%; left:0; transform: translateY(-50%); font-size:70px; line-height:1.3em}
.msec01 .scrollBox {position:absolute; bottom:85px; right:50px; text-align:center; z-index:2}
.msec01 .scrollBox .circle {width:85px; height:85px; background:#818f62; border-radius:50%;}
.msec01 .scrollBox .txt {margin-bottom:-50px; animation: float 1.6s; animation-iteration-count: infinite}
.msec01 .txtBox > div {opacity:0}

/*애니메이션*/
.msec01.active .txtBox > div {opacity:1; animation-fill-mode: both !important; animation: fade-in-right 0.7s; animation-timing-function: ease-out;}
.msec01.active .txtBox .txt01 {animation-delay:0.3s}
.msec01.active .txtBox .txt02 {animation-delay:0.4s}

@media screen and (max-width:1420px){
	.msec01 {background-size:280%}
	.msec01.active {background-size:180%}
}

@media screen and (max-width:1220px){
	.msec01.active {background-size:230%}
}

@media screen and (max-width:1024px){
	.msec01 {background-position:40% 50%}
	.msec01 .cont {height:115.4vw;}
	.msec01 .txtBox {font-size:7vw;}
	.msec01 .scrollBox {bottom:8.5vw; right:5vw;}
	.msec01 .scrollBox .circle {width:8.5vw; height:8.5vw;}
	.msec01 .scrollBox .txt {margin-bottom:-5vw;}
	.msec01 .scrollBox .txt img {height:11.7vw}
}

@media screen and (max-width:768px){
	.msec01 .cont {height:135vw;}
	.msec01 .txtBox {font-size:8vw;}
	.msec01 .scrollBox {bottom:9.5vw; right:3%;}
	.msec01 .scrollBox .circle {width:9.5vw; height:9.5vw;}
	.msec01 .scrollBox .txt {margin-bottom:-6vw;}
	.msec01 .scrollBox .txt img {height:12.7vw}
}

@media screen and (max-width:480px){
	.msec01 {background-size:400%}
	.msec01.active {background-size:300%}

	.msec01 .cont {height:155vw;}
	.msec01 .txtBox {font-size:9vw;}
	.msec01 .scrollBox {bottom:10.5vw; right:3%;}
	.msec01 .scrollBox .circle {width:10.5vw; height:10.5vw;}
	.msec01 .scrollBox .txt {margin-bottom:-7vw;}
	.msec01 .scrollBox .txt img {height:13.7vw}
}


/* --------------------------------------------------섹션02-------------------------------------------------- */
.msec02 {position:relative;}
.msec02 .cont {max-width:1620px; padding:140px 0 95px}

.msec02 .itBox {position:relative; display:flex; align-items:center; z-index:3}

.msec02 .itBox .imgBox {display:flex; max-width:925px;}
.msec02 .itBox .imgBox .img02 {margin:0 0 0 25px}
.msec02 .itBox .imgBox  img {transform: translateY(0); transition:all 0.5s; transition-delay:0.3s}

.msec02 .itBox .txtBox {margin-left:auto; padding-top:100px; max-width:600px;}
.msec02 .itBox .txtBox .tlt {font-size:35px; line-height:1.3em; margin-bottom:20px;}
.msec02 .itBox .txtBox .txt {font-size:18px; color:#6e6e6e; font-weight:400; line-height:1.5em}

.msec02 .bg {position:absolute; bottom:0; left:0; width:100%; height:475px; background:#f8f8f8}

.msec02 .bg:before {content:""; display:inline-block; position:absolute; top:-200px; right:0; height:230px; background:#f8f8f8; border-radius:40px; width:calc(51.2% - 190px);}
.msec02 .bg:after {content:""; display:inline-block; position:absolute; top:-200px; left:0; height:230px; background:#fff; border-radius:40px; width:calc(71.8% - 400px); z-index:2}


/*애니메이션*/
.msec02.active .itBox .imgBox .img01 img {transform: translateY(-10%);}
.msec02.active .itBox .imgBox .img02 img {transform: translateY(10%);}


@media screen and (max-width:2560px){
	.msec02 .bg:before {width:calc(46% - 2vw)}
	.msec02 .bg:after {width:calc(61% - 5vw);}
}

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

	.msec02 .itBox {display:block}
	.msec02 .bg {height:700px}

	.msec02 .itBox .imgBox {justify-content: center; max-width:100%}
	.msec02 .itBox .txtBox {padding-top:70px; max-width:100%; text-align:center; margin-left:0}

	.msec02 .itBox .imgBox .img02 {margin-top:100px}
}

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

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

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

	.msec02 .itBox .imgBox .img02 {margin:10vw 0 0 2.5vw}
	.msec02 .itBox .imgBox img {width:100%}

	.msec02 .itBox .txtBox {padding-top:8vw;}
	.msec02 .itBox .txtBox .tlt {font-size:3.5vw; margin-bottom:2vw;}
	.msec02 .itBox .txtBox .txt {font-size:1.8vw;}

	.msec02 .bg {height:70vw;}
	.msec02 .bg:before {top:-20vw; height:23vw; border-radius:4vw; width:calc(51.2% - 19vw);}
	.msec02 .bg:after {top:-20vw; height:23vw; border-radius:4vw; width:calc(71.8% - 40vw);}
}

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

	.msec02 .itBox .imgBox .img02 {margin:11vw 0 0 3.5vw}
	.msec02 .itBox .txtBox {padding-top:8vw;}
	.msec02 .itBox .txtBox .tlt {font-size:4.5vw; margin-bottom:3vw;}
	.msec02 .itBox .txtBox .txt {font-size:2.8vw;}

	.msec02 .bg {height:90vw;}
}

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

	.msec02 .itBox .imgBox .img02 {margin:12vw 0 0 4.5vw}
	.msec02 .itBox .txtBox {padding-top:9vw;}
	.msec02 .itBox .txtBox .tlt {font-size:5.5vw; margin-bottom:4vw;}
	.msec02 .itBox .txtBox .txt {font-size:3.8vw;}

	.msec02 .bg {height:120vw;}
}


/* --------------------------------------------------섹션03-------------------------------------------------- */
.msec03 .cont {max-width:1540px; padding-top:140px}

.msec03 .sec03Ul li {position:relative; display:inline-block; vertical-align:top; width:24%; margin-right:1%;; height:420px; border:1px solid #587252; border-radius:0 50px 0 0; background:#fbfbf5; overflow:hidden}
.msec03 .sec03Ul li:last-child {margin-right:0}

.msec03 .sec03Ul .tltBox {padding:60px 20px 0}
.msec03 .sec03Ul .tltBox .txt {font-size:25px; color:#587252; line-height:1.4em}
.msec03 .sec03Ul .tltBox .dong_txt {background:#254c1c; color:#fff; font-size:30px; width:180px; height:50px; line-height:55px; border-radius:50px; margin:10px auto 0}

.msec03 .sec03Ul .imgBox {position:absolute; bottom:0; left:0; width:100%; transform: translateY(20%); transition:all 0.5s; transition-delay:0.5s:}
.msec03 .sec03Ul .imgBox img {width:100%;}


/*애니메이션*/
.msec03.active .sec03Ul .imgBox {transform: translateY(0);}


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

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

	.msec03 .sec03Ul .imgBox img {width:auto; height:220px}
}

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

@media screen and (max-width:1024px){
	.msec03 .cont {padding-top:14vw}
	.msec03 .sec03Ul li {height:47vw; border-radius:0 5vw 0 0; margin-right:1.3%}
	
	.msec03 .sec03Ul .tltBox {padding:6vw 2vw 0}
	.msec03 .sec03Ul .tltBox .txt {font-size:2.5vw;}
	.msec03 .sec03Ul .tltBox .dong_txt {font-size:3vw; width:18vw; height:5vw; line-height:5.5vw; border-radius:5vw; margin:1vw auto 0}

	.msec03 .sec03Ul .imgBox img {height:auto; width:100%}
}

@media screen and (max-width:768px){
	.msec03 .cont {padding-top:15vw}
	.msec03 .sec03Ul li {height:57vw; border-radius:0 6vw 0 0; margin-right:1.3%}
	
	.msec03 .sec03Ul .tltBox {padding:7vw 3vw 0}
	.msec03 .sec03Ul .tltBox .txt {font-size:3.5vw;}
	.msec03 .sec03Ul .tltBox .dong_txt {font-size:4vw; width:28vw; height:8vw; line-height:8.5vw; border-radius:6vw; margin:2vw auto 0}
}

@media screen and (max-width:480px){
	.msec03 .cont {padding-top:15vw}
	.msec03 .sec03Ul li {height:67vw; border-radius:0 7vw 0 0; margin-right:1%}
	
	.msec03 .sec03Ul .tltBox {padding:8vw 4vw 0}
	.msec03 .sec03Ul .tltBox .txt {font-size:4.5vw;}
	.msec03 .sec03Ul .tltBox .dong_txt {font-size:5vw; width:94%; height:10vw; line-height:10.5vw; border-radius:7vw; margin:3vw auto 0}
}


/* --------------------------------------------------섹션04-------------------------------------------------- */
.msec04 .cont {max-width:1420px; padding:135px 0 140px}

.msec04 .itBox {display:flex; align-items:flex-end}
.msec04 .itBox img {width:100%; opacity:0; transition:all 0.8s;}
.msec04.active .itBox img {opacity:1}
.msec04.active .lBox img {transition-delay:0.3s}
.msec04.active .rBox img {transition-delay:0.5s}
.msec04 .itBox .lBox {position:relative; width:40%}
.msec04 .itBox .rBox {margin-left:auto; width:55%}

.msec04 .ab_txt {position:absolute; top:-250px; left:110px; width:100%; font-size:65px; font-weight:900; color:#e3e3e3; line-height:1.2em; text-align:left;}


@media screen and (max-width:1440px){
	.msec04 .cont {max-width:94%}
	.msec04 .ab_txt {top:-220px; left:5.5vw; font-size:55px}
}

@media screen and (max-width:1220px){
	.msec04 .ab_txt {top:-180px; font-size:45px}
}

@media screen and (max-width:1024px){
	.msec04 .cont {padding:13.5vw 0 14vw}
	.msec04 .ab_txt {top:-18vw; left:6vw; font-size:4.5vw;}
}

@media screen and (max-width:768px){
	.msec04 .cont {padding:14.5vw 0 15vw}
	.msec04 .itBox {display:block;}
	.msec04 .itBox .lBox, .msec04 .itBox .rBox {width:100%;}
	.msec04 .itBox .lBox {margin-bottom:2vw}

	.msec04 .ab_txt {position:relative; top:inherit; left:inherit; font-size:5vw; text-align:center; margin-bottom:5vw}
}

@media screen and (max-width:480px){
	.msec04 .cont {padding:15.5vw 0 16vw}
	.msec04 .itBox .lBox {margin-bottom:3vw}

	.msec04 .ab_txt {font-size:6vw; margin-bottom:6vw}
}


/* --------------------------------------------------섹션05-------------------------------------------------- */
.msec05 {background:#fbfbf5}
.msec05 .cont {max-width:1800px; padding:140px 0; height:940px}

.msec05 .sec05_slBox {position:relative;}

.msec05 .sec05_slBox .sl_button {position:absolute; top:-180px; right:30px}
.msec05 .sec05_slBox .sl_button button {border:0; width:47px; height:47px; background-size:100% 100% !important; margin:0 -2px}
.msec05 .sec05_slBox .sl_button .slick-prev {background:url(/share/img/main/int_arrow_l.png) no-repeat 0 0}
.msec05 .sec05_slBox .sl_button .slick-next {background:url(/share/img/main/int_arrow_r.png) no-repeat 0 0}

.msec05 .sec05_slBox .slider_for {position:absolute; top:-120px; right:0; max-width:980px;}
.msec05 .sec05_slBox .slider_for .item {border-radius:20px; overflow:hidden}
.msec05 .sec05_slBox .slider_for img {width:100%; height:590px}

.msec05 .sec05_slBox .slider_nav {max-width:775px;}
.msec05 .sec05_slBox .slider_nav .item {display:inline-block; vertical-align:top; width:250px; height:150px; margin:0 10px 10px 0; border-radius:20px; overflow:hidden;}
.msec05 .sec05_slBox .slider_nav .item:nth-child(3n) {margin-right:0}
.msec05 .sec05_slBox .slider_nav img {width:100%; height:100%}
.msec05 .sec05_slBox .slider_nav .slick-track {height:auto !important; width:100% !important;}


@media screen and (max-width:1820px){
	.msec05 .cont {max-width:94%}
	.msec05 .sec05_slBox .slider_for {width:60%}
	.msec05 .sec05_slBox .slider_for img {height:29vw}

	.msec05 .sec05_slBox .slider_nav {width:35%}
	.msec05 .sec05_slBox .slider_nav .item {width:10.5vw; height:6.5vw; margin:0 0.5vw 0.5vw 0}
}

@media screen and (max-width:1420px){
	.msec05 .sec05_slBox .slider_for {top:-90px; width:58%}
	.msec05 .sec05_slBox .slider_for img {height:30vw}

	.msec05 .sec05_slBox .slider_nav .item {width:12vw; height:7.5vw; margin:0 0.5vw 0.5vw 0}
	.msec05 .sec05_slBox .slider_nav {width:40%}
}

@media screen and (max-width:1220px){
	.msec05 .sec05_slBox .sl_button {top:-13vw}
	.msec05 .sec05_slBox .slider_for {top:-6vw}
}

@media screen and (max-width:1024px){
	.msec05 .cont {padding:14vw 0}
	
	.msec05 .sec05_slBox .sl_button {top:-6vw; right:3vw}
	.msec05 .sec05_slBox .sl_button button {width:4.7vw; height:4.7vw; margin:0 -0.3vw}

	.msec05 .sec05_slBox .slider_for {position:relative; top:inherit; left:inherit; width:100%;} 
	.msec05 .sec05_slBox .slider_for .item {border-radius:2vw}
	.msec05 .sec05_slBox .slider_for img {height:50vw}

	.msec05 .sec05_slBox .slider_nav {max-width:100%; width:100%; margin-top:3vw}
	.msec05 .sec05_slBox .slider_nav .item {width:32.6%; height:16vw; margin:0 1% 1% 0; border-radius:2vw}
	.msec05 .sec05_slBox .slider_nav .item:nth-child(3n) {margin-right:0}
}

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

	.msec05 .sec05_slBox .sl_button {top:-9vw}
	.msec05 .sec05_slBox .sl_button button {width:6.7vw; height:6.7vw; margin:0 -0.5vw}

	.msec05 .sec05_slBox .slider_for .item {border-radius:3vw}
	.msec05 .sec05_slBox .slider_for img {height:55vw}

	.msec05 .sec05_slBox .slider_nav {margin-top:4vw}
	.msec05 .sec05_slBox .slider_nav .item {width:32.6%; height:18vw; margin:0 1% 1% 0; border-radius:3vw}
}

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

	.msec05 .sec05_slBox .sl_button {top:-11vw;}
	.msec05 .sec05_slBox .sl_button button {width:8.7vw; height:8.7vw; margin:0 -0.7vw}
}


/* --------------------------------------------------섹션06-------------------------------------------------- */
.msec06 .cont01 {padding-top:135px;}

.msec06 .store_listBox {position:relative; margin-top:110px; height:220px; z-index:2}
.msec06 .store_listBox .ani_img_left {height:100%}
.msec06 .store_listBox .store_listUl {height:100%}
.msec06 .store_listBox .store_listUl li {width:350px; height:100%; border:1px solid rgba(87,61,33,0.3); background:#f3ede7; color:#573d21; border-radius:30px 0 0 0; margin-right:30px; padding:36px 23px}
.msec06 .store_listBox .store_listUl li:nth-child(2n) {border-color:rgba(88,144,82,0.3); background:#fbfbf5; color:#587252}

.msec06 .store_listUl .dong_tlt {font-size:20px; background:#573d21; color:#fff; height:40px; line-height:43px; width:100%; border-radius:50px; margin-bottom:15px;}
.msec06 .store_listUl li:nth-child(2n) .dong_tlt {background:#587252}
.msec06 .store_listUl .txt {font-size:20px; margin-bottom:15px}
.msec06 .store_listUl .price {font-size:30px; line-height:1.3em}
.msec06 .store_listUl .price .big {font-size:40px}

.msec06 .graphBox {position:relative; width:100%; height:761px; margin-top:-150px}
.msec06 .graphBox .graph {position:absolute; bottom:0; left:0; width:100%; height:100%; background:url(/share/img/main/graph06.png) no-repeat 0 0; background-size:100% 100%;}
.msec06 .graphBox .ab_txtBox {position:absolute; top:70%; left:50%; transform: translate(-50%,-50%); font-size:25px; width:94%; line-height:1.5em}


.tableBox, .tableBox2 {position:relative;}
.tableBox > div {display:inline-block; vertical-align:middle; position:relative;}
.tableBox .lBox {width:56%; margin-right:3.5%}
.tableBox .rBox {width:40%}

.tb_tltBox {margin-bottom:10px; display:flex; align-items:center}
.tb_tltBox .tlt {font-size:35px; font-weight:700; line-height:1.3em}
.tb_tltBox .txt {font-size:18px; line-height:1.3em; margin-left:auto}

.tableBox .lineBox {position:absolute; top:0; left:0; width:100%; height:100%; border:4px solid #ffd200; animation:blink 0.35s ease-in-out infinite alternate;}


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

@media screen and (max-width:1220px){
	.tableBox .lBox {width:100%; margin-right:0}
	.tableBox .rBox {width:100%}
}

@media screen and (max-width:1024px){
	.msec06 .cont01 {padding-top:13.5vw;}

	.msec06 .store_listBox {margin-top:11vw; height:22vw;}
	.msec06 .store_listBox .store_listUl li {width:35vw; border-radius:3vw 0 0 0; margin-right:3vw; padding:3.6vw 2.3vw}

	.msec06 .store_listUl .dong_tlt {font-size:2vw; height:4vw; line-height:4.3vw; border-radius:5vw; margin-bottom:1.5vw;}
	.msec06 .store_listUl .txt {font-size:2vw; margin-bottom:1.5vw}
	.msec06 .store_listUl .price {font-size:3vw;}
	.msec06 .store_listUl .price .big {font-size:4vw}

	.msec06 .graphBox {height:76vw; margin-top:-15vw;}
	.msec06 .graphBox .graph {background-size:cover}
	.msec06 .graphBox .ab_txtBox {font-size:2.5vw;}


	.tb_tltBox {margin-bottom:1vw;}
	.tb_tltBox .tlt {font-size:3.5vw;}
	.tb_tltBox .txt {font-size:1.8vw;}

	.tableBox .lineBox {border-width:0.4vw;}
}

@media screen and (max-width:768px){
	.msec06 .cont01 {padding-top:14.5vw;}

	.msec06 .store_listBox {margin-top:12vw; height:32vw;}
	.msec06 .store_listBox .store_listUl li {width:50vw; border-radius:4vw 0 0 0; margin-right:4vw; padding:4.6vw 3.3vw}

	.msec06 .store_listUl .dong_tlt {font-size:3vw; height:6vw; line-height:6.3vw; border-radius:6vw; margin-bottom:2.5vw;}
	.msec06 .store_listUl .txt {font-size:3vw; margin-bottom:2.5vw}
	.msec06 .store_listUl .price {font-size:4vw;}
	.msec06 .store_listUl .price .big {font-size:5vw}

	.msec06 .graphBox {height:86vw; margin-top:-15vw}
	.msec06 .graphBox .ab_txtBox {font-size:3vw;}

	
	.tb_tltBox {margin-bottom:2vw;}
	.tb_tltBox .tlt {font-size:4.5vw;}
	.tb_tltBox .txt {font-size:2.8vw;}

	.tableBox .lineBox {border-width:0.6vw;}
}

@media screen and (max-width:480px){
	.msec06 .cont01 {padding-top:15.5vw;}

	.msec06 .store_listBox {margin-top:13vw; height:42vw;}
	.msec06 .store_listBox .store_listUl li {width:60vw; border-radius:5vw 0 0 0; margin-right:5vw; padding:5.6vw 4.3vw}

	.msec06 .store_listUl .dong_tlt {font-size:4vw; height:8vw; line-height:8.3vw; border-radius:7vw; margin-bottom:3.5vw;}
	.msec06 .store_listUl .txt {font-size:4vw; margin-bottom:3.5vw}
	.msec06 .store_listUl .price {font-size:5vw;}
	.msec06 .store_listUl .price .big {font-size:6vw}

	.msec06 .graphBox {height:96vw; margin-top:-20vw}
	.msec06 .graphBox .ab_txtBox {top:75%; font-size:4vw;}


	.tb_tltBox {margin-bottom:3vw;}
	.tb_tltBox .tlt {font-size:5.5vw;}
	.tb_tltBox .txt {font-size:3.8vw;}

	.tableBox .lineBox {border-width:0.8vw;}
}


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

.msec07 .sec07Ul li {display:inline-block; vertical-align:top; font-size:25px; margin:0 10px 25px}
.msec07 .sec07Ul li:nth-child(6n) {margin-right:0}
.msec07 .sec07Ul .bgBox {width:210px; height:180px; position:relative; border-radius:25px;}
.msec07 .sec07Ul .open .bgBox {background:#dde1c7; color:#154726}
.msec07 .sec07Ul .open_j .bgBox {background:#f3ede7; color:#573d21}
.msec07 .sec07Ul .empty .bgBox {background:url(/share/img/main/line07.png) no-repeat 0 0; color:#587252; background-size:100% 100%}

.msec07 .sec07Ul .st_name {position:absolute; top:45%; left:50%; transform: translate(-50%,-50%);}
.msec07 .sec07Ul .empty .st_name {top:50%; animation:blink 0.4s ease-in-out infinite alternate;}
.msec07 .sec07Ul .st_logo {position:absolute; bottom:27px; left:50%; transform: translateX(-50%); width:112px; height:18px; background-size:100% 100% !important}
.msec07 .sec07Ul .open .st_logo {background:url(/share/img/main/logo07_1.png) no-repeat 0 0}
.msec07 .sec07Ul .open_j .st_logo {background:url(/share/img/main/logo07_2.png) no-repeat 0 0}

.msec07 .sec07Ul .tlt {font-size:24px; margin-top:15px}
.msec07 .sec07Ul .open .tlt {color:#154726}
.msec07 .sec07Ul .open_j .tlt {color:#573d21}


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

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

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

	.msec07 .sec07Ul li, .msec07 .sec07Ul li:nth-child(6n) {font-size:2.5vw; margin:0 1vw 2.5vw}
	.msec07 .sec07Ul li:nth-child(4n) {margin-right:0}
	.msec07 .sec07Ul .bgBox {width:21vw; height:18vw; border-radius:2.5vw;}
	.msec07 .sec07Ul .st_logo {bottom:2.7vw; width:11.2vw; height:1.6vw;}
	.msec07 .sec07Ul .tlt {font-size:2.4vw; margin-top:1.5vw;}
}

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

	.msec07 .sec07Ul li, .msec07 .sec07Ul li:nth-child(6n), .msec07 .sec07Ul li:nth-child(4n) {font-size:3.5vw; margin:0 1vw  3.5vw 0}
	.msec07 .sec07Ul li:nth-child(3n) {margin-right:0}
	.msec07 .sec07Ul .bgBox {width:28vw; height:26vw; border-radius:3.5vw;}
	.msec07 .sec07Ul .st_logo {bottom:3.7vw; width:12.2vw; height:2.6vw;}
	.msec07 .sec07Ul .tlt {font-size:3.4vw; margin-top:2.5vw;}
}

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


/* --------------------------------------------------섹션07-------------------------------------------------- */
.msec08 {background:#fbfbf5}
.msec08 .cont {padding:140px 0}

.msec08 .graphBox {position:relative; display:inline-block; text-align:right;}
.msec08 .graphBox .graph {position:absolute;}
.msec08 .graphBox .graph img {opacity:0; transition:all 1s}
.msec08 .graphBox .graph01 {top:65px; left:63px}
.msec08 .graphBox .graph02 {top:179px; left:28px}
.msec08 .graphBox .graph03 {top:304px; left:64px}

.msec08 .dongBox {position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:500px; height:500px; background:#2d5425; padding:15px; border-radius:50%;}
.msec08 .dong_lineBox {position:relative; width:100%; height:100%; border:1px solid rgba(255,255,255,0.4); border-radius:50%;}
.msec08 .dongBox .ab_txtBox {position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:94%}
.msec08 .dongBox .txt {margin-top:35px; line-height:1.3em}
.msec08 .dongBox .tel_num {font-size:42px; margin-top:20px; line-height:1.3em; font-style: italic;}

.msec08 .tableBox2 .imgBox {position:relative;}

.msec08.active .graphBox .graph img {opacity:1}
.msec08.active .graphBox .graph01 img {transition-delay:0.3s}
.msec08.active .graphBox .graph02 img {transition-delay:0.5s}
.msec08.active .graphBox .graph03 img {transition-delay:0.7s}


@media screen and (max-width:1420px){
	.msec08 .dongBox {width:450px; height:450px;}
	.msec08 .dongBox .ab_txtBox img {height:48px}
	.msec08 .dongBox .tel_num {font-size:35px;}
}

@media screen and (max-width:1220px){
	.msec08 .graphBox {margin-top:30px;}
}

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

	.msec08 .graphBox .graph01 {top:6.5vw; left:6.3vw;}
	.msec08 .graphBox .graph02 {top:17.9vw; left:2.8vw}
	.msec08 .graphBox .graph03 {top:30.4vw; left:6.4vw}

	.msec08 .graphBox .big_graph img {height:56.8vw}
	.msec08 .graphBox .graph01 img {height:23.9vw}
	.msec08 .graphBox .graph02 img {height:25.4vw}
	.msec08 .graphBox .graph03 img {height:24.1vw}


	.msec08 .dongBox {width:40vw; height:40vw; padding:1.5vw}
	.msec08 .dongBox .txt {margin-top:3.5vw; font-size:1.8vw}
	.msec08 .dongBox .tel_num {font-size:3.2vw; margin-top:2vw;}

	.msec08 .dongBox .ab_txtBox .logoBox img {height:4.8vw}

	.msec08 .mj img {height:6.7vw}
}

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

	.msec08 .graphBox .graph01 {top:7.7vw; left:7.6vw;}
	.msec08 .graphBox .graph02 {top:21.1vw; left:3.3vw}
	.msec08 .graphBox .graph03 {top:35.6vw; left:7.7vw}

	.msec08 .graphBox .big_graph img {height:66.8vw}
	.msec08 .graphBox .graph01 img {height:27.9vw}
	.msec08 .graphBox .graph02 img {height:29.4vw}
	.msec08 .graphBox .graph03 img {height:28.1vw}


	.msec08 .dongBox {width:53vw; height:53vw; padding:1.2vw}
	.msec08 .dongBox .txt {margin-top:4.5vw; font-size:2.8vw}
	.msec08 .dongBox .tel_num {font-size:4.2vw; margin-top:3vw;}

	.msec08 .dongBox .ab_txtBox .logoBox img {height:5.8vw}

	.msec08 .mj img {height:7.7vw}
}

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

	.msec08 .mj img {height:8.7vw}
}


/* --------------------------------------------------섹션09-------------------------------------------------- */
.msec09 .cont {padding:140px 0 200px}

.msec09 .tltBox {margin-bottom:65px;}
.msec09 .tltBox .tlt {font-size:40px; line-height:1.3em;}
.msec09 .tltBox .txt {position:relative; line-height:1.3em; margin-top:10px;}
.msec09 .tltBox .txt:before {content:""; display:inline-block; vertical-align:middle; margin-right:5px; width:12px; height:12px; border-radius:50%; background:#587252;}

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

.msec09 input[type="text"], .msec09 select {height:55px; padding:0 30px; background:#fff; border-radius:50px; color:#587252; border-color:#587252}

/*라디오 텍스트로*/
.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 #587252; color:#587252; background:#fff; padding:0 20px; height:55px; text-align:center; justify-content:center; align-items:center; display: flex; border-radius:50px}
.position_ckBox input:checked + label {border-color: #587252; color: #fff; background: #587252;}


.msec09 .checkbox input+.lbl {line-height:32px;min-height:32px;padding:3px 0 0 40px; font-size:20px; color:#587252}
.msec09 .checkbox input+.lbl:before {width:32px; height:32px; border-radius:50%; border-color:#587252}


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



/*약관동의*/
.msec09 .agreeBox {background:#fff; border:1px solid #587252; display:flex; align-items:center; padding:23px 40px; margin-bottom:50px; border-radius:50px}
.msec09 .btn_b02 {background:#587252; color:#fff; border:0; margin-left:auto; font-size:16px; padding:6px 30px 3px; border-radius:50px;}

.msec09 .hand_btn {margin-top:70px; width:350px; height:70px; font-size:30px; font-weight:700; border:0; background:#587252; color:#fff; border-radius:50px}

.msec09 textarea {background:#fff; height:300px; padding:30px; font-size:20px; border-color:#587252; border-radius:30px}



@media screen and (max-width:1420px){
	.msec09 dl {margin-bottom:20px;}
	.msec09 dt {width:15%;}
	.msec09 dd {width:84%}
}

@media screen and (max-width:1220px){
	.msec09 dl {margin-bottom:15px;}
	.msec09 dt {width:15%;}
	.msec09 dd {width:80%}

	.position_ckBox label {width:100%}
}

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

	.msec09 .tltBox {margin-bottom:6.5vw;}
	.msec09 .tltBox .tlt {font-size:4vw;}
	.msec09 .tltBox .txt {margin-top:1vw;}
	.msec09 .tltBox .txt:before {margin-right:0.5vw; width:1.2vw; height:1.2vw;}

	.msec09 dl {margin-bottom:1.5vw;}
	.msec09 dt {width:15%;}
	.msec09 dt:before {margin-right:0.5vw; width:1.2vw; height:1.2vw;}
	.msec09 dd {width:80%}

	.msec09 input[type="text"], .msec09 select {height:5.5vw; padding:0 3vw; border-radius:5vw}

	.msec09 .btn_b02 {font-size:1.6vw; padding:0.6vw 3vw 0.3vw; border-radius:5vw}
	.msec09 .hand_btn {margin-top:7vw; width:35vw; height:7vw; font-size:3vw;}

	.msec09 .checkbox input+.lbl {line-height:3.2vw;min-height:3.2vw;padding:0.3vw 0 0 4vw; font-size:2vw;}
	.msec09 .checkbox input+.lbl:before {width:3.2vw; height:3.2vw;}


	/*약관동의*/
	.msec09 .agreeBox {padding:2.3vw 4vw; margin-bottom:5vw; border-radius:5vw}
	.msec09 .btn_b02 {font-size:1.6vw; padding:0.3vw 3vw; border-radius:5vw}

	.msec09 .checkbox input+.lbl:after {width:1.8vw; height:1vw; top:1vw; left:0.6vw;}

	.msec09 textarea {height:30vw; padding:3vw; font-size:2vw; border-radius:3vw}
}

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

	.msec09 .tltBox {margin-bottom:7.5vw;}
	.msec09 .tltBox .tlt {font-size:5vw;}
	.msec09 .tltBox .txt {margin-top:2vw;}
	.msec09 .tltBox .txt:before {margin-right:0.7vw; width:1.6vw; height:1.6vw;}

	.msec09 dl {margin-bottom:1.5vw;}
	.msec09 dt {width:25%;}
	.msec09 dt:before {margin-right:0.7vw; width:1.6vw; height:1.6vw;}
	.msec09 dd {width:70%}

	.msec09 input[type="text"], .msec09 select {height:7.5vw; padding:0 3vw; border-radius:6vw}

	.msec09 .btn_b02 {font-size:2.6vw; padding:0.8vw 4vw 0.5vw; border-radius:6vw}
	.msec09 .hand_btn {margin-top:8vw; width:60%; height:10vw; font-size:4vw;}

	.position_ckBox li {margin:0 1vw 1vw 0}
	.position_ckBox label {padding:0 3vw; height:7.5vw; border-radius:5vw}

	/*약관동의*/
	.msec09 .agreeBox {padding:2.3vw 4vw; margin-bottom:6vw; border-radius:6vw}
	.msec09 .btn_b02 {font-size:2.6vw; padding:0.5vw 4vw; border-radius:6vw}

	.msec09 .checkbox input+.lbl {line-height:4.2vw;min-height:4.2vw;padding:0.3vw 0 0 5.5vw; font-size:3vw;}
	.msec09 .checkbox input+.lbl:before {width:4.2vw; height:4.2vw;}

	.msec09 .checkbox input+.lbl:after {width:2.6vw; height:1.6vw; top:1.2vw; left:0.8vw;}

	.msec09 textarea {padding:3.5vw; font-size:3vw; border-radius:4vw}
}

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

	.msec09 .tltBox {margin-bottom:8.5vw;}
	.msec09 .tltBox .tlt {font-size:6vw;}
	.msec09 .tltBox .txt {margin-top:3vw;}
	.msec09 .tltBox .txt:before {margin-right:0.9vw; width:2vw; height:2vw;}

	.msec09 dl {margin-bottom:1.5vw;}
	.msec09 dt {width:25%;}
	.msec09 dt:before {margin-right:0.9vw; width:2vw; height:2vw;}
	.msec09 dd {width:70%}

	.msec09 input[type="text"], .msec09 select {height:9.5vw; padding:0 3vw; border-radius:7vw}

	.msec09 .btn_b02 {font-size:3.6vw; padding:0.9vw 4vw 0.7vw; border-radius:7vw}
	.msec09 .hand_btn {margin-top:9vw; width:60%; height:13vw; font-size:5vw;}

	.position_ckBox li {margin:0 1vw 1vw 0}
	.position_ckBox label {padding:0 3vw; height:9.5vw; border-radius:6vw}

	/*약관동의*/
	.msec09 .agreeBox {padding:3.3vw 4vw; margin-bottom:7vw; border-radius:7vw}
	.msec09 .btn_b02 {font-size:3.6vw; padding:0.9vw 5vw 0.7vw; border-radius:7vw}
	.msec09 .agree_txt_none {display:none}

	.msec09 .checkbox input+.lbl {line-height:5.2vw;min-height:5.2vw; padding:0.5vw 0 0 7vw; font-size:4vw;}
	.msec09 .checkbox input+.lbl:before {width:5.2vw; height:5.2vw;}

	.msec09 .checkbox input+.lbl:after {width:3.2vw; height:2vw; top:1.2vw; left:1vw;}

	.msec09 textarea {padding:4vw; font-size:4vw; border-radius:5vw}
}