/*basic*/
.headerWrap {width:1200px; margin:0 auto; height:100%;}
.ST {text-decoration:line-through; color:#555;}
.mb {display: none;}
.userIn .bold {font-size: 13px; color:#111; font-weight: 500;}
.overflow {overflow:hidden;}
/* .on {background:#dc3843; color:#fff;} */



/*main 레이아웃*/
.section {width: 100%; padding-top: 110px;}
.width1200 {width:1200px; margin:0 auto; overflow:hidden;}

@media only screen and (max-width: 1200px) {
	.width1200 {width:95%;}
}
@media only screen and (max-width: 1150px) {
	body {background: #fff;}
}
@media only screen and (max-width: 1100px) {
	.mb {display:block;}
	.width1200 {}
	
}
@media only screen and (max-width: 768px) {
	.width1200 {margin: 0 auto;}
	.section {padding-top: 70px;}
}

@media only screen and (max-width: 510px) {
	.width1200 {}
}
/*header*/
#header {
	position: relative;
	width: 100%;
	height: 120px;
	font-size: 16px;
}

.headerWrap {
	position: relative;
	width: 95%;
	max-width: 1200px;
	margin: 0 auto;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
}

.top_menu {
	position: absolute;
	top: 10px;
	right: 10px;
	display: flex;
}
.top_menu li {
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 0.3px;
	margin-left: 25px;
}

.topNav {
	width: 35%;
	display: flex;
	align-items: center;
	order: 0;
}
.topNav ul:not(.sub) {
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.topNav li {
	margin-left: 2%;
}
.topNav .cateAll {
	width: 100px;
	height: 28px;
	margin-right: 10%;
	font-weight: 400;
	font-size: 12px;
	cursor: pointer;
	text-align: center;
}
.topNav .cateAll span.menuImg {
	width: 100%;
	height: 28px;
	display: block;
	background: center / auto url(/image/menu_open.png) no-repeat;
}

.logo {
	width: 24%;
	min-width: 120px;
	max-width: 260px;
	order: 1;
}
.logo p {
	width: 100%;
	height: 56px;
	background: center / 100% auto url(/image/logo260.png) no-repeat;
}

.userNav {
	width: 35%;
	position: relative;
	display: flex;
	justify-content: space-between;
	order: 2;
}
.userNav li {
	width: 30px;
	height: 30px;
	/* margin: 0 0 0 25px; */
}
.userNav li.userNav1 {
	width: 200px;
}
.userNav2 {
	background: url(/image/userNav2.png) no-repeat top/100%;
	cursor: pointer;
}
.userNav3 {
	background: url(/image/userNav3.png) no-repeat top/100%;
}
.userNav .userNav4 {
	width: 32px;
	height: 32px;
	background: url(/image/userNav4.png) no-repeat top/100%;
}
.userIn {
	width: 130px;
	height: 150px;
	border: 1px solid #555;
	font-size: 12px;
	line-height: 25px;
	display: none;
	background: #fff;
	padding: 7px 0;
	text-align: center;
	position: absolute;
	top: 40px;
	right: 70px;
	z-index: 15;
}
.userIn .bold {
	padding: 0 0 7px;
	margin-bottom: 3px;
	border-bottom: 1px solid #111;
}
.userNav1 .search {
	width: 200px;
	height: 100%;
}
.userNav1 .search .schInput {
	margin-right: 5px;
	border: none;
	border-bottom: 2px solid #333;
	background-color: transparent;
}
.userName {
	font-size: 14px;
	color: #000;
	font-weight: 500;
}
.mNav,
.mUser,
.mTopNav {
	display: none;
}

.sub {
	display: none;
	position: absolute;
	top: calc(100% + 20px);
	z-index: 100;
}
.sub li {
}

@media only screen and (max-width: 1050px) {
	#header {
		height: 160px;
	}
	.headerWrap {height: 80%;}
	.top_menu,
	.topNav,
	.userNav {
		display: none;
	}
	.mNav {
		display: block;
		width: 30%;
		height: 28px;
		order: 0;
	}
	.burger span {
		position: relative;
		margin-top: 8px;
		margin-bottom: 8px;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		position: absolute;
	}
	.burger span,
	.burger span::before,
	.burger span::after {
		display: block;
		width: 28px;
		height: 2px;
		background-color: #2a2a2a;
		outline: 1px solid transparent;
		-webkit-transition-property: background-color, -webkit-transform;
		-moz-transition-property: background-color, -moz-transform;
		-o-transition-property: background-color, -o-transform;
		transition-property: background-color, transform;
		-webkit-transition-duration: 0.3s;
		-moz-transition-duration: 0.3s;
		-o-transition-duration: 0.3s;
		transition-duration: 0.3s;
	}

	.burger span::before,
	.burger span::after {
		position: absolute;
		content: '';
	}
	.burger span::before {
		top: -7px;
	}
	.burger span::after {
		top: 7px;
	}
	.burger.clicked {
		border: none;
	}
	.burger.clicked span {
		background-color: transparent;
		z-index: 30;
	}
	.burger.clicked span::before {
		-webkit-transform: translateY(7px) rotate(45deg);
		-moz-transform: translateY(7px) rotate(45deg);
		-ms-transform: translateY(7px) rotate(45deg);
		-o-transform: translateY(7px) rotate(45deg);
		transform: translateY(7px) rotate(45deg);
	}
	.burger.clicked span::after {
		-webkit-transform: translateY(-7px) rotate(-45deg);
		-moz-transform: translateY(-7px) rotate(-45deg);
		-ms-transform: translateY(-7px) rotate(-45deg);
		-o-transform: translateY(-7px) rotate(-45deg);
		transform: translateY(-7px) rotate(-45deg);
	}
	.burger.clicked span:before,
	.burger.clicked span:after {
		background-color: #fff !important;
	}
	.burger:hover {
		cursor: pointer;
	}
	.burger:after {
		clear: both;
		display: block;
		content: '';
	}
	.burger .cateAll {
		display: block;
	}
	nav {
		background-color: #fff;
		position: fixed;
		z-index: 20;
		top: 0;
		left: 0;
		height: 100%;
		max-width: 255px;
		width: 100%;
		overflow-y: auto;
		-webkit-transform: translateX(-100%);
		-moz-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		transform: translateX(-100%);
		-webkit-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
		-moz-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
		-o-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
		transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	}

	nav.show {
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-ms-transform: translateX(0px);
		-o-transform: translateX(0px);
		transform: translateX(0px);
	}
	nav ul.gnb li a {
		color: #333;
	}

	/*  OVERLAY
	========================================== */

	.overlay {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 11;
		width: 100%;
		height: 100%;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		background-color: #121115;
		opacity: 0;
		visibility: hidden;
	}
	.overlay.show {
		opacity: 0.5;
		visibility: visible;
	}
	.mUser {
		width: 30%;
		min-width: 130px;
		display: flex;
		justify-content: flex-end;
		order: 2;
	}
	.mUser .mUserLi1 {
		width: 31px;
		height: 30px;
		margin: 0px 5px;
		background: center / 100% url(/image/userNav2.png) no-repeat;
	}
	.mUser .mUserLi2 {
		width: 33px;
		height: 33px;
		margin: 0 5px;
		background: center / 100% url(/image/userNav4.png) no-repeat;
	}
	.mUser .mUserLi3 {
		width: 31px;
		height: 31px;
		margin: 0 6px;
		background: center / 100% url(/image/userNav5.png) no-repeat;
	}
	.userIn {
		top: 70px;
		right: 22px;
	}
	.mTopNav {
		display: block;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		order: 3;
		text-align: center;
	}
	.mTopNav .tNav {
		font-weight: 400;
		overflow: hidden;
		display: flex;
		justify-content: space-between;
		margin-bottom: 2%;
}
	}
	.mTopNav .tNav p {
		/* float: left; */
		padding: 0 20px 0 0;
	}
	.mTopNav .tNav p:last-child {
		padding: 0;
	}
	.mbSearch {
		margin-right: 2%;
	}
	.mbSearch .schInput {
		width: 200px;
		margin-right: 5px;
		border: none;
		border-bottom: 2px solid #333;
	}
	.menu .on {
		background: transparent;
		color: #dc3843;
	}
}

@media only screen and (max-width: 730px) {
	.mUser .mUserLi1 {
		width: 26px;
		height: 26px;
	}
	.mUser li:last-child {
		width: 27px;
		height: 27px;
	}
	.mNav {
		width: 25px;
		height: 25px;
		margin: 25px 0 0 5px;
	}
	.mTopNav {
		margin-bottom: 1%;
	}
	.mTopNav .tNav {
		font-size: 14px;
	}
	.mbSearch .schInput {
		width: 155px;
	}
	.userIn {
		width: 120px;
	}
	.userIn .bold {
		font-size: 12px;
	}
}
@media only screen and (max-width: 500px) {
	#header {
		height: 200px;
	}
	.mbSearch {
		margin: 0 0 2% 0;
	}
	.mbSearch .schInput {
		width: 250px;
		height: 25px;
	}

	.mNav,
	.mUser {
		width: auto;
	}
}
@media only screen and (max-width: 380px) {
	#header {
		height: 180px;
	}

	.mbSearch .schInput {
		width: 201px;
	}
}


