@charset "utf-8";

.pc_bk {display:block;}

@media screen and (max-width:768px){
	.no_mob {display:none}
	.mob_bk {display:block}
	.pc_bk {display:inline;}
}

.stltBox {display: block;text-align: center; margin-bottom:35px;}
.stltBox .tlt {font-size:50px;line-height: 1.3em; font-weight:700; color: #151515;}
.stltBox .txt {font-size:23px; line-height:1.4em}

@media screen and (max-width:1024px){
	.stltBox {margin-bottom:3.5vw}
	.stltBox .tlt {font-size:5vw;}
	.stltBox .txt {font-size:2.3vw;}
}

@media screen and (max-width:768px){
	.stltBox {margin-bottom:4vw;}
	.stltBox .tlt {font-size:5.5vw;}
	.stltBox .txt {font-size:3.3vw;}
}

@media screen and (max-width:480px){
	.stltBox {margin-bottom:4.5vw}
	.stltBox .tlt {font-size:6vw; margin-bottom:1vw}
	.stltBox .txt {font-size:4.3vw;}
}


/*스크롤*/
.scroll-guide{display:none;  position: relative;padding:18px 15px;;background:#f6f6f6;margin-bottom:15px;}
.scroll-guide .guide-arrow-l, .scroll-guide .guide-arrow-r{ position:absolute;width:20px;height:20px;margin-top:-10px;top:50%;line-height:20px;font-weight:600; color:#000}
.scroll-guide .guide-arrow-l {left:10px;}
.scroll-guide .guide-arrow-r{right:10px;}
.scroll-guide p{ text-align:center;font-weight:600;color:#666;font-size:13px;}


/*블릿*/
.bul01 {margin-top:20px}
.bul01 > li {color:#2b2b2; font-size:20px; padding-bottom:3px; padding-left:20px; margin-bottom:5px}
.bul01 > li:before {content:""; display:inline-block; width:8px; height:2px; margin:0 10px 0 -20px; vertical-align: middle; background:#ca2c2b;}
.bul01.bul01_2 > li:before {background:#587252;}
.bul01.bul01_3 > li:before {background:#ffd800;}

.bul02 {margin:10px 0 0 20px}
.bul02 > li {color:#2b2b2; font-size:20px; padding-bottom:3px; font-size:18px; font-weight:400}
.bul02 > li:before {content:""; display:inline-block; width:5px; height:5px; margin-right:7px; vertical-align: middle; background:#fff;}
.bul02.bul02_2 > li:before {background:#fff;}
.bul02.bul02_3 > li:before {background:#ffd800;}


@media screen and (max-width:1024px){
	.bul01 {margin-top:2vw}
	.bul01 > li {font-size:2vw; padding-bottom:0.3vw; padding-left:2vw; margin-bottom:0.5vw}
	.bul01 > li:before {width:0.8vw; height:0.2vw; margin:0 1vw 0 -2vw;}

	.bul02 {margin:1vw 0 0 2vw}
	.bul02 > li {font-size:2vw; padding-bottom:0.3vw; font-size:1.8vw;}
	.bul02 > li:before {width:0.5vw; height:0.5vw; margin-right:0.7vw;}

	.no_txt {display:none;}
}

@media screen and (max-width:768px){
	.tb-scroll .mscroll{overflow-x:scroll;width:auto;}
	.tb-scroll .mscroll table{width:700px;}
	.scroll-guide {display:block;}

	.bul01 {margin-top:3vw}
	.bul01 > li {font-size:3vw; padding-bottom:0.5vw; padding-left:2.5vw; margin-bottom:0.7vw}
	.bul01 > li:before {width:1vw; height:0.4vw; margin:0 1.5vw 0 -2.5vw;}

	.bul02 {margin:2vw 0 0 3vw}
	.bul02 > li {font-size:3vw; padding-bottom:0.5vw; font-size:2.8vw;}
	.bul02 > li:before {width:0.7vw; height:0.7vw; margin-right:0.9vw;}
}

@media screen and (max-width:480px){
	.bul01 {margin-top:4vw}
	.bul01 > li {font-size:4vw; padding-bottom:0.7vw; padding-left:3vw; margin-bottom:0.9vw}
	.bul01 > li:before {width:1.2vw; height:0.6vw; margin:0 2vw 0 -3vw;}

	.bul02 {margin:3vw 0 0 4vw}
	.bul02 > li {font-size:4vw; padding-bottom:0.7vw; font-size:3.8vw;}
	.bul02 > li:before {width:0.9vw; height:0.9vw; margin-right:1.1vw;}
}


/*영상 풀버전*/
.video-container { margin: 0; padding-bottom: 75%;  max-width: 100%;  height: 0;   position: relative; overflow: hidden;}
.video-container iframe,
.video-container object,
.video-container embed { margin: 0;  padding: 0; width: 100%;   height: 100%; position: absolute; top: 0;  left: 0; }


/* --------------------------------------------------성공창업문의-------------------------------------------------- */
/*섹션01*/
.sub01 .sec01 {background:url(/share/img/sub/bg01_1.jpg) no-repeat 50% 0; background-size:cover} 
.sub01 .sec01 .cont {max-width:1500px; padding:165px 0; height:1010px;}
.sub01 .sec01 .top_txtBox {font-size:18px; color:#adadad;}
.sub01 .sec01 .top_txtBox .big {font-size:30px; margin:5px 0; line-height:1.5em; color:#fff;}

.sub01 .sec01 .tabBox {margin-top:100px}
.sub01 .sec01 .tabBox .tabs {margin-bottom:65px;}
.sub01 .sec01 .tabBox .tabs li {display:inline-block; vertical-align:middle; width:310px; height:65px; line-height:65px; margin-right:25px; border:2px solid #fff; border-radius:50px; cursor:pointer}
.sub01 .sec01 .tabBox .tabs li:last-child {margin-right:0}
.sub01 .sec01 .tabBox .tabs li.active {background:#587252; border-color:#587252}

.sub01 .sec01 .tabBox .sec01Ul {opacity:0}
.sub01 .sec01 .tabBox .sec01Ul li {position:relative; display:inline-block; vertical-align:middle; width:270px; height:270px; margin:0 -15px; border-radius:50%; border:1px solid rgba(255,255,255,0.8); color:rgba(255,255,255,0.8); cursor:pointer; transition:all 0.3s}
.sub01 .sec01 .tabBox .sec01Ul li:hover {background:#587252; border-color:#587252; color:#fff}
.sub01 .sec01 .tabBox .sec01Ul .ab_txtBox {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:94%; line-height:1.4em}


/*애니메이션*/
.sub01 .sec01.active .tabBox .sec01Ul {opacity:1; animation-fill-mode: both !important; animation: fade-in-up 1s; animation-timing-function: ease-out;}



@media screen and (max-width:1520px){
	.sub01 .sec01 .cont {max-width:94%;}

	.sub01 .sec01 .tabBox .sec01Ul li {width:200px; height:200px; margin:0 -12px; font-size:18px;}
}

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

@media screen and (max-width:1220px){
	.sub01 .sec01 .cont {height:1350px}
	.sub01 .sec01 .tabBox .sec01Ul li {width:300px; height:300px; margin:5px -12px; font-size:20px;}
}

@media screen and (max-width:1024px){
	.sub01 .sec01 .cont {padding:16vw 0; height:135vw;}
	.sub01 .sec01 .top_txtBox {font-size:1.8vw;}
	.sub01 .sec01 .top_txtBox .big {font-size:3vw; margin:0.5vw 0;}

	.sub01 .sec01 .tabBox {margin-top:10vw}
	.sub01 .sec01 .tabBox .tabs {margin-bottom:6.5vw;}
	.sub01 .sec01 .tabBox .tabs li {width:31vw; height:6.5vw; line-height:6.5vw; margin-right:2.5vw; border-width:0.2vw; border-radius:5vw}

	.sub01 .sec01 .tabBox .sec01Ul li {width:30vw; height:30vw; margin:0.5vw -1.2vw; font-size:2vw}
}

@media screen and (max-width:768px){
	.sub01 .sec01 .cont {padding:17vw 0; height:160vw;}
	.sub01 .sec01 .top_txtBox {font-size:3.8vw;}
	.sub01 .sec01 .top_txtBox .big {font-size:4vw; margin:0.7vw 0;}

	.sub01 .sec01 .tabBox {margin-top:11vw}
	.sub01 .sec01 .tabBox .tabs {margin-bottom:7.5vw;}
	.sub01 .sec01 .tabBox .tabs li {width:41vw; height:8.5vw; line-height:8.5vw; margin-right:3vw; border-width:0.4vw; border-radius:6vw}

	.sub01 .sec01 .tabBox .sec01Ul li {width:34vw; height:34vw; margin:0.7vw -2vw; font-size:3vw; color:#fff; border-color:#fff}
}

@media screen and (max-width:480px){
	.sub01 .sec01 .cont {padding:18vw 0; height:250vw;}
	.sub01 .sec01 .top_txtBox {font-size:4.8vw;}
	.sub01 .sec01 .top_txtBox .big {font-size:5vw; margin:0.9vw 0;}

	.sub01 .sec01 .tabBox {margin-top:12vw}
	.sub01 .sec01 .tabBox .tabs {margin-bottom:8.5vw;}
	.sub01 .sec01 .tabBox .tabs li {width:48.2%; height:10.5vw; line-height:10.5vw; margin-right:1vw; border-width:0.6vw; border-radius:7vw}

	.sub01 .sec01 .tabBox .sec01Ul li {width:50vw; height:50vw; margin:-2.5vw -2.5vw; font-size:4vw}
}




/*섹션02*/
.sub01 .sec02 .cont {padding:140px 0}
.sub01 .sec02 .sec02Ul li {display:inline-block; vertical-align:top; width:32%; margin-right:1.3%}
.sub01 .sec02 .sec02Ul li:last-child {margin-right:0}

.sub01 .sec02 .sec02Ul .imgBox {border-radius:30px; overflow:hidden}
.sub01 .sec02 .sec02Ul img {width:100%; transform: scale3d(1.2, 1.2, 1); transition:all 1s; transition-delay:0.5s}
.sub01 .sec02.active .sec02Ul img {transform: scale3d(1, 1, 1);}

.sub01 .sec02 .sec02Ul .txtBox {margin-top:35px;}
.sub01 .sec02 .sec02Ul .txtBox .tlt {font-size:25px; line-height:1.3em}
.sub01 .sec02 .sec02Ul .txtBox .txt {font-size:18px; color:#6e6e6e; margin-top:10px; line-height:1.4em}


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

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

@media screen and (max-width:1024px){
	.sub01 .sec02 .cont {padding:14vw 0}
	.sub01 .sec02 .sec02Ul li {display:block; width:100%; margin-right:0; margin-bottom:5vw}

	.sub01 .sec02 .sec02Ul .imgBox {border-radius:3vw;}

	.sub01 .sec02 .sec02Ul .txtBox {margin-top:3.5vw;}
	.sub01 .sec02 .sec02Ul .txtBox .tlt {font-size:2.5vw;}
	.sub01 .sec02 .sec02Ul .txtBox .txt {font-size:1.8vw; margin-top:1vw;}
}

@media screen and (max-width:768px){
	.sub01 .sec02 .cont {padding:15vw 0}
	.sub01 .sec02 .sec02Ul li {margin-bottom:6vw}

	.sub01 .sec02 .sec02Ul .imgBox {border-radius:4vw}

	.sub01 .sec02 .sec02Ul .txtBox {margin-top:4.5vw;}
	.sub01 .sec02 .sec02Ul .txtBox .tlt {font-size:3.5vw;}
	.sub01 .sec02 .sec02Ul .txtBox .txt {font-size:2.8vw; margin-top:2vw;}
}

@media screen and (max-width:480px){
	.sub01 .sec02 .cont {padding:16vw 0}
	.sub01 .sec02 .sec02Ul li {margin-bottom:7vw}

	.sub01 .sec02 .sec02Ul .imgBox {border-radius:5vw}

	.sub01 .sec02 .sec02Ul .txtBox {margin-top:5.5vw;}
	.sub01 .sec02 .sec02Ul .txtBox .tlt {font-size:4.5vw;}
	.sub01 .sec02 .sec02Ul .txtBox .txt {font-size:3.8vw; margin-top:3vw;}
}



/*섹션03*/
.sub01 .sec03 {background:#f6f6ee}
.sub01 .sec03 .cont {max-width:100%; padding:145px 0}

.sub01 .sec03 .sec03_slBox {position:relative; padding-bottom:70px; text-align:left}
.sub01 .sec03 .sec03_sl .slick-track {margin-left:40px;}
.sub01 .sec03 .sec03_sl .item {opacity:0; width:500px; height:730px; background:#fff; border-radius:30px; margin-right:40px; overflow:hidden}
.sub01 .sec03 .sec03_sl .imgBox img {width:100%}

.sub01 .sec03 .sec03_sl .txtBox {position:relative; padding:70px 30px;}
.sub01 .sec03 .sec03_sl .txtBox .num {position:absolute; top:-40px; left:50%; transform:translateX(-50%); width:80px; height:80px; line-height:85px; text-align:center; background:#587252; color:#fff; font-size:30px; font-weight:700; border-radius:50%}
.sub01 .sec03 .sec03_sl .txtBox .tlt {font-size:25px; line-height:1.3em; margin-bottom:10px;}
.sub01 .sec03 .sec03_sl .txtBox .txt {font-size:18px; color:#6e6e6e; font-family:'Noto Sans KR'; line-height:1.5em; font-weight:400}

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


/*애니메이션*/
.msec10.active .txtBox .num:before {opacity:1; animation-fill-mode: both !important; animation: fanfare2 0.5s; animation-timing-function: ease-out;}
.msec10.active .txtBox .num:nth-child(1):before {animation-delay:0.3s}
.msec10.active .txtBox .num:nth-child(2):before {animation-delay:0.4s}
.msec10.active .txtBox .num:nth-child(3):before {animation-delay:0.5s}
.msec10.active .txtBox .num:nth-child(4):before {animation-delay:0.6s}
.msec10.active .txtBox .num:nth-child(5):before {animation-delay:0.7s}

.sub01 .sec03.active .sec03_sl .item {opacity:1; animation-fill-mode: both !important; animation: bounce-in-right 0.7s; animation-timing-function: ease-out; animation-delay:0.3s}


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

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

@media screen and (max-width:1024px){
	.sub01 .sec03 .cont {padding:14.5vw 0}

	.sub01 .sec03 .sec03_slBox {padding-bottom:7vw;}
	.sub01 .sec03 .sec03_sl .slick-track {margin-left:3vw;}
	.sub01 .sec03 .sec03_sl .item {width:50vw; height:73vw;border-radius:3vw; margin-right:3vw;}

	.sub01 .sec03 .sec03_sl .txtBox {padding:7vw 3vw;}
	.sub01 .sec03 .sec03_sl .txtBox .num {top:-4vw; width:8vw; height:8vw; line-height:8.5vw; font-size:3vw;}
	.sub01 .sec03 .sec03_sl .txtBox .tlt {font-size:2.5vw; margin-bottom:1vw;}
	.sub01 .sec03 .sec03_sl .txtBox .txt {font-size:1.8vw;}

	.sub01 .sec03 .sec03_slBox .progress {max-width:94%; height:0.5vw; border-radius:3vw;}
}

@media screen and (max-width:768px){
	.sub01 .sec03 .cont {padding:15.5vw 0}

	.sub01 .sec03 .sec03_slBox {padding-bottom:6vw;}
	.sub01 .sec03 .sec03_sl .slick-track {margin-left:4vw;}
	.sub01 .sec03 .sec03_sl .item {width:80vw; height:115vw; border-radius:4vw; margin-right:4vw;}

	.sub01 .sec03 .sec03_sl .txtBox {padding:8vw 4vw;}
	.sub01 .sec03 .sec03_sl .txtBox .num {top:-5vw; width:10vw; height:10vw; line-height:10.5vw; font-size:4vw;}
	.sub01 .sec03 .sec03_sl .txtBox .tlt {font-size:3.5vw; margin-bottom:2vw;}
	.sub01 .sec03 .sec03_sl .txtBox .txt {font-size:2.8vw;}

	.sub01 .sec03 .sec03_slBox .progress {height:0.7vw; border-radius:4vw;}
}

@media screen and (max-width:480px){
	.sub01 .sec03 .cont {padding:16.5vw 0}

	.sub01 .sec03 .sec03_slBox {padding-bottom:7vw;}
	.sub01 .sec03 .sec03_sl .slick-track {margin-left:4vw;}
	.sub01 .sec03 .sec03_sl .item {width:90vw; height:145vw; border-radius:5vw; margin-right:4vw;}

	.sub01 .sec03 .sec03_sl .txtBox {padding:10vw 5vw;}
	.sub01 .sec03 .sec03_sl .txtBox .num {top:-6vw; width:12vw; height:12vw; line-height:12.5vw; font-size:5vw;}
	.sub01 .sec03 .sec03_sl .txtBox .tlt {font-size:4.5vw; margin-bottom:3vw;}
	.sub01 .sec03 .sec03_sl .txtBox .txt {font-size:3.8vw;}

	.sub01 .sec03 .sec03_slBox .progress {height:0.9vw; border-radius:5vw;}
}



/*섹션04*/
.sub01 .sec04 .cont {padding:140px 0 200px}

.sub01 .sec04 .gmUl {position:relative; z-index:2}
.sub01 .sec04 .gmUl li {position:relative; width:29%; height:310px; margin:0 5.8% 40px 0; display:inline-block; vertical-align:top; background:#fff; border-radius:20px;}
.sub01 .sec04 .gmUl li:nth-child(3n) {margin-right:0}
.sub01 .sec04 .gmUl li:last-child {background:#587252; color:#fff}

.sub01 .sec04 .gmUl li:before {content:""; display:inline-block; width:35px; height:17px; background:url(/share/img/sub/arrow_r01_4_1.png) no-repeat 0 0; position:absolute; top:50%; right:-65px;}
.sub01 .sec04 .gmUl li:nth-child(3n):before {display:none}

.sub01 .sec04 .gmUl .lineBox {width:100%; height:100%; padding:15px; border:4px solid #587252; border-radius:30px; z-index:1}
.sub01 .sec04 .gmUl .lineBox02 {position:relative; background:url(/share/img/sub/gm_line.png) no-repeat 0 0; width:100%; height:100%; background-size:100% 100% !important; padding:40px 30px; }
.sub01 .sec04 .gmUl li:last-child .lineBox02 {background:url(/share/img/sub/gm_line_w.png) no-repeat 0 0;}

.sub01 .sec04 .gmUl .ab_txtc {position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
.sub01 .sec04 .gmUl .icon {margin-bottom:25px}
.sub01 .sec04 .gmUl .tlt {margin-bottom:10px; font-size:25px; font-weight:900; line-height:1.3em}
.sub01 .sec04 .gmUl .txt {font-size:18px; color:#6e6e6e; font-family:'Noto Sans KR'; line-height:1.4em}
.sub01 .sec04 .gmUl li:last-child .txt {color:#fff}

.sub01 .sec04 .ani_icon_lBox, .sub01 .sec04 .ani_icon_rBox {position:absolute; top:0; height:10000%; z-index:0}
.sub01 .sec04 .ani_icon_lBox {top:0;left:60px}
.sub01 .sec04 .ani_icon_rBox {bottom:0; right:60px}

.sub01 .sec04 .ani_icon_lBox .ani_icon img, .sub01 .sec04 .ani_icon_rBox .ani_icon img {display:block; margin-bottom:35px; animation:rotation 5s infinite linear;}


/*애니메이션*/
.sub01 .sec04.active .gmUl .icon {opacity:0}
.sub01 .sec04.active .gmUl .icon {opacity:1; animation-fill-mode: both !important; animation: fanfare2 0.2s; animation-timing-function: ease-out;}
.sub01 .sec04.active .gmUl li:nth-child(1) .icon {animation-delay:0.3s}
.sub01 .sec04.active .gmUl li:nth-child(2) .icon {animation-delay:0.4s}
.sub01 .sec04.active .gmUl li:nth-child(3) .icon {animation-delay:0.5s}
.sub01 .sec04.active .gmUl li:nth-child(4) .icon {animation-delay:0.6s}
.sub01 .sec04.active .gmUl li:nth-child(5) .icon {animation-delay:0.7s}
.sub01 .sec04.active .gmUl li:nth-child(6) .icon {animation-delay:0.8s}
.sub01 .sec04.active .gmUl li:nth-child(7) .icon {animation-delay:0.9s}
.sub01 .sec04.active .gmUl li:nth-child(8) .icon {animation-delay:1s}
.sub01 .sec04.active .gmUl li:nth-child(9) .icon {animation-delay:1.1s}
.sub01 .sec04.active .gmUl li:nth-child(10) .icon {animation-delay:1.2s}
.sub01 .sec04.active .gmUl li:nth-child(11) .icon {animation-delay:1.3s}
.sub01 .sec04.active .gmUl li:nth-child(12) .icon {animation-delay:1.4s}

.sub01 .sec04.active .gmUl li:last-child .icon img {animation-fill-mode: both !important; animation: wabble2 2s; animation-timing-function: ease-out; animation-iteration-count: infinite;} 


@media screen and (max-width:1420px){
	.sub01 .sec04 .cont {padding:200px 0 180px}

	.sub01 .sec04 .gmUl li {font-size:18px;}
	.sub01 .sec04 .gmUl li:before {width:30px; height:15px; background-size:100% 100%; right:-55px;}
}

@media screen and (max-width:1220px){
	.sub01 .sec04 .cont {padding:180px 0 160px}
	.sub01 .sec04 .gmUl li {height:340px}
	.sub01 .sec04 .gmUl li:after {height:340px}
}

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

	.sub01 .sec04 .tltBox {margin-bottom:9vw}
	.sub01 .sec04 .tltBox .tlt {font-size:7vw;}
	.sub01 .sec04 .tltBox .txt {font-size:2.5vw; margin-top:1vw}


	.sub01 .sec04 .gmUl li, .sub01 .sec04 .gmUl li:nth-child(3n) {width:44%; height:35vw; margin:0 5.8% 4vw 0; border-radius:2vw;}
	.sub01 .sec04 .gmUl li:nth-child(2n) {margin-right:0}
	.sub01 .sec04 .gmUl li:after {height:35vw; top:1vw; left:1vw; border-radius:2vw;}

	.sub01 .sec04 .gmUl li:before, .sub01 .sec04 .gmUl li:nth-child(3n):before {width:3vw; height:1.5vw; display:block; background-size:100% 100%; right:-5vw;}
	.sub01 .sec04 .gmUl li:nth-child(2n):before {display:none}

	.sub01 .sec04 .gmUl .lineBox {padding:1.5vw; border-radius:3vw;}
	.sub01 .sec04 .gmUl .lineBox02 {padding:3vw;}

	.sub01 .sec04 .gmUl .icon {margin-bottom:2.5vw}
	.sub01 .sec04 .gmUl .icon img {height:6.7vw}
	.sub01 .sec04 .gmUl .tlt {margin-bottom:1vw; font-size:2.5vw;}		
	.sub01 .sec04 .gmUl .txt {font-size:1.8vw;}

	.sub01 .sec04 .ani_icon_lBox .ani_icon img, .sub01 .sec04 .ani_icon_rBox .ani_icon img {width:7vw}
}

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

	.sub01 .sec04 .tltBox {margin-bottom:9vw}
	.sub01 .sec04 .tltBox .tlt {font-size:7.5vw;}
	.sub01 .sec04 .tltBox .txt {font-size:3.5vw; margin-top:1.5vw}

	.sub01 .sec04 .gmUl li, .sub01 .sec04 .gmUl li:nth-child(3n) {width:46%; height:42vw; border-radius:3vw;}
	.sub01 .sec04 .gmUl li:after {height:42vw; border-radius:3vw;}

	.sub01 .sec04 .gmUl li:before, .sub01 .sec04 .gmUl li:nth-child(3n):before {width:4vw; height:2vw; right:-5.5vw;}
	.sub01 .sec04 .gmUl li:nth-child(2n):before {display:none}

	.sub01 .sec04 .gmUl .lineBox {padding:1.5vw; border-radius:4vw;}
	.sub01 .sec04 .gmUl .lineBox02 {padding:4vw 1vw;}

	.sub01 .sec04 .gmUl .icon {margin-bottom:3.5vw}
	.sub01 .sec04 .gmUl .icon img {height:7.7vw}
	.sub01 .sec04 .gmUl .tlt {margin-bottom:2vw; font-size:3.5vw;}
	.sub01 .sec04 .gmUl .txt {font-size:2.8vw}

	.sub01 .sec04 .ani_icon_lBox .ani_icon img, .sub01 .sec04 .ani_icon_rBox .ani_icon img {width:8vw}
}

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

	.sub01 .sec04 .tltBox {margin-bottom:10vw}
	.sub01 .sec04 .tltBox .tlt {font-size:8vw;}
	.sub01 .sec04 .tltBox .txt {font-size:4.5vw; margin-top:2vw}

	.sub01 .sec04 .gmUl li, .sub01 .sec04 .gmUl li:nth-child(3n), .sub01 .sec04 .gmUl li:nth-child(2n) {width:100%; height:46vw; margin:0 0 4vw 0; border-radius:4vw;}
	.sub01 .sec04 .gmUl li:after {height:46vw; border-radius:4vw;}

	.sub01 .sec04 .gmUl li:before, .sub01 .sec04 .gmUl li:nth-child(3n):before {display:none}

	.sub01 .sec04 .gmUl .lineBox {padding:2vw; border-radius:5vw;}
	.sub01 .sec04 .gmUl .lineBox02 {padding:5vw 5vw;}

	.sub01 .sec04 .gmUl .icon {margin-bottom:3.5vw}
	.sub01 .sec04 .gmUl .icon img {height:8.7vw}
	.sub01 .sec04 .gmUl .tlt {margin-bottom:2vw; font-size:4.5vw;}
	.sub01 .sec04 .gmUl .txt {font-size:3.8vw}
}


/* --------------------------------------------------메뉴보기-------------------------------------------------- */
/*섹션01*/
.sub02 .sec01 .cont {padding-top:140px;}

.sub02 .sec01 .sec01_slBox {position:relative; padding-bottom:140px;}
.sub02 .sec01 .sec01_sl .item {position:relative; width:1030px; height:500px; background:#edf0da; border-radius:30px; margin-right:165px; overflow:hidden}

.sub02 .sec01 .sec01_sl .imgBox {position:absolute; top:0; right:0}
.sub02 .sec01 .sec01_sl .txtBox {position:relative; max-width:380px; width:100%; height:100%; text-align:center}
.sub02 .sec01 .sec01_sl .txtBox .abBox {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:94%}

.sub02 .sec01 .sec01_slBox .slick-arrow {position:absolute; top:45%; transform:translateY(-50%); border:0; width:50px; height:50px; background:none; background-size:100% 100% !important; text-indent:-9999px; z-index:2}
.sub02 .sec01 .sec01_slBox .slick-prev {left:26%; background:url(/share/img/sub/arrow_l02_1.png) no-repeat 0 0}
.sub02 .sec01 .sec01_slBox .slick-next {right:26%; background:url(/share/img/sub/arrow_r02_1.png) no-repeat 0 0}


@media screen and (max-width:2300px){
	.sub02 .sec01 .sec01_slBox .slick-prev {left:22vw;}
	.sub02 .sec01 .sec01_slBox .slick-next {right:22vw;}
}

@media screen and (max-width:2000px){
	.sub02 .sec01 .sec01_slBox .slick-prev {left:18vw;}
	.sub02 .sec01 .sec01_slBox .slick-next {right:18vw;}
}

@media screen and (max-width:1700px){
	.sub02 .sec01 .sec01_slBox .slick-prev {left:14vw;}
	.sub02 .sec01 .sec01_slBox .slick-next {right:14vw;}
}

@media screen and (max-width:1500px){
	.sub02 .sec01 .sec01_slBox .slick-prev {left:5vw;}
	.sub02 .sec01 .sec01_slBox .slick-next {right:5vw;}
}

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

@media screen and (max-width:1220px){
	.sub02 .sec01 .sec01_slBox .slick-prev {left:1%;}
	.sub02 .sec01 .sec01_slBox .slick-next {right:1%;}
}

@media screen and (max-width:1100px){
	.sub02 .sec01 .sec01_slBox .slick-prev {left:0.2%;}
	.sub02 .sec01 .sec01_slBox .slick-next {right:0.2%;}
}

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

	.sub02 .sec01 .sec01_slBox {padding-bottom:14vw;}
	.sub02 .sec01 .sec01_sl .item {width:100%; height:85vw; border-radius:3vw; margin:0 3vw;}

	.sub02 .sec01 .sec01_sl .txtBox {max-width:90%; margin:3vw auto;}
	.sub02 .sec01 .sec01_sl .txtBox .abBox {position:relative; top:inherit; left:inherit; transform:inherit; width:100%;}
	.sub02 .sec01 .sec01_sl .imgBox {position:relative; top:inherit; right:inherit}
	.sub02 .sec01 .sec01_sl .imgBox img {width:100%}

	.sub02 .sec01 .sec01_slBox .slick-arrow {width:5vw; height:5vw}
	.sub02 .sec01 .sec01_slBox .slick-prev {left:7vw}
	.sub02 .sec01 .sec01_slBox .slick-next {right:7vw}
}

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

	.sub02 .sec01 .sec01_slBox {padding-bottom:15vw;}
	.sub02 .sec01 .sec01_sl .item {height:90vw; border-radius:4vw; margin:0 4vw;}
	.sub02 .sec01 .sec01_sl .txtBox {margin:4vw auto;}
	.sub02 .sec01 .sec01_slBox .slick-arrow {width:7vw; height:7vw}
}

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

	.sub02 .sec01 .sec01_slBox {padding-bottom:16vw;}
	.sub02 .sec01 .sec01_sl .item {height:95vw; border-radius:5vw; margin:0 3vw;}
	.sub02 .sec01 .sec01_sl .txtBox {margin:5vw auto;}
	.sub02 .sec01 .sec01_slBox .slick-arrow {width:9vw; height:9vw}
}




/*섹션02*/
.sub02 .sec02 {background:url(/share/img/sub/bg02_2.jpg) no-repeat 50% 0 fixed; background-size:cover}
.sub02 .sec02 .cont {height:650px;}
.sub02 .sec02 .ab_txtBox {opacity:0; position:absolute; top:60%; left:50%; transform: translate(-50%,-50%); transition:all 0.7s; transition-delay:0.5s}


/*애니메이션*/
.sub02 .sec02.active .ab_txtBox {opacity:1; top:50%}


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

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

@media screen and (max-width:1024px){
	.sub02 .sec02 .cont {height:65vw;}
	.sub02 .sec02 .ab_txtBox img {height:8.6vw}
}

@media screen and (max-width:768px){
	.sub02 .sec02 .cont {height:70vw;}
	.sub02 .sec02 .ab_txtBox img {height:9.6vw}
}

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



/*섹션03*/
.sub02 .sec03 .cont {max-width:1470px; padding:140px 0 200px}

.sub02 .sec03 .img_listBox {display:flex; margin-top:80px}
.sub02 .sec03 .img_listBox .img_list {margin-right:30px;}
.sub02 .sec03 .img_listBox .img_list:last-child {margin-right:0}

.sub02 .sec03 .img_list {transition:all 0.7s; transition-delay:0.3s}
.sub02 .sec03 .img_listBox .img_list .img {border-radius:0 30px 30px 30px; overflow:hidden}
.sub02 .sec03 .img_listBox .img_list .txt {font-size:22px; color:#717171; margin-top:25px}
.sub02 .sec03 .img_listBox .img_list .pc_txt {margin:0 0 25px 0}
.sub02 .sec03 .img_listBox .img_list .mob_txt {display:none}


/*애니메이션*/
.sub02 .sec03.active .img_listBox .img_list {transform: translateY(-5%);}
.sub02 .sec03.active .img_listBox .img_list:nth-child(even) {transform: translateY(5%);}


@media screen and (max-width:1500px){
	.sub02 .sec03 .cont {max-width:94%;}

	.sub02 .sec03 .img_listBox .img_list {width:32.3%; margin-right:1%}
	.sub02 .sec03 .img_listBox .img_list:last-child {margin-right:0}
	.sub02 .sec03 .img_listBox .img_list img {width:100%}
}

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

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

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

	.sub02 .sec03 .img_listBox {margin-top:8vw}
	.sub02 .sec03 .img_listBox .img_list .img {border-radius:0 3vw 3vw 3vw;}
	.sub02 .sec03 .img_listBox .img_list .txt {font-size:2.2vw; margin-top:2.5vw}
	.sub02 .sec03 .img_listBox .img_list .pc_txt {margin:0 0 2.5vw 0}
}

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

	.sub02 .sec03 .img_listBox {display:block; margin-top:9vw}
	.sub02 .sec03 .img_listBox .img_list {width:100%; margin-right:0; margin-bottom:5vw}
	.sub02 .sec03 .img_listBox .img_list:last-child {margin-bottom:0}
	.sub02 .sec03 .img_listBox .img_list .img {border-radius:0 4vw 4vw 4vw;}
	.sub02 .sec03 .img_listBox .img_list .txt {font-size:3.2vw; margin-top:3.5vw}
	.sub02 .sec03 .img_listBox .img_list .pc_txt {display:none}
	.sub02 .sec03 .img_listBox .img_list .mob_txt {display:block;}
}

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

	.sub02 .sec03 .img_listBox {margin-top:10vw}
	.sub02 .sec03 .img_listBox .img_list {margin-bottom:6vw}
	.sub02 .sec03 .img_listBox .img_list .img {border-radius:0 5vw 5vw 5vw;}
	.sub02 .sec03 .img_listBox .img_list .txt {font-size:4.2vw; margin-top:4.5vw}
}


/* --------------------------------------------------갤러리-------------------------------------------------- */
.grid {overflow:hidden}
.grid > li {position:relative; width:32%; margin:0 2% 5% 0; border:1px solid #ddd; box-sizing:border-box}
.grid li:hover {border-color:#587252}
.grid li:nth-child(3n) {margin-right:0}
.grid li .item_img {position:relative; width:100%; height:300px; overflow:hidden;}
.grid li .item_img img {width:100%; height:100%;}
.grid li .item_txtbox {padding:25px 20px;}
.grid li .item_sort {font-size:14px; background:#587252; color:#fff; display:inline-block; padding:0 5px; margin-bottom:10px}
.grid li .item_tlt {font-size:20px; color:#212121; height:50px; margin-bottom:15px; display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.grid li .item_data {color:#888; font-size:16px;}

.dong_box {position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); z-index:2}
.stli_link{margin-top:5%; font-weight:800; text-align:center; color:#fff; line-height:70px; width:70px; height:70px;  background:#587252; border-radius:50%}

.mv_dong_box {position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); z-index:2}
.mv_link {font-weight:800; text-align:center; color:#587252; line-height:80px; width:80px; height:80px; font-size:30px; border:4px solid #c59f71; border-radius:50%;}

@media screen and (max-width:1420px){
	.grid li .item_img {height:20vw}
	.grid li .item_txtbox {padding:20px 15px;}
}

@media screen and (max-width:1220px){
	.grid li .item_sort {font-size:12px;}
	.grid li .item_tlt {font-size:18px;}
	.grid li .item_data {font-size:14px;}
}

@media screen and (max-width:1024px){
	.grid li .item_sort {font-size:1.2vw; padding:0 0.5vw; margin-bottom:1vw}
	.grid li .item_tlt {font-size:1.8vw; height:5.5vw; margin-bottom:1.5vw; line-height:1.4em}
	.grid li .item_data {font-size:1.4vw;}
	.grid li .item_txtbox {padding:2vw 1.5vw;}

	.mv_link {line-height:8vw; width:8vw; height:8vw; font-size:3vw; border-width:0.4vw;}
}

@media screen and (max-width:768px){
	.grid >li {width:49%; margin-right:2%}
	.grid li:nth-child(2n) {margin-right:0}
	.grid li .item_img {height:30vw}
	.grid li .item_txtbox {padding:4vw 3vw;}
	.grid li .item_sort {font-size:2.4vw; padding:0 1vw; margin-bottom:2vw}
	.grid li .item_tlt {font-size:2.8vw; height:7.5vw; margin-bottom:1.2vw}
	.grid li .item_data {font-size:2.3vw}

	.mv_link {line-height:10vw; width:10vw; height:10vw; font-size:4vw; border-width:0.6vw;}
}

@media screen and (max-width:480px){
	/*.grid > li {width:100%; margin-right:0}
	.grid li .item_img {height:55vw}
	.grid li .item_txtbox {padding-top:4vw;}*/
	.grid li .item_sort {font-size:3.4vw;}
	.grid li .item_tlt {font-size:4.2vw; height:13vw; }
	.grid li .item_data {font-size:3.4vw}

	.mv_link {line-height:17vw; width:17vw; height:17vw; font-size:6vw; border-width:1vw;}
}

/*이벤트 이미지확대*/
.sample_image {overflow: hidden;}
.sample_image img {
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
}
.sample_image:hover img {
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform:scale(1.2);
}



/* --------------------------------------------------이벤트-------------------------------------------------- */
.event .grid li {width:32%; border:1px solid #ddd; padding-bottom:0}
.event .grid li:hover {border-color:#d1081d}
.event .stli_box {padding:20px; border-top:1px solid #ddd}
.event .grid li:after {display:none}

.event .grid li:nth-child(2n) {margin-right:2%}
.event .grid li:nth-child(3n) {margin-right:0}

.event .grid li .item_img {height:450px;}

.event .grid .dong_box {position:absolute; top:0; left:0; z-index:2}
.event .grid .dong_box > div {font-weight:800; text-align:center; color:#fff; padding:10px 30px}

.event .grid .stli_link1{background:#d1081d;}
.event .grid .stli_link2{background:#272727;}
.event .grid .stli_link3 {background:#821122}
.event .grid .stli_box {width:100%;}

dl.stli_dl dt {font-weight:700; text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
dl.stli_dl dd.stli_dd02 {color: #9d9d9d; margin-bottom:40px;}
dl.stli_dl dd.stli_dd01 {font-size:18px}

@media screen and (max-width:1220px){
	.event .grid li {width:49%}
	.event .grid li .item_img {height:45vw}

	.event .grid li:nth-child(3n) {margin-right:2%}
	.event .grid li:nth-child(2n) {margin-right:0}
}

@media screen and (max-width:768px){
	.event .grid li {width:49%}
	.event .grid li .item_img {height:50vw}

	.event .stli_box {padding:3vw;}

	.event .grid .dong_box > div {padding:5px 20px}

	dl.stli_dl dd.stli_dd02 {margin-bottom:30px;}
	dl.stli_dl dd.stli_dd01 {font-size:14px}
}

@media screen and (max-width:480px){
	.event .grid li {width:100%}
	.event .grid li:nth-child(2n) {margin-right:0}
	.event .grid li .item_img {height:90vw}

	dl.stli_dl dd.stli_dd02 {margin-bottom:30px;}
	dl.stli_dl dd.stli_dd01 {font-size:12px}
}


/* --------------------------------------------------SNS-------------------------------------------------- */
/*페이스북, 인스타그램*/
.sub_sns {overflow:hidden}
.sub_sns .sns_li {position: relative; display: block; overflow: hidden; margin-bottom:70px;}
.sub_sns .sns_list li {position:relative; display:inline-block; width:32%; margin:0 2% 2% 0; border:1px solid #ddd;}
.sub_sns .sns_list li:hover {border-color:#587252}
.sub_sns .sns_list li:nth-child(3n) {margin-right:0}

.sub_sns .sns_list .zoomImg {position:relative;}
.sub_sns .sns_list .zoomImg .icon {position:absolute; top:10px; right:10px; width:50px; height:50px; line-height:50px; text-align:center;color:#fff; border-radius:50%}
.sub_sns .sns_list .zoomImg .f_icon {background:rgba(56,87,156,1)}
.sub_sns .sns_list .zoomImg .i_icon {background:url(/share/img/sub/ins_bg.png) no-repeat 50% 50%; background-size:100%}
.sub_sns .sns_list .zoomImg img {width:100%; height:400px}

.sub_sns .txtBox {padding:20px; font-size:16px; width:100%; overflow:hidden}
.sub_sns .txtBox .txt {line-height:1.5em; color:#587252; display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}

.sub_sns #moreBtn a {display:block; background:#587252; color:#fff; padding:15px 60px; border-radius:50px}


@media screen and (max-width:1420px){
	.sub_sns .sns_list .zoomImg img {height:27vw}
}

@media screen and (max-width:1024px){
	.sub_sns .sns_li {margin-bottom:6vw;}

	.sub_sns .sns_list .zoomImg .icon {top:1vw; right:1vw; width:5vw; height:5vw; line-height:5vw;}
	.sub_sns .sns_list .zoomImg img {height:30vw}

	.sub_sns .txtBox {padding:2vw; font-size:1.6vw;}

	.sub_sns #moreBtn a {padding:1.5vw 6vw; border-radius:5vw}
}

@media screen and (max-width:768px){
	.sub_sns .sns_li {margin-bottom:7vw;}
	.sub_sns .sns_list li {width:49%; margin:0 2% 3% 0}
	.sub_sns .sns_list li:nth-child(3n) {margin-right:2%}
	.sub_sns .sns_list li:nth-child(2n) {margin-right:0}

	.sub_sns #moreBtn a {padding:2.5vw 6vw; border-radius:6vw}
	.sub_sns .sns_list .zoomImg img {height:40vw}

	.sub_sns .txtBox {padding:2.5vw; font-size:2.6vw;}
}

@media screen and (max-width:480px){
	.sub_sns .sns_li {margin-bottom: 30px;}

	.sub_sns .sns_list li {width:100%; margin:0 0% 4% 0}
	.sub_sns .sns_list li:nth-child(3n) {margin-right:0%}

	.sub_sns #moreBtn a {padding:3vw 6vw; border-radius:7vw}
	.sub_sns .sns_list .zoomImg img {height:85vw}

	.sub_sns .txtBox {padding:3vw; font-size:3.6vw;}
}

/*블로그*/
.blog li {border:1px solid #ddd; margin-bottom:10px; padding:30px 20px; font-size:16px; }
.blog li:hover {border-color:#587252}
.blog li a {display:block}
.blog p {font-size:20px; margin-bottom:10px; color:#222; font-weight:700}


@media screen and (max-width:768px){
	.blog li {font-size:14px;}
	.blog p {font-size:16px;}
}

@media screen and (max-width:480px){
	.blog li {font-size:12px;}
	.blog p {font-size:14px;}
}