/* 공통 */
.sub_con { width:100%; margin:0 auto; padding:0 15px; }
.sub_h1 { display: inline-block; padding:20px 20px 0; position:relative; text-align: center; line-height: 1.6; font-size: 22px; letter-spacing: -2.5px; color: #221815; font-family: 'S-CoreDream-4Regular'; word-break: keep-all; }
.sub_h1 i { font-family: 'S-CoreDream-6Bold'; }
.sub_h1::before { content:""; position:absolute; left:-40px; top:-20px; transform: scale(0.35); width:116px; height: 86px; background:url('../img/apos1.png') no-repeat center; z-index: -1; }
.sub_h1::after { content:""; position:absolute; right:-40px; top:-20px; transform: scale(0.35); width:116px; height: 86px; background:url('../img/apos2.png') no-repeat center; z-index: -1; }
.sub_h1 b { font-family: 'S-CoreDream-6Bold'; }
.sub_h1.none::before,
.sub_h1.none::after { display: none; }

.sub_p { font-size: 14px; font-family: 'S-CoreDream-3Light'; letter-spacing: -1.35px; line-height: 2; color: #916842; word-break: keep-all; }

/*Content CSS*/
#loyalty { overflow: hidden; width:100%; padding:50px 0 70px; text-align: center; }
#loyalty img { max-width: 100%; }

/* art1 */
.art1 ul { margin:70px 0; }
.art1 li { position:relative; width: 100%; border: solid 2px #fa0; padding:60px 20px 35px; margin-bottom: 60px; }
.art1 li h2 { position:absolute; left:50%; top:0; transform: translate(-50%, -50%); width:80px; height: 80px; border-radius: 50%; background-color: #fa0; text-align: center; line-height: 80px; font-size: 20px; letter-spacing: -1.5px; color: #fff; font-family: 'S-CoreDream-6Bold'; }
.art1 li br { display: none; }
.art1 li b { font-size: 18px; letter-spacing: -1.2px; color: #57391c; font-family: 'S-CoreDream-6Bold'; line-height: 1.5; word-break: keep-all; }
.art1 li p { border-top:1px solid #ffaa00; margin-top: 15px; padding-top: 15px; font-size: 14px; letter-spacing: -1.2px; color: #916842; font-family: 'S-CoreDream-4Regular'; line-height: 29px; word-break: keep-all; }

.art1 li:nth-child(2) { border-color: #57b4db; }
.art1 li:nth-child(2) h2 { background:#57b4db; }
.art1 li:nth-child(2) p { border-color: #57b4db; }
.art1 li:nth-child(3) { border-color: #6aa124; }
.art1 li:nth-child(3) h2 { background:#6aa124; }
.art1 li:nth-child(3) p { border-color: #6aa124; }
.art1 li:nth-child(4) { border-color: #ff8652; }
.art1 li:nth-child(4) h2 { background:#ff8652; }
.art1 li:nth-child(4) p { border-color: #ff8652; }

/* art2 */
.art2 { position:relative; padding-bottom: 70px; }
.art2::before { content:""; position:absolute; left:0; width:550px; top:0; height: 1px; background:#c9ae8f; }
.art2::after { content:""; position:absolute; right:0; width:550px; top:0; height: 1px; background:#c9ae8f; }
.art2 > h2 { position:relative; top:-15px; display: inline-block; padding:0 50px; background:#fff; font-size: 20px; color: #bb966d; font-family: 'S-CoreDream-5Medium'; z-index: 1; }

.art2 .txt_wrap { position:relative; padding:100px 15px 80px; margin-top: 20px; background-color: #dcdddd; border-radius: 40px; }
.art2 .txt_wrap .top1 { position:absolute; left:50%; transform: translateX(-50%); top:20px; width: 23px; }
.art2 .txt_wrap .top2 { position:absolute; left:50%; transform: translateX(-50%); top:55px; width: 100px; }
.art2 .txt_wrap .bot1 { position:absolute; left:50%; transform: translateX(-50%); bottom:20px; width: 40px; }

.art2 .txt_wrap .txt_box { background:#fff; border: solid 1px #a4a5a5; border-radius: 45px; padding:50px 20px; }
.art2 .txt_box h3 { position:relative; font-size: 22px; color: #000; font-family: 'S-CoreDream-4Regular'; }
.art2 .txt_box h3:before { content:""; display: block; width:50px; height: 2px; background:#000; margin:0 auto 15px; }
.art2 .txt_box img { display: block; }
.art2 .txt_box img.logo { margin:0 auto; transform: scale(0.65);}
.art2 .txt_box img.img { margin:0 auto 25px; }
.art2 .txt_box .img_p { border-bottom: 1px solid #c9ae8f; font-size: 18px; letter-spacing: -0.27px; color: #2b1616; font-family: 'S-CoreDream-4Regular'; padding-bottom: 30px; line-height: 1; }
.art2 .txt_box .img_p strong { display: block; margin-top: 10px; font-family: 'S-CoreDream-6Bold'; }

.art2 .txt_box .qna_list { text-align: left; }
.art2 .txt_box .qna_list li { border-bottom: 1px solid #ddd; padding:30px 0; }
.art2 .txt_box .qna_list li:last-child { border-bottom: 0; }
.art2 .txt_box .qna_list li > div { display: flex; align-items: flex-start; }
.art2 .txt_box .qna_list .que { margin-bottom: 15px; }

.art2 .qna_list span { position:relative; top:-5px; display: inline-block; margin-right: 10px; font-size: 24px; color: #fa0; font-family: 'S-CoreDream-9Black'; }
.art2 .qna_list .ans span { color: #57391c; }
.art2 .qna_list b { font-size: 16px; color: #221815; font-family: 'S-CoreDream-6Bold'; word-break: keep-all; line-height: 1.65; }
.art2 .qna_list p { font-size: 14px; color: #535353; font-family: 'S-CoreDream-3Light'; line-height: 1.88; word-break: keep-all; }
.art2 .qna_list p br { display: none; }


/* art3 */
.art3 { position:relative; }
.art3:before { content:""; display: block; margin:0 auto 15px; width: 50px; height: 3px; background-color: #c39f78; }
.art3 .sub_h1 { padding:0; }
.art3 p { margin:20px auto 40px; width:100%; font-size: 15px; line-height: 50px; font-family: 'S-CoreDream-5Medium'; color: #57391c; border-radius: 10px; background-color: #ffc700; }