body { background-color:#f9f6f1; }
.info_w { background-image:url('/images/W/common/common_bg2.png'); background-position:top center; background-repeat:no-repeat; background-size:100% auto; padding:135px 0; }
.info_w .info-container { margin:0 auto; width:1100px; padding:70px 80px; background:#ffffff; border-radius:10px; }
.info_w .info-container .info-logo { margin-bottom:10px; text-align:center; }
.info_w .info-container h1 { font-size:40px;  font-weight:700; letter-spacing:-1px; color:#222222; }
.info_w .info-container p { font-size:20px; font-weight:400; letter-spacing:-1px; color:#222222; line-height:35px; border-bottom:2px solid #222222; margin-bottom:10px; }
.info_w .info-container pre { white-space: pre-wrap;font-family: 'Noto Sans KR', 'Roboto', 'sans-serif';font-size:14px; font-weight:300; letter-spacing:-1px; color:#222222; line-height:20px; }


@media all and (max-width:1200px) {
    .info_w{
        padding: 100px 0;
    }
    .wrap-container {
        width: 100%;
    }
    .info_w .info-container {
        width: 90%;
        padding: 5%;
    }
}
@media all and (max-width:768px) {
    .info_w{
        padding:5% 0;
        background-image: none;
    }
    .info_w .info-container .info-logo img{ 
        display:block;
        margin: 0 auto;
        width: 110px;
    }
    .info_w .info-container h1{
        font-size: 30px;
        margin-bottom: 5px;
    }
    .info_w .info-container p{
        font-size: 16px;
        line-height: 24px;
        letter-spacing: -1px;
        padding-bottom: 10px;
    }
}