header{
	background:url(/assets/kr/images/product/product_bg.jpg) no-repeat center / cover;
}

.wrap{
	width:100%;
	height:max-content;
	background: url('/assets/kr/images/company/bg_effect.png') no-repeat right center/ contain;
}

.container{
	width:100%;
	height:max-content;
	max-width:1200px;
	margin:0 auto;
}

.container .headtxt{
	width:100%;
	padding-top: 80px;
	padding-bottom:60px;
}

.container .headtxt .title{
	font-size:25px;
	font-weight:700;
}

.container .headtxt .sub{
	padding-top:10px;
	font-size:16px;
	line-height:23px;
}

.container .contents{
	width:100%;
	height:700px;
	padding-top:40px;
}

.container .tabmenu{
	width:100%;
	max-width:600px;
	height:50px;
	margin:25px auto;
	font-family:"Noto Sans KR", sans-serif;
}

.container .tabmenu button{
	width:95px;
	height:45px;
	line-height:45px;
	background-color:transparent;
	border:1px solid #fff;
	border-radius:0 18px 0 18px;
	transition:all 0.2s;
	box-sizing:border-box;
}

.container .tabmenu button.active{
	color:#fff;
	background-color:rgba(95,218,130,1);
	box-sizing:border-box;
}

.container .tabmenu button.active:hover{
	color:#fff;
	background-color:rgba(95,218,130,1);
	box-sizing:border-box;
}

.container .tabmenu button:hover{
	background-color:rgba(95,218,130,0.3);
	color:rgba(60,180,94,1);;
	box-sizing:border-box;
	font-weight:600;
}


.enter{
	display: none;
}
.enter2{
	display: none;
}
.pd_wrap{
	width:100%;
	max-width:1200px;
	height:auto;
	margin:0 auto;
	margin-bottom:100px;
}
.pd_wrap_mobile{
	display: none;
	width:100%;
	max-width:1200px;
	height:auto;
	margin:0 auto;
	margin-bottom:100px;
}
.pd_contents{
	width:100%;
	height:max-content;
	max-width:1200px;
	margin:0 auto;
	padding:50px auto;
}

.pd_contents .thumb{
	width:100%;
	max-width: 1200px;
 }
