/* ==========================================================================
    media
============================================================================ */
.wrap{width: 87.5%;max-width: 1680px;margin: 0 auto;}
.container{width: 84%;max-width: 1580px;margin: 0 auto;}
.wrap-detail{width: 76%;max-width: 1460px;margin: 0 auto;}
.full-wrap{width: 100%;max-width:1920px;margin: 0 auto;}
@media screen and (max-width: 1440px) {
    .wrap{max-width: 1160px;}
	.container{max-width: 1080px;}
	.wrap-detail{max-width: 960px;}
}
@media screen and (max-width: 1024px) {
    .wrap{width: 92%;}
	.container{max-width: 92%;}
	.wrap-detail{max-width: 92%;}
}
@media screen and (max-width: 767px) {
    .wrap{width: 96%;}
	.container{width: 96%;}
	.wrap-detail{width: 96%;}
}

.font80{font-size: 80px;}
.font60{font-size: 60px;}
.font48{font-size: 48px;}
.font40{font-size: 40px;}
.font36{font-size: 36px;}
.font32{font-size: 32px;}
.font28{font-size: 28px;}
.font24{font-size: 24px;}
.font20{font-size: 20px;}

@media screen and (max-width: 1440px) {
    .font80{font-size: 60px;}
    .font60{font-size: 48px;}
    .font48{font-size: 40px;}
    .font40{font-size: 36px;}
    .font36{font-size: 32px;}
    .font32{font-size: 28px;}
    .font28{font-size: 24px;}
    .font24{font-size: 22px;}
    .font20{font-size: 18px;}
}

@media screen and (max-width: 768px) {
    .font80{font-size: 48px;}
    .font60{font-size: 36px;}
    .font48{font-size: 32px;}
    .font40{font-size: 28px;}
    .font36{font-size: 26px;}
    .font32{font-size: 24px;}
    .font28{font-size: 22px;}
    .font24{font-size: 20px;}
}

.pad150{padding: 150px 0;}
.pad120{padding: 120px 0;}
.pad100{padding: 100px 0;}
.pad80{padding: 80px 0;}
.pad60{padding: 60px 0;}
.pad40{padding: 40px 0;}

.pt150{padding-top: 150px;}
.pt120{padding-top: 120px;}
.pt100{padding-top: 100px;}
.pt80{padding-top: 80px;}
.pt60{padding-top: 60px;}
.pt40{padding-top: 40px;}

.pb150{padding-bottom: 150px;}
.pb120{padding-bottom: 120px;}
.pb100{padding-bottom: 100px;}
.pb80{padding-bottom: 80px;}
.pb60{padding-bottom: 60px;}
.pb40{padding-bottom: 40px;}

.mrg150{margin: 150px 0;}
.mrg120{margin: 120px 0;}
.mrg100{margin: 100px 0;}
.mrg80{margin: 80px 0;}
.mrg60{margin: 60px 0;}
.mrg40{margin: 40px 0;}

.mt150{margin-top: 150px;}
.mt120{margin-top: 120px;}
.mt100{margin-top: 100px;}
.mt80{margin-top: 80px;}
.mt60{margin-top: 60px;}
.mt40{margin-top: 40px;}
.mt30{margin-top: 30px;}

.mb150{margin-bottom: 150px;}
.mb120{margin-bottom: 120px;}
.mb100{margin-bottom: 100px;}
.mb80{margin-bottom: 80px;}
.mb60{margin-bottom: 60px;}
.mb40{margin-bottom: 40px;}

