.keyword .chart-box{border:1px solid #433f37;width:1000px;max-width:100%;margin:70px auto 0;padding:50px 60px 59px}@media (max-width: 999px){.keyword .chart-box{margin-top:43px;padding:32px 30px 29px}}@media (min-width: 1000px){.keyword .chart-info{display:flex;align-items:center}.keyword .chart-info .chart-img{width:300px;text-align:center}}@media (min-width: 1000px){.keyword .chart-info .chart-info-detail{padding-left:20px;width:calc(100% - 300px)}}@media (max-width: 999px){.keyword .chart-info .chart-info-detail__img{display:block;margin:22px auto 0}}.keyword .chart-info .chart-info-detail__txt{margin-top:44px}@media (max-width: 999px){.keyword .chart-info .chart-info-detail__txt{margin-top:26px;font-size:14px;font-size:1.4rem;line-height:1.71429em;letter-spacing:.025em}}.keyword .chart-table{table-layout:fixed;margin-top:40px;border-top:1px solid #433f37}@media (max-width: 999px){.keyword .chart-table{margin-top:25px}}.keyword .chart-table tr{border-bottom:1px solid #433f37}.keyword .chart-table td{font-size:14px;font-size:1.4rem;line-height:1.85714em;letter-spacing:.05em;padding:14px 0;padding-right:20px}@media (max-width: 999px){.keyword .chart-table td{font-size:14px;font-size:1.4rem;line-height:1.71429em;letter-spacing:.025em;padding:15px 0}}@media only screen and (max-width: 370px){.keyword .chart-table td{font-size:13px;font-size:1.3rem}}.keyword .chart-table td:first-child{width:120px;padding-left:20px}@media (max-width: 999px){.keyword .chart-table td:first-child{width:100px;padding-left:10px}}.coding{margin-top:138px}@media (max-width: 999px){.coding{margin-top:53px}}@media (min-width: 1000px){.coding__hd{text-align:center}}.coding__txt{margin-top:60px}@media (max-width: 999px){.coding__txt{margin-top:45px}}.coding .coding-flow{margin-top:90px}@media (max-width: 999px){.coding .coding-flow{margin-top:37px}}@media (min-width: 1000px){.coding .coding-flow .coding-item{display:flex;align-items:center;padding-bottom:42px}.coding .coding-flow .coding-item:nth-child(even){flex-direction:row-reverse}.coding .coding-flow .coding-item:nth-child(even) .coding-detail{padding-left:0;padding-right:80px}}@media (max-width: 999px){.coding .coding-flow .coding-item{padding-bottom:26px}}.coding .coding-flow .coding-item+.coding-item{border-top:1px solid #dbd8ce;padding-top:40px}@media (max-width: 999px){.coding .coding-flow .coding-item+.coding-item{padding-top:27px}}.coding .coding-flow .coding-img{box-shadow:8px 8px 20px rgba(0,0,0,0.08)}@media (min-width: 1000px){.coding .coding-flow .coding-img{width:320px}}@media (max-width: 999px){.coding .coding-flow .coding-img{margin-top:25px}}@media (min-width: 1000px){.coding .coding-flow .coding-detail{width:calc(100% - 320px);padding-left:80px}}@media (max-width: 999px){.coding .coding-flow .coding-detail__hd{font-size:20px;font-size:2rem;line-height:1.7em;letter-spacing:.05em;padding-left:26px;padding-right:10px}}.coding .coding-flow .coding-detail__txt{font-size:15px;font-size:1.5rem;line-height:1.86667em;letter-spacing:.05em;margin-top:28px}@media (max-width: 999px){.coding .coding-flow .coding-detail__txt{margin-top:26px;letter-spacing:0.025em}}.pattern{margin-top:105px}@media (max-width: 999px){.pattern{margin-top:25px}}@media only screen and (min-width: 1000px) and (max-width: 1099px){.pattern__hd{font-size:28px;font-size:2.8rem;letter-spacing:.05em}}