@charset "utf-8";

.apGuide{margin-top:48px;}
.apGuide h4{position:relative; text-indent:11px; font-size:24px; font-weight:600; color:#222; line-height:100%; margin-bottom:15px;}
.apGuide h4 ~ h4{margin-top:45px;}
.apGuide h4::before{content:""; position:absolute; left:0px; top:3px; width:3px; height:20px; border-radius:50px; background:#269e50;}
.apGuide .bullet{font-size:18px; color:#222; font-weight:400; text-indent:12px; position:relative; margin-bottom:15px;}
.apGuide .bullet b{font-weight:600;}
.apGuide .bullet::before{content:""; position:absolute; left:1px; top:12px; width:4px; height:4px; border-radius:50%; background:#269e50;}
.apGuide .square{font-size:18px; font-weight:400; color:#434343; position:relative; margin-bottom:15px;}
.apGuide .square::before{content:"◆"; font-size:6px; margin-right:8px; position:relative; top:-5px;}
.apGuide .exp{font-size:16px; color:#666; font-weight:400; line-height:120%; margin-bottom:15px;}
.apGuide .apList{display:flex; flex-direction: column; gap:15px 0px; font-size:18px; font-weight:400; color:#434343; margin-bottom:15px;}
.apGuide .apList span{color:#F36100;}
.apGuide table{margin-bottom:15px;}
.apGuide ol{display:flex; align-items: center; gap:0px 24px; font-size:18px; color:#434343; margin-bottom:15px;}
.apGuide ol li{display:flex; flex-direction: column; gap:10px 0px;}
.apGuide .download{display:flex; align-items: center; gap:0px 24px; border-radius:4px; height:35px; padding:0px 12px; color:#fff; background:#25795f; font-size:15px; width:fit-content; font-weight:400;}
.apGuide .download::after{content:""; display:block; width:11.5px; height:13.5px; background:url("/images/negAcqInfo/ic_download.svg")center center no-repeat; background-size:100%;}
.apGuide .apGuideBox{display:flex; align-items: stretch; gap:0px 10px; width:100%; min-height:150px; margin-bottom:15px;}
.apGuide .apGuideBox .white{background:#fff; color:#487F4D;}
.apGuide .apGuideBox .green{background:#487F4D; color:#fff;}
.apGuide .apGuideBox .green2{background:#ECF4EB; color:#487F4D;}
.apGuide .apGuideBox .yell{background:#F7F9D7; color:#487F4D;}
.apGuide .apGuideBox .step1 div{display:flex; flex-direction: column; border-radius:5px; border:1px solid #ddd; height:100%; overflow:hidden; width:160px;}
.apGuide .apGuideBox .step1 div strong{text-align: center; font-size:18px; font-weight:700; flex:1; display:flex; align-items: center; flex-direction: column; justify-content: center;}
.apGuide .apGuideBox .step1 div strong span{font-size:16px; font-weight:400;}
.apGuide .apGuideBox .step2{display:flex; flex-direction: column; align-items: center; justify-content: center; width:75px; font-size:16px; color:#487F4D; font-weight:400;} 
.apGuide .apGuideBox .step2::before{content:""; display:block; width:20px; height:20px; background:url("/images/negAcqInfo/term_arrow.svg")center center no-repeat; background-size:10px; margin-bottom:10px;}
.apGuide .apGuideBox .step3{display:flex; flex-direction: column; gap:4px 0px; width:745px;}
.apGuide .apGuideBox .step3 .yell{border-radius:5px; border:1px solid #B6D5B2; display:flex; justify-content: center; align-items: center; font-size:18px; font-weight:700; padding:10px 0px;}
.apGuide .apGuideBox .step3 .apGuideDetail{display:flex; gap:0px 10px; }
.apGuide .apGuideBox .step3 .apGuideDetail div{border-radius:5px; border:1px solid #ddd; flex:1; display:flex; flex-direction: column;; justify-content: center; align-items: center; font-size:16px; font-weight:400; overflow:hidden;}
.apGuide .apGuideBox .step3 .apGuideDetail div strong{padding:10px 0px; width:100%; text-align:center;}
.apGuide .apGuideBox .step3 .apGuideDetail p,.apGuide .apGuideBox .step4.term p{font-size:0px; display:block; width:20px; height:20px; background:url("/images/negAcqInfo/union.svg")center center no-repeat; background-size:100%; margin:auto 0px;}
.apGuide .apGuideBox .step4{display:flex; align-items: center;}
.apGuide .apGuideBox .step5 div{display:flex; flex-direction: column; border-radius:5px; border:1px solid #ddd; height:100%; overflow:hidden; width:160px;}
.apGuide .apGuideBox .step5 div strong{text-align: center; font-size:18px; font-weight:700; flex:1; display:flex; align-items: center; flex-direction: column; justify-content: center;}
.apGuide .apGuideBox .step5 div strong span{font-size:16px; font-weight:400;}
.apGuide table tbody tr td{font-size:15px; color:#212121; text-align:center; font-weight:400;}
.apGuide table tbody tr td p.plus{width:20px; height:20px; background:url("/images/negAcqInfo/union.svg")center center no-repeat; background-size:100%; margin:auto;}
.apGuide table tbody tr td p.next{width:20px; height:20px; background:url("/images/negAcqInfo/term_arrow.svg")center center no-repeat; background-size:10px; margin:auto;}
.apGuide ul.flow{list-style:none; display:flex; flex-wrap:wrap; align-items: center; gap:10px 0px;}
.apGuide ul.flow li{display:flex; align-items: center; gap:0px 10px;}
.apGuide ul.flow li:nth-of-type(1) p, .apGuide ul.flow li:nth-of-type(2) p, .apGuide ul.flow li:nth-of-type(3) p{min-width:373px}
.apGuide ul.flow li::after,.apGuide ul.flow li p::After{display:none;}
.apGuide ul.flow li p{font-size:18px; color:#487F4D; font-weight:400; min-width:260px; padding:0px 20px; height:86px; background:#EEF4E9; border-radius:5px; display: flex; align-items: center; flex-direction: column; justify-content: center;}
.apGuide ul.flow li p b{font-weight:700;}
.apGuide ul.flow li:not(:nth-of-type(1))::before{content:""; display:block; width:20px; height:20px; background:url("/images/negAcqInfo/term_arrow.svg")center center no-repeat; background-size:10px; margin-left:10px;}
.apGuide table.mb{display:none}
.apGuide .docs{padding:20px; border:1px solid #999; counter-reset: list-counter; margin-bottom:16px; text-align:left;}
.apGuide .docs h5{font-size:16px; color:#000; font-weight:400; margin-bottom:16px;}
.apGuide .docs strong{font-size:16px; color:#333; font-weight:400; margin-bottom:15px; display: block;}
.apGuide .docs ul:not(:nth-last-of-type(1)){margin-bottom:16px;}
.apGuide .docs ul{display:flex; flex-direction: column; gap:9px 0px;}
.apGuide .docs ul > li{position:relative; padding-left:15px; font-size:16px; color:#333; font-weight:400; counter-increment: list-counter;}
.apGuide .docs ul > li::before{content: counter(list-counter) ". "; position:absolute; left:0;}
.apGuide .docs ul li ol{margin-top:10px;}
.apGuide table .docs b{font-weight:400;}
.apGuide table .docs{border:0px; padding:0px;}
.gardenFaq ul.flow li:nth-of-type(1) p, .gardenFaq ul.flow li:nth-of-type(2) p, .gardenFaq ul.flow li:nth-of-type(3) p{
    min-width:337px;
}
.gardenFaq ul.flow li p{
    min-width:230px;
}
    .apGuide .docs ul li{flex-direction: row; align-items: center; gap:0px 10px;}
@media screen and (max-width:1200px){
    .apGuide h4{font-size:19px; margin-bottom:6px;}
    .apGuide h4::before{top:2px; height:16px;}
    .apGuide table{margin-bottom:6px;}
    .apGuide .apList{gap:9px 0px; font-size:14px; margin-bottom:6px;}
    .apGuide h4 ~ h4{margin-top:24px;}  
    .apGuide .bullet{font-size:14px; text-indent:0px; padding-left:12px; margin-bottom:8px;}
    .apGuide .bullet::before{top:8px;}
    .apGuide .square{font-size:14px; margin-bottom:8px;}
    .apGuide .exp{font-size:14px; line-height:150%; margin-bottom:8px;}
    .apGuide .apGuideBox{flex-direction: column; align-items: stretch; gap:6px 0px;}
    .apGuide .apGuideBox .step1 div{width:100%;}
    .apGuide .apGuideBox .step1 div strong{padding:10px 0px; font-size:14px; flex-direction: row;} 
    .apGuide .apGuideBox .step1 div strong span{font-size:14px;}
    .apGuide .apGuideBox .step1 div strong br{display:none;}
    .apGuide .apGuideBox .step2 {width:100%; flex-direction: row; justify-content: center; font-size:14px; gap:10px 0px;}
    .apGuide .apGuideBox .step2::before{transform:rotate(90deg); position:relative; top:5px; width:20px; height:20px; background-size:10px 15px;}
    .apGuide .apGuideBox .step3{width:100%;}
    .apGuide .apGuideBox .step3 .yell{font-size:14px;}
    .apGuide .apGuideBox .step3 .apGuideDetail{gap:0px 6px;} 
    .apGuide .apGuideBox .step3 .apGuideDetail p, .apGuide .apGuideBox .step4.term p{width:10px; height:10px;}
    .apGuide .apGuideBox .step3 .apGuideDetail div{font-size:14px;}
     .apGuide .apGuideBox .step4{width:100%; flex-direction: row; justify-content: center;}
     .apGuide .apGuideBox .step5 div{width:100%;}
    .apGuide .apGuideBox .step5 div strong{padding:10px 0px; font-size:14px; flex-direction: row;}
    .apGuide .apGuideBox .step5 div strong span{font-size:14px;}
    .apGuide .apGuideBox .step5 div strong br{display:none;}
    .apGuide ul.flow{flex-direction: column; gap:5px 0px;}
    .apGuide ul.flow li{flex-direction: column; width:100%;}
    .apGuide ul.flow li p{width:100%; height:auto; padding:10px 0px; flex-direction: row; font-size:14px;}
    .apGuide ul.flow li:not(:nth-of-type(1))::before{margin-left:0px; transform:rotate(90deg); width:12px; height:15px; margin-bottom:5px;}
    .apGuide table.mb{display:table;}
    .apGuide table.pc{display:none;}
    .apGuide ol{display:flex; align-items: start; gap:8px 0px; flex-direction: column; font-size:14px; margin-bottom:8px;}
    .apGuide ol li{display:flex; flex-direction: column; gap:10px 0px;}
    .apGuide .docs h5{font-size:13px; margin-bottom:12px;}
    .apGuide .docs strong{margin-bottom:15px; font-size:13px;}
    .apGuide .docs ul{padding-left:15px; gap:6px 0px;}
    .apGuide .docs ul > li{font-size:13px;}
    .apGuide .docs ul:not(:nth-last-of-type(1)){margin-bottom:6px;}
}