/*폰트*/
* { font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif';margin: 0;padding: 0;}
::-moz-selection {background: #c6ad98 ;color: #fff;}
::selection {background: #c6ad98 ;color: #fff;}

/* noto-serif-kr-400 - latin_korean */
@font-face {
  font-family: 'Noto Serif KR';
  font-style: normal;
  font-weight: 400;
  src: url('/css/fonts/noto-serif-kr-v6-latin_korean-regular.eot'); /* IE9 Compat Modes */
  src: local('Noto Serif KR'), local('NotoSerifKR-Regular'),
       url('/css/fonts/noto-serif-kr-v6-latin_korean-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/css/fonts/noto-serif-kr-v6-latin_korean-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/css/fonts/noto-serif-kr-v6-latin_korean-regular.woff') format('woff'), /* Modern Browsers */
       url('/css/fonts/noto-serif-kr-v6-latin_korean-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/css/fonts/noto-serif-kr-v6-latin_korean-regular.svg#NotoSerifKR') format('svg'); /* Legacy iOS */
}
/* noto-serif-kr-500 - latin_korean */
@font-face {
  font-family: 'Noto Serif KR';
  font-style: normal;
  font-weight: 500;
  src: url('/css/fonts/noto-serif-kr-v6-latin_korean-500.eot'); /* IE9 Compat Modes */
  src: local('Noto Serif KR Medium'), local('NotoSerifKR-Medium'),
       url('/css/fonts/noto-serif-kr-v6-latin_korean-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/css/fonts/noto-serif-kr-v6-latin_korean-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/css/fonts/noto-serif-kr-v6-latin_korean-500.woff') format('woff'), /* Modern Browsers */
       url('/css/fonts/noto-serif-kr-v6-latin_korean-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/css/fonts/noto-serif-kr-v6-latin_korean-500.svg#NotoSerifKR') format('svg'); /* Legacy iOS */
}


/*초기화*/
html, body{background:#fffbf7;height:100%;width:100%;font-family:  'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif';color:#141414}
h1,p,ul{margin:0;padding:0}
li{list-style:none}
a{color:#141414;text-decoration:none !important}
button{outline-style:none}
.left{float:left !important}
.right{float:right !important}
.clear{clear:both}
p{margin:0;padding:0;word-break:break-all;word-wrap:break-word}
b{font-weight:bold}
br{font-family:"Noto Sans KR", sans-serif !important}
.img-responsive{max-width:100%;display:block;height:auto}
.over-h{overflow:hidden;}
.padding-0{padding:0 !important}
.margin-0{margin:0 !important}
.m-auto{margin:auto}
.w-100{width:100% !important}
.pt-0{padding-top:0 !important}
.pb-10{padding-bottom:10px;}
.pb-20{padding-bottom:20px;}
.mb-10{margin-bottom:10px;}
.mb-20{margin-bottom:20px;}
.gray{color:#8c8c8c}
.serif{font-family: 'Noto Serif KR';}
.text-c{text-align:center;}
.text-l{text-align:left;}
.visible-lg{display:block !important}
.visible-xs{display:none !important}
.visible-sm{display:none !important}


.header {position:fixed;width:100%;z-index:999;padding:50px 0 0 0;transition:All .5s ease}
.header .logo{display:Block;margin:0 0 30px 0}
.header ul {width:25%;margin:auto;}
.header ul li {float:left;width:33.333%;text-align:center;}
.header ul li a{font-family: 'Noto Serif KR';font-weight:600;font-size:18px;}
.header .logo img{width:150px;margin:auto;display:block;}
.header.on{background:rgba(255,255,255,0.9);padding:20px 0;transition:All .5s ease}
.header.on .logo img{width:100px}
.header.on ul li a{font-size:16px}
.navbar .nav-links .nav-item{position:relative;list-style:none;float:left}
.navbar .nav-links .nav-item .nav-link{display:block;text-align:Center;}
.navbar .menu-show,.menu-hide{transition:.4s;font-size:30px;cursor:pointer;display:none}
.navbar .menu-show{margin:0;float:right}
.navbar #menu-toggle{position:absolute;visibility:hidden;z-index:-1}


#sit_ov_wrap{padding-top:200px}
#sod_bsk, #kcp_content, #sod_fin, #smb_my, #sod_v,
#faq_hhtml, #bo_list, #sps_sch, #sqa_sch, .sct_admin, .couponzone_list{padding-top:200px;max-width:1208px;width:100%;margin:0 auto}
#sps, #sqa{padding:80px 0px}

@media (min-width: 768px){
    .navbar .has-dropdown ul  {position: absolute;left: inherit;top: 100%;width:100%;padding: 0;border: unset;z-index: 100;opacity: 0;visibility: hidden;background-color: #fff;-moz-transform: translateY(30px);-webkit-transform: translateY(30px);-ms-transform: translateY(30px);-o-transform: translateY(30px);transform: translateY(30px);/*-webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05), -2px 0 5px 1px rgba(0,0,0,.05);-ms-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);-o-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);-moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);box-shadow: 2px 2px 5px 1px rgba(0,0,0,.02), -2px 0 5px 1px rgba(0,0,0,.02);*/-webkit-transform-origin: top;-ms-transform-origin: top;transform-origin: top;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;}
    .navbar .has-dropdown:hover ul {visibility:visible;top:40px;opacity:1;-moz-transform:translateY(0);-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);transition:all 500ms ease;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;display:block!important}
    .navbar .has-dropdown ul li {width: 100%;position: relative;display: block;line-height: 24px;font-weight: 500;font-size: 15px;text-transform: capitalize;color: #222;border-bottom: 1px solid rgba(34,34,34,.1);text-align: left;transition: all 500ms ease;-moz-transition: all 500ms ease;-webkit-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;}
    .navbar .has-dropdown ul li a {position: relative;display: block;padding: 10px;font-size: 15px;text-transform: capitalize;transition: all 500ms ease;-moz-transition: all 500ms ease;-webkit-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;color:#141414 !important}
    .navbar .has-dropdown ul li a:hover{color: #c6ad98 !important}
}




/* Menu Header */
.m_header .arrow{float:right;margin:15px 0 0 0;width:20px}
.toggle.on .arrow{transform:rotate(180deg);transition:all .3s ease}
.toggle_wrap{display:none}
.toggle_wrap li a{font-size:15px !important;padding:0 0 0 10px}
.m_header {	
	overflow: hidden;
	height:60px;
	width: 100%;
	z-index: 999;
	position: fixed;
	transition: all 0.4s ease-out, background 1s ease-out;
}
.m_header.on{background:rgba(255,255,255,0.9);transition:All .5s ease}
.m_header .logo{display:inline-block;padding:20px 0 0 50px}
.m_header .logo img{width:80px;}
.m_header.menu-open {
	height: 100%;
	background: #f0eade;
	transition: all 0.45s ease-out, background 0.8s ease-out;
}

/* Menu List items */
.mobile-menu {
	clear: both;
}
.m_header ul.menu {
	position: relative;
	display: block;
	padding: 20px 40px 0;
	list-style: none;
}
.m_header ul.menu li.menu-item a {
	display: block;
	position: relative;	
	text-decoration: none;
	font-size: 18px;
	line-height: 2.8;
	width: 100%;
	font-family: 'Noto Serif KR';
	-webkit-tap-highlight-color: transparent;
}
.m_header ul.menu li.menu-item {
	/*border-bottom: 1px solid #333;*/
	opacity: 0;
	transition: opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.m_header ul.menu li.menu-item:nth-child(1) {
	transition-delay: 0.35s;
}
.m_header ul.menu li.menu-item:nth-child(2) {
	transition-delay: 0.3s;
}
.m_header ul.menu li.menu-item:nth-child(3) {
	transition-delay: 0.25s;
}
.m_header ul.menu li.menu-item:nth-child(4) {
	transition-delay: 0.2s;
}
.m_header ul.menu li.menu-item:nth-child(5) {
	transition-delay: 0.15s;
}
.m_header ul.menu li.menu-item:nth-child(6) {
	transition-delay: 0.1s;
}
.m_header ul.menu li.menu-item:nth-child(7) {
	transition-delay: 0.05s;
}
.m_header.menu-open ul.menu li.menu-item {
	opacity: 1;
}
.m_header.menu-open ul.menu li.menu-item:nth-child(1) {
	transition-delay: 0.05s;
}
.m_header.menu-open ul.menu li.menu-item:nth-child(2) {
	transition-delay: 0.1s;
}
.m_header.menu-open ul.menu li.menu-item:nth-child(3) {
	transition-delay: 0.15s;
}
.m_header.menu-open ul.menu li.menu-item:nth-child(4) {
	transition-delay: 0.2s;
}
.m_header.menu-open ul.menu li.menu-item:nth-child(5) {
	transition-delay: 0.25s;
}
.m_header.menu-open ul.menu li.menu-item:nth-child(6) {
	transition-delay: 0.3s;
}
.m_header.menu-open ul.menu li.menu-item:nth-child(7) {
	transition-delay: 0.35s;
}

/* Menu Icon */
.icon-container {
	position: relative;
	display: inline-block;
	z-index: 2;
	float: right;
	/* Simply change property to float left to switch icon side :) */
	height: 55px;
	width: 100px;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.icon-container #menuicon {
	width: 20px;
	height: 10px;
	position: relative;
	display: block;
	margin: -4px auto 0;
	top: 50%;
}
#menuicon .bar {
	width: 100%;
	height: 1px;
	display: block;
	position: relative;
	background: #000;
	transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
#menuicon .bar.bar1 {
	-webkit-transform: translateY(0px) rotate(0deg);
	transform: translateY(0px) rotate(0deg);
}
#menuicon .bar.bar2 {
	-webkit-transform: translateY(6px) rotate(0deg);
	transform: translateY(6px) rotate(0deg);
}
.menu-open .icon-container {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.menu-open .icon-container #menuicon .bar {
	transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	transition-delay: 0.1s;
}
.menu-open .icon-container #menuicon .bar.bar1 {
	-webkit-transform: translateY(4px) rotate(45deg);
	transform: translateY(4px) rotate(45deg);
}
.menu-open .icon-container #menuicon .bar.bar2 {
	-webkit-transform: translateY(3px) rotate(-45deg);
	transform: translateY(3px) rotate(-45deg);
}

.container{max-width:1400px;margin:auto;overflow:hidden}

.ft01 {font-size:18px;}
.ft02 {font-size:40px;}
.ft03 {font-size:30px;}
.ft04 {font-size:24px;}

.main .main_slide{/*max-width:1920px;*/margin:auto;overflow:hidden}
.main .main_slide .swiper-slide{position:relative;height:1080px;background-repeat:no-repeat;background-size:Cover;background-position:65% center;}
.main .main_slide .swiper-slide .txt{position:absolute;top:45%;left:20%;}
.main .main_slide .swiper-slide .txt .ft02{font-weight:500;margin:0 0 10px 0}
.main .slide01 {background-image:url('/img/main/slide01.jpg');}
.main .slide02 {background-image:url('/img/main/slide02.jpg');}
.main .slide03 {background-image:url('/img/main/slide03.jpg');}
.main .slide04 {background-image:url('/img/main/slide04.jpg');}

.main .view{padding:30px;background:url('/img/main/arrow.png') no-repeat center center;display:inline-block}
.main .view:hover{background:url('/img/main/arrow_on.png')no-repeat center center #000;transition:all .3s ease;}


.main .video video{width:100%;}

.main .banner ul li{width:45%;}
.main .banner .txt{padding:150px 0 0 0;}
.main .banner .serif{font-weight:500;}
.main .banner p{margin:50px 0}
.main .banner01{padding:270px 0;background:url('/img/main/bubble01.png') no-repeat top left #fffbf7;}
.main .banner02{padding:0 0 270px 0;background:url('/img/main/bubble02.png') no-repeat top right #fffbf7;}

.main .bg{background-image:url('/img/main/bg.jpg');background-attachment:fixed;background-repeat:no-repeat;background-size:cover;background-position:center center;height:730px;padding:300px 0;}
.main .bg p{color:#FFF;text-align:center;}
.main .bg .serif{font-weight:500;padding:0 0 50px 0;}

.main .product {background:#f0eade;padding:200px 0}
.main .product .serif{font-weight:500}
.main .product .ft01{color:#999;/*margin:50px 0 100px 0*/}
.main .product .box01{position:relative;float:left;width:30%;min-height:500px;}
.main .product .box01 .swiper-button-next, .main .product .box01 .swiper-button-prev{outline:none;padding:30px;width:31px;height:8px;top:auto;bottom:0;background-position:center;background-repeat:no-repeat}
.main .product .box01 .swiper-button-prev:after, .main .product .box01 .swiper-button-next:after{content:"";}
.main .product .box01 .swiper-button-prev{background:url('/img/main/arrow02_on.png') #9a8365 no-repeat center center;left:0%}
.main .product .box01 .swiper-button-next{background:url('/img/main/arrow_on.png') #9a8365 no-repeat center center;left:17%}
.main .product .box02{float:right;width:70%}
.main .product .box02 .swiper-pagination-bullet{width:15px;height:15px;border-radius:100px;}
.main .product .box02 .swiper-pagination-bullet-active{background:#000;width:30px;}


footer {background:#000;padding:160px 0;clear:both;}
footer .logo{width:100px;margin:0 0 50px 0;display:Block;}
footer p{float:left;width:80%;color:#696969;font-size:14px;line-height:1.8}
footer a{color:#696969;}
footer .link{float:right;width:20%;}
footer .link ul{overflow:hidden}
footer .link ul li{float:left;margin:0 5%;}



/*2021.01.29추가*/	
.swiper-wrapper{text-align:center}
.name{text-align:center;color:#9a9281;font-size:22px;margin-top:25px}
.sharp{text-align:center;color:#9a9281;font-size:14px;margin-top:13px}
.price{text-align:center;color:#000;font-size:20px;margin-top:25px;font-weight:bold}
.buy{border:0px;background-color:#f8f5ef;color:#9a9281;width:138px;height:40px;text-align:center;margin:20px auto 0px;font-weight:bold}
.buy:hover{background-color:#e0d2be;color:#fff}
				


@media (max-width: 1400px){
	
	.visible-sm{display:block !important}
	.visible-lg{display:none !important}
	.hidden-sm{display:none !important}
	
	header ul{width:50%;margin:20px auto 0}
	header ul li a{font-size:14px !important}
	header .logo img{width:100px;}
	

	.container{width:90%;}

	.ft02{font-size:30px;}
	.ft03{font-size:20px;}
	.ft04{font-size:20px;}

	.main .main_slide .swiper-slide{height:900px}
	.main .main_slide .swiper-slide .txt{top:5%;left:10%;text-align:left}

	.main .banner p{margin:30px 0}
	.main .banner .txt{padding:100px 0 0 0}
	.main .banner01{padding:150px 0}
	.main .banner02{padding:0 0 150px 0}

	.main .bg{padding:150px 0;height:500px}

	.main .product{padding:150px 0}


	.sublist .swiper-slide{margin-top:40px;text-align:center}
	

}	

@media (max-width:1365px) and (min-width:1023px){	
	
	.main .product .box01{width:100%}
	.main .product .box02{width:100%}
	
	
}
@media (max-width:1023px){

	.ft02{font-size:25px}
	.main .banner .txt{padding:0}

	
} 

@media (max-width:1023px) and (min-width:768px){

	

} 

@media (max-width: 767px){


	


	/*2021.01.29추가*/	
	.swiper-wrapper{text-align:center}
	.name{text-align:center;color:#9a9281;font-size:16px;margin-top:25px}
	.sharp{text-align:center;color:#9a9281;font-size:12px;margin-top:13px}
	.price{text-align:center;color:#000;font-size:16px;margin-top:25px;font-weight:bold}
	.buy{border:0px;background-color:#f8f5ef;color:#9a9281;width:138px;height:40px;text-align:center;margin:20px auto 0px;font-weight:bold}
	.buy:hover{background-color:#e0d2be;color:#fff}


	.main .product .box01{min-height:auto}

	header ul{width:100%;margin:0 auto}
	#sit_ov_wrap{padding-top:0px}
	#sod_bsk, #kcp_content, #sod_fin, #smb_my, #sod_v,
	#faq_hhtml, #bo_list, #sps_sch, #sqa_sch, .sct_admin, .couponzone_list{padding-top:0px;max-width:100%;width:100%;margin:0 auto}






	.visible-xs{display:block !important}
	.hidden-xs{display:none !important}

	.ft01{font-size:14px}
	.ft02{font-size:25px}
	.ft03{font-size:18px;}
	.ft04{font-size:16px;}

	.main .main_slide .swiper-slide{height:600px}
	
	
	.main .view{background:url('/img/main/arrow_on.png')no-repeat center center #000;background-size:40%;padding:20px;}

	.main .bg{padding:80px 0;height:300px;background-attachment:inherit}

	.main .banner ul li{width:100%;}
	.main .banner ul li img{width:80%;}
	.main .banner .txt{text-align:Center;}
	.main .banner p{margin:15px 0}
	.main .banner01{padding:80px 0}
	.main .banner02{padding:0 0 80px 0}
	
	.main .product{padding:80px 0}
	.main .product .ft01{margin:30px 0}
	.main .product .box01{width:100%}
	.main .product .box02{width:100%}
	.main .product .product_slide {padding:0 0 30px 0}
	.main .product .box02 .swiper-pagination-bullet{height:10px;width:10px;}
	.main .product .box02 .swiper-pagination-bullet-active{width:20px;}
	.main .product .swiper-container-horizontal > .swiper-pagination-bullets{bottom:0}

	footer{padding:50px 0}
	footer .logo{margin:0 0 30px 0}
	footer p{width:100%;font-size:12px}
	footer .link{margin:20px 0 0 0;width:100%}
	footer .link ul li{margin:0 3%}
	footer .link img{width:80%;}

}

@media (max-width: 360px){	
	
}