.main .title{margin-bottom:50px}
.main .title h2{font-size:40px; font-weight:normal;}
.main .title h2 strong{font-size:40px; font-weight:bold; position:relative;}
.main .title h2 strong:after{content:""; display:inline-block; width:8px; height:8px; border-radius:50%; background:#6faaff; position:absolute; right:-12px; bottom:3px;}
.main .title span{font-size:18px; color:#585757;}

.mVisual{_background:url(/design/images/mv_bg.jpg) no-repeat center center/cover;}

.mCategory{width:48%; float:left; margin-top:50px; }
.mCategory .title{ padding:15px 0; position:relative; margin:0;}
.mCategory .title h2{font-size:20px; font-weight:normal;}
.mCategory ul{}
.mCategory ul li{width:16.66%; float:left; padding:10px 0;}
.mCategory ul li:nth-child(6n+1){clear:both;}
.mCategory ul li img{margin-bottom:7px;}
.mCategory ul li a{font-size:16px;}

.mSitu{width:48%; float:right; margin-top:50px; border-bottom:1px solid #d4d4d4;}
.mSitu .title{border-bottom:1px solid #d4d4d4; padding:15px 0; position:relative; margin:0;}
.mSitu .title h2{font-size:20px; font-weight:normal;}
.mSitu .title a.more{position:absolute; right:0; top:17px; font-size:14px;}
.mSitu ul{margin:20px 0 25px;text-align:left;}
.mSitu ul li{ padding:10px 0;}
.mSitu ul li p{display:inline-block; font-size:16px; width:60%;}
.mSitu ul li p u{text-decoration:none; opacity:0.5; display:inline-block; margin-right:15px; font-size:16px;}
.mSitu ul li span{display:inline-block; width:18%; text-align:Center; background:#666; color:#fff; font-size:14px; padding:4px 0;}
.mSitu ul li span.blue{background:#6faaff;}
.mSitu ul li span.orange{background:#ff6600;}
.mSitu ul li a{display:inline-block; width:18%; text-align:Center; background:#33346a; color:#fff; font-size:14px;  padding:4px 0;}
.mSitu ul li a i{font-size:14px;}


.mBest{max-width:1300px; margin:100px auto;}
.mBest .tabs{ margin-bottom:0px;}
.mBest .tabs li{display:inline-block; }
.mBest .tabs li span{font-size:17px; background:#f5f5f5; padding:10px 20px; border-radius:10px; cursor:pointer; display:inline-block;}
.mBest .tabs li.on span{background:#33346a; color:#fff;}
.mBest .L{width:42%; float:left; padding-top:100px;}
.mBest .R{width:58%; float:right; }
.bestSwiper { width: 100%; height: 780px; margin-left: auto; margin-right: auto; padding-top:100px;}
.bestSwiper .swiper-slide {
	position:relative;
	text-align: center;
	font-size: 18px;
	background: #fff;
	height: calc((100% - 30px) / 2);			

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.bestSwiper .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }	

.bestSwiper .swiper-slide:before{content:"BEST"; display:block; width:70px; padding:10px 0 37px; text-align:Center; background:#6faaff; color:#fff; position:absolute; left:0; top:0; border-radius:0 0 20px 0; font-size:18px;}
.bestSwiper .swiper-slide:after{content:""; display:block; width:70px; padding-top:40px; text-align:center; color:#fff; position:absolute; left:0; top:0; font-size:24px;}
.bestSwiper .swiper-slide:nth-child(1):after{content:"2";}
.bestSwiper .swiper-slide:nth-child(2):after{content:"4";}
.bestSwiper .swiper-slide:nth-child(3):after{content:"3";}
.bestSwiper .swiper-slide:nth-child(4):after{content:"5";}
.bestSwiper .swiper-slide:nth-child(5):after{content:"6";}
.bestSwiper .swiper-slide:nth-child(6):after{content:"8";}
.bestSwiper .swiper-slide:nth-child(7):after{content:"7";}
.bestSwiper .swiper-slide:nth-child(8):after{content:"9";}
.bestSwiper .swiper-slide:nth-child(9):after{content:"10";}
.bestSwiper .swiper-slide:nth-child(10):after{content:"12";}
.bestSwiper .swiper-slide:nth-child(11):after{content:"11";}
.bestSwiper .swiper-slide:nth-child(12):after{content:"13";}
.bestSwiper .swiper-button-next, .bestSwiper .swiper-button-prev { top:7%;}
.bestSwiper .swiper-button-next:after, .bestSwiper .swiper-button-prev:after{display:none;}
.bestSwiper .swiper-button-next { right: 0%; left: auto; background:url(/design/images/slick_next.svg) no-repeat center center/70% auto; border:1px solid #333; width:50px; height:50px;}
.bestSwiper .swiper-button-prev { left: 85%; right: auto; background:url(/design/images/slick_prev.svg) no-repeat center center/70% auto; border:1px solid #333; width:50px; height:50px;}

.bestUnit{border:1px solid #ddd; padding:20px; position:relative;}		  
.bestUnit .photo{display:block; width:100%; text-align:center;}
.bestUnit .photo img{width:60%; max-width:100%; height:auto; margin:0 auto;}
.bestUnit .text{display:block; width:100%;  text-align:center;}
.bestUnit .text .tt{display:block !important; width:100% !important; font-size:18px; margin:10px 0 5px;}
.bestUnit .text .price{display:block !important; width:100% !important;}
.bestUnit .text .price strong{font-size:16px;}
.bestUnit .text .price u{font-size:14px; opacity:0.5; text-decoration:line-through; margin:0 10px;}
.bestUnit .text .price span{color:#fc7118; font-size:16px;}

.bestUnit.first{height:650px; padding:30px;}
.bestUnit.first .photo img{width:100%; max-width:100%;}
.bestUnit.first .text .tt{font-size:24px; margin:20px 0 10px;}
.bestUnit.first:before{content:"BEST"; display:block; width:70px; padding:10px 0 40px; text-align:Center; background:#6faaff; color:#fff; position:absolute; left:0; top:0; border-radius:0 0 20px 0; font-size:20px;}
.bestUnit.first:after{content:"1"; display:block; width:70px; padding-top:40px; text-align:center; color:#fff; position:absolute; left:0; top:0; font-size:24px;}
.mBest .btnW{ margin-top:20px;}
.mBest .btnW a{display:inline-block; position:relative;}
.mBest .btnW a:before{position:absolute; left:0; top:0; width:120px; height:120px; margin:-20px 0 0 -20px; content:""; display:inline-block; background:#d9eeff; border-radius:50%; transition:all 0.3s ease;}
.mBest .btnW a:hover:before{ width:140px; height:140px; margin:-30px 0 0 -30px;}
.mBest .btnW a span{display:inline-block; background:#33346a; width:80px; height:80px; text-align:Center; border-radius:50%;  position:relative; z-index:2;}
.mBest .btnW a span i{color:#fff; font-size:40px; margin-top:20px;}



.mOrder{padding:0 0px; max-width:1300px; margin:0 auto; }
.mOrder a{display:block; height:270px; background:url(/design/images/m_order.jpg) no-repeat center center; font-size:0;}

.mToday{padding:0 0 0 0; max-width:1300px; margin:0 auto; margin-top:130px; margin-bottom:150px; }
:root { --swiper-theme-color: rgba(0, 0, 0, 0); }
.todaySwiper{position:relative; height:auto; padding-top:120px;}
.todaySwiper .swiper-wrapper{ height:auto !important;}
.todaySwiper .swiper-slide{ height:auto !important; position:relative;}
.todaySwiper .swiper-slide:before{content:""; display:inline-block; position:absolute; left:10px; top:10px; color: #b5b5b5; font-weight: 500; font-style: italic; font-size: 50px;  border-bottom: 3px solid #b5b5b5; line-height:110%; z-index:2;}
.todaySwiper .swiper-slide:nth-child(1):before{content:"01";}
.todaySwiper .swiper-slide:nth-child(2):before{content:"02";}
.todaySwiper .swiper-slide:nth-child(3):before{content:"03";}
.todaySwiper .swiper-slide:nth-child(4):before{content:"04";}
.todaySwiper .swiper-slide:nth-child(5):before{content:"05";}
.todaySwiper .swiper-slide:nth-child(6):before{content:"06";}
.todaySwiper .swiper-slide:nth-child(7):before{content:"07";}
.todaySwiper .swiper-slide:nth-child(8):before{content:"08";}
.todaySwiper .swiper-slide:nth-child(9):before{content:"09";}
.todaySwiper .swiper-slide:nth-child(10):before{content:"10";}
.todaySwiper .swiper-slide:nth-child(11):before{content:"11";}
.todaySwiper .swiper-slide:nth-child(12):before{content:"12";}
.todaySwiper .swiper-pagination{position:absolute; left:0; bottom:0;}
.todaySwiper .swiper-button-next, .todaySwiper .swiper-button-prev { top:7%;}
.todaySwiper .swiper-button-next:after, .todaySwiper .swiper-button-prev:after{display:none;}
.todaySwiper .swiper-button-next { left:calc(50% + 25px); right: auto; background:url(/design/images/slick_next.svg) no-repeat center center/70% auto; border:1px solid #333; width:50px; height:50px;}
.todaySwiper .swiper-button-prev { left:calc(50% - 50px); right: auto; background:url(/design/images/slick_prev.svg) no-repeat center center/70% auto; border:1px solid #333; width:50px; height:50px;}
.todayUnit{ padding:0 20px;}
.todayUnit .unitW{display:block; width:100%; border-radius:50%; overflow:hidden; position:relative;}		
.todayUnit .photo{}
.todayUnit .photo img{width:100%; height:auto;}
.todayUnit .unitW .text{position:absolute; left:100%; top:0; width:50%; height:100%; background:rgba(0, 0, 0, 0.5); transition:all 0.3s ease; text-align:left; padding:20px; padding-top:32%;} 
.todayUnit .unitW:hover .text{left:50%;}
.todayUnit .text .tt{ display:block; color:#fff; font-size:20px; width:100%;}
.todayUnit .text .price{display:block; margin-top:40px;}
.todayUnit .text .price strong{ color:#fff; font-size:18px;}
.todayUnit .text .price u{text-decoration:line-through; color:#fff; font-size:16px;}	

.mAbout {padding:0 0px; max-width:1300px; margin:0 auto;}
.mAbout .L{width:50%; float:left; height:440px; background:url(/design/images/m_about.jpg) no-repeat center center/cover;}
.mAbout .R{width:50%; float:left; height:440px; background:#f5f5f5; text-align:left; padding-left:60px;}
.mAbout .R .text{ margin-top:120px;}
.mAbout .R .text strong{display:block; font-family: 'Nanum Myeongjo', serif; font-size:30px;}
.mAbout .R .text span{display:block; font-size:18px; margin:20px 0 20px; padding-right:20px;}
.mAbout .R .text a{display:inline-block; position:relative; font-size:16px; padding-bottom:10px;}
.mAbout .R .text a:before{content:""; display:Block; width:100%; height:2px; background:#333; position:absolute; left:0; bottom:0; z-index:1;}
.mAbout .R .text a:after{content:""; display:Block; width:0; height:2px; background:#6faaff; position:absolute; left:0; bottom:0; z-index:2; transition:all 0.3s ease;}
.mAbout .R .text a:hover:after{width:100%;}
.mAbout .R .text a i{transition:all 0.3s ease;}
.mAbout .R .text a:hover i{transform: rotate(90deg);}

.mMD{max-width:1300px; margin:100px auto;}
.mdSwiper { width: 100%; height:auto; padding-top:70px; position:relative; }
.mdSwiper .swiper-wrapper { height:auto; }
.mdSwiper .swiper-slide {height:auto !important; position:relative;}
.mdSwiper .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }	

.mdSwiper .swiper-button-next, .mdSwiper .swiper-button-prev { top:4%;}
.mdSwiper .swiper-button-next:after, .mdSwiper .swiper-button-prev:after{display:none;}
.mdSwiper .swiper-button-next  { right: 45.5%; left: auto; background:url(/design/images/slick_next.svg) no-repeat center center/70% auto; border:1px solid #333; width:50px; height:50px;}
.mdSwiper .swiper-button-prev{ left: 45.5%; right: auto; background:url(/design/images/slick_prev.svg) no-repeat center center/70% auto; border:1px solid #333; width:50px; height:50px;}

.mdUnit{border:1px solid #ededed; padding:30px 20px; position:relative; text-align:left;}
.mdUnit:before{content:""; display:Block; width:calc((100% - 6px)); height: calc((100% - 6px)); border:3px solid #6faaff; position:absolute; left:0; top:0; z-index:1; opacity:0; transition:all 0.3s ease;}
.mdUnit:hover:before{opacity:1;}
.mdUnit .link{display:block; position:relative; z-index:2;}
.mdUnit .icn span{color:#cc0000; font-size:18px; font-weight:bold; display:inline-block; padding:0 5px;}
.mdUnit .icn span.orange{color:#ff6600; }
.mdUnit .name{font-size:24px; margin:20px 0; color:#000;}
.mdUnit .photo{display:block; width:100%;}
.mdUnit .photo img{max-width:100%; height:auto; max-height:283px;}
.mdUnit .text{display:block; width:100%;}
.mdUnit .price{display:block !important; width:100% !important; margin:20px 0 0;}
.mdUnit .price strong{font-size:20px;}
.mdUnit .price u{font-size:14px; opacity:0.5; text-decoration:line-through; margin:0 10px;}
.mdUnit .price span{color:#fc7118; font-size:16px;}
.mdUnit .pop{position:absolute; left:0; top:48%; text-align:Center; width:100%; opacity:0; transition:all 0.3s ease; z-index:3;}
.mdUnit .pop a{display:inline-block; width:50px; height:50px; background:#fff; border-radius:50%; font-size:30px; margin:0 5px;}
.mdUnit .pop a i{margin-top:10px;}
.mdUnit .pop a:hover{background:#6faaff; color:#fff;}
.mdUnit:hover .pop{opacity:1;}

.mNew{padding:70px 0px; background:#f5f5f5;}
.newUnit{border:1px solid #ededed; padding:30px 20px; position:relative; text-align:left; float:left;}
.newUnit.col2{width:50%;}
.newUnit.col4{width:25%;}
.newUnit:before{content:""; display:Block; width:calc((100% - 6px)); height: calc((100% - 6px)); border:3px solid #6faaff; position:absolute; left:0; top:0; z-index:1; opacity:0; transition:all 0.3s ease;}
.newUnit:hover:before{opacity:1;}
.newUnit .photo{display:block; width:40%; float:left;}
.newUnit .photo img{max-width:100%; height:auto; max-height:283px;}
.newUnit .link{display:block;  width:50%; float:right; position:relative; z-index:2;}
.newUnit .icn{margin-bottom:10px;}
.newUnit .icn span{background:#6faaff; color:#fff; font-size:16px; font-weight:bold; display:inline-block; padding:5px 15px 2px; border-radius:5px;}
.newUnit .name{font-size:24px; margin:0px 0 20px; color:#000;}
.newUnit .text{display:block; width:100%;}
.newUnit .price{display:block !important; width:100% !important; margin:20px 0 0; text-align:left;}
.newUnit .price strong{font-size:20px;}
.newUnit .price u{font-size:14px; opacity:0.5; text-decoration:line-through; }
.newUnit .price span{color:#fc7118; font-size:16px;}
.newUnit .pop{position:absolute; left:0; top:42%; text-align:Center; width:44%; opacity:0; transition:all 0.3s ease; z-index:3;}
.newUnit .pop a{display:inline-block; width:50px; height:50px; background:#fff; border-radius:50%; font-size:30px; margin:0 3px;}
.newUnit .pop a i{margin-top:10px;}
.newUnit .pop a:hover{background:#6faaff; color:#fff;}
.newUnit:hover .pop{opacity:1;}

.mCommunity{max-width:1300px; margin:0 auto; text-align:left;}
.mCommunity .cmnt_btn{ margin:70px 0;}
.mCommunity .cmnt_btn ul{}
.mCommunity .cmnt_btn ul li{width:25%; float:left; }
.mCommunity .cmnt_btn ul li + li{padding-left:10px;}
.mCommunity .cmnt_btn ul li a{display:block; position:relative; border:1px solid #e9e9e9; box-shadow:5px 5px 10px rgba(0, 0, 0, 0.15); padding:30px 0 30px 65px;}
.mCommunity .cmnt_btn ul li u{text-decoration:none; position:absolute; left:15px; top:30px;}
.mCommunity .cmnt_btn ul li h2{font-size:20px; color:#000;}
.mCommunity .cmnt_btn ul li span{font-size:14px; opacity:0.5;}
.mCommunity .title{border-bottom:1px solid #d4d4d4; padding:15px 0; position:relative;}
.mCommunity .title h2{font-size:20px; font-weight:normal;}
.mCommunity .title a.more{position:absolute; right:0; top:17px; font-size:14px;}