/* BASIC css start */
/*탭*/
main{padding-bottom: 10px !important;}

.tab_area{
    margin-top: 50px;
    margin-bottom: 20px;}    

.tab_area .gallery-thumbs{
    margin-top:0 !important;
    /*padding-left: 5%;*/}
    
ul.tabs {
	margin: 0 auto;
	/*width: 400px;*/
	text-align: center;
}
ul.tabs li {
    padding-bottom: 0;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    border-radius: 40px;
    /*margin-right: 5% !important;*/
}

ul.tabs li:nth-child(1){
    text-align: right;}


ul.tabs li:nth-child(4){
    margin-right: 0 !important;}

ul.tabs li.swiper-slide-thumb-active{
}

ul.tabs li.swiper-slide-thumb-active a {
}

ul.tabs li a {
    padding: 7px 0;
    white-space: pre;
    font-size: 13px;
    color: #bebebe;
    text-transform: uppercase;
}

.tab- header{
    display: inline-block;
    width: 100%;}

.tab- header h4{float:left;
    width: 30%;}
    

.tab- header .swiper-container{float:right;width: 62%; margin-top: 0;}

.tab- .tab_container{margin-top: 0 !important;width:100%;}

.tab- .tab_container .thumbs{position:relative; display: block;}

.tab- .tab_container .thumbs img{width:100%}

.tab- .tab_container .thumbs .inner{
    position: absolute;
    bottom: -45px;
    background: #fff;
    width: 90%;
    left: 5%;
    text-align: center;
    border: 1px solid #cecece;
    padding: 15px 20px;}


.tab- .tab_container .thumbs .inner{
    position: absolute;
    bottom: -50px;
    background: #fff;
    width: 90%;
    left: 5%;
    text-align: center;
    border: 1px solid #cecece;
    padding: 15px 20px;
}

.tab- .tab_container .thumbs .inner h4{
    width: 100% !important;
    font-family: lato;
    font-size: 23px;
    padding-bottom: 7px;
    color: #000;
    letter-spacing: -0.1px;
    text-transform: uppercase;}
    
.tab- .tab_container .thumbs p{
    color: #8e8d8d;
    font-size: 13px;
    line-height: 1.2;
    font-weight: 200;}
    
    
.tab- .swiper-container{ margin-top:75px; }

.tab- .swiper-container .product-list{
    padding: 0 !important;
    flex-direction: inherit !important;
    margin-bottom: -10px;
}

.tab- .product-list li{
    padding: 0 !important;  
}

.tab- .product-list li a{display:block}

.tab- .product-list li .info{
    display: block;
    margin: 5px 15px 45px;}
    
.tab- .swiper-button-next, .tab- .swiper-button-prev{display:none}

.tab- .tabs{/*margin-left: -30%;*/}


#intDCP { 
    float: unset !important;
    letter-spacing: 0;
}
.pct {
	position: absolute;
	right: -1px;
	color: #94223e !important;
	font-size: 20px;
	font-weight: 900;
	bottom: 3px;
}

/*step_01*/
.box{_margin-top:1% !important}
.box ul{font-size: 0;text-align:left;}
.box li{float: left;display: inline-block; width: 49.5%;  margin-bottom: 1%;}
.box li:nth-child(2n){float:right}
.box .prd{}
    

.box .prd a{
    display: block;
    position: relative;
    padding: 10px;}
    
    
.box .prd a .prd-info{
    margin-top: 10px;
    text-align: center;
    display: block;
    width: 100%;}
    
    
.box .prd a img{width:100%}

.box .prd a .name{
    font-size: 14px;
    color: #333232;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
    
.box .prd a .origin{
    font-size: 13px;
    color: #333232;
    padding-top: 5px;
    height:21px;
}
    
.box .prd a .sale{
    color: #e77029;
    padding-top: 3px;
    font-size: 13px;}


/* 롤링배너 */
#mainslide .swiper-pagination-bullet {
	background: #e9e9e9 !important;
	border-radius: 0 !important;
	width: 20px !important;
	height: 5px !important;
	margin: 0 3px !important;
	opacity: 1 !important;
}
#mainslide .swiper-pagination .swiper-pagination-current {
}
#mainslide .swiper-pagination .swiper-pagination-total {
}
#mainslide .swiper-pagination-bullet-active {
	background: #000 !important;
}
#mainslide .swiper-pagination {
    display: table;
    width: 46px;
    text-align: center;
    position: absolute;
    left: 10px;
    right: inherit;
    background: rgba(0,0,0,0.5);
    border-radius: 50px;
    color: #fff;
    font-size: 12px;
    padding: 4px 4px;
    font-family: 'NanumSquareRound';
}

/*메인 공통 레이아웃*/
.main_ban_wrap {
    margin-top: 25px;
    text-align: center;
    display: inline-block;
    width: 100%;
}
.main_ban_wrap.quick {
    padding-bottom: 35px;
    margin-left:20px;
    margin-top: 25px;
}
.main_ban_wrap h2 {
	font-family: 'NanumSquare', sans-serif;
	font-size: 18px;
	padding-bottom: 0;
	font-weight: 800;
	letter-spacing: -1px;
	color: #000;
}
.main_ban_wrap > div {
	margin-left: 10px;
	letter-spacing: 0px;
	word-spacing: 0px;  /*width:105%;*/
	margin-bottom: 5px;
}
.main_ban_wrap > div a {
	text-overflow: ellipsis;
	overflow: hidden;
    color: #000;
	display: block;
}


