/*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:#dd3718; 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 {}
}



/*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: 320px; 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:#0d439d; 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/logo2.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) {
	.qucikWrap {width: 95%;}
	.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;}
}

@media screen and (max-width: 680px) {
	.subCenter {margin:15px auto;}
}


/* 상품리스트 */
/* .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 {position:fixed; width:250px; height:100%; left:-300px; top:0; background:#fff; padding:100px 4% 0 4%;}
	.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 li.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; font-weight:300;}
.subCate li.ly a.on {color:#1654bc;}

.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%; font-size:13px; 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) {
	
	
	.subCateM {display:block;}

}

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


.cateBox {width:100%; background:url(/image/pat.png) repeat-x left bottom; margin:0 0 15px 0; padding:0 0 15px 0; font-size:18px;}
.cateBox.none {background:none; padding:0;}
.cateBox .allTit {font-size:25px; font-weight:500; line-height:1.1;}
.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);}


/* LISTBOX */
	.listBox:first-child {
		margin: 30px 0 15px 0;
	}
	.listBox {
		position: relative;
		width: 100%;
		border-bottom: 2px solid rgba(0,0,0,.1);
		
		margin: 0 0 20px 0;
		padding: 20px 0 0 0;
	}
	.listBox:hover {
		border-bottom: 2px solid #ed666d;
		box-shadow: 0 11px 18px rgba(0, 0, 0, 0.03);
	}
	.listBox .w100 {width:100%;}
	.listBox ul {
		float: left;
	}
	.listBox ul.right {
		float: right;
		text-align: right;
	}
	.listBox ul li {padding:0;}

	.listBox.pad15 {padding:15px 0;}

	.listBox ul li.date2 {
		float: left;
		font-size: 16px;
		letter-spacing:0;
		font-weight:500;
	}
	.listBox ul li.name {
		float: left;
		font-size: 16px;
		font-weight: 500;
	}
	
	.listBox ul li.big {padding-left:10px; font-size:18px;}

	.listBox ul li .tit {
		font-size: 16px;
		padding: 0;
	}
	.listBox ul li .number {
		font-size: 22px;
		font-weight: 600;
	}

	.listBox ul li .small {font-size:15px;}
	.listBox .btnView {padding:8px 10px; border:1px solid rgba(0,0,0,.2); border-radius:5px; display:inline-block;}
	.listBox .btnView:hover {background:#ed666d; color:#fff; border:1px solid #ed666d;}

	.listBox .bottom1 {
		margin: 15px 0 0 0;
		background: rgba(0, 0, 0, 0.05);
		font-size: 13px;
		padding: 8px 30px;
		letter-spacing:0;
	}

@media screen and (max-width: 560px) {
	.listBox .bottom1 {font-size:12px; padding:7px 10px;}
	.listBox ul li .number {font-size:19px;}
	
}


/* LISTBOX end */



/* 마이오피스 메인 */
.officeWrap {width:100%; padding:10px 0 0 0; overflow:hidden; display:flex; flex-wrap:wrap; justify-content:space-between;}
.officeWrap ul {}
.officeWrap ul li {line-height:1.2;}
.officeWrap ul.w50 {float:left; width:50%; }
.officeWrap ul.w33 {float:left; width:33.3%; }
.officeWrap ul.w25 {float:left; width:25%; }
.ofName {font-size:13px;}
.ofNum {padding-bottom:17px; font-size:20px; font-weight:700;}


.ofBox01 {width:calc(100% - 40% - 180px); height:210px; background:url(/image/off01.jpg) no-repeat right bottom #31937f; background-size:auto 60%; padding:30px 4%; color:#fff; border-radius:7px;} 
.ofBox02 {width:calc(100% - 46% - 180px); height:210px; background:url(/image/off02.jpg) no-repeat; background-size:cover; padding:47px 2% 0 4%; color:#fff; border-radius:7px;}
.ofBox03 {width:180px; height:210px; border-radius:7px; overflow:hidden;}

@media screen and (max-width: 1200px) {
 	.ofBox01 {width:51%;}
	.ofBox02 {width:47%;}
	.ofBox03 {display:none;}
}

@media screen and (max-width: 980px) {
 	.ofBox01 {background-size:auto 80%;}
 	.ofName {font-size:12px;}
	.ofNum {font-size:17px;}
}

@media screen and (max-width: 840px) {
	.officeWrap {margin:0; padding:0;}
}

@media screen and (max-width: 720px) {
	.ofBox01 {width:100%; height:auto; background-size:auto 100%;}
	.ofBox02 {width:69%; height:160px; margin:20px 0 0 0; padding:37px 2% 0 4%;}
	.ofBox03 {width:28.5%; height:160px; margin:20px 0 0 0; display:block;}
}

@media screen and (max-width: 460px) {
	.ofBox02 {width:100%; height:auto; padding:35px 2% 15px 4%;}
	.ofBox03 {width:100%;}
}


/* 바로가기링크 */
.linkWrap {width:100%; height:210px; overflow:hidden; }
.linkWrap .link {float:left; width:205px; height:210px; margin:0; padding:35px 30px; border:0px solid #dedede; background-size:cover; box-shadow:0 10px 15px rgba(0,0,0,.02); overflow:hidden; cursor:pointer; outline:0;}
.linkWrap .name {color:#000; font-size:17px; font-weight:500; font-family:'gilroybold', 'Noto Sans KR'; letter-spacing:; line-height:1;}
.linkWrap .txt {color:#000; font-size:12px; font-weight:300; padding:0 0 10px 2px; letter-spacing:0.5px;}
.linkWrap .go {width:28px; height:28px; background:#000; margin:0 0 0 3px; color:#fff; font-size:10px; font-weight:600; text-align:center; line-height:28px; border-radius:50%; display:inline-block;}
.linkWrap .slick-prev, .linkWrap .slick-next {display:none !important;}

.linkWrap .autoplay {width:100%;}

.link01 {background:url(/image/icon001.jpg) no-repeat center;}
.link02 {background:url(/image/icon002.jpg) no-repeat center;}
.link03 {background:url(/image/icon003.jpg) no-repeat center;}
.link04 {background:url(/image/icon004.jpg) no-repeat center;}
.link05 {background:url(/image/icon005.jpg) no-repeat center;}
.link06 {background:url(/image/icon006.jpg) no-repeat center;}


@media screen and (max-width: 920px) {
 	.linkWrap {}
	.linkWrap .link { padding:30px 20px;} 
}

@media screen and (max-width: 720px) {
	.linkWrap {float:none; width:100%; height:160px; }
	.linkWrap .link {height:160px; }
	.linkWrap .autoplay {width:100%;}
}




@media screen and (max-width: 590px) {
	.linkWrap { }
	.linkWrap .name {font-size:14px; }
}


@media screen and (max-width: 460px) {
	.linkWrap {}
	.linkWrap .link {margin:0 5px; border-radius:5px;}
}

.ofBox04 {width:75%; height:210px; background:url(/image/off03.jpg) no-repeat right; background-size:cover; margin:35px 0 0 0; padding:40px 4%; border-radius:7px;}
.ofBox05 {width:23%; height:210px; background:url(/image/off04.jpg) no-repeat right; background-size:cover; margin:35px 0 0 0; padding:40px 3%; border-radius:7px;}
.ofBox06 {width:50%; margin:45px 0 0 0;}
.ofBox07 {width:45%; margin:45px 0 0 0;}

@media screen and (max-width: 960px) {
	.ofBox05 {text-align:right;}
}


@media screen and (max-width: 720px) {
	.ofBox04 {margin:20px 0 0 0;}
	.ofBox05 {margin:20px 0 0 0;}
}

@media all and (max-width:640px) {	
	.ofBox05 {width:100%; height:auto; background:url(/image/off04.jpg) no-repeat right #fafafa; background-size:auto 270%; margin:0; padding:25px 5% 10px 5%;}
	.ofBox05 ul {float:left; width:50%; text-align:left;}
}

@media screen and (max-width: 460px) {
	.ofBox04 {width:100%; height:auto; padding:25px 3% !important;}
	.ofBox06 {width:100%;}
	.ofBox07 {width:100%;}
}



.newsWrap {width:100%; }
.newsWrap .name {padding:0 0 10px 0; font-size:20px; font-weight:700; border-bottom:1px solid rgba(0,0,0,.1);}
.newsWrap ul li {float:left; padding:5px 0;}
.newsWrap .cont {margin:15px 0 0 0; overflow:hidden;}
.newsWrap .tit {width:74%; color:rgba(0,0,0,.9);}
.newsWrap .date {width:24%; color:rgba(0,0,0,.4); text-align:right;}

.inviteWrap {width:100%; height:140px; }
.inviteWrap .tit {padding:0 0 10px 0; font-size:20px; font-weight:700;}
.inviteWrap .click {background:#646a7c; padding:5px 10px; border-radius:50px; color:#fff; font-weight:500; font-size:10px; letter-spacing:0; display:inline-block;}
.inviteWrap .input {width:100%; height:40px; box-shadow:0 7px 10px rgba(0,0,0,.1); border-radius:20px; display:flex;}
.inviteWrap .input .left {width:80%;}
.inviteWrap .input input {width:100%; height:40px; background:#fff;  border-radius:20px 0 0 20px; border:0;}
.inviteWrap .input .copy {width:20%; height:40px; background:#646a7c; color:#fff; font-size:12px; line-height:40px; font-weight:600; text-align:center; letter-spacing:0;  border-radius:0 20px 20px 0; display:inline-block; cursor:pointer;}
.inviteWrap .input .copy:hover {background:#dc3843;}


.ceWrap {position:relative; width:100%; min-height:500px;}

@media all and (max-width:520px) {
	.ceWrap {overflow-x:scroll;} 
	.ceWrap table .table1 {width:620px;}
}

.paging span {margin:0 5px;}



.teamArea {padding:40px 2.5%;}
.teamArea .section {float:left; width:50%; padding:0 2%;}
.teamArea .detail {position:absolute; top:35px; right:28px; padding:3px 12px; font-size:10px; font-weight:600; border:1px solid #ccc; border-radius:50px; display:inline-block;}
.teamArea .tit {font-size:18px; font-weight:600;}
.teamArea .cir {height:20px; background:#646464; margin:-5px 0 0 5px; padding:0 8px; color:#fff; font-size:10px; line-height:20px; border-radius:10px; display:inline-block;}
.teamArea .cont {background:rgba(0,0,0,.05); padding:15px; font-size:13px; overflow:hidden;}
.teamArea .cont .th {float:left; width:60%; padding:3px 0; line-height:1.1;}
.teamArea .cont .td {float:right; width:40%; padding:3px 0; text-align:right; font-weight:600; color:#000; line-height:1.1;}
.vSpace20 {clear:both; padding:10px; display:none;}

/* @media all and (max-width:1300px) {
	.teamArea {padding:40px 28px;}
	.teamArea .detail {top:30px;}
	.teamArea .tit {font-size:17px;}
	.teamArea .cont {padding:15px 22px; font-size:13px;}
} */

/* @media all and (max-width:1150px) {
	.teamArea {padding:30px 22px;}
	.teamArea .detail {right:22px;}
	.teamArea .cont {padding:15px;}
} */


/* @media all and (max-width:768px) {
	.teamArea {width:100%; margin:20px 0 50px 0;}
} */

@media all and (max-width:640px) {
	.teamArea {width:100%; margin:20px 0;}
}

@media all and (max-width:410px) {
	.teamArea .section {float:none; width:100%;}
	.teamArea .section:last-child {margin:15px 0 0 0;}
}




/* bTable */
.bTable {padding: 0;}

.bTableSelect {	width: calc(100% - 20px);	background: none;	border: none;}

.bTable90 {	margin: 90px 0 0 0 !important;}
.bTable .w50L {	float: left;	width: 49%;}
.bTable .w50R {	float: right;	width: 49%;}
.bTable .th {padding: 20px 0 3px 0;	font-size: 14px; line-height:1.5;	font-weight: 500;	text-transform: uppercase;}
.bTable .td {position: relative;height: 50px;	background: #f8f8f8; line-height:50px;	font-size: 14px; text-indent: 10px; border:2px solid transparent; border-radius:5px;}
.bTable .td:hover {border:2px solid #0d439d; transition:ease 1s;}
.bTable .td.phone {display: flex;}
.bTable .td.phone input {padding-left: 10px;}

.bTable .read {background: #e9e9e9;}
.bTable .td.basic {background: #e9e9e9;}
/* .bTable .td input:read-only {background: #e9e9e9;} */
.bTable .td.input select.table {width: 98%; margin-left: -5px;}



.bTable .td .btn {
	position: absolute;
	top: -2px;
	right: -2px;
	width: 150px;
	height: 100%;
	padding: 13px 0;
	background: #151e6b;
	border: 0;
	font-size: 13px;
	color: #fff;
	font-weight: 500;
	text-transform: uppercase;
	text-indent: 0;
}

.bTable input {
	width: 90%;
	background: transparent;
	border: 0;
	height: 50px;
	text-indent: 0;
	padding: 0;
	font-size: 14px;
	color: #373737;
	outline:0
}
.btnS {
	position: absolute;
	top: -2px;
	right: -2px;
	width: 20%;
	height: 50px;
	background: #0d439d;
	border-radius:0 5px 5px 0;
	color: #fff;
	font-size: 13px;
	font-weight: 500;
	text-indent: 0;
	line-height: 50px;
	text-align: center;
}
.btnS:hover {background: #0d439d; transition:ease 0.2s;}


@media screen and (max-width: 1000px) {
	.bTable .th {font-size:13px;}
	.bTable .td {height:40px; font-size:13px;  line-height:40px;}

	.bTable .td .btn {height:40px; font-size:12px;}
	.bTable input {height:40px; font-size: 13px;}
	.btnS {height:40px; font-size: 12px; line-height:40px; letter-spacing:0;}
}

@media screen and (max-width: 520px) {
	.bTable .w50L {	float:none;	width:100%;}
	.bTable .w50R {	float:none;	width:100%;}
}


.bTable .td.inputRadio {	background: #fff; display: flex;	justify-content: center;	flex-wrap: wrap;	border: 1px solid #ebebeb;	height: auto;	padding: 10px 0;}
.bTable .inputRadioBtn {	display: inline-block;	width: 20%;	min-width: 120px;	text-align: center;	font-size: 18px;	font-weight: 500;}
.bTable .inputRadioBtn input {	width: 16px;	vertical-align: bottom;	margin: 0 10px 0 0;	background: #fff;}
.bTable .guide {	font-size: 13px;	color: #0d439d;	font-weight: 500;}
.bTable .star {color: #ff6567;    font-size: 9px;}
.bTable .dd-container {	width: 100%;}
.bTable .dd-select {	margin: 0;}
.bTable .dd-options {	height: 250px;}
.bTable .dd-options li {	font-weight: 300;	padding: 0 10px;}
.bTable .dd-selected-image {	margin: 10px 0 10px 10px;}
.bTable .dd-selected-text {	line-height: 3 !important;}
.bTable .dd-pointer-down {	border-top: 5px solid rgba(0, 0, 0, 0.5);}
.bTable .dd-pointer-up {	border-bottom: 5px solid rgba(0, 0, 0, 0.5) !important;}

.bTable .bWrap {	clear: both;	margin: 40px 0 0 0;	text-align: center;}

.bTable .bWrap .bOk,
.bTable .bWrap .bCa {	width: 150px;	padding: 17px 0;	background: #414141;	border: 0;	font-size: 14px; color: #fff;  font-family:"Metropolis-Bold";	border-radius:5px; letter-spacing:0; text-shadow:0 0 3px rgba(0,0,0,.2);	text-transform: uppercase;	display: inline-block;}
.bTable .bWrap .bOk {	background: #0d439d;	margin-right: 5px;}
.bTable .bWrap .bOk:hover, .bTable .bWrap .bCa:hover {box-shadow:0 5px 10px rgba(0,0,0,.1); transition:ease 0.5s;}
.nTotal {margin:0 0 15px 0; border:1px solid rgba(0,0,0,.1); padding:15px 20px; text-align: right; border-radius:5px; letter-spacing:0;}
.nTotal .strong {font-weight:600; letter-spacing:0;}

.bTable .td.input .table {   border: none;    background: none;    height: 100%;    /* margin: 0 10px; */}
.bTable .cap {color:rgba(0,0,0,.6);}

.radio_b {    width: 15px !important;    height: 15px !important;    display: inline-block;    vertical-align: middle;}

@media screen and (max-width: 1000px) {
	.bTable .bWrap .bOk, .bTable .bWrap .bCa {padding:13px 0; font-size:13px;}
	.bTable .cap {color:rgba(0,0,0,.6); font-size:12px;}
}


/* tabMenu */
.tabMenu {width:100%; margin:0 0 40px 0; }
.tabMenu > ul {display:flex; justify-content:space-between; align-content:space-between; text-align:center;}
.tabMenu > ul > li {padding:15px 0; color:#9c9c9c; font-weight:400; border:1px solid #ddd; border-radius:5px; box-shadow:0 5px 5px rgba(0,0,0,.02); cursor:pointer;}
.tabMenu > ul a {margin:0 5px 0 0;}
.tabMenu > ul a:last-child {margin:0;}
.tabMenu > ul li.on {background:#0d439d; font-size:15px; font-weight:600; color:#fff; border:1px solid #0d439d; text-shadow:0 0 3px rgba(0,0,0,.4); box-shadow:0 10px 10px rgba(0,0,0,.05);}
.tabMenu a {display:block; width:100%; height:100%;}
.tabMenu .w02 {width:calc(50% - 5px);}
.tabMenu .w03 {width:calc(33.3% - 5px);}


@media screen and (max-width: 1200px) {
	.tabMenu > ul > li {padding:12px 0; font-size:13px;}
	.tabMenu > ul > li.on {font-size:13px;}
}

@media screen and (max-width: 768px) {
	.tabMenu > ul > li {padding:12px 0; font-size:12px;}
	.tabMenu > ul > li.on {font-size:12px;}
	.tabMenu ul a {margin:0 2px 0 0;}
	.w02 {width:calc(50% - 2px);}
	.w03 {width:calc(33.3% - 2px);}
}

@media screen and (max-width: 560px) {
	.tabMenu > ul > li {padding:10px 0; font-size:11px;}
	.tabMenu > ul > li.on {font-size:11px;}
}


/* nSEARCH */
	.nSearch {
		background: #f8f8f8;
		border-radius:5px;
		border: 1px solid rgba(0,0,0,.1); 
		margin: 15px 0 10px 0;
		padding: 20px;
		font-size: 14px;
		overflow: hidden;
		display: flex;
		align-items: center;
	}
	.nSearch .intxt01 {height:28px; border:1px solid rgba(0,0,0,.1);}
	.nSearchFlex {
		justify-content: space-between;
	}
	.nSearch label {
		margin-right: 5px;
	}
	.nSearch label span {
		vertical-align: inherit;
	}
	.nSearch input {
		width: 100px;
		height: 33px;
		font-size: 12px;
	}
	.nSearch .input_date {
		margin-left: 10px;
	}
	.nSearch .nRight > li {
		/* margin-top: 10px; */
	}
	.nSearch .bBlack {
		height: 33px;
		background: #333;
		padding: 0 10px;
		color: #fff;
		font-size: 11px;
		font-weight: 500;
		line-height: 33px;
		display: inline-block;
		text-transform: uppercase;
	}
	.nSearch .bBlackOk {
		border: 0;
		background: #0d439d;
	}
	.nSearch .strong {
		font-size: 17px;
		font-weight: 500;
	}

@media all and (max-width: 560px){
	.nSearch {padding:10px;}
}

@media all and (max-width: 400px){
	.nSearch .nRight > li {margin:0;}
	.nSearch .bBlack {padding:0 5px; font-size:9px;}
}

/* nSEARCH end */


/* LISTBOX */
	.listBox:first-child {
		margin: 30px 0 15px 0;
	}
	.listBox {
		position: relative;
		width: 100%;
		border-bottom: 2px solid rgba(0,0,0,.1);
		
		margin: 0 0 20px 0;
		padding: 20px 0 0 0;
	}
	.listBox:hover {
		border-bottom: 2px solid #0d439d;
		box-shadow: 0 11px 18px rgba(0, 0, 0, 0.03);
	}
	.listBox ul {
		float: left;
	}
	.listBox ul.right {
		float: right;
		text-align: right;
	}
	.listBox ul li.date1 {
		float: left;
		padding: 17px 20px 0 0;
		font-size: 15px;
		letter-spacing:0;
	}
	.listBox ul li.name {
		float: left;
		padding: 11px 0 0 0;
		font-size: 22px;
		font-weight: 500;
	}
	.listBox ul li .tit {
		font-size: 15px;
		padding: 0;
	}
	.listBox ul li .number {
		font-size: 25px;
		font-weight: 600;
	}

	.listBox ul li .small {font-size:15px;}

	.listBox .bottom {
		margin: 15px 0 0 0;
		background: rgba(0, 0, 0, 0.05);
		font-size: 13px;
		padding: 8px 30px;
		letter-spacing:0;
	}

@media all and (max-width: 560px){
	.listBox {padding:0;}
	.listBox ul li.date1 {float:none; padding:0; font-size:13px;}
	.listBox ul li.name {float:none; padding:0; font-size:17px;}
	.listBox ul li .number {font-size:20px;}
	.listBox .bottom {padding:8px; font-size:12px;}
}

@media all and (max-width: 460px){
	.listBox ul li.date1 {font-size:13px;}
	.listBox ul li.name {font-size:15px;}
	.listBox ul li .number {font-size:17px;}
}

/* LISTBOX end */


/* 구매하기 */
.sec {width:100%; margin:40px 0 0 0;}
.sec2 {width:100%; margin:20px 0 0 0; padding:20px; border:1px solid rgba(0,0,0,.1); border-radius:5px;}
.sec2 .purTit {font-size:14px; font-weight:400; overflow:hidden; }
.selWrap {width:100%; display:flex; flex-wrap:wrap; /* justify-content:space-between; */}
.pTitle {font-size:15px; font-weight:500;}
.pPrice {font-size:16px; font-weight:600;}
.pPv {font-size:13px; font-weight:500;}
.pComent {margin:15px 0 30px 0; background:#fdfdfd; padding:15px 5%; font-size:13px; text-align:center; border-radius:8px; border:1px solid #e0e0e0;}

.pSel {position:relative; width:24%; height:275px; margin:0 0 0 1.33%; padding:10px 0 0 0; text-align:center; border:1px solid #e0e0e0; border-radius:10px; overflow:hidden;}
.pSel:first-child {margin:0;}
.pSel .pic1 {margin:0 auto 10px; }
.pSel .pic1 img {width:90%; height:auto;}
.pSel .number {font-size:18px; font-weight:600;}
.pSel .mzs {font-size:13px; font-weight:400;}
.pSel .btnAdd {position:absolute; bottom:0; left:0; width:100%; background:#ffc446; padding:12px 0; font-weight:600; font-size:13px; color:#000; display:inline-block; cursor:pointer;}

.totalWrap {width:100%; display:flex; flex-wrap:wrap; justify-content:space-between;} 

.basket {position:relative; width:24%; height:210px; border:1px solid #e0e0e0; border-radius:10px; overflow:hidden;}
.basket .ment {position:absolute; top:50%; width:100%; transform:translateY(-50%); color:rgba(0,0,0,.4); text-align:center;}

.totalLBox {position:relative; background:#fff; padding:10px 0; text-align:center;   }
.totalLBox .iconX {position:absolute; top:15px; right:15px; width:25px; height:25px; background:url(/image/icon_x.png) no-repeat center; background-size:9px; border:1px solid rgba(0,0,0,.3); border-radius:50%; cursor:pointer;}
.totalLBox .iconX:hover {background:url(/image/icon_x.png) no-repeat center #ffc446; background-size:9px; border:1px solid #ffc446;}
.totalLBox .pic3 {margin:0 auto 10px;}
.totalLBox .pic3 img {width:70%; height:auto;}
.totalLBox .number {font-size:15px; font-weight:600; line-height:1;}
.totalLBox .mzs {font-size:12px; font-weight:500;}

.myPoint {width:100%; margin:0 0 25px 0; padding:25px 0; font-size:16px; font-weight:300; border:1px solid #e0e0e0; border-radius:10px; overflow:hidden;}
.myPoint ul li {float:left; width:50%; text-align:center; }
.myPoint ul li:first-child {border-right:1px dashed rgba(0,0,0,.2)}
.myPoint ul li strong {font-size:18px; }

.totalR1 {width:74.5%; height:210px; padding:45px 7% 0 7%; text-align:right; line-height:1.2; font-size:22px; font-weight:600; border:1px solid #e0e0e0; border-radius:10px; overflow:hidden;}
.totalR1 .bar {width:100%; height:1px; background:#d6d6d6; margin:20px 0;}
.totalR1 .point {font-weight:300; font-size:16px;}
.totalR1 .amountP:before {content:'-'; width:20px; height:1px; padding-right:100px;}
.totalR1 .totalP {font-size:25px;}

.chkCenter {width:100%; background:rgba(0,0,0,.02); margin:20px auto; padding:20px; border-radius:5px; border:1px solid rgba(0,0,0,.1); overflow:hidden;}
.chkCenter .checkbox {float:left; width:50%; text-align:center;}
input.custom {width:25px; height:25px; border:5px solid #c0c0c0; width:25px; height:25px; outline-width:5px; outline-color:#c0c0c0; accent-color:#0d439d;}
.checkbox1 {float:right;}

@media all and (max-width: 860px){
	.pComent {font-size:12px;}
	.pSel {height:230px;}
	.pSel img {width:120px;}
	.pSel .number {font-size:17px;}
	.pSel .mzs {font-size:13px;}
	.pSel .btnAdd {font-size:12px;}
	
	.basket {height:170px;}
	
	.totalLBox .iconX {top:8px; right:8px; width:20px; height:20px;}
	.totalLBox .pic img {width:110px;}
	.totalLBox .number {font-size:17px;}
	.totalLBox .mzs {font-size:13px;}

	.totalR1 {height:170px; padding:35px 5% 0 5%; font-size:18px;}
	.totalR1 .bar {margin:15px 0;}
	.totalR1 .point {font-size:15px;}
	.totalR1 .totalP {font-size:21px;}
}

@media all and (max-width: 680px){
	.pSel {width:48.5%; margin:0 0 15px 3%;}
	.pSel:first-child {margin:0 0 15px 0;} 
	.pSel:nth-child(3) {margin:0 0 15px 0;} 
	.basket {width:35%;}
	.basket .ment {font-size:12px;}

	.myPoint {font-size:15px;}
	.myPoint ul li strong {font-size:17px; }
	.totalR1 {width:63%;}
}

@media all and (max-width: 420px){
	.basket {width:100%; height:120px; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; border-top:1px solid #e0e0e0; border-bottom:2px dashed #e0e0e0; border-radius:10px 10px 0 0;}

	.totalLBox {padding:20px 8%; overflow:hidden;}
	.totalLBox .pic {float:left; margin:0;}
	.totalLBox .pd20 {padding-top:20px;}

	.myPoint {font-size:13px;}
	.myPoint ul li strong {font-size:15px; }
	.totalR1 {width:100%; border-top:0; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; border-radius:0 0 10px 10px;}	
}

/* NOTICE */
	.noticeList {
		width: 100%;
		overflow: hidden;
	}
	.noticeList ul {
		float: left;
		height: 93px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.2);
		overflow: hidden;
	}
	.noticeList ul.faq {
		float: left;
		height: 75px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.5);
		overflow: hidden;
	}
	.noticeList ul.num {
		width: 12%;
		padding: 25px 0;
		font-size: 35px;
		font-weight: 600;
		color: #2c65c4;
		text-align: center;
	}
	.noticeList ul.num1 {
		width: 12%;
		padding: 15px 0;
		font-size: 33px;
		font-weight: 600;
		text-align: center;
		color: #2c65c4;
	}
	.noticeList ul.name {
		width: 76%;
		padding: 25px 0;
		font-size: 16px;
		font-weight: 400;
		color: #000;
	}
	.noticeList ul.name1 {
		width: 88%;
		padding: 25px 0;
		font-size: 16px;
		font-weight: 400;
		color: #000;
		cursor: pointer;
	}
	.noticeList ul .date {
		padding: 7px 0 0 0;
		font-size: 13px;
		color: rgba(0, 0, 0, 0.8);
		font-weight: 300;
		letter-spacing: 0;
	}
	.noticeList ul.down {
		width: 12%;
	}
	.noticeList .iconDown {
		width: 40px;
		height: 40px;
		margin: 35px 0 0 35%;
		background: url(/admin/image/icon_down.png) no-repeat center center;
		display: inline-block;
		cursor: pointer;
	}

	.noticeList .content {
		clear: both;
		width: 100%;
		background: rgba(0,0,0,.03);
		padding: 30px 8%;
		border-bottom: 1px solid #2c65c4;
		font-size: 14px;
		line-height: 1.5;
	}
	.noticeList .content1 {
		position: relative;
		clear: both;
		width: 100%;
		background: rgba(0, 0, 0, 0.2);
		padding: 30px 8% 30px 12%;
		border-bottom: 1px solid rgba(96, 68, 215, 0.5);
		font-size: 14px;
		line-height: 1.5;
		display: none;
	}
	.noticeList .content1 .aFont {
		position: absolute;
		top: 25px;
		left: 5%;
		font-size: 33px;
		font-weight: 600;
		color: #2c65c4;
	}

	.btnWrap {
		width: 100%;
		margin: -20px 0 30px 0;
		text-align: right;
		overflow: hidden;
	}
	.btnWrap .btnYY {
		padding: 7px 15px;
		background: #2c65c4;
		color: #fff;
		font-weight: 500;
		border-radius: 3px;
		display: inline-block;
	}
	.btnWrap .btnYY1 {
		padding: 7px 15px;
		background: #fff;
		color: #000;
		font-weight: 500;
		border-radius: 3px;
		display: inline-block;
	}

	.noticeList .cont {
		padding: 50px 50px 80px 80px;
		background: rgba(0, 0, 0, 0.01);
	}
	.noticeList .cont .left {
		float: left;
		width: 90%;
	}
	.noticeList .cont .right {
		float: left;
		width: 10%;
	}
	.noticeList .cont .title {
		font-size: 18px;
		color: #2c65c4;
		font-weight: 500;
	}
	.noticeList .cont .date {
		font-size: 14px;
		color: rgba(0, 0, 0, 0.5);
	}
	.noticeList .cont .down {
		background: url(/admin/image/icon_down.png) no-repeat center left;
		color: #000;
		font-size: 15px;
		font-weight: 600;
		padding: 0 0 0 30px;
	}
/* NOTICE end*/



/* 모바일메뉴 */
.mNav {position:fixed; top:0; left:-420px; width:100%; max-width:320px; height:100%; background:#eee; overflow-y:auto; z-index:11;}
.mNav .close1 {position:absolute; top:27px; right:27px; width:30px; height:30px; background:url(/image/licon_x.png) no-repeat center center; background-size:60% auto; cursor:pointer;}
.mNav .mTop {width:100%; height:165px; background:#222; padding:20px 0 0 0; color:#fff;}
.mNav .mName {float:left; margin:0 0 23px 27px; background:url(/image/licon00.png) no-repeat center left; padding:5px 0 5px 50px; font-size:17px; font-weight:500; }
.mNav .mName .nim {font-size:13px; font-weight:500;}
.mNav .mName .my {font-size:13px; color:rgba(255,255,255,.5); font-weight:500; line-height:1.1; display:block;}
.mNav .mLang {float:right; margin:8px 75px 0 0; position:relative; width:70px; height:30px; background:url(/image/lang_a.png) no-repeat 82% center #434343; line-height:30px; padding:0 15px; border-radius:15px; font-size:12px;}
.mNav .mLang .mOption {display:none; position:absolute; top:20px; left:0; width:100%; background:#434343; line-height:1.3; padding:10px 15px 10px 15px; border-radius:0 0 15px 15px;}
.mNav .mLang:hover .mOption {display:block;}
.mNav .logout {margin:5px 0 0 5px; width:20px; height:20px; background:url(/image/licon_x.png) no-repeat center center rgba(255,255,255,.2); background-size:8px auto; border-radius:50px; display:inline-block;}

.mNav .mQuick {clear:both; width:100%; height:77px; border-top:1px solid rgba(255,255,255,.1); overflow:hidden;}
.mNav .mQuick > ul > a {float:left; width:25%; height:77px; border-left:1px solid rgba(255,255,255,.1); padding:50px 0 0 0; text-align:center; font-size:12px; background-size:33px auto;}
.mNav .mQuick > ul > li:first-child {border-left:0;}


.leIcon01 {background:url(/image/licon01_1.png) no-repeat center 13px;}
.leIcon02 {background:url(/image/licon02.png) no-repeat center 13px;}
.leIcon03 {background:url(/image/licon03.png) no-repeat center 13px;}
.leIcon04 {background:url(/image/licon04.png) no-repeat center 13px;}

.mNav .dep1_menu {position:relative; width:100%; margin:10px 0; border-bottom:1px solid #c8c8c8; }
.dep1_menu > li {float:left; width:50%; height:45px; background:#fff; border-left:1px solid #f6f6f6; border-top:1px solid #f6f6f6; text-align:center}

.dep1_menu > li > a {display:inline-block; height:45px; font-size:11px; letter-spacing:-1px; color:#687083}
.dep1_menu > li > a.on {background-color:#4b6cb3; border-color:#4b6cb3; }
.dep1_menu > li.on > a {color:#fff}
.dep1_menu > li:hover .depth2 {display:block}
.dep1_menu > li:hover .depth2:after {position:relative; display:block; content:''; height:auto; width:200%; background:#d8dde7; bottom:0; left:0} 
.dep1_menu .depth2 {overflow:hidden; display:none; width:100%;  background-color:#eef1f6; z-index:3;}
.dep1_menu .depth2 li {float:left;width:50%;height:40px;border-bottom:1px solid #e5e8ee;border-right:1px solid #e5e8ee;box-sizing:border-box;-webkit-box-sizing:border-box}
.dep1_menu .depth2 li:nth-child(even) {border-right:none}
.dep1_menu .depth2 li a {display:block;height:40px;padding-left:12px;line-height:41px;font-size:12px;font-weight:normal;color:#959eae;text-align:left}

.depth_menu {margin:15px 0 0 0; border-top:1px solid #e5e8ee; border-bottom:1px solid #c8c8c8; overflow:hidden;}
.depth_menu > li.dMenu {width:100%; height:47px; background:#fff; padding:0 5% 0 10%; font-size:15px; font-weight:500; line-height:47px; border-left:1px solid #eee; border-bottom:1px solid #eee;}
.depth_menu > li.dMenu.on {font-weight:600;}
.mgmg {margin-top:-47px !important;}
.depth_menu .title {padding:15px 25px !important; line-height:1.4 !important;}

.depth2 {display:none; width:100%; background:#fff; border:10px solid #eee; padding:15px; overflow:hidden;}
.depth2 > dd {float:left; width:50%; padding:0 10px; font-size:14px; line-height:1.7;}

.mNav .mTitle {width:100%; background:#fff; margin:15px 0 0 0; padding:17px 0 5px 25px; font-size:16px; font-weight:600; }
.goMall {width:100%; max-width:420px; background:#fff; padding:0 10px 30px 10px; overflow-x:scroll; border-bottom:1px solid #c8c8c8;}
.goMall .mall {float:left; width:90px; height:105px; margin:0 10px; padding:95px 0 0 0; font-size:13px; text-align:center;}
.goMall .mallWrap {width:770px;}


.m01 {background:url(/image/mall01_01.png) no-repeat center top; background-size:100% auto;}
.m02 {background:url(/image/mall02.png) no-repeat center top; background-size:100% auto;}
.m03 {background:url(/image/mall03.png) no-repeat center top; background-size:100% auto;}
.m04 {background:url(/image/mall04.png) no-repeat center top; background-size:100% auto;}
.m05 {background:url(/image/mall05.png) no-repeat center top; background-size:100% auto;}
.m06 {background:url(/image/mall06.png) no-repeat center top; background-size:100% auto;}
.m07 {background:url(/image/mall07_2.png) no-repeat center top; background-size:100% auto;}


.mNotice {margin:15px 0 0 0; background:#fff; padding:15px 25px; font-size:13px; border-bottom:1px solid #c8c8c8;}
.mNotice .tit {font-size:15px; font-weight:500; margin:0 10px 0 0;}
.mNotice .date {color:#828282; font-size:12px; margin:0 10px 0 0;}


/* 하단메뉴 */
.fixMenu {display:none; z-index:10;}

@media screen and (max-width: 640px) {
	.fixMenu {position:fixed; bottom:0; width:100%; height:56px; background:#fff; border-top:1px solid rgba(0,0,0,.1); box-shadow:0 0 20px rgba(0,0,0,.06); display:block; z-index:3;}
	.fixMenu ul {width:95%; height:100%; margin:0 auto;}
	.fixMenu ul li {float:left; width:20%; height:100%; background-size:25px auto;}
	.fixMenu ul li p {padding:35px 0 0 0; font-size:12px; font-weight:600; text-align:center;}
	.fixMenu ul li.home {position:relative;}
	.fIcon01 {background:url(/image/ficon01.png) no-repeat center 7px;}
	.fIcon02 {background:url(/image/ficon02.png) no-repeat center 7px;}
	.fIcon03 {background:url(/image/ficon03.png) no-repeat center 7px;}
	.fIcon04 {background:url(/image/ficon04.png) no-repeat center 7px;}

	.fixMenu .cir {position:absolute; top:-15px; left:50%; margin-left:-30px; width:60px; height:60px; background-size:60% auto; border-radius:50%; border:1px solid rgba(0,0,0,.1); box-shadow:0 7px 10px rgba(0,0,0,.1); }
	.fcIcon01 {background:url(/image/shop.png) no-repeat center center #fff; }
}


.gray_list {width:100%; font-family: 'NerisSemiBold', "Noto Sans KR";}
.gray_list input,
.gray_list select {border: 1px solid #ccc; border-radius: 0.35em; font-family: 'NerisSemiBold', "Noto Sans KR";}
.gray_list table {border-top:1px solid #696969; width:100%;}
.gray_list table th {background:#fcfcfc; border-bottom:1px solid #e0e0e0; height:40px; font-size:11px; font-weight:400;}
.gray_list table td {border-bottom:1px solid #e0e0e0; height:40px; /* background:#fff; */ text-align:center; font-size:12px; padding:10px 0; }
.gray_list table td img.pro {width:100px; height:100px;}
.gray_list table td div.numCheck img.plus {width:auto; height:100%;}
.gray_list table td em {font-weight:bold; color:#000; font-family:tahoma; font-style:normal; font-size:15px;}
.gray_list table td.tleft {text-align:left; padding-left:20px; color: #333;}
.gray_list table td.tleft #disp_pet_img{ width: 50px; }
.gray_list table td em.list_comment_new {color: #0085D5; background: #fff; font-weight: bold; border: 1px solid #e5e5e5; padding: 0 4px; border-radius: 9px; min-width: 9px; text-align: center; font-style: normal; line-height: 17px; background: white; display: inline-block; margin-top: -2px; font-family: "Arial",sans-serif; font-size: 11px;}

.gray_list table td img.gal {min-width:100%; max-width:100%; width:auto;}


.searchWrap {float:right; margin:0 0 15px 0; overflow:hidden; height:25px; }
.searchWrap > ul {overflow:hidden; float:right;}
.searchWrap > ul > li {float:left;}
input.search {height:24px; background:rgba(0,0,0,.02); border:1px solid #e8e8e8; width:90px;}
select.search {height:24px; font-size:11px;}
.btnSearch {width:24px; height:24px; background:url(/image/userNav1.png) no-repeat top/100%; display:inline-block; font-size:0px; border:none; cursor:pointer; }


@media only screen and (min-width: 768px) {
	.gray_list table th {font-size:14px;}
	.gray_list table td:first-of-type {font-size:14px;}
	.gray_list table td:last-of-type:not('.right') {font-size:12px;}

	.black_list table th {height:40px; font-size:12px; padding:0; }
	.black_list table td {height:40px;border-bottom:1px solid #e2e2e2;text-align:center;border-right:1px solid #e2e2e2; background:#fff; font-size:14px;}

	.tTit {font-size:28px; letter-spacing:0; }
    .searchWrap {float:right; margin:0 0 15px 0; overflow:hidden; height:34px; }
    .searchWrap > ul {overflow:hidden; float:right;}
	.searchWrap > ul > li {float:left;}
	input.search {height:34px; width:200px;}
	select.search {height:34px;}
	.btnSearch {width:30px; height:30px; background:url(/image/userNav1.png) no-repeat top/100%; display:inline-block; font-size:0px; border:none;}
}




/* 주문결제 */
.trans_list {width:100%; font-family: 'NerisSemiBold', "Noto Sans KR";}
.trans_list table {border-top:2px solid #24221f; width:100%;}
.trans_list table th {width:16.6%; background:url(/image/icon_check.gif) no-repeat 10px center #fcfcfc; border-bottom:1px solid #e0e0e0; border-right:0px dotted #e0e0e0; height:40px; font-size:13px; color:#333; text-align:left; padding-left:25px; font-weight:400;}
.trans_list table td {border-bottom:1px solid #e0e0e0;height:40px; text-align:left; font-size:14px; color:#333; padding:10px 10px 10px 20px;}

.transBox {border:3px solid #24221f; color:#333; padding:27px; margin:56px 0 0 0;}
.transBox ul {overflow:hidden; border-bottom:1px solid #e2e2e2; }
.transBox ul li {float:left; padding:15px 10px; font-size:14px;}
.transBox ul li.th {width:30%; font-weight:400; }
.transBox ul li.td {width:70%; text-align:right;}
.transBox ul li.td .money {font-family:'NerisSemiBold', "Noto Sans KR"; font-weight:500; color:#000; font-size:23px !important;}
.transBox ul li.td .moneyRed {font-family:'NerisBlack', "Noto Sans KR"; font-weight:700; color:#0d439d; font-size:30px !important;}
.transBox ul.gray {background:#f5f5f5;}
.transBox ul.gray li.th {font-weight:normal; font-size:13px; text-indent:10px; padding:7px 15px;}
.transBox ul.gray li.td {font-weight:normal; font-size:13px; padding:7px 15px;}
.transBox ul.boldBor {border-bottom:3px solid #24221f;}
.borNone {border:none !important;}

.tSub {font-weight: 500; font-size:12px; color:#000;}

@media only screen and (min-width: 500px) {
	.trans_list table th {background:url(/image/icon_check.gif) no-repeat 20px center #fcfcfc; font-size:16px; padding-left:35px;}
}

/* 로그인 */
#loginTop {width:100%; height:260px; background:rgba(0,0,0,.0); position:absolute; z-index:-1;}
.loginTit {font-size:25px; font-weight:bold; font-family:malgun gothic; color:#3b404d; /* text-shadow:0px 1px 5px rgba(0,0,0,.5); */ text-align:center; letter-spacing:7px; margin:48px 0 0 0;}
.nanumS {letter-spacing:0 !important; font-family:nanumsquare !important;}
.loginCont {width:90%; margin:110px auto 70px auto; background:#fff; padding:0.5%; border:0px solid rgba(0,0,0,.02); }

.loginWrap {width:100%; margin:15px auto; overflow:hidden;}
.loginWrap > ul {float:left; }
.loginWrap > ul.login {width:100%;}
.loginWrap > ul.login input {width:100%; height:45px; border:1px solid #eaeaea; padding-left:50px; font-size:14px;}
.loginWrap > ul.login input {width:100%; height:45px; border:1px solid #eaeaea; padding-left:50px; font-size:14px;}
.loginWrap > ul.login input.phone {width:25%; height:45px; border:1px solid #eaeaea; padding-left:5px; font-size:14px; background:#fafafa;}
.loginWrap > ul.login select {width:42.5%; height:45px; border:1px solid #eaeaea; padding-left:50px; top:-2px !important; font-size:14px; background:url(/image/icon_hp.png) no-repeat 15px center #fafafa;}

.loginWrap > ul.login1 {width:100%;}
.loginWrap > ul.login1 input {width:100%; height:45px; border:1px solid #eaeaea; padding-left:50px; font-size:14px;}
.loginWrap > ul.login1 input.phone {width:25%; height:45px; border:1px solid #eaeaea; padding-left:5px; font-size:14px; background:#fafafa;}
.loginWrap > ul.login1 input.num1 {width:50%; height:45px; border:1px solid #eaeaea; padding-left:50px; font-size:14px;}
.loginWrap > ul.login1 select {width:42.5%; height:45px; border:1px solid #eaeaea; padding-left:50px; top:-2px !important; font-size:14px; background:url(/image/icon_hp.png) no-repeat 15px center #fafafa;}


.iconID {background:url(/image/icon_id.png) no-repeat 15px center #fafafa;}
.iconPW {background:url(/image/icon_pass.png) no-repeat 15px center #fafafa;}
.iconHP {background:url(/image/icon_hp.png) no-repeat 15px center #fafafa;}

.loginWrap > ul.btn {width:100%;}
.loginWrap .btnLogin {width:100%; height:50px; background:#0d439d; text-align:center; line-height:50px; color:#fff; font-size:15px; font-family:malgun gothic; font-weight:bold; display:block;}
.loginWrap > ul > li {margin-bottom:5px; }

.loginWrap > ul.idpw {width:50%; border:1px solid #eee; text-align:center; padding:25px 0; background:#fff;}
.loginWrap > ul.join {width:50%; border-top:1px solid #eee; border-right:1px solid #eee; border-bottom:1px solid #eee; text-align:center; padding:25px 0; background:#fff;}

.idTxt {font-size:11px; letter-spacing:-1px;}


.loginTab {height:40px; overflow:hidden; position:relative;}	
.loginTab ul li {float:left; width:50%; height:39px; background:#f8f8f8; text-align:center; font-size:13px; color:#333; line-height:37px; border-top:1px solid #d0d0d0; border-right:1px solid #d0d0d0; border-bottom:1px solid #111;} 
.loginTab ul li a {display:block;}
.loginTab ul li.on {background:#fff; color:#000; font-weight:bold; border-top:1px solid #111; border-right:1px solid #111; border-bottom:1px solid #fff; border-left:1px solid #111;}

.loginInfo {margin:25px 0 0 5px; font-size:12px; letter-spacing:-1px;}
.cirAlert {float:left; width:18px; height:18px; border-radius:9px; background:#0d439d; color:#fff; font-weight:bold; font-family:malgun gothic; font-size:16px; text-align:center; line-height:21px; display:inline-block;}
.loginInfo p.txt {float:left; line-height:2; margin-left:3px;}

@media only screen and (min-width: 460px) {
	.loginCont {width:450px;}
}


@media only screen and (min-width: 840px) {
	.loginTit {font-size:35px; font-weight:bold; font-family:malgun gothic; color:#3b404d; /* text-shadow:0px 1px 5px rgba(0,0,0,.5); */ text-align:center; letter-spacing:10px; margin:100px 0 0 0;}

	.loginCont {width:900px; margin:185px auto 100px auto; background:#fff; padding:0.5%; border:0px solid rgba(0,0,0,.02); }

	.loginTab {height:50px; width:70%; margin:0 auto;}
	.loginTab ul li {float:left; width:50%; height:49px; background:#f8f8f8; text-align:center; font-size:15px; color:#333; line-height:50px; border-top:1px solid #d0d0d0; border-right:1px solid #d0d0d0; border-bottom:1px solid #111;} 
    .loginTab ul li a {display:block;}
	.loginTab ul li.on {background:#fff; color:#000; font-weight:bold; border-top:1px solid #111; border-right:1px solid #111; border-bottom:1px solid #fff; border-left:1px solid #111;}

	.loginInfo {width:70%; margin:25px auto; font-size:14px; letter-spacing:-0.5px;}
	.cirAlert {float:left; width:26px; height:26px; border-radius:13px;   font-size:21px; text-align:center; line-height:24px; display:inline-block;}
	.loginInfo p.txt {float:left; line-height:1.8; margin-left:7px;}


	.loginWrap {width:70%; margin:10px auto; overflow:hidden; }
	.loginWrap > ul {float:left; }
	.loginWrap > ul.login {width:75%;}
	.loginWrap > ul.login1 {width:100%;}
	
	.loginWrap > ul.login input {width:98%; height:65px; border:1px solid #eaeaea; padding-left:50px; font-size:18px;}
   	.loginWrap > ul.login input.phone {width:29.5%; height:65px; border:1px solid #eaeaea; padding-left:5px; font-size:18px; background:#fafafa;}
	.loginWrap > ul.login select {width:35%; height:65px; border:1px solid #eaeaea; padding-left:50px; top:-2px !important; font-size:18px; background:url(/image/icon_hp.png) no-repeat 15px center #fafafa;}
	
	.loginWrap > ul.login1 input {width:98%; height:65px; border:1px solid #eaeaea; padding-left:50px; font-size:18px;}
   	.loginWrap > ul.login1 input.phone {width:29.5%; height:65px; border:1px solid #eaeaea; padding-left:5px; font-size:18px; background:#fafafa;}
	.loginWrap > ul.login1 input.num1 {width:50%; height:65px; border:1px solid #eaeaea; padding-left:50px; font-size:18px; }
	.loginWrap > ul.login1 select {width:35%; height:65px; border:1px solid #eaeaea; padding-left:50px; top:-2px !important; font-size:18px; background:url(/image/icon_hp.png) no-repeat 15px center #fafafa;}

	.loginWrap > ul.btn {width:25%;}
	.loginWrap .btnLogin {width:100%; height:135px; text-align:center; line-height:135px; color:#fff; font-size:16px; font-family:malgun gothic; font-weight:bold; display:block;}
	.loginWrap > ul > li {margin-bottom:5px; }
	
	.loginWrap > ul.idpw {width:50%; border:1px solid #eee; text-align:center; padding:25px 0; background:#fff;}
	.loginWrap > ul.join {width:50%; border-top:1px solid #eee; border-right:1px solid #eee; border-bottom:1px solid #eee; text-align:center; padding:25px 0; background:#fff;}


	.idTxt {display:block; font-size:13px; letter-spacing:-0.5px;}
}


/* 상품리스트 상단 */
#subTop {width:100%; padding:20px 0 0 0; background:; overflow:visible; z-index:0;}
.subBest {width:90%; margin:0 auto; overflow:visible; }
.subPath {width:100%; margin:10px 0 0 0; border:2px solid #333; background:#fff;}
.subPath ul {overflow:hidden; }
.subPath ul li {float:left; width:50%; font-size:12px; background:#fff; border-right:1px solid #eee;  border-bottom:1px solid #eee;}
.subPath ul li a {display:block; cursor:pointer; padding:10px 0 10px 15px;}
.subPath ul li:nth-child(2n+2) {border-right:0;} 
.subPath ul li.on {background:#0d439d; color:#fff;}


@media only screen and (min-width: 480px) {
	.subPath ul li {float:left; width:33.3%;}
	.subPath ul li:nth-child(2n+2) {border-right:1px solid #eee;} 
	.subPath ul li:nth-child(3n+3) {border-right:0;} 
}

@media only screen and (min-width: 560px) {
    .subPath ul li {float:left; width:25%; }
	.subPath ul li:nth-child(3n+3) {border-right:1px solid #eee;} 
	.subPath ul li:nth-child(4n+4) {border-right:0;}
}

@media only screen and (min-width: 768px) {
	.subBest {width:95%;}

	.subPath {width:100%; margin:10px 0 0 0; border:2px solid #333; background:#fff;}
	.subPath ul {overflow:hidden; }
	.subPath ul li {float:left; width:20%; font-size:14px; background:#fff; border-right:1px solid #eee;  border-bottom:1px solid #eee;}
	.subPath ul li a {display:block; cursor:pointer;}
	.subPath ul li:nth-child(4n+4) {border-right:1px solid #eee;}
	.subPath ul li:nth-child(5n+5) {border-right:0;} 
	.subPath ul li.on {background:#0d439d; color:#fff;}
}


@media only screen and (min-width: 1100px) {
	.subBest {width:1100px; margin:0 auto; overflow:visible;}
	
}