@charset "utf-8";

main{position: relative;}
h2{font-size: 40px; font-weight: 700; color: #333; text-align: center; padding: 50px 0}

.web_slide{position: relative;}

/* 폰트 */
@font-face {
    font-family: 'GangwonEdu_OTFBoldA';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/GangwonEdu_OTFBoldA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* header */
.main_header{height: 100px; border-bottom: 1px solid #ccc; z-index: 100; position: fixed; top: 0; left: 50%; transform: translateX(-50%); background: transparent; width: 100%; transition: 0.5s;}
header.scroll{background: #fff;}
header.scroll .logo a{background: url(../../images/logo.svg) 0 0 no-repeat; width: 250px; height: 60px; display: block; color: transparent;}
header:hover .logo a{background: url(../../images/logo.svg) 0 0 no-repeat; width: 250px; height: 60px; display: block; color: transparent;}
header.scroll .web_nav > li > a{color: #333;}
header.scroll .sub_nav ul li a{color: #666;}

header:hover{background: #fff; color: #333;}
header:hover .web_nav > li > a{color: #333;}
header:hover .sub_nav ul li a{color: #666;}

.main_header .logo a{color: transparent; background: url(../../images/logo_w.svg) 0 0 no-repeat; width: 250px; height: 60px; display: block;}
.main_header .web_nav > li > a{color: #fff;}
.main_header .sub_nav ul li a{color: #ccc;}

/* sec1 */
/* 메인 영상 */
.section1{position: relative; margin-top: 0;}
.visualvod{width:100%; margin:0 auto; overflow: hidden;}
.visualvod video{height: 100%;}

/* sec2 */
.section2{margin-top: -6px; background-color: #f0f4ff; padding-bottom: 100px;}

/* 금융상품 바로가기 */
.finance ul{display: flex; justify-content: space-between;}
.finance ul li{width: 325px; height: 280px; text-align: center; transition: 0.3s; background: #fff url() 50% 40% no-repeat; border: 1px solid #ccc;}

.finance ul li:hover{background: #0081CC url() 50% 40% no-repeat; box-shadow: 7px 7px 7px rgba(0,0,0,0.2);}
/* 아이콘 */
.finance li:nth-child(1){background-image: url(../../images/main_onbank.svg);}
.finance li:nth-child(2){background-image: url(../../images/sec2.svg);}
.finance li:nth-child(3){background-image: url(../../images/sec3.svg);}
.finance li:nth-child(4){background-image: url(../../images/sec4.svg);}

/* 아이콘 오버 */
.finance li:nth-child(1):hover{background-image: url(../../images/main_onbank_w.svg);}
.finance li:nth-child(2):hover{background-image: url(../../images/sec2_w.svg);}
.finance li:nth-child(3):hover{background-image: url(../../images/sec3_w.svg);}
.finance li:nth-child(4):hover{background-image: url(../../images/sec4_w.svg);}

.finance ul li a{width: 100%; height: 100%; display: block;}
.finance strong{font-size: 24px; font-weight: 700; color: #0056A8; display: block; margin: 20px 0 10px;}
.finance ul li:hover strong{color: #fff;}
.finance ul li a p{margin-top: 50px; color: #fff; font-size: 20px;}

.finance ul li a button{width: 200px; height: 40px; border: 1px solid #ccc; color: #333; font-size: 18px; background: transparent; display: block; margin: 150px auto 0; transition: 0.2s;}
.finance ul li:hover a button{background: #fff; color: #0081CC;}

/* 조합원가게 바로가기 */
.shop ul li{margin: 0 10px; position: relative;}
.shop ul li a figure{overflow: hidden; height: 220px;}
.shop ul li a img{width: 100%; height: 100%; transition: 0.5s;}
.shop ul li a:hover img{transform: scale(1.1);}

/* 마우스 오버 효과 */
.shop ul li a{width: 100%; display: block; border:1px solid #ccc; -webkit-transition: all 0.4s cubic-bezier(.5, .24, 0, 1); transition: all 0.4s cubic-bezier(.5, .24, 0, 1);}
.shop ul li a::before{content: ''; position: absolute; left: 0px; bottom:0px; z-index:-1;
width: 0%;height:1px;background: #0081CC;box-shadow: inset 0px 0px 0px #0081CC; display: block;-webkit-transition: all 0.4s cubic-bezier(.5, .24, 0, 1);transition: all 0.4s cubic-bezier(.5, .24, 0, 1)}
.shop ul li:hover a::before {width:100%; z-index: 1;}
.shop ul li a::after {content: ''; position: absolute; right: 0px; top:0px; z-index:-1; width: 0%; height:1px; background: #0081CC; -webkit-transition: all 0.4s cubic-bezier(.5, .24, 0, 1); transition: all 0.4s cubic-bezier(.5, .24, 0, 1)}
.shop ul li:hover a::after {width:100%; z-index: 1;}
.shop ul li:hover a{border-left:1px solid #0081CC; border-right:1px solid #0081CC;}

.shop_info{padding: 10px 20px; background: #fff;}
.shop_info strong{display: block; color: #333; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.shop_info span{display: flex; align-items: center; font-size: 14px; color: #666; margin-top: 5px;}
.shop_info span::before{content: ''; display: block; width: 17px; height: 17px; margin-right: 10px; background: url(../../images/time.svg) 0 0 no-repeat;}

/* 화살표 */
.shop .slick-arrow{background: #fff url() 50%/20% no-repeat; box-shadow: 3px 3px 10px rgba(0,0,0,0.3);}
.shop .slick-prev, .shop .slick-next{top: 50%; transform: translateY(-50%);}
.shop .slick-next{right: -75px; background-image: url(../../images/next.svg); width: 50px; height: 50px;}
.shop .slick-prev{left: -100px; background-image: url(../../images/perv.svg); width: 50px; height: 50px;}
.shop .slick-prev::before{content: '';}
.shop .slick-next:before{content: '';}

/* sec3 */
/* 공지사항 */
.section3{padding-bottom: 50px;}
.section3 .top_con{display: flex; justify-content: space-between;}
.section3 .top_notice{width: 684px; height: 390px;}
.section3 .top_notice .top_notice_con{display: flex; align-items: center; justify-content: space-between; padding: 17px 30px;}
.section3 .top_notice h3{font-weight: 700; font-size: 30px; color: #333;}
.section3 .top_notice .top_notice_con a{display: block;}
.section3 .top_notice .top_notice_con a:hover{animation:rotate-center .6s ease-in-out both;}
@keyframes rotate-center{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
.section3 .top_notice ul{border-top: 5px solid #000; border-bottom: 5px solid #000; height: 310px;}
.section3 .top_notice ul li a{display: flex; justify-content: space-between; align-items: center; vertical-align: middle; height: 60px; padding: 0 30px; border-bottom: 1px dotted #ccc;}
.section3 .top_notice ul li:last-child a{border: none;}
.section3 .top_notice ul li a p{font-size: 20px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.section3 .top_notice ul li a span{display: flex; align-items: center; color: #666;}
.section3 .top_notice ul li a span::before{content: ''; display: block; width: 17px; height: 17px; margin-right: 10px; background: url(../../images/time.svg) 0 0 no-repeat;}

/* 포토갤러리 */
.bottom_con ul{display: flex; justify-content: space-between; margin-top: 30px;}
.bottom_con ul li{margin-left: 30px; position: relative; width: 327px;}
.bottom_con ul li:first-child {margin-left: 0;}

.bottom_con ul li a figure{overflow: hidden; height: 218px;}
.bottom_con ul li a img{width: 100%; height: 100%; transition: 0.5s;}
.bottom_con ul li a:hover img{transform: scale(1.1);}

/* 마우스 오버 효과 */
.bottom_con ul li a{width: 100%; display: block; border:1px solid #ccc; -webkit-transition: all 0.4s cubic-bezier(.5, .24, 0, 1); transition: all 0.4s cubic-bezier(.5, .24, 0, 1);}
.bottom_con ul li a::before{content: ''; position: absolute; left: 0px; bottom:0px; z-index:-1;
	width: 0%;height:1px;background: #0081CC;box-shadow: inset 0px 0px 0px #0081CC;display: block;-webkit-transition: all 0.4s cubic-bezier(.5, .24, 0, 1);transition: all 0.4s cubic-bezier(.5, .24, 0, 1)}
.bottom_con ul li:hover a::before {width:100%; z-index: 1;}
.bottom_con ul li a::after {content: ''; position: absolute; right: 0px; top:0px; z-index:-1; width: 0%; height:1px; background: #0081CC; -webkit-transition: all 0.4s cubic-bezier(.5, .24, 0, 1); transition: all 0.4s cubic-bezier(.5, .24, 0, 1)}
.bottom_con ul li:hover a::after {width:100%; z-index: 1;}
.bottom_con ul li:hover a{border-left:1px solid #0081CC; border-right:1px solid #0081CC;}

.bottom_con_info{padding: 10px 20px;}
.bottom_con_info strong{display: block; color: #333; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.bottom_con_info span{display: flex; align-items: center; font-size: 14px; color: #666; margin-top: 5px;}
.bottom_con_info span::before{content: ''; display: block; width: 17px; height: 17px; margin-right: 10px; background: url(../../images/time.svg) 0 0 no-repeat;}

/* 지점소개 */
.section4{background: #f3f3f3; padding-bottom: 100px;}
.sec4_slide{background: #fff;}
.sec4_slide_con a .point_img{width: 800px; overflow: hidden;}
.sec4_slide_con a .point_img img{transition: 0.4s;}
.sec4_slide_con:hover a img{transform: scale(1.1);}
.sec4_slide_con a{display: flex;}
.sec4_slide_con:hover .point_con{color: #333;}
.point_con{margin: 100px 0 0 50px; }
.point_con b{font-size: 20px; font-weight: 700; color: #0081CC;}
.point_con h3{font-size: 34px; font-weight: 700;}
.point_con dl{margin-top: 20px;}
.point_con dl dt{font-size: 20px; font-weight: 700;}
.point_con button{margin-top: 20px; display: block; width: 470px; height: 60px; border: 1px solid #333; background: #fff;}
.sec4_slide_con:hover .point_con button{background: #0081CC; color: #fff;}


/* 화살표 */
.section4 .slick-arrow{background: #fff url() 50%/20% no-repeat; box-shadow: 3px 3px 10px rgba(0,0,0,0.3);}
.section4 .slick-prev, .section4 .slick-next{bottom: -90px; transform: translateY(-50%);}
.section4 .slick-next{ background-image: url(../../images/next.svg); width: 50px; height: 50px;}
.section4 .slick-prev{ background-image: url(../../images/perv.svg); width: 50px; height: 50px;}
.section4 .slick-prev::before{content: '';}
.section4 .slick-next:before{content: '';}

/* 마우스 오버 효과 */
.sec4_slide_con{position: relative;}
.sec4_slide_con a{-webkit-transition: all 0.4s cubic-bezier(.5, .24, 0, 1); transition: all 0.4s cubic-bezier(.5, .24, 0, 1);}
.sec4_slide_con a::before{content: ''; position: absolute; left: 0px; bottom:0px; z-index:-1;
	width: 0%;height:1px;background: #0081CC;box-shadow: inset 0px 0px 0px #0081CC;display: block;-webkit-transition: all 0.4s cubic-bezier(.5, .24, 0, 1);transition: all 0.4s cubic-bezier(.5, .24, 0, 1)}
.sec4_slide_con:hover a::before {width:100%; z-index: 1;}
.sec4_slide_con a::after {content: ''; position: absolute; right: 0px; top:0px; z-index:-1; width: 0%; height:1px; background: #0081CC; -webkit-transition: all 0.4s cubic-bezier(.5, .24, 0, 1); transition: all 0.4s cubic-bezier(.5, .24, 0, 1)}
.sec4_slide_con:hover a::after {width:100%; z-index: 1;}
.sec4_slide_con:hover a{border-left:1px solid #0081CC; border-right:1px solid #0081CC;}
.sec4_slide_con:hover button{border: 1px solid #0081CC;}

/* 탑 버튼 */
.top_button{position: fixed; right: 30px; bottom: 15px; z-index: 20; opacity:0; transition:all 0.5s ease;}
.top_button button{display: block; width: 60px; height: 60px; border-radius: 50%; text-align: center; color: #fff; background: #0081CC; cursor: pointer; box-shadow: 0 0 0 rgb(88 120 243 / 40%); animation: pulseAnim 2s infinite; border: none; transition: 0.5s;}
.top_button button:hover{background: #1d50a2;}
.top_button.fixed { bottom:30px; opacity:1; }
@keyframes pulseAnim {
	0% {
		box-shadow: 0 0 0 0 rgb(88 120 243 / 40%);
	}
	70% {
		box-shadow: 0 0 0 10px rgb(88 120 243 / 0%);
	}
	100% {
		box-shadow: 0 0 0 0 rgb(88 120 243 / 0%);
	}
}
.top_button i{display: block; background: url(../../images/top_button.png) 50%/20% no-repeat; width: 60px; height: 60px;}

.onbank, .call{display: none;}


@media screen and (max-width:1600px){
	/* 조합원가게 화살표 */
	.shop .slick-prev{left: -25px;}
	.shop .slick-next{right: 0;}
}

@media screen and (max-width:1500px){
	/* 메인슬라이드 화살표 */
	/* .fp-controlArrow {top: 85%;} */
	.fp-controlArrow.fp-prev{left: 65vw;}
	.fp-controlArrow.fp-next{right: 10vw;}
	/* 메인슬라이드 내비 */
	.fp-slidesNav{left: 78vw !important; width: auto;}

	.section, .fp-tableCell {height: auto !important; /* margin-top: 60px; */}
	.slide img{height: auto; padding-top: 0;}
	.slide_wrap{padding-top: 100px;}

	.pig_wrap figure{left: 30px;}
	/* 돼지 */
	/* .pig_wrap{width: 60vw;}
	.pig_con{margin-left: 220px;}
	.pig1{left: 50vw;}
	.pig2{left: 35vw;}
	.pig3{left: 35vw;} */

	/* sec2 */
	/* 금융상품바로가기 */
	h2{font-size: 36px;}
	.section2{background: #f3f3f3; padding-bottom: 100px;}
	/* .section2 h2{margin-top: 200px;} */
	.finance ul{flex-wrap: wrap;}
	.finance ul li{width: 23vw;}
	.finance ul li a strong{font-size: 24px;}
	.finance ul li a p{margin-top: 30px; font-size: 18px;}
	.finance ul li a button{font-size: 16px;}

	/* 조합원 */
	.shop ul li a figure{height: 15.1vw}

	/* sec3 */
	/* 든솔신협둘러보기 */
	.section3 .top_con{flex-wrap: wrap; overflow: hidden;}
	/* 동영상 */
	.top_vod{width: 100%; margin: 0px auto 0;  position: relative; height: 0; padding-top: 56.25%; border: none;}
	.top_vod .top_vod_con{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
	.top_vod iframe{width: 100%;height: 100%;}

	/* 공지사항 */
	.section3 .top_notice{width: 100%; margin-top: 30px; height: auto;}
	.section3 .top_notice ul{height: 260px;}
	.section3 .top_notice ul li a{height: 50px;/*  padding: 0; */}
	.section3 .top_notice ul li a p{font-size: 18px; width: 85%;}
	.section3 .top_notice .top_notice_con{padding: 10px 0;}

	/* sec4 */
	/* 지점소개 */
	.section4{padding-bottom: 100px;}
}
@media screen and (max-width:1400px){
	/* sec4 */
	/* 지점소개 */
	.point_con{margin: 3vw 3vw 0;}
	.point_con button{width: 30vw;}
	.point_con dl{margin-top: 10px;}
}
@media screen and (max-width:1024px) {
	/* 헤더 */
	.main_header{background: #fff;}
	header:hover .logo a{background: url(../../images/logo.svg) 50%/80% no-repeat; width: 200px; height: 60px; display: block;}
	.main_header .logo a{background: url(../../images/logo.svg) 50%/80% no-repeat; width: 200px; height: 60px; display: block;}
	header.scroll .logo a{background: url(../../images/logo.svg) 50%/80% no-repeat; width: 200px;}
	
	.visualvod video{margin-top: 60px;}
	.slide_wrap{padding-top: 60px;}

	/* .fp-controlArrow{bottom: 0;} */
	.fp-controlArrow.fp-prev{left: 35vw;}
	.fp-controlArrow.fp-next{right: 35vw;}
	.fp-slidesNav{left: 50vw !important;}

	/* sec2 */
	/* 금융상품바로가기 */
	h2{font-size: 36px; padding: 30px 0;}
	.section2{background: #f3f3f3;}
	.finance ul{flex-wrap: wrap;}
	.finance ul li{background: #fff url() 50% 40%/45% no-repeat;}
	.finance ul li a strong{font-size: 24px; margin-top: 20px;}
	.finance ul li a button{font-size: 16px; width: 20vw;}

	.shop ul li{margin: 0 5px;}
	.shop ul li a figure{height: 19.3vw;}
	.shop .slick-prev, .shop .slick-next{top: 110%;}
	.shop .slick-prev{left: 40%;}
	.shop .slick-next{right: 40%;}

	/* sec3 */
	/* 포토갤러리 */
	.bottom_con{width: 100%;}
	.section3 .bottom_con{width: 100%;}
	.section3 .bottom_con ul{white-space:nowrap; overflow-x: auto; display: block; padding-bottom: 20px; overflow-y: hidden;}

	/* 스크롤바 디자인 */
	.section3 .bottom_con ul::-webkit-scrollbar{height: 4px;}
	.section3 .bottom_con ul::-webkit-scrollbar{height: 5px;}
	.section3 .bottom_con ul::-webkit-scrollbar-thumb{background-color: #0081CC; border-radius: 5px;}
	.section3 .bottom_con ul::-webkit-scrollbar-track{background-color: #f7f7f7;}
	.section3 .bottom_con ul li{display:inline-block;}
	.bottom_con ul li{margin-left: 20px;}

	/* 지점소개 */
	.section4{padding-bottom: 100px; width: 100vw;}
	.point_con{margin: 20px;}
	.point_con h3{font-size: 24px;}
	.point_con b{font-size: 18px;}
	.point_con dl dt{font-size: 18px;}
	.point_con button{width: 300px; height: 50px;}
	.slick-prev{left: 35%;}
	.slick-next{right: 35%;}

	/* sec4
	지점소개 */
	.sec4_slide_con a{flex-wrap: wrap;}
	.point_con{width: 100%; text-align: center; margin-bottom: 50px;}
	.point_con dl{margin-top: 10px;}
	.point_con button{margin: 20px auto 0;}
	.sec4_slide_con a .point_img{width: 100%;}
	.sec4_slide_con a .point_img img{width: 100%;}
}

@media screen and (max-width:768px) {
	.slide_wrap{padding-top: 60px;}

	/* 메인 슬라이드 */
	.web_slide{width: 100vw; height: 100%;}
	.fp-slidesNav{left: 50% !important;}
	.fp-controlArrow.fp-prev{left: 40%; width: 30px; height: 30px;}
	.fp-controlArrow.fp-next{right: 40%; width: 30px; height: 30px;}
	
	.slide img:first-child{display: none;}
	.slide img:last-child{display: block;}
	
	/* sec2 */
	/* 금융상품바로가기 */
	.finance ul li{width: 47vw; background: #fff url() 50% 40%/35% no-repeat; margin-bottom: 20px;}
	
	.finance ul li a button{width: 40vw; margin-top: 150px;}

	.shop ul li a figure{height: 31.2vw;}
	.shop .slick-prev, .shop .slick-next{top: 48vw;}
	.shop .slick-prev{left: 30vw;}
	.shop .slick-next{right: 30vw;}
	.shop_info strong{font-size: 16px;}
	
	/* sec3 */
	/* 든솔신협둘러보기 */
	.section3{padding-bottom: 50px;}
	.section3 .top_notice ul li a p{width: 70vw;}
	.section3 .top_notice ul li a span{width: 25vw; display: flex; justify-content: flex-end;}

	/* sec4
	지점소개 */
	.slick-arrow{width: 40px; height: 40px;}
	.slick-prev{left: 25%;}
	.slick-next{right: 25%;}
	.slick-prev, .slick-next{bottom: -12%;}
	.slick-dots{bottom: -5.5%;}

	.onbank, .call{display: block;}

	.onbank{padding: 30px 0; background: linear-gradient(37.93deg, #B1D2FF 0%, #E9DFF7 100%);}
	.onbank .inner a{display: flex; justify-content: space-between; align-items: center;}
	.onbank_left button{display: block; width: 200px; height: 40px; background: #4f7aff; color: #fff; margin-top: 10px; font-size: 20px;}

	.call{padding: 30px 0 20px;}
	.call ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
	.call ul li{width: 49%; margin-bottom: 20px;}
	.call ul a{display: flex; justify-content: space-between; align-items: center; background: #fff; padding: 20px;}
	.call ul a strong{font-size: 20px; color: #0056A8; font-weight: 700;}
	.call ul a p{font-size: 18px; color: #666;}
	.call ul a p img{margin-right: 5px; margin-top: 3px;}

	#fp-nav ul, .fp-slidesNav ul{display: none;}
}
@media screen and (max-width:600px) {
	.shop .slick-prev, .shop .slick-next{top: 55vw;}
}

@media screen and (max-width:480px) {
	.fp-controlArrow{bottom: 6.5%;}
	.fp-controlArrow.fp-prev{left: 25%; width: 40px; height: 40px;}
	.fp-controlArrow.fp-next{right: 25%; width: 40px; height: 40px;}
	.fp-slidesNav.bottom{bottom: 6%;}

	.section{padding-top: 0;}
	h2{font-size: 30px;}

	.onbank_left button{font-size: 16px;}

	.call ul li{width: 48%; margin-bottom: 15px;}
	.call ul a{flex-direction: column; padding: 10px;}
	.call ul a strong{font-size: 18px;}
	.call ul a p{font-size: 16px;}

	/* sec2 */
	/* 금융상품바로가기 */
	.finance ul li{height: 200px;}
	.finance ul li a button{width: 40vw; margin-top: 90px;}
	.finance ul li a p{font-size: 14px;}
	.finance ul li a strong{font-size: 18px;}

	.shop ul li{margin: 0;}
	.shop ul li a figure{height: 64vw;}
	.shop .slick-prev, .shop .slick-next{top: 90vw;}
	.shop .slick-prev{left: 25vw;}
	.shop .slick-next{right: 25vw;}

	.section3 h2{margin: 0;}
	.section3 .top_notice h3{font-size: 24px;}
	.section3 .top_notice ul li a{padding: 0 10px;}
	.section3 .top_notice ul li a p{font-size: 16px; width: 60vw;}
	.section3 .top_notice ul li a span{width: 30vw;}
	.section3 .top_notice .top_notice_con a img{width: 80%;}
	.top_vod{margin: 0px auto 0;}	

	/* 지점소개 */
	.section4{padding-bottom: 80px;}
	.point_con{margin-bottom: 30px;}
	.point_con dl{display: flex; margin-left: 10px;}
	.point_con dl dt{width: 25vw;text-align: left;}
	.point_con dl dd{text-align: left; width: 55vw;}

	.slick-prev, .slick-next{bottom: -13.5%;}
	.slick-dots{bottom: -8%; display: none !important;}
	.slick-prev{left: 20vw;}
	.slick-next{right: 20vw;}

}

@media screen and (max-width:400px) {
	.fp-controlArrow.fp-prev{left: 20%;}
	.fp-controlArrow.fp-next{right: 20%;}
	.fp-slidesNav.bottom{bottom: 6%;}

	.shop .slick-prev, .shop .slick-next{top: 95vw;}
}

@media screen and (max-width:360px) {
	/* sec3 */
	/* 든솔신협둘러보기 */
	.section3 .top_notice ul li a span{font-size: 14px;}
	.section3 .top_notice ul li a p{width: 70%;}
	.point_con{margin-bottom: 30px;}
	.point_con dl dt{width: 25vw;}
	.point_con dl dd{width: 55vw; text-align: left;}
	
	.slick-prev{left: 20%;}
	.slick-next{right: 20%;}
}