/*coffee*/
.subcon .coffee{ margin-top:75px; border-top:1px solid #e2e2e2; padding-top:30px;}
.subcon .coffee .coffee1{ padding-top:400px; background:url(../images/coffee1.jpg) top center no-repeat; margin-bottom:75px;}
.subcon .coffee h2{ text-align:center; margin-bottom:25px; color:#14bfb9; font-weight:300;}
.subcon .coffee .coffee1 ul{ overflow:hidden; margin-top:50px;}
.subcon .coffee .coffee1 li{ float:left; width:200px; height:200px; border-radius:100px; background:#14bfb9;
    text-align:center; color:#fff; letter-spacing:-0.07em; font-weight:bold; padding-top:94px;
    margin-right:25px; box-sizing:border-box; }
.subcon .coffee .coffee1 li:first-child{ padding-top:82px; }
.subcon .coffee .coffee1 li:last-child{ margin-right:0;}

.subcon .coffee .coffee2{ border-top:1px solid #e2e2e2; background:url(../images/coffee2.jpg) 0 210px no-repeat;}
.subcon .coffee .coffee2 h2{ margin-top:75px; }
.subcon .coffee .coffee2 p.coffee2_p{ padding-bottom:310px; }


/*----------------------------------------------------------*/
/* 일반 pc */
@media screen and (max-width:1280px) {
	.subcon .coffee{ margin-top:50px; }
	.subcon .coffee .coffee1 ul{ width:830px; margin: 30px auto 0;}
	.subcon .coffee .coffee1 li{ width:150px; height:150px; border-radius:75px; padding-top:70px;
	    margin-right:20px; }
	.subcon .coffee .coffee1 li:first-child{ padding-top:60px; }
	.subcon .coffee .coffee1 li:last-child{ margin-right:0;}
}

/* 테블릿 */
@media screen and (max-width:1024px) {
}

/* 소형 테블릿 */
@media screen and (max-width:768px) {

}

/* 모바일 */
@media screen and (max-width:640px) {

}

/* 최소 사이즈 처리 */
@media screen and (max-width:480px) {
    #wrap { min-width:320px; }
}