.newsletter{max-width: 900px; margin: 0 auto;}    
.newsletter *{color:#333;}
/* 비주얼 */
.newsletter .visual{margin-bottom: 40px;padding: 10px 10px 120px;background: url(' /upload_data/user_file/01_portal/news/news_bg.jpg') no-repeat bottom;background-size: 100%;}
.newsletter .visual .txt{color:#252525;font-weight: 300;font-size: 16px;}
.newsletter .visual .img{margin:60px 0 10px; text-align:center;}
.newsletter .visual .img img{width:auto;max-width: 80%;}
.newsletter .visual h1{color:#469312; font-size:1.3em; text-align:center; font-weight:300;}
.newsletter .visual h1 strong{font-weight:800; color:#469312;}

/* 이슈 있슈 */
.newsletter .con01{margin-bottom: 40px;background:#f6f6f6;padding: 30px 20px;}
.newsletter .con01 h2{margin-bottom:20px; font-size:1.6em; color:#90bd13;}
.newsletter .con01 .flex{display: flex;flex-direction:column-reverse;}
.newsletter .con01 .tit{margin-bottom:14px;font-size: 1.3em;font-weight:600;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newsletter .con01 .txt{margin-bottom: 30px;display:-webkit-box;line-height:1.3em;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:11;-webkit-box-orient:vertical;}
.newsletter .con01 .img{margin:0 0 20px;}
.newsletter .con01 .img img{width:auto;max-width:100%;border-radius: 20px;}
.newsletter .con01 .btn a{box-sizing:border-box;display:inline-block;width:220px;height:50px;padding:13px 0 0 20px;border-radius:8px 42px 8px 8px;color:#fff;font-size: 18px;background:#90bd13;}

/* 여행지 */
.newsletter .con02{padding:0 20px;}
.newsletter .con02 img{display: block;width:auto;max-width:100%;border-radius: 20px;margin-bottom: 20px;}
.newsletter .con02 .tit{margin-bottom:14px;font-size: 1.3em;font-weight:600;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newsletter .con02 .tit strong{display: inline-block;font-size:0.9em;font-weight:600;margin-right: 10px;}
.newsletter .con02 .tit strong:after{content:''; display:block; width:100%; height:1px; background:#333;}
.newsletter .con02 .txt{margin-bottom: 30px;display:-webkit-box;line-height:1.3em;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.newsletter .con02 .img{margin:0 0 20px;}

.newsletter .footer{padding: 50px 20px;border-top: 1px #e1e1e1 solid;}
.newsletter .footer p{margin-bottom:10px;}
.newsletter .footer .copy{font-size:14px;}
.newsletter .footer .btn a{display:block; padding:10px; text-align:center; border:1px #333 solid; border-radius:10px; font-weight:600;}

/* 수신거부 */
.footer .con{position:fixed;top:60px;bottom: 60px;left:20px;right: 20px;padding: 40px 20px;background:#fff;border: 1px #e1e1e1 solid;border-radius: 40px;z-index:0;}
.footer .con h4{font-size:24px; padding-bottom:14px; margin-bottom:26px; border-bottom:1px #111 solid;}
.footer .con p.txt{margin-bottom: 30px;padding:20px;background:#f4f4f4;word-break:keep-all;}
.footer .con p.tit{margin-bottom: 24px;font-size:20px;font-weight:600;}
.footer .con p.tit span{font-size:16px; font-weight:400}
.footer .con p.tit em{color:red;}
.footer .con div p{display:flex;gap:0 6px;align-items: center;}
.footer .con div p label{width: 45px;}
.footer .con div p em{color:red;}
.footer .con input{flex-grow: 1;display:block;padding: 10px;border:1px #e1e1e1 solid;}
.footer .con:after{content:''; display:none; width:100%; height:100vh; position:fixed; top:0; left:0; z-index:-1; background:rgba(0,0,0,0.5);}
.footer .con .btn{position: static !important;display: flex;gap: 0 10px;justify-content: center;margin-top: 20px;}
.footer .con .btn a{background:#454545; color:#fff; border:none;}
.footer .con .btn a.bt2{background:#f1f1f1; color:#111;}

@media all and (min-width:420px) {
.newsletter .visual{padding:10px 10px 180px;}   
}

@media all and (min-width:600px) {
.newsletter .visual{padding:10px 0 280px;}  
.newsletter .visual .img{margin:60px 0 30px;}
.newsletter .visual h1{font-size:2em;}

}
@media all and (min-width:768px) {
.newsletter .visual{padding: 20px 0 380px;margin-bottom: 50px;}   

.newsletter .con01{padding: 50px 30px;}
.newsletter .con01 h2{margin-bottom: 60px;font-size:36px;}
.newsletter .con01 .flex{flex-direction:revert;gap: 0 40px;}
.newsletter .con01 .flex div{position: relative;width: 40%;flex-grow: 1;}
.newsletter .con01 .tit{font-size: 26px;}
.newsletter .con01 .txt{font-size:20px;}
.newsletter .con01 .flex .img{width: 380px;margin: 0;flex-shrink: 0;}
.newsletter .con01 .img img{height:340px;}
.newsletter .con01 .btn{position:absolute; bottom:0;}

.newsletter .con02{display:flex;gap: 0 50px;padding: 0 40px;margin-bottom: 50px;}
.newsletter .con02>div{width: 45%;flex-grow: 1;}
.newsletter .con02 .tit{font-size: 26px;}
.newsletter .con02 .txt{font-size:20px;margin: 0;}
.newsletter .con02 .img{margin:0 0 30px;}
.newsletter .con02 img{height:340px;}

.newsletter .footer{padding:50px 40px; position:relative;}
.newsletter .footer .btn{position:absolute; bottom:50px; right:40px;}
.newsletter .footer .btn a{padding:10px 50px;}

.footer .con{max-width:600px;height: 540px;padding:80px;margin:0 auto;box-sizing: border-box;}
}  

@media all and (min-width:900px) {
.newsletter .con01{padding: 50px; margin-bottom:50px}
.newsletter .con02{padding:0 50px;}
.newsletter .footer{padding:50px;}
.newsletter .footer .btn{right:50px;}

.footer .con{top:120px;}
    
}