/*modal¼Ò²Õ*/
.modal { display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0; }
.modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; }
.modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }
.modal-dialog { position: relative; width: auto; margin: 10px; }
.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000000; }
.modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); }
.modal-backdrop.in { opacity: 0.5; filter: alpha(opacity=50); }
.sr-only { margin: -1px; padding: 0px; border: 0px currentColor; border-image: none; width: 1px; height: 1px; overflow: hidden; position: absolute; clip: rect(0px, 0px, 0px, 0px); }
.sr-only-focusable:active { margin: 0px; width: auto; height: auto; overflow: visible; position: static; clip: auto; }
.sr-only-focusable:focus { margin: 0px; width: auto; height: auto; overflow: visible; position: static; clip: auto; }

/*¼u¸õ¤½§i Ãö³¬«ö¶s*/
button.close { background: none; padding: 0px; border: 0px currentColor; border-image: none; cursor: pointer; -webkit-appearance: none; }
button.close { color: rgb(0, 0, 0); line-height: 1; font-size: 21px; font-weight: bold; float: right; opacity: 0.2;/* text-shadow: 0px 1px 0px #fff;*/ }
button.close:hover { color: rgb(0, 0, 0); text-decoration: none; cursor: pointer; opacity: 0.5; }
button.close:focus { color: rgb(0, 0, 0); text-decoration: none; cursor: pointer; opacity: 0.5; }

/*¤½§i*/
#newsletterpopup .modal-dialog { margin: -150px auto 0px -350px; left: 50%; top: 50%; width: 700px; position: fixed; background-color: #333; }
#newsletterpopup .newsletterpopup-content { padding: 0%; position: relative; background-position: 0% 0%; }
#newsletterpopup .newsletterpopup-content .newsletterpopup-indent{ padding: 5%; }
#newsletterpopup .newsletterpopup-content .newsletterpopup-indent .modal-body{}
#newsletterpopup .newsletterpopup-content .newsletterpopup-indent .modal-body::after { clear: both; display: table; content: ""; }
#newsletterpopup .newsletterpopup-content .modal-body img{ height: auto; width: 100%;clear: both; float: left; }
#newsletterpopup .newsletter-title { text-align: center; color: #F60; line-height: 1.4em; font-family: "Roboto", sans-serif; font-size: 40px; font-style: normal; font-weight: 300; text-rendering: optimizeSpeed; margin-top: 8px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
#newsletterpopup .newsletter-slogan { text-align: center; color: rgb(255, 255, 255); line-height: 20px; margin-bottom: 10px; margin-right: 10px; margin-left: 10px; }
#newsletterpopup .close { top: 5px; text-align: center; right: 12px; color: rgb(255, 255, 255); font-size: 22px; display: block; position: absolute; z-index: 2; opacity: 1; }
#newsletterpopup .close:hover { color: #F60; }
#newsletterpopup .close i { margin: -3px -2px 0px 0px; display: block; }

@media only screen and (max-width:991px) {
#newsletterpopup .form-group { width: 230px; }
}
@media only screen and (max-width:767px) {
#newsletterpopup .modal-dialog { margin: 20px auto 0px; left: auto; top: 0px; width: 500px; position: relative; }
#newsletterpopup button.button span span { display: none; }
#newsletterpopup button.button span::before { line-height: 20px; font-family: "material-design"; font-size: 25px; vertical-align: top; display: inline-block; content: "úª"; transform: translate(0px, 0px); text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
}
@media only screen and (max-width:599px) {
#newsletterpopup .modal-dialog { top: 20px; width: 280px; margin-top: 0px; }
#newsletterpopup .newsletter-title { font-size: 27px; margin-left: 0px; }
#newsletterpopup .newsletter-slogan { margin-left: 0px; }
#newsletterpopup .close { top: 10px; right: 10px; color: rgb(255, 255, 255);  }
}