@charset "UTF-8";


@media (max-width:1669px) {
	
	
/* 	#section0 .visual ul li {height:68rem}
	#section0 .visual ul li a {padding-bottom: 12rem} */
	
}



@media (max-width:1024px) {

	#section0 .visual .desc .tit {display:block; font-size:4rem; font-weight:200; word-break:keep-all}
	#section0 .visual .desc .txt {font-size:5rem; font-weight:400; word-break:keep-all}
	#section0 .visual .desc .txt span {font-weight:600}
	
	
	
	#section1 {padding: 5rem 0}
	/*유산균 보유현황*/
	#section1 .group > div {width: 100%}
	#section1 .group .current {padding-right:0}
	#section1 .group .download {padding:5rem 0 0}
	#section1 .group .download .title {margin-bottom:0}
	#section1 .group .more {right:0}
	
	/*분야별 문의처*/
	#section2 { height: auto; padding: 5rem 0}
	#section2 .group .box .item { width: calc(50% - 2rem)}
	#section2 .group .box .item:nth-child(n+1) {margin-top: 2rem}
	#section2 .group .box .item:nth-child(n+3) {margin-top: 2rem}

}


@media (max-width:768px) {
	

	/*** 섹션0 ***/
	/*비주얼*/
	#section0 .visual ul li:hover {background: 0}
	#section0 .visual .list {height:100%;}
	#section0 .visual .list div {height:100%}
	#section0 .visual .list .item {width: 100%; padding-top: 48%; display: inline-block; position: relative}
	#section0 .visual .list .img {position: absolute; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover}
	
    #section0 .visual .desc {top: 35%}
	#section0 .visual .desc .tit {margin-bottom:1rem}
	#section0 .visual ul li a .txt {text-align: center; word-break: keep-all}
	
	/*아이콘*/
	#section0 .visual .icon-box {height:50%}
	#section0 .visual .icon-box ul{justify-content:inherit}
	#section0 .visual .icon-box ul li {flex:inherit; border-left:0; width:25%; height:50%}

	/*visual-hover*/
	#section0 .visual .icon-box ul li:hover {background-image: none !important}
	#section0 .visual .icon-box ul li a:hover {height:0}
	#section0 .visual .icon-box ul li a:hover:after {opacity:0}
	#section0 .visual .icon-box ul li a:hover .txt {font-size:2rem; font-weight:normal}
	#section0 .visual .icon-box ul li a:hover .txt-on {display:none}


	/*visual-active*/
	#section0 .visual.active .desc {display:block}
	#section1 .group .item strong {font-size:4rem}
	
	#section1 .group .item .link {padding:2rem 2.5rem}
	#section1 .group ul li {padding: 5rem 9rem 5rem 0;}
	#section1 .group ul {height:auto;}
	
	
}

@media (max-width:640px) {
	#section2 .group .box {height: auto}
	#section2 .group .box .item { width: calc(100% - 2rem)}
	#section2 .group .box .item:nth-child(n+3) {margin-top: 2rem}	
}

@media (max-width:480px) {

	#section0 .visual .desc .tit {font-size:3rem}
	#section0 .visual .desc .txt {font-size:3.5rem}
	#section0 .visual .icon-box {padding-top:3rem}

	#section1 .group .item .link {padding:2rem}
	#section1 .group .desc strong .xi-download {background-color: #2149a6; width: 3.5rem; height: 3.5rem; border-radius: 5rem; position: absolute; display: inline-block; margin: 0 0 0 1rem}
	#section1 .group .desc strong .xi-download:before { color: #fff; top: 0.5rem; left: 0.5rem}
	
	/*관련서식 다운로드
	#section1 .group .desc {text-align:center}
	#section1 .group .desc strong {background-color: #2149a6; border-radius: 100rem; color: #fff; padding:1rem 0; margin-bottom:1rem}
	#section1 .group .desc strong .xi-download:before {color: #fff}
	*/

	/*분야별 문의처*/
	#section2 {height: auto}
	
	

}