section{width: 1400px;margin: 0 auto; padding: 120px 0;	}
section h1{font-size: 40px; text-align:center; font-weight: bold; margin-bottom: 60px;	}
.ptn_wrap{width: 100%; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:40px;}
.ptn_wrap > div{width: 38%; height: 550px; border-radius:12px; background: #f8f8f8; border:1px solid #fbfbfb; box-shadow:5px 5px 5px rgba(204,204,204,0.5);
padding: 40px 20px; overflow: hidden;}
.han .img_box{width:100%; height:286px ;background: url('/img/img01.jpg')no-repeat center center; background-size: cover; border-radius:12px; margin-bottom: 40px;}
.han .logo_box{width:100%; height:74px ;background: url('/img/logo01.png')no-repeat center center; background-size: contain; margin-bottom: 40px;}
.han a{display:flex; justify-content:center; align-items:center;gap:10px; font-size: 24px; line-height: 32px;}

.ty .img_box{width:100%; height:286px ;background: url('/img/img02.jpg')no-repeat center center; background-size: cover; border-radius:12px; margin-bottom: 40px;}
.ty .logo_box{width:100%; height:74px ;background: url('/img/logo02.png')no-repeat center center; background-size: contain; margin-bottom: 40px;}
.ty a{display:flex; justify-content:center; align-items:center;gap:10px; font-size: 24px; line-height: 32px;}

.pg .img_box{width:100%; height:286px ;background: url('/img/img03.png')no-repeat center center; background-size: cover; border-radius:12px; margin-bottom: 40px;}
.pg .logo_box{width:100%; height:74px ; font-size: 56px; line-height: 74px; font-weight: bold; text-align:center;margin-bottom: 40px;}
.pg a{display:flex; justify-content:center; align-items:center;gap:10px; font-size: 24px; line-height: 32px;}

.wp .img_box{width:100%; height:286px ;background: url('/img/img04.jpg')no-repeat center center; background-size: cover; border-radius:12px; margin-bottom: 40px;}
.wp .logo_box{width:100%; height:86px ;background: url('/img/logo03.png')no-repeat center center; background-size: contain;margin-bottom: 28px;}
.wp a{display:flex; justify-content:center; align-items:center;gap:10px; font-size: 24px; line-height: 32px;}

@media screen and (max-width:1400px) {


section{width: 100%;margin: 0 auto; padding: 8.5714vw 0;	}
section h1{font-size: 2.8571vw;   margin-bottom: 4.2857vw;	}
.ptn_wrap{width: 100%;   align-items:center; flex-wrap:wrap; gap:2.8571vw;}
.ptn_wrap > div{width: 38%; height: 39.2857vw; border-radius:0.8571vw; background: #f8f8f8; border:0.0714vw solid #fbfbfb; box-shadow:0.3571vw 0.3571vw 0.3571vw rgba(204,204,204,0.5);
padding: 2.8571vw 1.4286vw; }
.han .img_box{width:100%; height:20.4286vw ;background: url('/img/img01.jpg')no-repeat center center; background-size: cover;  border-radius:0.8571vw; margin-bottom: 2.8571vw;}
.han .logo_box{width:100%; height:5.2857vw ;background: url('/img/logo01.png')no-repeat center center; background-size: contain;  margin-bottom: 2.8571vw;}
.han a{ justify- align-items:center;gap:0.7143vw; font-size: 1.7143vw; line-height: 2.2857vw;}

.ty .img_box{width:100%; height:20.4286vw ;background: url('/img/img02.jpg')no-repeat center center; background-size: cover; border-radius:0.8571vw; margin-bottom: 2.8571vw;}
.ty .logo_box{width:100%; height:5.2857vw ;background: url('/img/logo02.png')no-repeat center center; background-size: contain;  margin-bottom: 2.8571vw;}
.ty a{align-items:center;gap:0.7143vw; font-size: 1.7143vw; line-height: 2.2857vw;}

.pg .img_box{width:100%; height:20.4286vw ;background: url('/img/img03.png')no-repeat center center; background-size: cover; border-radius:0.8571vw; margin-bottom: 2.8571vw;}
.pg .logo_box{width:100%; height:5.2857vw ; font-size: 4.0000vw; line-height: 5.2857vw;  margin-bottom: 2.8571vw;}
.pg a{  align-items:center;gap:0.7143vw; font-size: 1.7143vw; line-height: 2.2857vw;}

.wp .img_box{width:100%; height:20.4286vw ;background: url('/img/img04.jpg')no-repeat center center; background-size: cover; border-radius:0.8571vw; margin-bottom: 2.8571vw;}
.wp .logo_box{width:100%; height:6.1429vw ;background: url('/img/logo03.png')no-repeat center center; background-size: contain;margin-bottom: 2.0000vw; }
.wp a{  align-items:center;gap:0.7143vw; font-size: 1.7143vw; line-height: 2.2857vw;}

a img{width: 1.2143vw;}
}

@media screen and (max-width:1000px) {
section h1{font-size: 5.2vw;}
.ptn_wrap{padding: 0 2.000vw;}
.ptn_wrap > div{width:90%; height: 60.0000vw; border-radius:0.8571vw; background: #f8f8f8; border:0.0714vw solid #fbfbfb; box-shadow:0.3571vw 0.3571vw 0.3571vw rgba(204,204,204,0.5);
padding: 4.0vw 2.0vw; }

.han .img_box{height:32.0000vw;} 
.han .logo_box{width:100%;height:10.4000vw; background: url('/img/logo01.png')no-repeat center center; background-size: contain;margin-bottom: 2.000vw; }
.han a{font-size: 3.8000vw; line-height: 4.9000vw; gap:1.0vw;}


.ty .img_box{height:32.0000vw;} 
.ty .logo_box{width:100%; height:10.4000vw; background: url('/img/logo02.png')no-repeat center center;background-size: contain;margin-bottom: 2.000vw; }
.ty a{font-size: 3.8000vw; line-height: 4.9000vw; gap:1.0vw;}

.pg .img_box{height:32.0000vw;background: url('/img/img03.png')no-repeat top center;background-size: cover;} 

.pg .logo_box{font-size: 7vw; line-height: 9.1vw;margin-bottom:6.000vw;}
.pg a{font-size: 3.8000vw; line-height: 4.9000vw; gap:1.0vw;}

.wp .img_box{height:32.0000vw;}
.wp .logo_box{width:100%;height:11.6000vw ;background: url('/img/logo03.png')no-repeat center center;background-size: contain; margin-bottom: 2.000vw;}
.wp a{ font-size: 3.8000vw;line-height: 4.9000vw; gap:1.0vw;}


a img{width: 2.000vw;}
}