#articleGuide * {line-height: 2;letter-spacing: 2px;}
#articleGuide .topBox{display:flex;margin: 5vw 0;justify-content: center;align-items: center;gap: 30px;flex-wrap: wrap;}
#articleGuide .topBox a{width:215px;display: inline-block;background: #E0E0E0;text-align: center;padding: 10px 0;font-weight: 400;}
#articleGuide .topBox li.action a , #articleGuide .topBox li:hover a {background:#958866}
#articleGuide .bottomBox{display:grid;margin-top: 5vw;grid-template-columns: 50% 45%;justify-content: space-between;align-items: center;}
#articleGuide .bottomBox iframe{-webkit-filter:grayscale(1);}
#articleGuide .bottomBox h2{font-size:22px;font-weight: 500;}
#articleGuide .bottomBox .sub{color: #717171;font-weight: 400;margin-bottom: 30px;}
#articleGuide .bottomBox p{border-left:3px solid #611E1E;line-height: 1;margin: 25px 0;padding-left: 15px;display: flex;align-items: baseline;}
#articleGuide .bottomBox p a{line-height:1}
#articleGuide .bottomBox article{padding-left:18px;color: #959595;font-weight: 300;margin-top: -15px;margin-bottom: 30px;}
#articleGuide .bottomBox .info >a{display:block;background: #D9D9D9;text-align: center;padding: 10px 0;border-radius: 0 0 10px 0;}
#articleGuide .titbox h2{font-size:20px;border-left: 7px solid #958866;padding-left: 20px;line-height: 1;font-weight: 500;}
#articleGuide .titbox p{border-top:14px solid #958866;background: white;box-shadow: 0px 4px 4px 0px #00000008;padding: 40px 50px;border-radius: 0 0 30px 0;margin: 40px 0;}
#articleGuide .info{margin: 80px 70px;}
#articleGuide .info h3{color:#958866}
#articleGuide .info h3.red{color:#611E1E;border-left: 5px solid #611E1E;line-height: 1;padding-left: 15px;margin-bottom: 40px;}
#articleGuide .info ol{padding-left:30px}
#articleGuide .info .num li{list-style: auto;}
#articleGuide .info li{list-style:square;}
#articleGuide .info li::marker{color:#958866;font-size: 21px;}
#articleGuide .info ol.num li::marker{color: var(--info);font-size: 16px;}
#articleGuide .payment{margin: 5vw 70px 0;display: grid;grid-template-columns: 30% 70%;align-content: start;align-items: start;}
#articleGuide .payment .tit{color:#611E1E;border-left: 5px solid #611E1E;padding-left: 30px;font-size: 22px;line-height: 1.5;font-weight: 500;}
#articleGuide .payment p b{color:#9D492D;display: block;margin: 30px 0;font-weight: 400;}
#articleGuide .directions{margin: 50px 70px;display: grid;grid-template-columns: 25% 1fr;gap: 60px;align-items: center;}
#articleGuide .directions .box:first-child{display:flex;flex-direction: column;gap: 15px;align-items: center;}
#articleGuide .directions .box:first-child p{color:#958866;text-align: center;font-size: 14px;width: 75%;}
#articleGuide .directions .d_info{margin: 20px 0;background: #f5f5f5;border: 1px solid #D4D4D4;display: grid;align-items: center;gap: 20px;grid-template-columns: 350px 1fr;align-content: center;padding: 20px;}
#articleGuide .directions .d_info *{font-size:14px;}
#articleGuide .directions .d_info .tittt{display: grid;grid-template-columns: 50px 1fr 50px;gap: 20px;align-items: center;}
#articleGuide >p{margin: 0 70px;}
#articleGuide .movebox{display:grid;grid-template-columns: repeat(3, 1fr);gap: 40px;}
#articleGuide .m_info{display: grid;gap: 10px;background: #D9D9D9;padding-bottom: 40px;justify-items: center;}
#articleGuide .m_info *{text-align:center;font-size: 14px;}
#articleGuide .m_info .h4{background:#262625;color: white;font-size: 18px;width: 100%;text-align: center;margin-bottom: 10px;}
#articleGuide .m_info p{color:#B65500;font-size: 16px;}
#articleGuide .m_info img{margin-top:10px;}
#articleGuide table{margin:15px 0;width:100%;border-collapse:collapse}
#articleGuide table *{vertical-align: middle;}
#articleGuide thead tr{background:#262626;color: white;}
#articleGuide td, #articleGuide th{padding: 15px;border: 2px solid #d4d4d4;}
#articleGuide th:first-child{width: 15%;}
#articleGuide th:nth-child(2){width:20%;}
#articleGuide th{font-size: 18px;font-weight: 400;text-align: center;}
#articleGuide tbody tr{background:#ebebeb}
#articleGuide tbody tr td:first-child{text-align:center;}
#articleGuide tbody tr:nth-child(even){background:#dddcdc}
@media screen and (max-width:1280px) {
    #articleGuide .directions .box:first-child p{width:100%}
    #articleGuide .directions{margin: 50px 0;}
}
@media screen and (max-width:1024px) {
    #articleGuide .movebox, #articleGuide table{margin-bottom:80px;}
    #articleGuide .info{margin: 80px 0;}
    #articleGuide >p{margin:0}
    #articleGuide .payment{margin: 5vw 0;}
}
@media screen and (max-width:768px) {
    #articleGuide .bottomBox .info{margin:0}
    #articleGuide .movebox{gap:10px;}
    #articleGuide .payment{display:flex;flex-direction: column;align-items: stretch;gap: 30px;}
    #articleGuide .bottomBox, #articleGuide .directions .d_info{grid-template-columns:1fr;gap: 20px;}
}
@media screen and (max-width:700px) {
    #articleGuide .directions .box:first-child img{transform: translateX(-6vw);}
    #articleGuide .bottomBox p{line-height:1.7;display: flex;flex-wrap: wrap;}
    #articleGuide .directions, #articleGuide .movebox{grid-template-columns:1fr;gap: 10px;}
    #articleGuide .topBox{gap: 5px;display: flex;justify-content: flex-start;margin: 13vw 0;}
    #articleGuide .topBox a{width:100%;padding: 6px 15px;letter-spacing: 1px;font-size: 15px;}
    #articleGuide table{display:block;overflow-x:auto;white-space:nowrap}{}
}