/*main*/
.mainAll .mainBg {width:100%; height:640px; background:; position: absolute; top:0; z-index:-10;}
.mainTit {font-size: 30px; font-weight: 700;  text-align:center; padding-bottom:20px;}

/*mainVisual*/
.mainVisual {width:100%; /* height:630px; */ }
.swiper-container .swiper-container {width:100%; height:600px;}
.swiper-container .swiper-wrapper {width:100%;}
.swiper-container .swiper-slide {width:100%; height:100%; color:#fff; background:#f2f2f2;}
.mvImg {width:100%; max-height:600px;}
.mvImg_m {display:none;}

@media only screen and (max-width: 1400px) {
	.mainVisual {/* height:500px; */}
	.mvImg {width:100%; min-height:auto;}
	.swiper-container .swiper-slide {height:400px;}
}

@media only screen and (max-width: 1150px) {
	.mainBg {display: none;}
	.mainVisual {padding:20px 0 0; }
	.swiper-container .swiper-slide {width:100%; height:auto;}
	.swiper-container .swiper-button-prev,.swiper-container-rtl .swiper-button-next{display: none;} 
	.swiper-container .swiper-button-next, .swiper-container-rtl .swiper-button-prev {display: none;}
	.mvImg {width:100%; max-height:auto;}
}
@media only screen and (max-width: 1050px) {
	.mainVisual {padding:0; }
}
@media only screen and (max-width: 980px) {
	.mainBg {display: none;}

	.mainVisual {height:; /* margin:-5px 0 0; */}
	.swiper-wrapper {height:100%;}
	.swiper-container .swiper-slide{height:;}
	.mvImg {width:100%; min-height:;}
}
@media only screen and (max-width: 800px) {
	.mainVisual {height:;}
	.swiper-wrapper {height:100%;}
	.swiper-container .swiper-slide{height:;}
	.mvImg {display:none;}
	.mvImg_m {display:block; width:100%;}
}
@media only screen and (max-width: 768px) {
	.mainTit {font-size: 25px;  padding-bottom:10px;}
}
@media only screen and (max-width: 630px) {
	.mainVisual {height:;}
	.swiper-wrapper {height:100%;}
	.swiper-container .swiper-slide{height:;}
	
}
@media only screen and (max-width: 500px) {
	.mainVisual {}
	.swiper-container .swiper-slide{height:;}
	.mainTit {font-size:22px;}
	
}
@media only screen and (max-width: 400px) {
	.mainVisual {}
}

/* today 베스트*/
.swiper-container2 {overflow:hidden; margin:0 auto;}
.swiper-container2 .swiper-slide {background:#fff; border: .5px solid rgba(0,0,0,.3); height:auto; text-align: center; padding: 20px;}
.pic {width: 320px; height:auto; overflow: hidden; margin: 0 auto;}
.pic img{width: auto; height: 100%; display: block; margin: 0 auto; }
.todayName {font-size:22px; font-weight: 500; margin-top: 20px;}
.todayPrice {font-size:20px; margin-bottom:0;}

/*banner*/
/* .banner {width:100%; height:540px; background:url(/image/banner1.jpg) no-repeat center/100%; text-align:center;} */
.banner {
	position: relative;
	width: 100%;
	height: 0;
	background: left /auto 100% url(/image/banner1.jpg) no-repeat;
	text-align: center;
	padding-top: calc(550 / 1920 * 100%);
}

/* .bannerWrap {width:635px; margin:0 auto; padding:145px 0 0;} */
.bannerWrap {
	position: absolute;
	top: -50%;
	left: 50%;
	transform: translateX(-50%);
	width: 33.33%;
	height: 0;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-size: 1.2vw;
	padding-top: calc(550 / 1920 * 100%);
}
.bannerWrap::before {
	display: block;
	content: '';
	width: 100%;
	padding-top: calc(550 / 1920 * 300%);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%);
	background: rgba(0,0,0,.1);
}
.bannerTit {
	font-size: 180%;
	font-weight: 400;
	line-height: 1.2;
}
.bannerTit span {
	font-size: 120%;
	font-weight: 800;
	line-height: 2;
}
.bannerTxt {
	padding: 2% 0 4%;
	line-height: 1.2;
}
.moreBtn {
	margin: 0 auto;
	border: 1px solid rgba(0,0,0,.5);
	padding: .5% 5%;
	font-weight: 400;
	transition: .3s;
	text-align: center;
}
/* .bannerTit {font-size:35px; font-weight:400; line-height: 1.2;}
.bannerTit span {font-size:40px; font-weight: 800; line-height: 2;}
.bannerTxt {font-size:18px; padding:20px 0 40px;}
.moreBtn {width:120px; height:35px; margin:0 auto; border:1px solid rgba(0,0,0,.5);  padding:4px 0 0 0; font-size:16px; font-weight:400; transition:.3s; text-align:center;} */
.section2 .ver_line {width:1px; height:50px; background: #000; margin:0 auto;}
.moreBtn:hover {color:#7eb0b9; background:#fff; border:none;}

/*section3,4*/
.section3 {padding:70px 0 0;}
.section3 .mainTit {padding-bottom:20px;}
/* .section3,.section4 {background: #f2f2f2;} */
.newContent {overflow:hidden; }
.prod {float:left; width:23%; height:400px; background: #fff; margin:0 0 30px 2.66%;  }
.prod:nth-child(4n+1) {margin:0 0 30px 0;}

.pic2 {width:100%; max-height:288px; overflow: hidden; margin: 0 auto; border-radius:5px; border:1px solid rgba(0,0,0,.1);}
.pic2 img{width:100%; display: block; margin: 0 auto; }
.prodWrap {width:100%; color:#222; text-align: center; position: relative;}
.prodWrap .tag {color:#fff; font-size:15px; font-weight: 600;background: #ff0000; border-radius: 20px; padding: 5px 12px 6px; position: absolute;bottom: 0;left: 5px;}
.prodWrap .sobi {font-size:14px; /* text-decoration:line-through; */ color:#9d9d9d; margin:10px 0 0 0; height:18px; font-family:'NerisLight', "Noto Sans KR"; font-weight:200;}
.prodWrap .logprice {font-size:14px; color:red; font-weight:bold;}
.todayName .sobi {font-size:14px; text-decoration:line-through; color:#9d9d9d; margin:10px 0 0 0; height:18px; font-family:'NerisLight', "Noto Sans KR"; font-weight:200;}
.todayName .logprice {font-size:14px; color:red; font-weight:bold;}
.txtWrap .sobi {font-size:14px; text-decoration:line-through; color:#9d9d9d; margin:10px 0 0 0; height:18px; font-family:'NerisLight', "Noto Sans KR"; font-weight:200;}
.txtWrap .logprice {font-size:14px; color:red; font-weight:bold;}
.prodName {padding:15px 8px 5px 8px; font-size:16px; font-weight: 400; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; padding: 5px 0 0; margin: 0 auto;}
.prodSpan {height:18px; padding:0 8px; font-size:13px; color:rgba(0,0,0,.6); overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.prodWrap .ST {font-size:15px;}
.prodPrice {padding:10px 0 0 0; font-size:20px; font-weight:700;}
.prodPoint {background:#fff; padding:3px 13px; font-size:12px; font-weight:600; border:1px solid rgba(0,0,0,.3); border-radius:50px; display:inline-block;}
.prodPoint img {width:11px; vertical-align:middle;}
.won {font-weight:300; font-size:14px;}
.tabMenu {width:100%; text-align:center;}
.tabMenu li{float:left; width:12.5%; font-size:16px; line-height:30px; border-left:1px solid rgba(0,0,0,.1); }
.tabMenu li:nth-child(1) {border:none;}

@media only screen and (max-width: 1300px) {
	.pic2 {max-height:223px;}

	.todayName {font-size: 20px;}
	.todayPrice {font-size:18px;}

	.prod {}


	/* .banner {height: 375px;} */
	/* .bannerWrap {width:435px; padding:85px 0 0;} */
	/* .bannerTit {font-size:30px;}
	.bannerTit span {font-size:35px;}
	.bannerTxt {font-size:16px;} */
}
@media only screen and (max-width: 1100px) {
	.prod {height:330px;}
	.pic {}
	.prodWrap .tag {font-size:12px; padding: 4px 6px 5px;}

	/* .banner {height: 375px;} */
	/* .bannerWrap {width:375px;padding:90px 0 0;} */
	/* .bannerTit {font-size:28px;}
	.bannerTit span {font-size:32px;}
	.bannerTxt {font-size:16px; padding:20px 0;} */
	/* .moreBtn {width:110px; height:35px;} */
	
	.prod {}
	.prodName {font-size:15px;}
	.prodSpan {font-size:12px;}
	.prodPrice {font-size:17px;}
	.pic2 {}
	.tabMenu li {width:12.5%; font-size: 14px;}
}

@media only screen and (max-width: 768px) {
	.pic2 {max-height:212px;}

	/* .banner {height: 225px; background:url(/image/banner1_2.jpg) no-repeat center/100%; text-align:right;} */
	/* .bannerWrap {width:90%; padding:45px 0 0;} */
	.banner {
		padding-top: calc(550 / 1280 * 100%);
	}
	.bannerWrap {
		top: -50%;
		left: 50%;
		transform: translateX(-50%);
		width: 90%;
		padding-top: calc(550 / 1280 * 100%);
		background: none;
		align-items: flex-end;
		text-align: right;
		font-size: 2.3vw;
	}
	.bannerWrap::before {
		display: none;
	}
	/* .bannerTit {font-size:24px;}
	.bannerTit span {font-size:28px;}
	.bannerTxt {font-size:16px; padding:10px 0;} */
	.moreBtn {display:none;}
	
	/* .prod {width:31%; margin-bottom:20px;} */
	
	.tabMenu li {width:25%; font-size: 15px;}
	.tabMenu li:nth-child(4) {border-right:1px solid rgba(0,0,0,.1);}

	.prod {width:31%; margin:0 0 30px 3.3%;}
	.prod:nth-child(3n+1) { margin:0 0 30px 0;}
	.prod:nth-child(3n+2) { margin:0 0 30px 3.3%;}
	.prod:nth-child(4n+1) { }
}

@media only screen and (max-width: 640px) {
	.prodPrice {font-size:16px;}
	.prodName {font-size:14px;}

	
}

@media only screen and (max-width: 510px) {

	/* .banner {height: 195px;} */
	/* .bannerWrap {width:90%; padding:35px 0 0;} */
	/* .bannerTit {font-size:20px;}
	.bannerTit span {font-size:24px;}
	.bannerTxt {font-size:14px; padding:10px 0;} */

	.prod {width:48%; margin:0 0 30px 0;}
	.prod:nth-child(even) {float:left;}
	.prod:nth-child(odd) {float:right;}
	.prod:nth-child(3n+1) {margin:0 0 30px 0;}
	.prod:nth-child(3n+2) {margin:0 0 30px 0;}
	.prod:nth-child(4n+1) {margin:0 0 30px 0;}




	
}
.section5 {width:100%; background:#eefcee; height:744px; margin-top:110px;}

.swiper-container3 {width:100%; height:500px; position: relative; overflow:hidden;}
.swiper-container3 .swiper-wrapper {height:400px;}
.swiper-container3 .swiper-slide {height:395px; background:#fff; transition:all .3s;}
.swiper-container3 .sec5Pic {width:100%; height:100%;}
.swiper-container3 .sec5Pic img{width:100%; height:100%;}
.swiper-container3 .txtWrap {width:100%; height:auto; font-size: 18px; text-align:center; padding:10px; background:rgba(0,0,0,.8); position: absolute; bottom:0; opacity:0; color:#fff;}
.swiper-container3 .txtWrap .tag {color:#fff; font-size:15px; font-weight: 600;background: #ff0000; border-radius: 20px; padding: 5px 12px 6px; position: absolute;bottom: 10px;left: 10px;}

.swiper-container3 .swiper-slide:hover {margin-top:-40px;}
.swiper-container3 .swiper-slide:hover .txtWrap { height:auto; opacity:1; visibility:visible; transform:translatey(0); transition: all 0.5s 0.1s !important;}
.sec5Name {font-size:20px;font-weight: 500; margin:0 auto; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:85%; overflow:hidden;}
.sec5Price span {font-size: 15px;}

@media only screen and (max-width: 1600px) {
	.section5 {height:700px;}
	.swiper-container3 {height:400px;}
	.swiper-container3 .swiper-slide {height:350px;}
	.swiper-container3 .sec5Pic {height:350px;}
}
@media only screen and (max-width: 1400px) {
	.swiper-container3 .sec5Pic {height:300px;}
	.swiper-container3 .swiper-slide {height:300px;}
}
@media only screen and (max-width: 1250px) {
	.swiper-container3 .sec5Pic {height:370px;}
	.swiper-container3 .txtWrap {bottom:-71px;}
	.swiper-pagination .swiper-pagination-progressbar {top:90%;}

	.sec5Name { font-size:18px;font-weight: 500;}
	.sec5Price {font-size: 16px;}
}
@media only screen and (max-width: 1200px) {
	.swiper-container3 .txtWrap {height:80px; font-size:15px; margin:219px 0 0;}
}
@media only screen and (max-width: 1050px) {
	.swiper-container3 .sec5Pic {height:330px;}
	.swiper-container3 .txtWrap {bottom:-71px;}
	.swiper-container3 .swiper-slide:hover .txtWrap {opacity:1; visibility:visible; transform:none; transition: none;}
}
@media only screen and (max-width: 980px) {
	.section5 {height:600px; padding:90px 0 0; margin-top: 80px;}
	.swiper-container3 {height:290px; margin:20px 0 0;}
	.swiper-container3 .swiper-slide {height:250px;}
	.swiper-container3 .sec5Pic {height:250px;}
	.swiper-container3 .txtWrap {width:100%; height:90px; font-size: 16px;bottom:-40px;}
}
@media only screen and (max-width: 830px) {
	.section5 {height:600px; padding:40px 0 0;}
	.swiper-container3 {height:370px;}
	.swiper-container3 .swiper-wrapper {margin:20px 0 0;}
	.swiper-container3 .swiper-slide {height:240px;}
	.swiper-container3 .sec5Pic {height:100%;}
	.swiper-container3 .txtWrap {bottom:-71px;}
	.swiper-container3 .txtWrap {opacity:1;;}
.swiper-container3 .swiper-slide:hover {margin-top:0px;}
}
@media only screen and (max-width: 730px) {
	.swiper-container3 {height:350px;margin:0;}
	.swiper-container3 .swiper-slide {height:220px;}
}
@media only screen and (max-width: 650px) {
	.swiper-container3 {height:400px;}
	.swiper-container3 .swiper-slide {height:290px;}
}
@media only screen and (max-width: 500px) {
.swiper-container3 {height:340px;}
	.swiper-container3 .swiper-slide {height:220px;}
}
@media only screen and (max-width: 420px) {
	.swiper-container3 {height:430px;}
	.swiper-container3 .swiper-wrapper {margin:40px 0 0;}
	.swiper-container3 .swiper-slide {width:300px; height:300px;}
}

/*하단영역*/
/*section6 bottom*/
.section6 {padding:110px 0;}
.section6 .width1200 > div {width:400px; height:200px; float:left; padding:0 20px;}
.btTit {font-size: 19px; color: #333; font-family: malgun gothic; font-weight: bold; margin-bottom: 15px;}
.btTit span {font-size:12px; color:#3f3f3f; padding-left:10px; font-weight:normal;}
.btQucik {border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5;}
.qucikWrap {width:80%; height:auto; margin:0 auto !important; overflow:hidden;}
.btQucik p {float:left;width:50%; height:78px; text-align:center; font-size:12px; padding:51px 0 0 0;}
.tel {font-size:35px; font-family:'NerisBlack','Noto Sans KR'; font-weight: 700; color:#dc3843; margin:10px 0; letter-spacing:-0.8px;}
.telInfo {font-size:14px; font-weight: 400;}

footer {width:100%; font-size:14px; font-weight:400; background: #f2f2f2;}
.footerWrap {
	width: 95%;
	max-width:1200px;
	margin:0 auto;
	padding: 20px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.fNav {width: 100%; height:60px;box-shadow:0px 1px rgba(0,0,0,.1); padding:20px;}
.fNav li {float:left; margin:0 0 0 30px; cursor: pointer;}
.fNav li:first-child {margin:0 0;}
.fAdd {
	width: auto; 
	padding:20px;
	font-size: .8rem;
	color: #555;
}
.fAdd span {
	display: inline-block;
	word-break: keep-all;
}
.fAdd span:not(:last-of-type)::after {
	content: '/';
	display: inline-block;
	margin: 0 .5rem;
}
.fAdd .copy {
	font-weight: 500;
	margin-top: .5rem;
}
.fWoori {width:20%; text-align:right;}

.fLogo {
	width:40%;
	min-width: 120px;
	max-width: 150px;
	height: 56px;
	padding-top: calc(180 / 1900 * 100%);
	margin:20px;
	background:right / 100% url(/image/logo.png) no-repeat
	
}
.btnLine {float:right; width:90px; height:30px; line-height:28px; text-indent:8px; background:url(/image/arrowR.png) no-repeat 95% center; font-size:12px; color:rgba(0,0,0,.7); border:1px solid rgba(0,0,0,.3);}
.btnLine:hover {color:#000; border:1px solid #000;}

@media only screen and (max-width: 1300px) {
	.section6 .width1200 > div {width:300px;}
	.telInfo .mb {display: block;}

	 .footerWrap {width:95%;}
}
@media only screen and (max-width: 1100px) {
	.section6 .width1200 > div {width:250px; padding: 0 20px;}
	.btTit {font-size: 16px;}
	.tel {font-size:30px;}
}
@media only screen and (max-width: 980px) {
	.section6 {padding:40px 0;}
	.fNav {font-size:13px;}
	.fNav li {margin:0 0 0 20px;}
	.fAdd {font-size:13px;}
	.fLogo {display:none;}

}
/* @media only screen and (max-width: 768px) {
	.section6 .width1200 > div {width: 33%; padding:0 0 0 10px ;}
	.section6 .width1200 > .btQucik {padding: 0px;}
	.btTit span {display: block; padding-left: 0;}
	.tel {font-size: 25px;}
	.telInfo {font-size: 11px;}
	.btQucik p {width:50%;}
	.qucikWrap {width: 95%;}
	.footerWrap {justify-content: center;}
	.fAdd {
		order: 2;
		width: 100%;
		text-align: center;
	}
	.fLogo {margin: 20px 0 0;}

	.fWoori {}
} */


@media only screen and (max-width: 720px) {
	.fNav {height:auto; padding:10px 0; font-size: 12px;}
	.fAdd {padding:10px 0; font-size: 12px;}
	.fWoori img {width:70px;}
}

@media only screen and (max-width: 640px) {
	.footerWrap {padding:20px 0 80px;}
	.fWoori {width:auto;}
	.fWoori img {width:50px;}
}

@media only screen and (max-width: 520px) {
	.section6 .width1200 > div {width:50%; height:150px;}
	.section6 .width1200 > .btNotice {float:none; width:100%;}
	.section6 .width1200 > .btQucik {border-left:none;}
}
@media only screen and (max-width: 420px) {
	.tel {font-size:22px;}
	.fNav {padding: 10px 0 0 5px; height: 40px;}
	.fAdd {padding:20px 10px; line-height:18px;}

}


/*마이오피스 탭메뉴*/

#tabmenu1 {position:relative; width:454px;letter-spacing:0px; float:right;}
#tabmenu1 ul {font-size:13px;text-align:center;}
#tabmenu1 ul li {color:#666666;font-weight:normal;border:1px solid #cacaca;float:left;width:150px;height:30px;line-height:30px;margin-right:1px;}
#tabmenu1 ul li a {display:block;cursor:pointer !important}
#tabmenu1 ul li:hover {background:#52a140;color:#fff;border:1px solid #52a140;}
#tabmenu1 ul li a:hover {background:#52a140;color:#fff;}
#tabmenu1 ul li.on {color:#fff;font-weight:normal;background:#52a140;border:1px solid #52a1407;}
#tabmenu1 ul li.on a{color:#fff;font-weight:normal;background:#52a140;}

@media only screen and (max-width: 768px) {
	#tabmenu {position:relative;width:100%;letter-spacing:0px;text-align:center;background:rgba(0,0,0,.5);}
#tabmenu ul {font-size:11px;float:right;margin-bottom:10px;}
#tabmenu ul li {color:#666;font-weight:normal;border:1px solid #cacaca;float:left;height:24px;line-height:24px;margin-right:1px; padding:0 7px; width:auto;}
#tabmenu ul li a {display:block;cursor:pointer !important}
#tabmenu ul li:hover {background:#454547;color:#fff;border:1px solid #454547;}
#tabmenu ul li a:hover {color:#fff;}
#tabmenu ul li.on {color:#fff;font-weight:normal;font-size:11px;background:#454547;border:1px solid #454547;}
#tabmenu ul li.on a{color:#fff;font-size:11px;}

#tabmenu1 {position:relative; letter-spacing:0px; float:none; overflow:hidden;}
#tabmenu1 ul {font-size:11px;text-align:center; width:100%;}
#tabmenu1 ul li {color:#666; font-weight:normal; border:1px solid #cacaca; float:left; width:33%; height:24px; line-height:24px; margin-right:1px;}
#tabmenu1 ul li a {display:block;cursor:pointer !important}
#tabmenu1 ul li:hover {background:#52a140;color:#fff;border:1px solid #52a140;}
#tabmenu1 ul li a:hover {background:#52a140;color:#fff;}
#tabmenu1 ul li.on {color:#fff;font-weight:normal;background:#52a140;border:1px solid #52a140;}
#tabmenu1 ul li.on a{color:#fff;font-weight:normal;background:#52a140;}
}


/*마이오피스 01*/

.addInput {width:380px;}
@media only screen and (max-width: 580px) {
	.addInput {width:90%;}
	/* .gray_list .office01 th {width:17%;} */
}


/* 메인배너 동영상 추가 */
.vodWrap {position:relative; width:100%; height:641px; margin-top:110px; }
.vodWrap .product {width:100%; height:100%; background:url(/image/main_sat1.jpg) no-repeat; background-size:100% auto; }
.vodWrap .left {position:absolute; top:0; left:0; width:45%; height:100%; }
.vodWrap .vod {position:absolute; right:5%; top:7.5%; width:40%; height:75%; }
.vodWrap .vod ul {overflow:hidden;}
.vodWrap .vod ul li {float:left; width:50%; height:100%; padding:20px 0; text-align:center; }
.vodWrap .vod ul li img {width:90%; box-shadow:0 7px 10px rgba(0,0,0,.25);}

@media only screen and (max-width: 1600px) {
	.vodWrap {height:500px;}
}

@media only screen and (max-width: 1300px) {
	.vodWrap {height:450px;}
}

@media only screen and (max-width: 1100px) {
	.vodWrap {height:600px; margin-top:60px;}
	.vodWrap .product {height:380px;  background:url(/image/main_satm1.jpg) no-repeat center top; background-size:auto 100%; }
	.vodWrap .left {left:20%; width:60%;  height:380px;}
	.vodWrap .vod {left:50%; top:400px; width:90%; height:200px; margin-left:-45%;}
	.vodWrap .vod ul {float:left; width:50%;}
}


@media only screen and (max-width: 700px) {
	.vodWrap {height:800px; margin-top:0px;}
	.vodWrap .left {width:100%; left:0;}
	.vodWrap .vod {width:80%; height:400px; margin-left:-40%; }
	.vodWrap .vod ul {float:none; width:100%;}
}

@media only screen and (max-width: 560px) {
	.vodWrap {height:600px;}
	.vodWrap .product {height:280px;}
	.vodWrap .left {height:280px;}
	.vodWrap .vod {top:300px; height:300px;}
}

@media only screen and (max-width: 460px) {
	.vodWrap {height:600px;}
	.vodWrap .product {height:250px;}
	.vodWrap .left {height:250px;}
	.vodWrap .vod {top:280px; width:95%; height:300px; margin-left:-47.5%;}
}


.vodWrap11 {position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); background:#000; text-align:center; z-index:99; display:none;}
.vodWrap11 .close2 {position:absolute; top:10px; right:10px; width:20px; height:20px; background:url(/image/icon_close_w.png) no-repeat center center; background-size:auto; display:inline-block; cursor:pointer; z-index:99;}
.vodWrap11 video {width:100%; height:100%; }

.vodWrap12 {position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); background:#000; text-align:center; z-index:99; display:none;}
.vodWrap12 .close2 {position:absolute; top:10px; right:10px; width:20px; height:20px; background:url(/image/icon_close_w.png) no-repeat center center; background-size:auto; display:inline-block; cursor:pointer; z-index:99;}
.vodWrap12 video {width:100%; height:100%; }

@media only screen and (max-width: 1200px) {
	.vodWrap11 {width:90%;}
	.vodWrap12 {width:90%;}
}


/* 20210831 회사소개 pop CSS */
	#company {display: none;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 99;
		width: 100vw;
		height: 100vh;
	}
	#company .com-bg {
		width: 100vw;
		height: 100vh;
		background: rgba(0,0,0,0.75);
	}

	#company .btn-com_close {
		position: absolute;
		top: 1.5rem;
		right: 1.5rem;
		width: 25px;
		height: 25px;
		background: center / auto url(/image/close_b.png) no-repeat;
		cursor: pointer;
	}

	#company .com-tab {
		display: flex;
		margin: 1rem 0;
	}

	#company .com-tab > li {
		width: 20%;
		border: 1px solid #ddd;
		padding: 0.5rem;
		cursor: pointer;
	}
	#company .com-tab > li:not(:last-of-type) {
		border-right: none;
	}

	#company .com-tab > li.on {
		border: 1px solid #333;
		background: #333;
		color: #fff;
	}

	#company .com-inner {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		width: 95%;
		max-width: 1200px;
		min-height: 50%;
		max-height: 95%;
		overflow: auto;
		text-align: center;
		background: #fff;
		padding: 3rem 2rem;
	}
	#company .com-page > li {
		display: none;
	}
	
	#company .com-page > li.on {
		display: block;
		background: none;
		color: inherit;
	}

	#company .map-img {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: 2rem;
	}
	#company img {width: 100%;}

	#company .marine-map {width: calc(100% - 330px);}
	#company .marine-map iframe {
		width: 100%;
		height: 100%;
		min-height: 300px;
	}

	@media all and (max-width: 768px) {
	
		#company .com-inner {min-height: 95%;}

		#company .btn-com_close {background-size: 20px;}

		#company .com-tab {flex-direction: column;}
		#company .com-tab > li {width: 100%;}
		#company .com-tab > li:not(:last-of-type) {
			border-right: 1px solid #ddd;
			border-bottom: none;
		}

		#company h1 {font-size: 1.5rem;}

		#company p {font-size: .75rem;}

		#company .map-img {
			justify-content: center;
			margin-top: 1rem;
		}

		#company img {width: 150px;}

		#company .marine-map {
			width: 100%;
			margin-top: 1rem;
		}
	}
/* 20210831 회사소개 pop CSS end */


.btnG9{width:150px; height:30px; font-size:14px; line-height: 1.5;float: right; margin: 20px 0 5px; background:#000;color:#fff;font-size:12px;padding:6px 20px 7px 20px;border-radius:3px;cursor:pointer;}


/* 서브페이지 */
.subCenter {width:1200px; min-height:800px; margin:60px auto; overflow:hidden;}
.subCenter.cart {margin:60px auto 300px;}

@media screen and (max-width: 1200px) {
	.subCenter {width:95%; margin:30px auto;}
	.subCenter.cart {margin:30px auto 300px;}
}


/* 상품리스트 */
.subLeft {float:left; width:180px;}
.subRight {float:right; width:calc(100% - 240px);}
.subRight .title {margin:0 0 15px 0; padding:0 0 15px 0; font-size:22px; font-weight:500; border-bottom:1px solid rgba(0,0,0,.6);}
.subRight .title.none {padding:0; border-bottom:0;}

@media screen and (max-width: 1200px) {
	.subRight {float:right; width:calc(100% - 210px);}
}

@media screen and (max-width: 840px) {
	.subLeft {float:none; width:100%; padding:0 0 30px 0; overflow:hidden; }
	.subRight {float:none; width:100%;}
	.clearLine {clear:both;}
}

.subCate {width:100%;}
.subCate .cateTit {/*background:url(/image/bg_select_arrow.png) no-repeat 99% 11px; */margin:0 0 15px 0; padding:0 0 15px 0; font-size:22px; font-weight:500; border-bottom:1px solid rgba(0,0,0,.6);}
.subCate ul li {padding:12px 0; font-size:15px; font-weight:300; border-bottom:1px solid #eee;}
.subCate ul li .on {font-weight:600;}
.subCate .subsub {background:#fcfcfc; padding:15px 20px; border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; display:none;}
.subCate .subsub a {padding:5px 0; font-size:13px; display:block;}

.subCate li.btn {position:relative; display:block; cursor:pointer; overflow:hidden;  }
.subCate .active {font-weight:500; cursor:pointer; /* border-bottom:1px solid #000; */ display:block; overflow:hidden;}
.subCate li.btn.on::after {
	content: '';
    position: absolute;
    right: 5px;
    top: 50%;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    border: 0 solid #000;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.subCate li.ly {overflow:hidden; width:100%; padding:15px 10px; border-bottom:1px solid #eee; background:#fcfcfc; font-size:14px;} 
.subCate li.ly,
.subCate dt {display:none;}
.subCate dl {padding:10px 0; margin:0; }
.subCate dl a {padding:3px 20px 1px 20px; display:block;}
.subCate dl a:hover	{background:#eee; color:#000;}
.subCate dd {padding:2px 0 0 6%; line-height:23px;}
.subCate dd:hover {color:#000;}

.subCate li.ly.active {display:block;}

.subCate li.btn a {position:relative; width:100%; display:block;}
.subCate li.btn::after {
	content: '';
    position: absolute;
    right: 5px;
    top: 50%;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    border: 0 solid #000;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
} 

.subCateM {display:none; position:relative; margin:0; border-top:1px solid #e4e4e4; clear:both;}
.subCateM ul {overflow:hidden;}
.subCateM ul li {position:relative; float:left; width:33.3%; padding:8px 5%; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}

.subCateM ul li:nth-child(3n+1) {border-left:1px solid #e4e4e4;}
.subCateM li.ly {display:none; position:absolute; top:-1px; width:calc(100% - 1px); background:#fff; padding:20px; border:1px solid #ccc; box-shadow:0 10px 10px rgba(0,0,0,.1); z-index:3;}
.subCateM li.ly ul {border-left:0;}
.subCateM li.ly .close4 {position:absolute; top:5px; right:5px; width:30px; height:30px; background:url(/image/btn_close.png) no-repeat center;}
.subCateM li.ly dd {float:left; width:33.3%; padding:3px 0;}
.subCateM ul .bg {background:rgba(0,0,0,.06);}

@media screen and (max-width: 840px) {
	
	.subCate {display:none;}
	.subCateM {display:block;}

}

@media screen and (max-width: 520px) {
	.subCateM ul {border-left:1px solid #e4e4e4;}
	.subCateM ul li {width:50%;}
	
	.subCateM ul li:nth-child(2n+1) {}
	.subCateM ul li:nth-child(3n+1) {border-left:0px solid #e4e4e4;}
}


.cateBox {width:100%; margin:0 0 15px 0; font-size:18px;}
.cateBox .allTit {padding:0 10px 0 0; font-size:25px; font-weight:500;}
.cateBox strong {color:#dc3843;}
.cateBox .sort {position:relative; float:right; width:120px; background:url(/image/arrow_down.png) no-repeat 90% center; background-size:8px auto; padding:7px 0 7px 15px; font-size:13px; cursor:pointer; border:1px solid #eee;}
.cateBox .sort .sortMenu {position:absolute; top:29px; left:-1px; width:120px; background:#fff; padding:10px 15px 7px 15px; border:1px solid #eee; box-shadow:0 5px 7px rgba(0,0,0,.06); z-index:3; display:none;}
.cateBox .sort .sortMenu a {padding:5px 0; display:block; }



/* 브랜드스토리 */
.brandWrap {width:100%;}
.brandWrap img {width:100%;}
.brandWrap .tImage {position:relative;}
.brandWrap .tImage .tit {position:absolute; bottom:0; left:0; background:#fff; padding:30px 45px 0 30px;}
.brandWrap .tImage .tit img {height:18px;}
.brandWrap .tText {padding:40px 30px 100px 30px; line-height:1.6; font-size:15px;}
.brandWrap .tText .strong {position:relative; font-size:19px; font-weight:500;}
.brandWrap .tText .strong:before {content:''; position:absolute; left:0; bottom:-5px; width:100%; height:90%; background:#d4efb5; border-radius:12px; display:inline-block; z-index:-1;}

@media screen and (max-width: 980px) {
	.brandWrap .tImage .tit {padding:25px 35px 0 25px;}
	.brandWrap .tImage .tit img {height:13px;}
	.brandWrap .tText {padding:30px 25px 80px 25px; font-size:13px;}
	.brandWrap .tText .strong {font-size:16px;}
}

@media screen and (max-width: 560px) {
	.brandWrap .tImage .tit {padding:25px 35px 0 10px;}
	.brandWrap .tText {padding:30px 10px 50px 10px; }
}


.hisWrap {padding:30px 0 0 0;}
.hisWrap ul {overflow:hidden;}
.hisWrap ul li {float:left; height:50px; padding:0 10px; line-height:50px;}
.hisWrap .year {width:100px; font-size:30px; color:#a3a3a3; font-weight:600;}
.hisWrap .month {width:80px; font-size:30px; color:#000; font-weight:600;}
.hisWrap .cont {font-size:17px; font-weight:400;}
.hisWrap .line {clear:both; width:100%; height:1px; margin:20px 0; background:rgba(0,0,0,.1);}

@media screen and (max-width: 980px) {
	.hisWrap ul li {height:35px; line-height:35px;}
	.hisWrap .year {font-size:22px;}
	.hisWrap .month {font-size:22px;}
	.hisWrap .cont {font-size:14px;}
}

@media screen and (max-width: 640px) {
	.hisWrap .year {width:80px; font-size:20px;}
	.hisWrap .month {width:50px; font-size:20px;}
}

@media screen and (max-width: 560px) {
	.hisWrap ul li {height:25px; line-height:25px;}
	.hisWrap .year {float:none; width:100%; height:10px;}
	.hisWrap .year.mobile {height:40px; font-size:24px; line-height:40px; }
}

@media screen and (max-width: 460px) {
	.hisWrap .month {width:30px; font-size:18px;}
	.hisWrap .cont {font-size:13px;}
}

.ceoWrap {width:100%;}
.ceoWrap ul {overflow:hidden;}
.ceoWrap ul li {float:left;}
.ceoWrap .img {width:420px;}
.ceoWrap .img img {width:auto;}
.ceoWrap .text {width:calc(100% - 420px); font-size:17px; line-height:1.7;}
.ceoWrap .text strong {padding:20px 0; font-size:24px; font-weight:500; line-height:1.4; letter-spacing:-1.5px; display:block;}
.ceoWrap .mobile {display:none;}

@media screen and (max-width: 1200px) {
	.ceoWrap .img {width:380px;}
	.ceoWrap .img img {width:90%;}
	.ceoWrap .text {width:calc(100% - 380px); font-size:15px;}
	.ceoWrap .text strong {padding:0 0 20px 0; font-size:20px;}
}

@media screen and (max-width: 980px) {
	.ceoWrap .img {width:50%;}
	.ceoWrap .text {width:50%; font-size:14px;}
	.ceoWrap .text strong {font-size:18px;}
}

@media screen and (max-width: 680px) {
	.ceoWrap .text strong {padding:20px 0;}
	.ceoWrap .text.mo {width:100%; padding:20px 0 0 0;}
}

@media screen and (max-width: 600px) {
	.ceoWrap .text strong {padding:0 0 20px 0;}
}

@media screen and (max-width: 560px) {
	.ceoWrap .img {width:100%;}
	.ceoWrap .img img {width:100%;}
	.ceoWrap .win {display:none;}
	.ceoWrap .mobile {display:block;}
	.ceoWrap .text {width:100%;}
	.ceoWrap .text strong {padding:20px 0;}
	.ceoWrap .text.mo {padding:0;}
}


/* 오시는길 */
.map {width:100%;}
.mapAdd {margin:20px 0 0 0; padding:30px 50px; border:6px solid rgba(0,0,0,.02);}


/* 상품상세보기 */
.proDetail {width:1200px; margin:40px auto; padding:45px 0; overflow:hidden;}
.proDetail .pic {float:left; width:47%; }
.proDetail .pic .img {position:relative; width:100%; height:0; padding:99% 0 0 0; border:1px solid rgba(0,0,0,.03); overflow:hidden;}
.proDetail .pic img {position:absolute; left:0; top:0; width:100%; max-width:100%; height:auto;}

.proDetail .info {float:right; width:47%;}
.proDetail .info .number {position:relative; height:30px; margin:0 30px 15px 0; font-size:14px; line-height:30px; letter-spacing:0; border-bottom:1px solid rgba(0,0,0,.1);}

.proDetail .info .title {padding-right:50px; font-size:30px; font-weight:400; word-break:break-all;}
.proDetail .info .ment {font-size:14px; color:rgba(0,0,0,.7);}
.proDetail .info .sobi {padding:20px 0 0 0; color:#dc3843; text-decoration:line-through;}
.proDetail .info .price {font-size:28px; font-weight:800; color:#000 !important; line-height:1.2;}
.proDetail .info .price .won {font-size:16px; font-weight:500;}

.proDetail .info .share {position:absolute; top:-42px; right:-20px; float:right; width:55px;}
.proDetail .info .share .board {position:relative; background:#000; padding:5px; color:#fff; line-height:1.2; text-align:center; font-weight:500; font-size:12px; border-radius:3px; }
.proDetail .info .share .board .tri {position:absolute; bottom:-6px; left:50%; transform:translateX(-50%); width:8px; height:6px; background:url(/image/tri.png) no-repeat;}
.proDetail .info .share .cir {width:45px; height:45px; margin:3px auto 0; background:url(/image/icon_share.png) no-repeat center #fff; background-size:23px; border-radius:22.5px; box-shadow:0 7px 10px rgba(0,0,0,.1);}

.proDetail .layer {position:absolute; top:50px; right:-10px; padding:15px 25px; background:#fff; text-align:center; font-size:16px; font-weight:600; border:1px solid rgba(0,0,0,.06); box-shadow:0 10px 10px rgba(0,0,0,.06); display:none;}
.proDetail .layer .cirKa {float:left; width:50px; height:50px; margin:0 5px; background:url(/image/kakao.png) no-repeat center #f5e34d; background-size:26px; border-radius:50%;}
.proDetail .layer .cirFe {float:left; width:50px; height:50px; margin:0 5px; background:url(/image/face.png) no-repeat center #0084ff; background-size:26px; border-radius:50%;}
.proDetail .layer .close3 {position:absolute; top:8px; right:8px; width:20px; height:20px; background:url(/image/btn_close.png) no-repeat center; background-size:auto;}

.proDetail .info .sInfo {margin:30px 0 20px; font-size:15px;}
.proDetail .info .sInfo ul {overflow:hidden; display:flex;}
.proDetail .info .sInfo ul li {padding:8px 0;}
.proDetail .info .sInfo ul li.price {padding:0px 0 10px 0;}
.proDetail .info .sInfo ul:first-child {padding:10px 0 3px 0; border-top:1px solid #f2f2f2; }
.proDetail .info .sInfo ul:last-child {padding:3px 0 10px 0; border-bottom:1px solid #f2f2f2;}
.proDetail .info .sInfo .th {width:25%; color:#7b7e83; font-weight:500;}
.proDetail .info .sInfo .td {width:75%; color:#7b7e83;}
.proDetail .info .sOption .tit {padding:10px 0 5px 0; font-weight:500; font-size:15px;}
.proDetail .info .sOption select {width:100%; height:40px; border:1px solid #c2c2c2; }
.proDetail .info .sOption input {width:100%; height:40px; border:1px solid #c2c2c2; }
.proDetail .info .sResult {position:relative; background:#fafafa; margin:15px 0 0 0; padding:10px 15px;  overflow:hidden;}
.proDetail .info .sResult .left {float:left; width:40%;}
.proDetail .info .sResult .right {float:left; width:60%; padding:8px 0 0 0; text-align:right; font-size:18px;}
.proDetail .info .sResult .minus {width:30px; height:30px; background:url(/image/icon_minus.png) no-repeat center center #f6f6f6; margin:9px 0 0 0; border:1px solid #d7d7d7; display:inline-block;}
.proDetail .info .sResult .plus {width:30px; height:30px; background:url(/image/icon_plus.png) no-repeat center center #f6f6f6; margin:9px 0 0 0; border:1px solid #d7d7d7; display:inline-block;}
.proDetail .info .sResult input.num1 {width:44px; height:30px; margin:9px -5px 0 -5px; padding-left:0; border:1px solid #d3d3d3; border-radius:0px !important; text-align:center; vertical-align:top;}
.proDetail .info .sResult .del {position:absolute; right:10px; top:10px; width:15px; height:15px; background:url(/image/icon_x_b.png) no-repeat right top; background-size:10px;}

.proDetail .info .sTotal {padding:20px 0 0; display:flex;}
.proDetail .info .sTotal .total {width:30%; padding:5px 0 0 0; font-size:16px; color:#63636d;}
.proDetail .info .sTotal .price {width:70%; color:#dc3843; font-size:25px; font-weight:800; text-align:right;}
.proDetail .info .sTotal .won {color:#000; font-weight:500; font-size:13px; font-weight:500; letter-spacing:0; line-height:2.5; text-transform:uppercase; text-align:right; }
.proDetail .info .sBtn {width:100%; margin:15px 0 0 0; display:flex;}
.proDetail .info .sBtn .sBtnCart {width:49.5%; background:#fff; margin:0; padding:17px 0; text-align:center; font-size:16px; font-weight:600; letter-spacing:-0.9px; border:1px solid #d9d9d9;}
.proDetail .info .sBtn .sBtnBuy {width:49.5%; background:#dc3843; margin:0 0 0 1%; padding:17px 0; text-align:center; color:#fff; font-size:16px; font-weight:600; letter-spacing:-0.9px; font-weight:500; }
.proDetail .info .sBtn .sBtnBuy1 {width:100%; background:#dc3843; margin:0 0 0 0; padding:17px 0; text-align:center; color:#fff; font-size:16px; font-weight:600; letter-spacing:-0.9px; font-weight:500; }

@media screen and (max-width: 1200px) {
	.proDetail {width:95%;}
	.proDetail .info .number {margin:0 0 7px 0;}
	.proDetail .info .title {font-size:23px;}
	.proDetail .info .ment {font-size:12px;}
	.proDetail .info .sobi {padding:10px 0 0 0;}
	.proDetail .info .price {font-size:23px;}
	.proDetail .info .price .won {font-size:14px;}

	.proDetail .info .sInfo {margin:18px 0; font-size:13px;}

	.proDetail .info .sOption .tit {font-size:14px;}
	.proDetail .info .sOption select {height:35px; font-size:13px;}
	.proDetail .info .sResult {margin:7px 0 0 0; padding:7px 15px;}
	.proDetail .info .sResult .right {padding:0; font-size:16px;}
	.proDetail .info .sResult .minus {margin:0;}
	.proDetail .info .sResult .plus {margin:0;}
	.proDetail .info .sResult input.num1 {margin:0 -5px 0 -5px;}

	.proDetail .info .sTotal .total {font-size:14px;}
	.proDetail .info .sTotal .price {font-size:22px;}
	.proDetail .info .sTotal .won {font-size:12px;}
	
	.proDetail .info .sBtn {margin:5px 0 0 0;}
	.proDetail .info .sBtn .sBtnCart {padding:15px 0; font-size:14px;}
	.proDetail .info .sBtn .sBtnBuy {padding:15px 0; font-size:14px;}

	.proDetail .info .share {right:0px;}
}

@media screen and (max-width: 960px) {
	.proDetail {margin:25px auto; padding:35px 0;}
}

@media screen and (max-width: 860px) {
	.proDetail {padding:35px 0;}
	.proDetail .info .title {font-size:21px;}
	.proDetail .info .price {font-size:22px;}
	.proDetail .info .sBtn {margin:0;}
}

@media screen and (max-width: 720px) {
	.proDetail {}
	.proDetail {width:100%; margin:0 auto; padding:0;}
	.proDetail .pic {float:none; width:100%; margin:0 0 35px 0; text-align:center; }
	.proDetail .pic img {}
	.proDetail .info {float:none; width:95%; margin:0 auto;}
}

@media screen and (max-width: 510px) {
	.proDetail {}
	.proDetail .pic img {width:100%;}

	.proDetail .info .title {font-size:23px;}
	.proDetail .info .ment {font-size:12px;}
	.proDetail .info .sobi {padding:10px 0 0 0;}
	.proDetail .info .price {font-size:23px;}
	.proDetail .info .price .won {font-size:14px;}
}

.shopTab {width:100%; margin:80px 0 0 0;}
.shopTab ul {display:flex;}
.shopTab ul a {width:50%; background:#f6f6f6; padding:15px 0; text-align:center; color:#666; font-size:14px; border-right:1px solid #e4e4e4; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}
.shopTab ul a:first-child {border-left:1px solid #e4e4e4;}
.shopTab ul a.on {background:#fff; color:#000; border-top:2px solid #333; border-bottom:0;}

@media screen and (max-width: 1200px) {
	.shopTab ul a {padding:12px 0; font-size:13px;}
}


.detail_content_1_img {overflow: hidden; height: 1200px; position: relative; text-align:center; }
.detail_content_1_img.on {height: auto;}
.detail_content_1_img img {display: block; max-width:100%; width: auto; margin:0 auto;}
.detail_content_1_img .hideBg {width: 100%; height: 96px; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8) 66%, rgba(255, 255, 255, 0.94) 83%, rgba(255, 255, 255, 0.98) 91%, #ffffff); position: absolute; bottom: 0;}
.detail_content_1_img.on .hideBg {display: none;}
.detail_more {width: 300px; height: 64px; line-height: 64px; text-align: center; color:#fff; font-size:22px; font-weight:400; border-radius: 50px; background: #dc3843; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2); cursor:pointer; margin: 80px auto;}
.detail_more .show span {display: inline-block; width: 19px; height: 14px; background: url(/image/icon_down.png) no-repeat; margin-left: 7px;}
.detail_more.on .show {display: none;}
.detail_more .hide1 {display: none;}
.detail_more .hide1 span {display: inline-block; width: 19px; height: 14px; background: url(/image/icon_up.png) no-repeat; margin-left: 7px;}
.detail_more.on .hide1 {display: inline-block;}

@media only screen and (max-width: 1200px) {
	.detail_content_1_img img {max-width:100%; width:auto;}
}

@media only screen and (max-width: 960px) {
	.detail_more {width: 200px; height: 54px; line-height: 54px; font-size:16px;}
}


.proDetail .sangse {margin:80px 0 0 0; font-size:17px; font-family:"Noto Sans KR" !important;/*  text-align:center; */}
.proDetail .sangse img {max-width:100%;}
.proDetail .sangse pre {font-family:"Noto Sans KR" !important;}

.proDetail .delivery {width:95%; margin:40px auto; border-top:1px solid rgba(0,0,0,.2);}
.proDetail .delivery ul {padding:30px 0; border-bottom:1px dashed rgba(0,0,0,.3); overflow:hidden;}
.proDetail .delivery ul li {float:left; height:100%; }
.proDetail .delivery .tit {width:25%; margin:0 0 10px 0; padding:0 0 0 20px; font-size:16px; font-weight:500;}
.proDetail .delivery .content {width:75%; font-weight:300; line-height:1.6; letter-spacing:-0.2px; }
.proDetail .delivery .tit1 {font-weight:500;}


@media screen and (max-width: 768px) {
	.proDetail .delivery .tit {font-size:14px;}
	.proDetail .delivery .content {font-size:13px;}
}

@media screen and (max-width: 640px) {
	.proDetail .delivery {width:100%;}
	.proDetail .delivery ul li {float:none;}
	.proDetail .delivery .tit {width:100%; padding:0 0 0 0px; font-size:15px;}
	.proDetail .delivery .content {width:100%;}
}

.cartGo {width:360px; margin:0 auto; background:#fff; padding:20px 0 15px 0; border-radius:10px; text-align:center; box-shadow:0 5px 10px rgba(0,0,0,.1); }
.cartGo .cIcon {margin:5px 0;}
.cartGo .cCont1 {padding:0 0 7px 0; font-size:16px; font-weight:400;}
.cartGo .name {padding:15px 0; color:#000; font-size:13px; font-weight:600;}
.cartGo .btnCa {width:130px; padding:8px 0; font-size:14px; font-weight:400; border:1px solid rgba(0,0,0,.2);  display:inline-block; cursor:pointer;}
.cartGo .btnOk {width:130px; background:#dc3843; padding:9px 0; font-size:14px; font-weight:400; color:#fff;  display:inline-block; cursor:pointer;}