@charset "utf-8";

.bo-top {}
.bo-article {}
.bo-bottom {}


#section01 {padding-top:14rem;padding-bottom:14rem;}
#section01 .item-box {display:flex;flex-wrap:wrap;gap:1.2rem;}
#section01 .item-box .item {width:calc((100% - 1.6rem) / 2);text-align:center;border-left:0.1rem solid #353f86;border-right:0.1rem solid #353f86;border-top:0.1rem solid #353f86;border-bottom:0.1rem solid #353f86;}
#section01 .item-box .item img {width:100%;}
#section01 .item-box .item:nth-child(n+3) {padding-top:9rem;}
#section01 .item-box .item h3 {font-size:3rem;padding-top:4rem;padding-bottom:2rem;width:90%;margin:0 auto 2rem;border-bottom:0.1rem solid #353f86;}
#section01 .item-box .item .desc {font-size:1.85rem;line-height:1.6;padding:2rem 0 6rem;letter-spacing:-0.08rem;}
    
#section02 {}

@media (max-width: 1279px) {
    .width-m {width:100%;}
	
    #section01 {padding-top:9rem;padding-bottom:}
    #section01 .item img {width:100%;}
    #section01 .item-box {justify-content:space-between;gap:0.6rem;}
    #section01 .item-box .item {width:calc((100% / 2) - 0.6rem);}
    #section01 .item-box .item h3 {font-size:1.8rem;padding:3rem 0 2rem;}
    #section01 .item-box .item:not(:first-child) {padding-top:0;}
    
    #section01 .item-box .item .font-gmarket {font-size:2rem;}
    #section01 .item-box .item .desc {font-size:1.4rem;padding:0 1rem;word-break:keep-all;padding-bottom:3rem;letter-spacing:-0.015rem;}
}
    
@media (min-width: 1280px) and (max-width: 1680px) {
    .width-m {width:100%;}
    .width-m {width:90%;margin:0 auto;}

    #section01 .item img {width:100%;}
}