@media screen and (max-width: 1440px) {
    .pad150{padding: 120px 0;}
    .pad120{padding: 100px 0;}
    .pad100{padding: 80px 0;}
    .pad80{padding: 60px 0;}
    .pad60{padding: 48px 0;}
    .pad40{padding: 32px 0;}

    .pt150{padding-top: 120px;}
    .pt120{padding-top: 100px;}
    .pt100{padding-top: 80px;}
    .pt80{padding-top: 60px;}
    .pt60{padding-top: 48px;}
    .pt40{padding-top: 30px;}

    .pb150{padding-bottom: 120px;}
    .pb120{padding-bottom: 100px;}
    .pb100{padding-bottom: 80px;}
    .pb80{padding-bottom: 60px;}
    .pb60{padding-bottom: 48px;}
    .pb40{padding-bottom: 30px;}

    .mrg150{margin: 120px 0;}
    .mrg120{margin: 100px 0;}
    .mrg100{margin: 80px 0;}
    .mrg80{margin: 60px 0;}
    .mrg60{margin: 48px 0;}
    .mrg40{margin: 30px 0;}

    .mt150{margin-top: 120px;}
    .mt120{margin-top: 100px;}
    .mt100{margin-top: 80px;}
    .mt80{margin-top: 60px;}
    .mt60{margin-top: 48px;}
    .mt40{margin-top: 30px;}

    .mb150{margin-bottom: 120px;}
    .mb120{margin-bottom: 100px;}
    .mb100{margin-bottom: 80px;}
    .mb80{margin-bottom: 60px;}
    .mb60{margin-bottom: 48px;}
    .mb40{margin-bottom: 30px;}
}

@media screen and (max-width: 1024px) {
    .pad150{padding: 100px 0;}
    .pad120{padding: 80px 0;}
    .pad100{padding: 60px 0;}
    .pad80{padding: 44px 0;}
    .pad60{padding: 36px 0;}

    .pt150{padding-top: 100px;}
    .pt120{padding-top: 80px;}
    .pt100{padding-top: 60px;}
    .pt80{padding-top: 44px;}
    .pt60{padding-top: 36px;}

    .pb150{padding-bottom: 100px;}
    .pb120{padding-bottom: 80px;}
    .pb100{padding-bottom: 60px;}
    .pb80{padding-bottom: 44px;}
    .pb60{padding-bottom: 36px;}

    .mrg150{margin: 100px 0;}
    .mrg120{margin: 80px 0;}
    .mrg100{margin: 60px 0;}
    .mrg80{margin: 44px 0;}
    .mrg60{margin: 36px 0;}

    .mt150{margin-top: 100px;}
    .mt120{margin-top: 80px;}
    .mt100{margin-top: 60px;}
    .mt80{margin-top: 44px;}
    .mt60{margin-top: 36px;}
    .mt30{margin-top: 20px;}

    .mb150{margin-bottom: 100px;}
    .mb120{margin-bottom: 80px;}
    .mb100{margin-bottom: 60px;}
    .mb80{margin-bottom: 44px;}
    .mb60{margin-bottom: 36px;}
}

@media screen and (max-width: 768px) {
    .pad150{padding: 64px 0;}
    .pad120{padding: 54px 0;}
    .pad100{padding: 44px 0;}
    .pad80{padding: 36px 0;}
    .pad60{padding: 30px 0;}
    .pad40{padding: 24px 0;}

    .pt150{padding-top: 64px;}
    .pt120{padding-top: 54px;}
    .pt100{padding-top: 44px;}
    .pt80{padding-top: 36px;}
    .pt60{padding-top: 30px;}
    .pt40{padding-top: 24px;}

    .pb150{padding-bottom: 64px;}
    .pb120{padding-bottom: 54px;}
    .pb100{padding-bottom: 44px;}
    .pb80{padding-bottom: 36px;}
    .pb60{padding-bottom: 30px;}
    .pb40{padding-bottom: 24px;}

    .mrg150{margin: 64px 0;}
    .mrg120{margin: 54px 0;}
    .mrg100{margin: 44px 0;}
    .mrg80{margin: 36px 0;}
    .mrg60{margin: 30px 0;}
    .mrg40{margin: 24px 0;}

    .mt150{margin-top: 64px;}
    .mt120{margin-top: 54px;}
    .mt100{margin-top: 44px;}
    .mt80{margin-top: 36px;}
    .mt60{margin-top: 30px;}
    .mt40{margin-top: 24px;}

    .mb150{margin-bottom: 64px;}
    .mb120{margin-bottom: 54px;}
    .mb100{margin-bottom: 44px;}
    .mb80{margin-bottom: 36px;}
    .mb60{margin-bottom: 30px;}
    .mb40{margin-bottom: 24px;}
}