/*    모든 페이지 공통으로 사용 됨   
        호스팅 상관없이 남겨놓는 파일
*/

:root{
	--point-color:#FFA500;
	--blue-light: #163465;
    --blue-dark: #122f5c;	
    --green:#008000;
	--gray:#f5f4f3;
	--gray-dark:#ecf0f1;
	--gray-light:#ccc;
	--gray-table:#a8a8a8;
	--black:#333;
	--black-dark:#999;
	--black-light:#666;
	--button:#d9534f;
	--container-width: 1200px;
	--content-width: 1200px;
}

.flex{display:flex;}

.fix-size,
#bo_v_nb,
.bo_list,
.bo_list_wrap, 
.cmt_btn{max-width:var(--container-width); margin: 0 auto 100px auto; padding:40px 10px 0 10px;}
#bo_vc_w{max-width:var(--container-width); padding-top:40px;}


/****************************************
**************  메 인 페 이 지**************
***************************************/
.mainContents{background-image:url('http://114.108.177.188/htdocs/mother/images/mainContents-bg.jpg');}

/*   셋트샹품 */
.set_container{ margin:28px 0;  }
.set-experince_container {
	background-color:var(--point-color); padding:20px 16px;
	background-image: url('http://114.108.177.188/htdocs/mother/images/set-experince_container-bg.png ')
}

.change-img {}

.change-img img{border-radius:4px; border-radius:12px;}

.change-img img:nth-child(2){display:none;}

@media (min-width:931px){
	#bo_vc_w{margin: 0 auto 40px auto;}
}

@media (min-width: 640px){ 
	.set_container{margin:58px 0 0 12px;}
	.set-experince_container h2{margin:0 0 8px 4px; padding:0; text-align:left; font-size:2em;}
	.set-experince_container h2 span:nth-child(1){font-weight:400;}
	.set-experince_container h2 span:nth-child(2){font-weight:600;}
	.set-experince_container{width:100%;}
	.set-experince_container div{max-width:1280px; display:flex; flex-direction: row-reverse; justify-content: space-between; margin:0 auto;}
	

	.change-img img{width:auto;}
	.change-img img:nth-child(1){display:none;}
	.change-img img:nth-child(2){display:inline-block;}
}
@media (min-width: 1560px){
	.set-experince_container{
		width:100%;
		padding:50px 0;
		background-image:url('http://114.108.177.188/htdocs/mother/images/mainContents-bg.jpg');
	}
}

@media (min-width: 1920px){
	.set-experince_container h2{margin:0 0 12px 4px;  font-size:2.4em;}
}


/**********************************************
*************** 서브상단 이미지  *******************
***********************************************/
.subVisual_container{}
.subVisual{
	width:100%; 
	min-height:280px;
	background-repeat: no-repeat;s
	background-attachment: fixed;
	background-position: top center;
}

.subVisual-Cookie    {background-image:url('/images/subVisual-Cookie.jpg');}
.subVisual-Bread     {background-image:url('/images/subVisual-Bread.jpg');}
.subVisual-Set       {background-image:url('/images/subVisual-Set.jpg');}
.subVisual-Community {background-image:url('/images/subVisual-Community.jpg');}
.subVisual-Experince {background-image:url('/images/subVisual-Experince.jpg');}
.subVisual-Company   {background-image:url('/images/subVisual-Company.jpg');}



@media (min-width: 768px){  
	.subVisual{height:320px;}
}

@media (max-width: 960px){ .subVisual_container{display:none; } }




/****************************************
**************  f o o t e r   ****************
***************************************/
/*  공지사항 */
.lt {
	display:flex;
	position:relative;
	margin:0 auto;	
	padding:0.8em 1em ;
	max-width:800px; 
	font-size:14px;
}
.ft_notice{	padding:12px 0; background-color:var(--blue-dark);}
.ft_notice .bx-wrapper{max-width: 800px !important; padding-top:1px; border:0; }
.ft_notice h2{min-width:48px;padding:0 2px 4px 0; margin-right:8px; border-radius:8px;  text-align:center; background-color:#374871; }
.ft_notice a{ font-weight:400 !important; color:#fff !important; }
.bx-controls-direction a{color:#fff !important; }
.ft_notice .bx-wrapper{align-items: left; width: calc(100% - 50px);}

@media(min-width: 768px){
	.lt{display: flex; align-items: center;}
	.lt h2{width: 180px;}
	.lt li{padding-left: 15px;}
	.main-board span:last-child{display:inline-block;}
}

@media(min-width: 1024px){
	.lt h2 {margin-bottom:4px; font-weight:900;}
	.ft_notice a,
	.main-board span {font-size:16px;}
}

@media(min-width: 1920px){
	.lt {padding:0.8em 0 0.8em 50px;}
}


/*   FOOTER */
.footer_container{padding:40px 0; background-color:var(--blue-light);}
footer{max-width:1200px; margin:0 auto;}
footer{font-family:  'Noto Sans KR'; font-size:14px; color:#b8b7b5;}

.footer-logo{ text-align:center;}
.footer-logo img{padding:1em 0; opacity: 0.3;}
footer img{width:20%;}

@media (max-width: 767px){
	.footer-logo{display: none;}
	.footer_container{padding: 40px 16px;}
}

.foot-mothercookie{font-size:1.2em; letter-spacing:0.3em; margin-bottom:0.5em;}



#ft_company a{color:#979593; }

.ft_copy{font-family:  'Noto Sans KR'; font-weight:400 ; font-size:10px; }
.ft_link a{font-weight:400; margin-right:0.8em;}

.foot_bank{display:block !important; padding:1em 0; color:#fff;}

@media (min-width: 767px){
	footer img{width:40%;}
}

@media (min-width: 1280px){   
	.address div{display:inline;}
	.address div span{font-weight:400; color:#fff;}
	.ft_copy{margin-bottom:1em; display:block !important;}
}

/*****************************************************************
************** 쇼핑몰  상세페이지*************************************
*****************************************************************/
/* 상세페이지 모든 제품 공통  */
.common{text-align:center; margin-bottom:40px; }
.g:after{content:'g';}

/* 영양성분 테이블 마더쿠키  */
.cal-product{font-weight:400; margin-bottom:4px;}
.cal-container{width:100%; overflow: hidden; overflow-x: scroll;}
.cal{
	width: 100%;
	min-width:700px;
	border-top:2px solid var(--gray-table);
	border-bottom:2px solid var(--gray-table);
	text-align:center;
	border-collapse: collapse;
}
.cal th,
.cal td{padding:6px; font-color:#909090; font-size:12px; border:1px solid var(--gray-table);}
.cal th:nth-child(1),
.cal td:nth-child(1){	border-left:1px solid #fff; }
.cal th:last-child,
.cal td:last-child{border-right:1px solid #fff;}

@media (min-width: 960px){   
	.cal-product{margin-bottom:8px; }
	.cal-container{overflow: visible;}
	.cal{width: 100%;	min-width:100%;}
	.cal th,
	.cal td{padding:12px; font-size:14px;}
}