.sub_container{overflow:hidden;}
/* 제도안내 */
.intro h4{margin-bottom:60px; font-size: 2.6em;font-family:'esamanru';color:#111;}
.intro h4 strong{color:var(--point);}
.intro p{margin-bottom:20px;word-break:keep-all;}
.intro p br{display:none;}
.intro p.btn{margin-top:60px;margin-bottom: 40px;}
.intro p.btn a{display:block; max-width:300px; padding:20px 0; border-radius:10px; text-align:center; background:var(--point); color:var(--color4); font-size:1em;}
.intro .img img{display: block;max-width:100%;margin-bottom: 10px;border-radius: 15px;}
.intro .img span{display:block;font-size: 0.9em;}
.intro .img span:before{content:'';display:inline-block;width: 14px;height: 18px;margin-right: 6px;background: url('/upload_data/user_file/citizencard/content/intro_ico.png') no-repeat;vertical-align: text-bottom;}
@media all and (min-width:768px) {
.intro .img{max-width: 700px;margin: 0 0 0 auto;}
.intro .img p{position:relative;margin-bottom: 0;}
.intro .img p.i2{margin-top:-30px;}
.intro .img span{position:absolute;}
.intro .img span:after{content:'';position: absolute;bottom: 13px;display:block;width: 20px;height:1px;background:var(--line);}
.intro .img p.i1 span{left: 47px;bottom: 40px;}
.intro .img p.i1 span:after{right: -30px;}
.intro .img p.i1 img{margin:0 0 0 auto;}
.intro .img p.i2 span{right: 0;bottom: 20px;}
.intro .img p.i2 span:after{left: -30px;}
}
@media (min-width: 1023px) {
.intro{position:relative;height: 650px;}
.intro .img{position:absolute;top:0;right:0;width: 60%;}
.intro p.txt{width: 35%;}
.intro .img img{max-width:75%;}
}
@media (min-width: 1440px) {
.intro{height:700px;padding: 115px 0 0 80px;}
.intro:after{content:'';position: absolute;top: 0;left: -50px;display: block;width:600px;height:600px;background: url('/upload_data/user_file/citizencard/content/intro_bg.png') no-repeat;z-index:-1;}
.intro h4{font-size:3.5em; margin-top:0;}  
.intro p.txt{width: 43%;}
.intro p.btn{margin-top: 150px;}
.intro .img{width: 700px;}
.intro .img img{max-width:100%;}
}
@media (min-width: 1600px) {
.intro p.txt{width: auto; font-size:1.2em;}
.intro p br{display:block;}
}


/* 기본혜택 소개 */
.benefit{background:var(--point);border-radius: 5px;}
.benefit ul{display:flex; flex-direction:column; margin:0 20px; padding:60px 0; text-align:center;}
.benefit ul li{padding: 60px 0;color:var(--color4);border-bottom:1px rgba(255,255,255,0.2) solid;}
.benefit ul li:before{content:'';display:block;width:120px;height: 85px;margin: 0 auto 30px;background: url('/upload_data/user_file/citizencard/content/benefit_ico.png') no-repeat;}
.benefit ul li.b1:before{background-position:50% 0;}
.benefit ul li.b2:before{background-position: 50% -152px;}
.benefit ul li.b3:before{background-position: 50% -300px;}
.benefit ul li:last-child{border:none;}
@media all and (min-width:768px) {
.benefit ul{flex-direction:row;justify-content:space-between;margin: 0 30px;}
.benefit ul li{flex-grow: 1;padding: 0;border-right:1px rgba(255,255,255,0.2) solid;border-bottom:0;font-size: 0.9em;}
}
@media all and (min-width:1440px) {
.benefit ul{position: relative;margin: 0 10%;padding: 120px 0;}
.benefit ul li{font-size: 1.2em;}
}                  


/* 신청절차안내 */
.process ul{display:flex;flex-direction:column;gap: 60px 0;}
.process ul li{position: relative;height:200px;padding: 30px 20px;background: var(--bg2);border-radius:10px; }
.process ul li:after{content:'';position: absolute;left: 0;right: 0;top: -45px;display:block;width: 30px;height: 30px;margin: 0 auto;background:url('/upload_data/user_file/citizencard/content/process_ico.png') no-repeat;transform: rotate(90deg);}
.process ul li:before{content:'';position:absolute;right: 10px;bottom: 10px;display:block;width: 80px;height: 80px;background:url('/upload_data/user_file/citizencard/content/process_ico2.png') no-repeat;}
.process ul li.last{background:var(--point); color:var(--color4); border:none;}
.process ul li:first-child:after{display:none;}
.process ul li.p1:before{background-position: 50% -5px;}
.process ul li.p2:before{background-position: 50% -120px;}
.process ul li.p3:before{background-position: 50% -230px;}
.process ul li.p4:before{background-position: 50% -347px;}
.process ul li.p5:before{background-position: 50% -454px;}
.process ul li.last:before{display:none;}
.process ul li span{display:block;margin-bottom: 6px;color:var(--point);font-weight:600;font-size: 14px;}
.process ul li.last span{color:var(--color4);}
.process ul li p{font-weight:500; font-size:1.2em;}
@media all and (min-width:768px) {
.process ul {flex-direction:row;flex-wrap:wrap;gap: 60px 0;}
.process ul li{width: 41%;padding:40px;margin-left: 60px;}
.process ul li:first-child{margin-left:0;}
.process ul li:after{right: auto;left: -45px;bottom:0;top:0;margin: auto;transform: rotate(0);}
}
@media all and (min-width:1200px) {
.process ul li{width: 27.33%;} 
}  
@media all and (min-width:1400px) {
.process ul li.last:before{bottom: -8px;right: -70px;display:block; width: 254px;height: 232px;background: url('/upload_data/user_file/citizencard/content/process_char.png') no-repeat;}
}  

/* 주요관광지 */
.place_info .flex{display:flex;flex-direction: column;}
.place_info .flex .img{position:relative;overflow: hidden;}
.place_info .flex .img img{width: 100%;border-radius: 30px;}
.place_info .flex .img .control_dot{position:absolute;left: 0;right: 0;bottom: 10px;margin: 0 auto;text-align: center;}
.place_info .flex .img .control_dot span a{display:inline-block;width: 14px;height: 14px;margin: 0 3px;font-size: 0;background: #fff;border-radius: 50%;}
.place_info .flex .img .control_dot span.on a{background: #f7b009;}
.place_info .flex .img .btn button{position: absolute;top: calc(50% - 20px);display:block;width:40px;height:40px;border-radius:50%;background: var(--point)  url('/images/citizencard/main/main_ico.png') no-repeat;font-size: 0;}
.place_info .flex .img .btn button.prev{left: 5%;background-position: 0px 5px;}
.place_info .flex .img .btn button.next{right: 5%;background-position: 3px -46px;}
.place_info .flex .con{padding:30px 20px; border:1px var(--line) solid; border-radius:30px;}
.place_info .flex .con h4{margin-top:0;margin-bottom: 20px;font-size: 40px;font-family:'esamanru';color: #333;}
.place_info .flex .con .tit{margin-bottom:20px;color:var(--point);font-size: 18px;font-weight: 600;word-break: keep-all;}
.place_info .flex .con ul li{margin-bottom: 10px;color:var(--color1);}
.place_info .flex .con ul li strong{display:block; color:#333;}

.place1.place_story{margin:40px 0;}
.place1.place_story h5{word-break:keep-all;}
.place1.place_story p{margin-bottom: 40px;word-break:keep-all;color: var(--color1);}
.place1.place_story:after{content:'';display:block;width:100%;height: 250px;margin-top: 40px;background: url('/upload_data/user_file/citizencard/content/place1_2.jpg') no-repeat center bottom;background-size: cover;border-radius: 30px;}
.place1.place_program .pro1{margin-bottom:40px;}
.place1.place_program .pro1 ul{display:flex; flex-direction:column; gap:20px 0;}
.place1.place_program .pro1 ul li{padding: 30px 0;text-align: center;background:var(--bg2);border-radius:20px;}
.place2.place_program{margin-bottom:40px;}
.place2.place_program h5{word-break:keep-all;}
.place2.place_program a{word-break:keep-all;}
.place2.place_program img{width: auto;max-width: 100%;max-height: 340px;border-radius:30px;}
.place3.place_reserve{display:flex;flex-direction:column;gap:20px 0;margin-bottom: 60px;}
.place3.place_reserve div{padding:20px; background:var(--bg2); border-radius:20px;}
.place3.place_reserve div ul{margin-bottom:0;}
@media all and (min-width:768px) {
.place_info .flex .con{padding:40px 60px;}
.place1.place_program .pro1 ul{flex-direction:row;flex-wrap:wrap;gap: 10px 2%;}
.place1.place_program .pro1 ul li{flex-grow: 1;flex-basis: 31.33%;}
}
@media all and (min-width:1023px) {
.place1.place_story:after{height:499px;}   
}
@media all and (min-width:1200px) {
.place_info {margin-bottom: 120px;}
.place_info .flex{position: relative;flex-direction:row;gap: 0 80px;}
.place_info .flex:after{content:'';position: absolute;right: 0;bottom: -50px;display:block;width: 1000px;height: 240px;background: #f8f8f8;border-radius: 60px;z-index: -1;}
.place_info .flex .img{flex-basis: 540px;}
.place_info .flex .con{display: flex;flex-grow: 1;flex-direction: column;justify-content: space-between;padding: 30px 0;margin-right: 35px;border: none;}
.place_info .flex .con ul li strong {display:inline-block; margin-right:10px;}
    
.place1.place_story{display: flex;gap: 0 100px;margin: 60px 0;}
.place1.place_story>div{width: 50%;}
.place1.place_story:after{align-self: center;width:877px;margin-top: 0;margin-right: -6%;background-size:auto;border-radius: 60px 0 0 60px;}
.place1.place_program .flex{display:flex;gap:0 80px;margin-bottom: 60px;}
.place1.place_program .pro1{flex-shrink: 0;margin-bottom: 0;}
.place1.place_program .pro2{flex-grow:1;}
.place2.place_program{display:flex;justify-content: space-between;gap: 0 5%;}
.place3.place_reserve{flex-direction:row; flex-wrap:wrap; gap:20px 30px;}
.place3.place_reserve h5{width:100%;}
.place3.place_reserve div{flex-grow:1;padding: 20px 40px;}
}
@media all and (min-width:1600px) {
.place_info .flex:after{height:300px;}
.place_info .flex .img{flex-basis: 720px;}
.place_info .flex .con{padding:60px 0;}
.place1.place_story:after{margin-right:-100%;}
.place2.place_program{align-items:center;}
.place2.place_info .flex .con{padding:120px 0;}
.place3.place_info .flex .con{padding-bottom:90px;}
}                                    


/* 가맹점 모집안내 */
.store .store_step ol{display:flex; flex-direction:column;}
.store .store_step ol li{text-align:center;}
.store .store_step ol li:after{content:'';display:block;width: 13px;height: 15px;margin: 20px auto;background:url('/images/citizencard/common/ico_common_step.png') no-repeat;}
.store .store_step ol li:last-child:after{display:none;}
.store .store_step ol li:before{content:''; display:block; width:100px; height:100px; margin: 0 auto 20px; border-radius:50%; background: var(--bg1) url('/upload_data/user_file/citizencard/content/store_ico.png') no-repeat;}
.store .store_step ol li.s1:before{background-position: 50% 20px;}
.store .store_step ol li.s2:before{background-position: 50% -67px;}
.store .store_step ol li.s3:before{background-position: 50% -153px;}
.store .store_step ol li.s4:before{background-position: 50% -241px;}
.store .store_step ol li.s5:before{background-position: 50% -332px;}
.store .store_step ol li strong{display:block; font-size:18px;}
.store .store_step ol li span{display:block; color:var(--color1);}
.store .store_con{display:flex; flex-direction:column; gap:30px 0; margin-top:20px;}
.store .store_con div{padding:40px 20px; border-radius:20px; border:1px var(--line) solid;}
.store .store_con div:before{content:'';display:block;width:60px;height:60px;margin: 0 0 30px;background:url('/upload_data/user_file/citizencard/content/store_ico2.png') no-repeat;}
.store .store_con .con1:before{background-position: 50% -3px;}
.store .store_con .con2:before{background-position: 50% -85px;}
.store .store_con div h6{margin-top:0;}
.store .store_con div p{word-break:keep-all;}
@media all and (min-width:768px) {
.store .store_step ol{flex-direction:row;gap: 0 1%;}    
.store .store_step ol li{position:relative;padding-right:30px;}
.store .store_step ol li:after{position: absolute;top: 44px;right:0;margin: 0;transform: rotate(-90deg);}
.store .store_con div{position:relative;padding: 30px 30px 30px 130px;}
.store .store_con div:before{position:absolute;top: 25px;left: 37px;margin: 0;}
}
@media all and (min-width:1023px) {
.store .store_step ol{gap: 0 3%;}   
.store .store_step ol li{flex-grow: 1;padding-right:3%;}
.store .store_step ol li:last-child{padding-right:0;}
.store .store_con{position:relative;}
.store .store_con:before{content:'';position: absolute;right: 0;bottom: -10px;display:block;width: 254px;height: 232px;background: url('/upload_data/user_file/citizencard/content/process_char.png');z-index: 2;}
.store .store_con div{width:95%;padding: 30px 245px 30px 130px;}
}                                            

.tour_link ul{display:flex; flex-direction:column; gap:50px 0;}
.tour_link ul li a{display:block; text-align:center;}
.tour_link ul li a span{display:block; margin-top:10px; font-size:20px; font-weight:600;}
@media all and (min-width:768px) {
.tour_link ul{flex-direction:row; gap:0 20px; justify-content:center;}   
}
@media all and (min-width:1023px) {
.tour_link ul{gap:0; padding-bottom:60px;} 
.tour_link ul li{padding: 30px 7%;border-right:1px #f4f4f4 solid;}
.tour_link ul li:last-child{border:none;}
.tour_link ul li a span{margin-top: 30px;font-size: 27px;}
.tour_link ul li a span:after{content:'';display: block;width:30px;height:30px;margin: 20px auto 0;background: var(--point)url('/upload_data/user_file/citizencard/main/main_ico.png');background-position: -3px -355px;border-radius: 50%;vertical-align: bottom;}
}        


/* 로그인 */
.login_box{margin-bottom: 20px; padding: 10px 20px; background: #f2f7ff; border-radius: 20px; text-align: center;}
.login_box div{margin: 20px 0;padding: 60px 20px;background: #fff;border-radius: 20px;}
.login_box div h5{padding-top: 102px;margin-top: 0;margin-bottom: 20px;color: #333;font-size: 33px;background: url(' /upload_data/user_file/citizencard/content/login.png') no-repeat top center;}
.login_box div p{margin-bottom: 30px;word-break: keep-all;line-height: 1.2em;}
.login_box div p strong{display:block;margin-bottom: 6px;color: var(--point);}
.login_box div a{display: inline-block;width: 190px;padding: 14px 0;color: #fff;background: var(--point);border-radius: 10px;}
.login_box div a:hover,.login_box div a:focus{background: #454545; transition: 0.3s ease-in-out;}
@media all and (min-width:1023px) {
.login_box div h5{font-size:40px; margin-bottom:30px;}
.login_box div p{font-size:20px;}
}