.pd_contents .thumb02{
	display: none;
	width:100%;
	max-width: 1200px;
 }
 .pd_contents .thumb .content{
	width:22%;
	height:max-content;
	margin:1.5% 1.5%;
	padding-top: 20px;
	padding-bottom: 40px;
	float:left;
	box-shadow:5px 5px 10px rgba(0,0,0,0.2);
}
 .pd_contents .thumb02 .content{
	width: 45%;
    height: max-content;
    margin: 4% 0% 4% 4%;
    padding-top: 20px;
    padding-bottom: 40px;
    float: left;
    box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
}


 .pd_contents .thumb .content div{
	width:90%;
	height:100%;
	margin: 0 5%;
	cursor:pointer;
	float:left;
}
 .pd_contents .thumb02 .content div{
	width:90%;
	height:100%;
	margin: 0 5%;
	cursor:pointer;
	float:left;
}
.pd_contents .thumb .content div img{
	width:70%;
	margin:15% 15%;
}
.pd_contents .thumb02 .content div img{
	width:70%;
	margin:15% 15%;
}
.pd_contents .thumb .content div p{
	text-align: center;
}
.pd_contents .thumb02 .content div p{
	text-align: center;
}
.pd_contents .item02{
	display:none;
}
.pd_contents .item li{
	width:97%;
	height:400px;
	margin: 20px 1.5% 30px 1.5%;
	float:left;
	background-color:#e4efc4;
	display:none;
}
.pd_contents .item02 li{
	width:91%;
	height:660px;
	margin: 20px 5% 30px 5%;
	float:left;
	background-color:#e4efc4;
	display:none;
	position: relative;
}
 .pd_contents .item img{
	width:360px;
	margin:20px;
	float:left;
}
 .pd_contents .item02 img{
	width:360px;
	margin-top:40px;
	float:left;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
.pd_contents .item .cnt_info{
	float:left;
	width:500px;
	margin:100px 0 0 70px;
}
.pd_contents .item02 .cnt_info{
	width:90%;
	margin: 0 auto;
	margin-top: 440px;
}
.pd_contents .item .cnt_info .title{
	font-size:30px;
	font-weight:600;
}
.pd_contents .item02 .cnt_info .title{
	font-size:23px;
	font-weight:600;
	text-align: center;
}
 .pd_contents .item .cnt_info .title span{
	font-size:15px;
	font-weight:200;
	margin-left:20px;
}
 .pd_contents .item02 .cnt_info .title span{
	font-size:15px;
	font-weight:200;
	margin-left:10px;
}
 .pd_contents .item .cnt_info .sub{
	font-size:15px;
	font-weight:100;
	margin-top:30px;
}
 .pd_contents .item02 .cnt_info .sub{
	font-size:15px;
	font-weight:100;
	margin-top:30px;
	text-align: center;
}
.pd_contents .item .cnt_info a{
	width:200px;
	height:50px;
	display:block;
	border:1px solid rgba(0,0,0,0.7);
	box-sizing:border-box;
	line-height:50px;
	margin-top:50px;
	transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
}
.pd_contents .item02 .cnt_info a{
	width:200px;
	height:50px;
	display:block;
	margin: 0 auto;
	border:1px solid rgba(0,0,0,0.7);
	box-sizing:border-box;
	line-height:50px;
	margin-top:30px;
	transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
}
.pd_contents .item .cnt_info a .fa-arrow-right{
	margin-right:10px;
	margin-left:45px;
}
.pd_contents .item02 .cnt_info a .fa-arrow-right{
	margin-right:10px;
	margin-left:45px;
}
.pd_contents .item .cnt_info a:hover{
	background-color:rgba(0,0,0,0.7);
	color:#fff;
}
.pd_contents .item02 .cnt_info a:hover{
	background-color:rgba(0,0,0,0.7);
	color:#fff;
}

.pd_wrap .comming_soon,
.pd_wrap_mobile .comming_soon{
	width:100%;
	height:600px;
	background: url('/assets/kr/images/product/comming.png') no-repeat center / contain;
}


/*애터미OEM*/
.wrap{
	width:100%;
	height:max-content;
	background: url('/assets/kr/images/company/bg_effect.png') no-repeat right center/ contain;
}


.container .contents04{
	margin-bottom:100px;
}

.container .contents p{
	color:#a1a1a1;
	padding-left:10px;
}

.container .contents .pd_img{
	float:left;
	width:32.5%;
}

.container .contents .pd_img img{
	width:90%;
	margin-top:10%;
}

.container .contents .material{
	float:left;
	width:67.5%;
	height:350px;
	border-color:#e5e5e5;
	margin-bottom:40px;
}

.container .contents .material caption{
	font-size:25px;
	font-weight:600;
	padding:8px;
}

.container .contents .material tbody tr td{
	padding-left:15px;
}

.container .contents .material td span{
	background-color:#10d6af;
}

.container .contents .nutrient{
	float:left;
	width:100%;
	height:210px;
	border-color:#e5e5e5;
}

.container .contents .nutrient tbody tr td{
	text-align:center;
}

.container .contents .nutrient tr{
	height:70px;
}

.container .contents .nutrient tbody .textalign td{
	padding:25px;
	text-align:left;
}
/*애터미OEM end*/


/*반응형*/

@media (min-width: 1025px) and (max-width: 1280px) {

/*atomy*/
.container .contents .pd_img img{
	margin-top:30%;
}
.pd_contents .thumb .content {
    height: 270px;
}
.enter2{
	display: block;
}
.pd_contents .item .cnt_info .title {
    font-size: 25px;
    font-weight: 600;
}

}


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

/*atomy*/

.container .contents01{
	height:760px;
}

.container .contents02{
	height:720px;
}

.container .contents03{
	height:730px;
}

.container .contents04{
	height:820px;
	margin-bottom:0;
}

.container .contents .pd_img img{
	margin-top:50%;
}


/*제품*/
.enter2{
	display: block;
}
.pd_contents .thumb .content {
    height: 220px;
}
.pd_contents .item li{
	width:97%;
	height:300px;
	margin: 20px 1.5% 30px 1.5%;
	float:left;
	background-color:#e4efc4;
	display:none;
}

 .pd_contents .item img{
	width:260px;
	margin:20px;
	float:left;
}

.pd_contents .item .cnt_info{
	float:left;
	width: 390px;
    margin: 65px 0 0 30px;
}
.pd_contents .item .cnt_info .title {
    font-size: 25px;
    font-weight: 600;
}
.pd_contents .item .cnt_info .sub {
    margin-top: 20px;
}


}


