@charset "utf-8";

/****************************** partners ******************************/
.partners{background:#f1f1f1}
.partners .sub-head{margin-bottom:3.333rem}
.partners .sub-head h2{color:#fff}
.partners h3{margin-bottom:30px; color:#111; line-height:21px; font-size:21px; font-weight:bold; text-align:center; opacity: 0; padding-top: 50px;text-transform: uppercase;}

.partners .header-sm .btn-menu .bar{background:#fff;}
.partners .header-sm h1 a{background: url(/images/common/h1_logo2.png) 0 0 no-repeat;background-size:70px;}
.partners header .header-md h1 a{background: url(/images/common/h1_logo_v2_pc.png) 0 0 no-repeat;}
.partners header .header-md .gnb .menu li a{color:#fff}
.partners header .header-md .gnb .menu li .animate .obje{background:#fff}
.partners header .header-md .gnb .top li a{color:#999}

.partners .cont{padding-bottom:4.167rem}
.partners .cont .wrap-list{padding:0 15px; margin:0 auto 60px auto; max-width:480px}
.partners .cont .wrap-list .pr-list{margin-bottom:2.5rem;}
.partners .cont .wrap-list .pr-list li{overflow: hidden;float:left;margin-bottom:.667rem;margin-right:.667rem;width:calc(50% - 0.336rem);position:relative;top:20px;opacity: 0;}
.partners .cont .wrap-list .pr-list li a{display: block;width: 100%;}
.partners .cont .wrap-list .pr-list li img{max-width:100%;width: 100%;}
.partners .cont .wrap-list .pr-list li:nth-child(2n){margin-right:0;}

@media screen and (min-width:768px){
	
	.partners h3{margin-bottom:40px;line-height:30px; font-size:30px;}
	.partners .cont .wrap-list{padding:0 15px; margin:0 auto 100px auto; max-width:768px}

	.partners .sub-head{margin-bottom:80px}
	.partners .cont .wrap-list .pr-list li{margin-bottom:15px;margin-right:15px;width:calc(33% - 8px);}
	.partners .cont .wrap-list .pr-list li:nth-child(2n){margin-right:15px;;}
	.partners .cont .wrap-list .pr-list li:nth-child(3n){margin-right:0;}
}

@media screen and (min-width:992px){
	.partners h3{margin-bottom:55px;line-height:40px; font-size:40px;text-transform: uppercase;}
	.partners .cont .wrap-list{padding:0 15px; margin:0 auto 150px auto; max-width:1200px}

	.partners .sub-head{margin-bottom:120px}
	.partners .cont{padding-bottom:116px}
	.partners .cont .wrap-list .pr-list li{margin-bottom:40px;margin-right:30px;width:calc(25% - 22.5px);}
	.partners .cont .wrap-list .pr-list li:nth-child(2n){margin-right:30px;}
	.partners .cont .wrap-list .pr-list li:nth-child(3n){margin-right:30px;}
	.partners .cont .wrap-list .pr-list li:nth-child(4n){margin-right:0;}
}