/*퀵배너*/

#QUICK{margin: 0;}
#QUICK .thumb img{width:100%}
#QUICK .thumb{margin-bottom: 7%;}
#QUICK .item-list .prd-name{font-size: 0.9em; letter-spacing: -1px;}

/*
#QUICK .item-list{width: 23%; margin: 1%;}

#QUICK .item-list:nth-last-child(1){margin-right:0}


*/
/*단계별 이유식*/
#step{text-align:center; font-size: 0;}
.main_ban_wrap h3{letter-spacing:-1px;font-weight:bold; font-size:21px; color:#000}

.main_ban_wrap h4{
    letter-spacing: -1px;
    font-size: 13px;
    color: #000;
    padding: 10px 0 20px;}

.step_box{
    vertical-align: top;
    margin: 0 !important;
    width: 49%;
    display: inline-block;
    padding: 0;}
    
   
.step_box a{
    margin: 0 !important;
    position: relative;
    display:block}
    
.step_box a .step{
    width: 55px;
    height: 55px;
    position: absolute;
    left: 20px;
    line-height: 65px;
    top: 5px;
    background: #ffce00;
    text-align: center;
    border-radius: 100%;
    color: #fff;}
    
.step_box a .step b{
    font-size: 25px;
    font-family: 'Roboto', sans-serif;
    position: absolute;
    font-weight: 500;
    top: -15px;
    left: 20px;}


.step_box a .step span{
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    display: block;
    position: absolute;
    bottom: -14px;
    left: 14px;}
    
.step_box a img{
    width: 80%;
    margin: 0 auto;
    padding-left: 20px;}

.step_box a .name{
    margin-top: -10px;
    font-size: 15px;
    color: #1f1f1f;
    letter-spacing: -1px;
    font-weight: 500;
    padding: 0 20%;}
    
.step_box a .subname{
    font-size: 12px;
    color: #1f1f1f;
    letter-spacing: -0.3px;
    padding-top: 5px;
    padding-bottom: 20px;}
    

/*포토리뷰*/
#photo {
	background: #f8f8f8;
	margin-top: 60px;/* padding: 12px;*/
}
#photo .item-wrap {
    padding-top: 30px;
}
#photo .cateTit {
	padding: 25px 0;
	padding-bottom: 20px;
	text-align: center;
}
#photo .photoreview {
	padding-bottom: 65px !important;
	width: 95%;
	overflow: hidden;
}
#photo .photoreview .swiper-pagination {
	bottom: 30px;
}


.photoreview .swiper-pagination-bullet{
    opacity:1;
    background: none;
    border: 1px solid #000;
    width: 5px;
    height: 5px;}

.photoreview .swiper-pagination-bullet-active {
    background: #000;}

#photo p.line {
	height: 2px;
	background: #000;
	width: 12px;
	margin: 10px auto;
}
#photo .item-list {/*
    width:49% !important;*/
	background: #fff;
	display: inline-block;/* margin-right: 1% !IMPORTANT;*/
}
#photo .item-list:nth-child(odd) {
	float: left
}
#photo .item-list:nth-child(even) {
	float: right
}
#photo .item-list img {
	width: 100%
}
#photo .item-list dt {
	border: 1px solid #ddd;
}
#photo .item-list .prd-info {
	border: 1px solid #dfdfdf;
	border-top: 0;
}
#photo .prd-info ul.info1 {
}
#photo .prd-info ul.info2 {
    border-top: 1px solid #ddd;
    margin-top: 12px;
    padding-top: 12px;
    color: #747474;
    margin: 10px;
    display: block;
}
#photo .prd-info ul li {
	text-align: left
}
#photo .prd-info ul.info1 li.name {
    color: #a5a5a5;
	padding: 0 10px;
}
#photo .prd-info ul.info1 li.name a {
	font-size: 15px
}
#photo .prd-info ul.info1 li.cont {
    padding: 10px;
    padding-bottom: 3px;
}
#photo .prd-info ul.info1 li.cont a {
    color: #000000;
    line-height: 1.2;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


#photo .prd-info ul.info2 li.mini{vertical-align:top; display:inline-block;
    width: 20%;
    float: left;}

#photo .prd-info ul.info2 li.hit {
    vertical-align:top; 
    display:inline-block;
}
#photo .prd-info ul.info2 li.hit  em {
	display: inline-block;
	vertical-align: top;
    color:#ffce00;
    padding-right:3px;
}

#photo .prd-info ul.info2 li.hit .score {
	display: inline-block;
	border: 0;
	padding: 0;
}

#photo .prd-info ul.info2 li.hit p{color:#000}

#photo .prd-info ul.info2 li.hit .review {display: inline-block;}


/*수상내역*/
#awards{padding: 30px 0;}
#awards .swiper-slide{}
#awards .swiper-slide .thumb img{width:80%}
#awards .prd-name{
    padding-top: 20px;
    color: #000;
    font-size: 1.1em;}
    
#awards .swiper-slide dd{
    padding: 0 5px;
    text-align: center;}
    
    
#event{
    margin: 30px 0 50px;}
/* BASIC css end */