@media (min-width: 481px) and (max-width: 767px) {

section.container{
	margin:0 auto;
}

section.container .tabmenu{
	margin:0;
}

section.container .tabmenu button{
	width:73px;
	height:45px;
	line-height:45px;
	background-color:transparent;
	border:1px solid #fff;
	border-radius:0 18px 0 18px;
	transition:all 0.2s;
	box-sizing:border-box;
}


/*atomy*/
.container .contents{
	height:1100px;
}

.container .contents01{
	height:1100px;
}

.container .contents02{
	height:1050px;
}

.container .contents03{
	height:1030px;
}

.container .contents04{
	height:1350px;
	margin-bottom:0;
}

.container .contents .pd_img{
	float:left;
	width:100%;
}

.container .contents .pd_img img{
	width:60%;
	margin:0 20% 10%;
}

.container .contents .material{
	width:100%;
}


/*제품*/
.enter2{
	display: block;
}
.pd_wrap{
	display: none;
}
.pd_wrap_mobile{
	display: block;
}
.pd_contents .thumb {
    display: none;
}
.pd_contents .item {
    display: none;
}
.pd_contents .thumb02 {
    display: block;
}
.pd_contents .item02 {
    display: block;
}
.pd_contents .thumb02 .content div {
    width: 95%;
    height: 100%;
    margin: 0 2.5%;
    cursor: pointer;
    float: left;
    font-size: 14px;
}

.pd_wrap_mobile .comming_soon{
	width:100%;
	max-width:450px;
	height:500px;
	margin:50px auto 0;
}



}


@media (min-width: 320px) and (max-width: 480px) {
section.container{
	margin:0 auto;
}

section.container .tabmenu{
	height:90px;
	margin:0;
}

section.container .tabmenu button{
	width:98px;
	height:45px;
	line-height:45px;
	background-color:transparent;
	border:1px solid #fff;
	border-radius:0 18px 0 18px;
	transition:all 0.2s;
	box-sizing:border-box;
	margin-bottom:10px;
}

/*atomy*/
.container .contents{
	height:1000px;
	overflow:hidden;
}

.container .contents02{
	height:900px;
}

.container .contents03{
	height:950px;
}

.container .contents04{
	height:1100px;
	margin-bottom:0;
}

.container .contents .pd_img{
	float:left;
	width:100%;
}

.container .contents .pd_img img{
	width:60%;
	margin:0 20% 10%;
}

.container .contents .material{
	width:100%;
	margin-bottom:20px;
	box-sizing:border-box;
	font-size:13px;
}

.container .contents .nutrient{
	box-sizing:border-box;
	font-size:12px;
	max-width:300px;
}

.container .contents .nutrient tbody .textalign td{
	padding:0;
}

.container .contents p{
	color:#a1a1a1;
	padding-left:0;
	font-size:13px;
}




/*제품*/
.enter{
	display: block;
}
.pd_wrap{
	display: none;
}
.pd_wrap_mobile{
	display: block;
}
.pd_contents .thumb {
    display: none;
}
.pd_contents .item {
    display: none;
}
.pd_contents .thumb02 {
    display: block;
}
.pd_contents .thumb02 .content {
    height: 195px;
}
.pd_contents .item02 {
    display: block;
}
.pd_contents .item02 li {
    height: 560px;
}
.pd_contents .item02 img {
    width: 290px;
    margin-top: 25px;
}
.pd_contents .item02 .cnt_info {
    width: 100%;
    margin-top: 350px;
}
.pd_contents .item02 .cnt_info .title {
    font-size: 20px;
}
.pd_contents .item02 .cnt_info .sub {
    margin-top: 15px;
}
.pd_contents .item02 .cnt_info a {
    margin-top: 40px;
}

.pd_wrap_mobile .comming_soon{
	width:100%;
	max-width:450px;
	height:500px;
	margin:10px auto 0;
}

}