.subscribe-wrap { padding-top: 32.3px; padding-bottom: 32.3px; background-color: #FFFFFF; } .subscribe-wrap .tit { font-size: 16px; font-weight: 400; color: #1B6A3E; line-height: 21px; text-align: center; } .subscribe-wrap .tnp-email { width: 290px; height: 40px; background: #DAE1DD; border: 1px solid #DDDDDD; font-size: 16px; font-weight: 400; color: #1B6A3E; line-height: 26px; margin: auto; margin-top: 20px; outline: none; } .subscribe-wrap .hint { width: 289px; height: 72px; font-size: 12px; font-weight: 400; color: #888888; line-height: 20px; margin: auto; margin-top: 20px; } .subscribe-wrap .tnp-field-privacy { padding-left: 40px; /* margin-top: 23px; */ } .subscribe-wrap .tnp-field-privacy label { font-size: 12px; font-weight: 400; color: #1B6A3E; line-height: 20px; margin: auto; /* margin-top: 25px; */ } .subscribe-wrap .tnp-field-button { text-align: center; margin-top: 24px; } .subscribe-wrap .tnp-field-button input { width: 250px; height: 50px; background: #0E7440; font-size: 18px; font-weight: 400; color: #FFFFFF; line-height: 21px; padding: 0; } .recent-wrap { margin-top: 40px; padding: 37px 33px 41px 29px; } .recent-wrap .tit { font-size: 16px; font-weight: 400; color: #0E7440; margin-bottom: 17px; } .recent-wrap ul { list-style: none; font-size: 14px; font-weight: 400; /* text-decoration: underline; */ color: #666666; line-height: 30px; margin: 0px; } .recent-wrap ul li a { color: #666666; } /* Customize the label (the label-container) */ .subscribe-wrap .label-container { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Hide the browser's default checkbox */ .subscribe-wrap .label-container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; left: 10px; top: 20px; } /* Create a custom checkbox */ .subscribe-wrap .checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #eee; } /* On mouse-over, add a grey background color */ .subscribe-wrap .label-container:hover input~.checkmark { background-color: #ccc; } /* When the checkbox is checked, add a blue background */ .subscribe-wrap .label-container input:checked~.checkmark { background-color: #0E7440; } /* Create the checkmark/indicator (hidden when not checked) */ .subscribe-wrap .checkmark:after { content: ""; position: absolute; display: none; } /* Show the checkmark when checked */ .subscribe-wrap .label-container input:checked~.checkmark:after { display: block; } /* Style the checkmark/indicator */ .subscribe-wrap .label-container .checkmark:after { left: 9px; top: 7px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } @media only screen and (max-width: 767px) { .subscribe-wrap { padding-top: 5rem; padding-bottom: 5rem; box-shadow: none; } .subscribe-wrap .tit { font-size: 2.83rem; font-weight: bold; line-height: 4rem; } .subscribe-wrap .tnp-email { width: 56.5rem; height: 7.5rem; font-size: 2.83rem; line-height: 5rem; margin-top: 2.5rem; } .subscribe-wrap .hint { width: 56.5rem; height: 8.08; font-size: 2rem; font-weight: 400; color: #888888; line-height: 3rem; margin-top: 4rem; } .subscribe-wrap .tnp-field-privacy { padding-left: 3rem; } .subscribe-wrap .tnp-field-privacy label { font-size: 2.16rem; line-height: 3.75‬rem; } .subscribe-wrap .tnp-field-button input { width: 40rem; height: 7.92rem; font-size: 2.83rem; line-height: 3.92rem; } }