@charset "utf-8";



/*포인트소개*/
.sub01_guide01{ margin: 50px 15%; } 
.sub01_guide01 h5{ font-size: 52px;font-family:"SBAggroM", sans-serif; margin-bottom: 20px;}
.sub01_guide01 p{ font-size: 26px;line-height: 1.4em}
.sub01_guide01 em{ color: #ff4e58;font-weight: bold;}
.sub01_guide01 i{ color: #4e80ff; font-weight: bold;}
.sub01_guide01 b{ color: #00b16d;}
.sub01_guide01 .sub01_txt01 { background: url("/images/point/content/sub01_img01.png") left top no-repeat; display: flex; justify-content: flex-end; height: 771px; padding-top: 160px;}

.sub01_guide01 .sub01_txt02 { background: url("/images/point/content/sub01_img02.png") right top no-repeat; height: 650px; margin-top: -100px; padding-top: 310px;}
.sub01_guide01 .sub01_txt02 > div{ text-align: right; width: 520px;}

@media all and (max-width:1750px) {
.sub01_guide01{ margin: 50px 10%; } 
}
@media all and (max-width:1600px) {
.sub01_guide01 h5{ font-size: 48px;}
.sub01_guide01 p{ font-size: 24px;}

.sub01_guide01 .sub01_txt01 { background-size:550px; height: 589px; padding-top: 100px;}
.sub01_guide01 .sub01_txt02 { background-size:480px; height: 431px; padding-top: 150px;margin-top: -50px;}
.sub01_guide01 .sub01_txt02 > div{ width: 480px;}

}
@media all and (max-width:1400px) {
.sub01_guide01{ margin: 50px 7%;} 
}
@media all and (max-width:1280px) {
.sub01_guide01{ margin: 50px 5%;} 
.sub01_guide01 h5{ font-size: 40px;}
.sub01_guide01 p{ font-size: 20px;}

.sub01_guide01 .sub01_txt01 { background-size:450px; height: 482px; padding-top: 100px;}
.sub01_guide01 .sub01_txt02 { background-size:380px; height: 341px; padding-top: 150px;margin-top: -50px; }
.sub01_guide01 .sub01_txt02 > div{ width: 400px;}
}
@media all and (max-width:950px) {
.sub01_guide01{ margin: 20px 5%;} 
.sub01_guide01 h5{ font-size: 30px; margin-bottom: 10px;}
.sub01_guide01 p{ font-size: 16px;}

.sub01_guide01 .sub01_txt01 { background-size:280px; height:300px; padding-top: 40px;}
.sub01_guide01 .sub01_txt02 { background-size:280px; height: 252px; padding-top: 80px;margin-top: 0; }
.sub01_guide01 .sub01_txt02 > div{ width: 300px;}
}
@media all and (max-width:680px) {
.sub01_guide01 h5{ font-size: 25px;}
.sub01_guide01 p{ font-size: 15px;}

.sub01_guide01 .sub01_txt01 { background-size:180px; height:193px; padding-top: 0; }
.sub01_guide01 .sub01_txt02 { background-size:180px; height: 162px; padding-top: 40px;}
.sub01_guide01 .sub01_txt02 > div{ text-align: left}
}
@media all and (max-width:480px) {
.sub01_guide01 h5{ font-size: 20px;}
.sub01_guide01 p{ font-size: 13px;}

.sub01_guide01 .sub01_txt01 { background-size:125px; height:auto;}
.sub01_guide01 .sub01_txt02 { background-size:120px; height: auto;padding-top: 0; margin-top: 40px;}
}






/*운영흐름*/
.sub01_guide02{ background: #36bd85; padding: 5% 10%; text-align: center;}
.sub01_guide02 h5 > strong{ font-size: 45px;font-family:"SBAggroM", sans-serif; margin-bottom: 50px; color: #fff; border-bottom: 1px solid #fff; display: inline-block; }


.sub01_guide02 .sub01_txt03{ display: flex; justify-content: space-around;}
.sub01_guide02 .sub01_txt03 > dl{  margin: 0 2%;border-radius:40px 40px 10px 40px; padding:50px; box-shadow: 5px 5px 0 rgba(288,288,288,0.2); border: 1px solid #10b872; background: #fff; width: 25%; position: relative; background-repeat: no-repeat; background-position: calc(100% - 20px)  calc(100% - 20px);}

.sub01_guide02 .sub01_txt03 > dl > dt > span{font-size: 30px; font-weight: 700; display: inline-block; color: #fff;  width: 69px; background: url("/images/point/content/sub01_img03.png") center top no-repeat;height: 74px; line-height: 74px; position: absolute; top:-10px; right:-20px;}

.sub01_guide02 .sub01_txt03 > dl:nth-of-type(1){background-image: url("/images/point/content/sub01_img04.png")}
.sub01_guide02 .sub01_txt03 > dl:nth-of-type(2){background-image: url("/images/point/content/sub01_img05.png")}
.sub01_guide02 .sub01_txt03 > dl:nth-of-type(3){background-image: url("/images/point/content/sub01_img06.png")}


.sub01_guide02 .sub01_txt03 > dl > dt > strong{font-size: 20px; font-weight: 700; display: block; color: #007a47; margin-bottom: 20px;}
.sub01_guide02 .sub01_txt03 > dl > dt > strong > em{font-size: 18px; font-weight: 500; display: block; }
.sub01_guide02 .sub01_txt03  > dl > dd > span{ display:inline-block; border-radius: 100px; padding: 8px 30px 5px 30px; background: #ffda00; box-shadow: 5px 5px 5px #eee;}
.sub01_guide02 .sub01_txt03  > dl > dd  > ul{ text-align: left; margin-top: 30px; color: #999;}
.sub01_guide02 .sub01_txt03  > dl > dd  > ul > li {  margin-bottom: 20px;}
.sub01_guide02 .sub01_txt03  > dl > dd  > ul > li strong{  color: #000; font-weight: 500;}
.sub01_guide02 .sub01_txt03  > dl > dd  > ul > li span{ display: block; color: #ff4e58; }

@media all and (max-width:1750px) {
.sub01_guide02{ padding: 5%;}
.sub01_guide02 .sub01_txt03 > dl{ margin: 0 1%;}
}

@media all and (max-width:1600px) {
.sub01_guide02 .sub01_txt03 > dl{ padding:50px 30px;}
.sub01_guide02 h5 > strong{ font-size: 40px; }
}

@media all and (max-width:1400px) {
.sub01_guide02 .sub01_txt03 > dl{background-size:80px;border-radius:30px 30px 10px 30px;}
}

@media all and (max-width:1280px) {
.sub01_guide02 .sub01_txt03 > dl{background-size:60px;}
.sub01_guide02 .sub01_txt03 > dl > dt > span{font-size: 20px;background-size:50px;height: 53px; line-height: 53px; top:-10px; right:-20px; width: 50px;}
.sub01_guide02 h5 > strong{ font-size: 35px; margin-bottom: 20px;}
}
@media all and (max-width:1024px) {
.sub01_guide02 h5 > strong{ font-size: 30px;}
.sub01_guide02 .sub01_txt03{ flex-wrap: wrap}
.sub01_guide02 .sub01_txt03 > dl{width: 46%; margin:0 1% 30px 1%;}
.sub01_guide02 .sub01_txt03 > dl > dt > span{font-size: 20px;background-size:50px;height: 53px; line-height: 53px; width: 50px; right:-10px;}

}
@media all and (max-width:768px) {
.sub01_guide02 .sub01_txt03 > dl{ padding: 30px 5%;border-radius:20px 20px 10px 20px;}
.sub01_guide02 h5 > strong{ font-size: 20px;}
.sub01_guide02 .sub01_txt03 > dl > dt > span{font-size: 16px;background-size:40px;height: 43px; line-height: 43px; width: 40px;}
}

@media all and (max-width:480px) {
.sub01_guide02 h5 > strong{ font-size: 18px; margin-bottom: 5px;}
.sub01_guide02 .sub01_txt03 > dl{width: 100%; margin:0 0 20px 0;padding: 30px 10%}
}






/*관리조례 및 시행규칙*/
.sub01_txt04_guide{ border:1px solid #ddd; border-radius: 30px; padding:30px 5%; box-shadow: 1px 5px 10px #eee;}
.sub01_txt04 h5{ text-align: center; margin: 50px 0 20px 0;}
.sub01_txt04 h5 > strong{font-size: 25px; font-weight: 700;}
.sub01_txt04 h5 > span{ display: inline-block;font-size: 14px; background: #007a47; color: #fff; padding: 0 10px; border-radius: 10px;}
.sub01_txt04 dl{ margin: 40px 0; font-weight: 300;}
.sub01_txt04 dl > dt > strong{ color:#007a47;}
.sub01_txt04 dl dd ul{ margin-top: 15px; margin-left: 10px;}
@media all and (max-width:1280px) {
.sub01_txt04_guide{ border-radius: 20px; padding:0 30px;}
.sub01_txt04 dl{ margin: 30px 0;}
.sub01_txt04 h5{  margin: 30px 0 20px 0;}
.sub01_txt04 h5 > strong{font-size: 20px;}
.sub01_txt04 dl{ margin: 30px 0; font-size: 15px;}
}
@media all and (max-width:768px) {
.sub01_txt04_guide{ margin-bottom: 40px;}
.sub01_txt04 dl{ margin: 30px 0;}
.sub01_txt04 h5{  margin: 10px 0 15px 0; }
.sub01_txt04 h5 > strong{font-size: 18px;}
.sub01_txt04 dl{ font-size: 14px;}
}

@media all and (max-width:480px) {
.sub01_txt04_guide{ padding:0 15px; box-shadow: 0 0 0 #fff;}
.sub01_txt04 dl{ margin: 20px 0;}
.sub01_txt04 dl dd ul{ margin-left: 0;}
}





/*적립안내*/
.sub02_guide01{ margin: 0 15%;}
.sub02_guide01 h5{ font-size: 55px; margin-bottom: 10px;font-family:"SBAggroM", sans-serif;}
.sub02_guide01 h5 strong{ color: #ffd200;font-weight: bold; }
.sub02_guide01 h5 em{ color: #00b16d;font-weight: bold;}
.sub02_guide01 p{ font-size: 30px;line-height: 1.4em}

.sub02_guide01 .sub02_txt01{background: url("/images/point/content/sub02_img01.png") right top no-repeat; height: 450px;}
.sub02_guide01 .sub02_txt01 > div{ display: inline-block; margin-top: 130px; width: 500px; margin-left: 100px}
.sub02_guide01 .sub02_txt02{border-radius: 100px; background: #8145cb url("/images/point/content/sub02_img02.png") calc(100% - 100px) center no-repeat; font-size: 30px; color: #fff; font-weight: bold;padding:40px  10%; box-shadow: 0 10px 10px #ddd;}
.sub02_guide01 .sub02_txt02 ul li{ background: url("/images/point/inc/icon_check02.png")left center no-repeat; padding: 6px 0 6px 30px;}
.sub02_guide01 .sub02_txt02 ul li:nth-of-type(3){ background:none;  font-size: 20px; color: #f0ff00; letter-spacing: 0;font-weight: normal;}

@media all and (max-width:1750px) {
.sub02_guide01{ margin: 0 10%;}
}
@media all and (max-width:1600px) {
.sub02_guide01 h5{ font-size: 50px;}
.sub02_guide01 p{ font-size: 26px;}
.sub02_guide01 .sub02_txt01 { background-size:480px; height: 371px;}
.sub02_guide01 .sub02_txt01 > div{ margin-top: 80px;}
.sub02_guide01 .sub02_txt02 { background-size:150px; }
.sub02_guide01 .sub02_txt02 ul li:nth-of-type(3){ font-size: 18px;}
}

@media all and (max-width:1400px) {
.sub02_guide01{ margin: 0 7%;} 
.sub02_guide01 .sub02_txt01 > div{ margin-left: 70px}
.sub02_guide01 .sub02_txt02 { font-size: 25px; }
}

@media all and (max-width:1280px) {
.sub02_guide01{ margin: 0 5%;} 
.sub02_guide01 h5{ font-size: 45px;}
.sub02_guide01 p{ font-size: 24px;}
.sub02_guide01 .sub02_txt01 {background-size:400px; height: 309px;}
.sub02_guide01 .sub02_txt01 > div{ margin-left: 50px}
.sub02_guide01 .sub02_txt02 {padding:30px  7%; background-size:100px;font-size: 20px;}
}
@media all and (max-width:950px) {
.sub02_guide01{ margin: 20px 5%;} 
.sub02_guide01 h5{ font-size: 34px;}
.sub02_guide01 p{ font-size: 19px;}
.sub02_guide01 .sub02_txt01 { background-size:290px; height: 224px;}
.sub02_guide01 .sub02_txt01 > div{ margin-top: 50px; margin-left: 30px;}
.sub02_guide01 .sub02_txt02 {padding:20px  7%; background-size:100px;font-size: 17px;background-position: calc(100% - 50px) center;border-radius: 10px; font-weight: normal;}
.sub02_guide01 .sub02_txt02 ul li:nth-of-type(3){ font-size: 15px;}

}
@media all and (max-width:680px) {
.sub02_guide01 h5{ font-size: 25px;}
.sub02_guide01 p{ font-size: 15px;}
.sub02_guide01 .sub02_txt01 { background-size:190px; height:147px;}
.sub02_guide01 .sub02_txt01 > div{ margin-left: 0; margin-top: 30px;}

.sub02_guide01 .sub02_txt02 {padding:12px  7%; background-size:50px;font-size: 15px;background-position: calc(100% - 20px) center; }
}
@media all and (max-width:480px) {
.sub02_guide01 h5{ font-size: 20px; margin-bottom: 5px;}
.sub02_guide01 p{ font-size: 14px;}
.sub02_guide01 .sub02_txt01 { background-size:150px; height:116px;}
.sub02_guide01 .sub02_txt01 > div{ margin-left: 0; margin-top: 30px;}

.sub02_guide01 .sub02_txt02 {padding:12px  5%; font-size: 14px;}
}








/*적립안내 > 김제시 주민참여포인트 적립 과정*/
.sub02_guide02{ text-align: center; margin: 0 15%;}
.sub02_guide02 p{ margin:10px 0; text-align: left; font-size: 14px;}
.sub02_guide02 h5{ font-size:35px; font-weight: bold; margin: 150px 0 30px 0;}
.sub02_guide02 .sub02_txt03{ display: flex; justify-content: space-around;}
.sub02_guide02 .sub02_txt03 ul{ font-size: 30px;margin: 0 1%; width: 100%; border-radius: 40px; padding: 50px 5%; text-align: left; box-shadow: 4px 10px  10px #ddd; }
.sub02_guide02 .sub02_txt03 ul:nth-of-type(1){ background: #fa8383 url("/images/point/content/sub02_img06.png") left top no-repeat; }
.sub02_guide02 .sub02_txt03 ul:nth-of-type(2){ background: #ffd200 url("/images/point/content/sub02_img07.png") left top no-repeat; }
.sub02_guide02 .sub02_txt03 ul:nth-of-type(3){ background: #00e0c8 url("/images/point/content/sub02_img08.png") left top no-repeat; }

.sub02_guide02 .sub02_txt03 ul > li{ height: 220px;}
.sub02_guide02 .sub02_txt03 ul > li > strong{font-weight: bold;}
.sub02_guide02 .sub02_txt03 ul:nth-of-type(1) > li{ background: url("/images/point/content/sub02_img03.png") right bottom no-repeat; }
.sub02_guide02 .sub02_txt03 ul:nth-of-type(2) > li{ background: url("/images/point/content/sub02_img04.png") right bottom no-repeat; }

.sub02_guide02 .sub02_txt03 ul:nth-of-type(3) > li{ background: url("/images/point/content/sub02_img05.png") right bottom no-repeat; }

@media all and (max-width:1750px) {
.sub02_guide02{ margin: 0 10%;}
}
@media all and (max-width:1600px) {
.sub02_guide02 h5{ font-size: 30px;margin: 100px 0 20px 0;}
}
@media all and (max-width:1400px) {
.sub02_guide02{ margin: 0 7%;} 
.sub02_guide02 .sub02_txt03 ul{ font-size: 25px;}
}

@media all and (max-width:1280px) {
.sub02_guide02{ margin: 0 5%;} 
.sub02_guide02 h5{ font-size: 25px;margin: 80px 0 20px 0;}
.sub02_guide02 .sub02_txt03 ul{ font-size: 20px;background-size: 270px !important;  }
.sub02_guide02 .sub02_txt03 ul > li{ background-size: 50px !important;height: 150px;}
}
@media all and (max-width:950px) {
.sub02_guide02 h5{ font-size: 22px;margin: 50px 0 20px 0;}
.sub02_guide02 .sub02_txt03 ul{ font-size: 20px;background-size: 270px !important;border-radius: 20px;padding: 30px 5%;}
.sub02_guide02 .sub02_txt03 ul > li{ background-size: 50px !important;height: 120px;}

}
@media all and (max-width:680px) {
.sub02_guide02 h5{ font-size: 18px;}
.sub02_guide02 .sub02_txt03 ul{ font-size: 16px;background-size: 200px !important;padding: 20px 4%;}
.sub02_guide02 .sub02_txt03 ul > li{ background-size: 30px !important;height: 100px;}
.sub02_guide02 .sub02_txt03 ul > li > strong{font-weight:normal;}

}
@media all and (max-width:480px) {
.sub02_guide02 h5{ font-size: 16px;margin: 30px 0 10px 0;}
.sub02_guide02 .sub02_txt03 ul{ font-size: 14px;border-radius: 10px;}
.sub02_guide02 .sub02_txt03 ul > li{ background-size: 30px !important;height: 80px;}

}











/*사용안내*/
.sub03_guide01{ margin: 0 auto; width: 1250px;}
.sub03_guide01 h5{ font-size: 54px;font-family:"SBAggroM", sans-serif;  }
.sub03_guide01 h5 strong{ color: #00b19a;}
.sub03_guide01 h5 em{ color: #ff6bc2;font-weight: bold;}

.sub03_guide01 .sub03_txt01{background: url("/images/point/content/sub03_img01.png") center top no-repeat;  }
.sub03_guide01 .sub03_txt01 > div{ padding: 220px 0 0 630px;background: url("/images/point/content/sub03_img02.png") 50px bottom no-repeat; height: 520px;}


.sub03_txt02{ border-radius:50px;  background: #17c4c6; color: #fff; box-shadow: 10px 10px 10px rgba(0,0,0,0.1); text-align: center;padding: 5% 10%; border: 2px dashed #fff;}
.sub03_txt02 h5 strong{ color: #000; font-size: 35px;font-weight: bold; display: inline-block; border-bottom: 2px solid #004f69;margin-bottom: 30px;}

.sub03_txt02  > ul >  li{ margin-bottom: 50px; text-align: left;}
.sub03_txt02 >  ul >  li > strong{background: url("/images/point/content/sub03_img03.png") center top no-repeat; font-size: 20px; color: #17c4c6; display: inline-block; width: 106px; height: 102px; text-align: center; line-height: 102px; font-weight: bold; vertical-align: top; margin-right: 24px; }
.sub03_txt02 > ul >  li > span{ display: inline-block; font-size: 32px; padding-top: 30px; width: calc(100% - 140px); }
.sub03_txt02  > ul > li > span > em{  font-weight: bold; color: #004f69;} 
.sub03_txt02  > ul > li > ul { background: #ef77be; margin-left: 100px;border-radius:20px; padding: 20px 40px; box-shadow: 10px 10px 10px #00afb1}
.sub03_txt02  > ul > li > ul > li { background:url("/images/point/inc/icon_check02.png")left center no-repeat; padding: 7px 0 7px 30px; font-size: 25px; }


@media all and (max-width:1600px) {
.sub03_guide01 h5{ font-size: 48px;}
.sub03_guide01 .sub03_txt01 > div{ padding: 200px 0 0 630px;height: 450px; background-size:460px;background-position: left bottom;}
}
@media all and (max-width:1400px) {
.sub03_guide01{ margin: 0 5%; width: 90%;}
.sub03_guide01 .sub03_txt01{ background-size:100%;}
.sub03_guide01 .sub03_txt01 > div{ padding: 200px 0 0 580px;}

.sub03_txt02{ border-radius:30px; padding:3% 5%;}
.sub03_txt02 h5 strong{ font-size: 32px;margin-bottom: 20px;}
.sub03_txt02 > ul > li > strong{ width: 80px; height: 77px; line-height: 77px;margin-right: 20px; background-size: 80px;}
.sub03_txt02 > ul > li > span{font-size: 30px; width: calc(100% - 110px); }
}
@media all and (max-width:1280px) {
.sub03_guide01 h5{ font-size: 40px;}
.sub03_guide01 .sub03_txt01 > div{ padding: 180px 0 0 550px;height: 400px; background-size:400px;}

.sub03_txt02{border: 1px dashed #fff;}
.sub03_txt02 h5 strong{ font-size: 28px;}
.sub03_txt02 >  ul >  li > strong{ width: 50px; height: 48px; line-height: 48px; background-size: 48px; font-size: 15px}
.sub03_txt02 > ul > li > span{font-size: 25px; padding-top: 10px; width: calc(100% - 80px); }
.sub03_txt02 > ul > li > ul { margin-left: 70px;}
.sub03_txt02 > ul > li > ul > li {  padding: 7px 0 7px 30px; font-size: 20px; }
}

@media all and (max-width:1100px) {
.sub03_guide01 .sub03_txt01 > div{ padding: 130px 0 0 400px;height: 320px; background-size:330px; }

}

@media all and (max-width:950px) {
.sub03_guide01 h5{ font-size: 32px;}
.sub03_guide01 .sub03_txt01 > div{ padding: 130px 0 0 320px;height: 300px; background-size:260px; }

.sub03_txt02 h5 strong{ font-size: 23px;}
.sub03_txt02 > ul > li{ margin-bottom: 30px;}
.sub03_txt02 > ul > li > span{font-size: 20px;}
}
@media all and (max-width:768px) {
.sub03_guide01 .sub03_txt01 > div{ padding: 110px 0 0 260px;height: 280px; background-size:230px; }

.sub03_txt02{ border-radius:15px; padding:3% 5%;}
.sub03_txt02 h5 strong{ font-size: 18px;}

.sub03_txt02 > ul > li > strong{ width: 30px; height: 29px; line-height: 29px; background-size: 30px; font-size: 10px; margin-right: 10px;}
.sub03_txt02 > ul >  li > span{font-size: 16px;width: calc(100% - 60px); padding-top: 5px;}
.sub03_txt02 > ul > li > ul { margin-left: 40px;border-radius:10px; padding: 15px 30px;}
.sub03_txt02 > ul > li > ul > li {  padding: 5px 0 5px 25px; font-size: 15px; background-size:12px; }

}
@media all and (max-width:680px) {
.sub03_guide01 h5{ font-size: 24px;}
.sub03_guide01 .sub03_txt01 > div{ padding: 80px 0 0 190px;height: 200px; background-size:180px; }
.sub03_txt02{ border-radius:10px;}
}
@media all and (max-width:480px) {
.sub03_guide01 h5{ font-size: 19px;}
.sub03_guide01 .sub03_txt01 > div{ padding: 65px 0 0 150px;height: 160px; background-size:140px;}


.sub03_txt02 h5 strong{ font-size: 15px; margin-bottom: 10px;}
.sub03_txt02 > ul >  li > span{font-size: 14px;}
.sub03_txt02 > ul > li > ul { margin-left: 0;border-radius:5px; padding: 10px 20px; margin-top: 10px; }
.sub03_txt02 > ul > li > ul > li {  padding: 5px 0 5px 25px; font-size: 14px; }

}





/*마이포인트*/
.sub05_guide01{ text-align: center; margin: 50px 3%;}

.sub05_txt01{ font-size: 35px;font-family:"SBAggroL", sans-serif; border: 2px solid #00b16d; border-radius:100px; padding: 32px 0 24px 0; background: #fffde3; box-shadow: 1px 10px 10px rgba(0,0,0,0.1); position: relative; margin-bottom: 120px;}

.sub05_txt01 b{ position: absolute; top:-15px; left:50%; transform: translateX(-50%);display: inline-block; background: #00b16d; border-radius: 50px; font-size: 13px; color: #fff; padding: 7px 10px 5px 10px; width:270px;}
.sub05_txt01 .color_name{ color: #00b16d;font-family:"SBAggroM", sans-serif;display: inline-block; }
.sub05_txt01 span{ color: #4766ff;}

.sub05_txt01 strong{font-family:"SBAggroM", sans-serif; font-size: 45px; color: #ffcc00;display: inline-block;}
.sub05_txt01 strong > em{ color: #4766ff; font-weight: bold;display: inline-block; position: relative; border-bottom: 4px solid #4766ff;}
.sub05_txt01 strong > em > i{position: absolute;z-index: 5; left:30%; top:30px;}


.sub05_txt02{ text-align: left; margin: -50px 0 50px 50px;}
.sub05_txt02 h4 > strong{ display: inline-block; padding: 7px 30px; font-size: 15px; background: #ef77be; color: #fff; border-radius:50px; margin-bottom: 10px;}


.sub05_txt02 ul li{ background: url("/images/point/inc/point01.png")left center no-repeat; padding-left: 10px; margin: 5px 0; }
.sub05_txt03 { text-align: right; margin-bottom: 10px;}
.sub05_txt03 a{ padding: 0 30px;}
.sub05_txt03 em{ margin: 30px 0 10px 0; display: block;}

.sub05_txt04 { text-align: left; margin:30px 0 10px 0; color:red; font-size: 14px;}


@media all and (max-width :1280px) {
.sub05_guide01{ margin: 40px 0; width: 100%;}
.sub05_txt01{  font-size: 30px; padding: 28px 0 20px 0;margin-bottom: 80px;}
.sub05_txt01 strong{font-size: 40px; }
.sub05_txt02{  margin: -30px 0 30px 30px;}
.sub05_txt01 strong > em{ border-bottom: 2px solid #4766ff;}
.sub05_txt01 strong > em > i img{ width: 60px;}
}
@media all and (max-width :1000px) {
.sub05_guide01{ margin: 20px;}
.sub05_txt01{font-size: 25px; padding: 28px 40px 14px 40px;margin-bottom: 50px;}
.sub05_txt01 strong{font-size: 30px; }
.sub05_txt01 strong > em{ border-bottom:0;}
.sub05_txt01 strong > em > i { display: none;}
}
@media all and (max-width :768px) {
.sub05_guide01{ margin: 0;}
.sub05_txt01{ font-size: 20px; border-radius:10px;margin: 30px 0;}
.sub05_txt01 strong{font-size: 20px; }
.sub05_txt02{  margin: -10px 0 10px 0; font-size: 14px;}
.sub05_txt02 h4 > strong{  padding: 5px 20px; font-size: 14px;}
}







/*적립규정보기 레이어창*/
#sub05_layer{ display: none; top:50%;left:50%; transform: translate(-50%, -50%); position: fixed; width: 800px;  border: 1px solid #00b16d; box-shadow: 1px 10px 10px rgba(0,0,0,0.1); background: #fff; border-radius: 10px; text-align: center; padding-bottom: 25px; z-index: 999999;}

#sub05_layer .sbtn_style{min-width: 80px; margin-top: 20px;}
#sub05_layer  h7{ background: #00b16d; color: #fff; padding:10px 0; display: block;border-radius: 9px 9px 0 0; position: relative;}
#sub05_layer  h7 > strong{font-size: 15px;}
#sub05_layer  h7 > a{ display: inline-block; width: 33px; height: 30px; text-indent: -5000px; background: url("/images/point/board/top_close01.png") center center no-repeat; cursor: pointer; position: absolute; top:5px;right:15px; background-size: 25px;}

#sub05_layer div{ padding: 25px 5% 0 5%;}
#sub05_layer div table th{ font-size: 14px !important;}
#sub05_layer div table td{ font-size: 14px !important;}
#sub05_layer div table td ul li{ font-size: 13px !important;}

@media all and (max-width:820px) {
#sub05_layer{ width: 100%;}
}











/*이메일무단수집거부*/
.email_guide{ text-align: center; margin: 50px 0; word-break: keep-all;}
.email_guide > strong{ font-size: 30px; display: block;font-family:"SBAggroL", sans-serif; color: #999; margin-top: 30px; background: url("/images/point/content/email_img01.png") center top no-repeat;padding-top: 250px;}
.email_guide p{ padding: 40px 10%;}
.email_guide dl{ text-align: left; border: 3px solid #ffbe22; border-radius: 30px;box-shadow: 0 5px 0 rgba(143,143,143,0.1); padding:30px 5%; background: #f9f9f9;}

.email_guide dl dt{ font-size: 20px; margin-bottom: 20px; text-align: center;}
.email_guide dl dd { padding: 5px 0;}
.email_guide dl dd span{ color: #00b16d; font-weight: 500;}

@media all and (max-width:1280px) {
.email_guide{ margin: 50px 0; }
.email_guide > strong{ font-size: 20px;background-size:  200px;padding-top: 180px;}
.email_guide p{ padding: 20px 10%; font-size: 15px;}
.email_guide dl{ border: 3px solid #ffbe22; border-radius: 20px; padding:20px 5%;}
.email_guide dl dt{ font-size: 17px; margin-bottom: 10px; }
.email_guide dl dd { font-size: 14px;}
}