.d027 .input{font-size:0}
.d027 .input__item{display:inline-block}
.d027 .input__item:last-child label{margin-right:0}
.d027 .o-input--checkbox,.d027 .o-input--radio{border:0;border-radius:0;background-color:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;overflow:hidden;position:absolute;width:1px;height:1px;opacity:0}
.d027 .o-input--checkbox+label,.d027 .o-input--radio+label{display:inline-block;position:relative;margin-right:20px;padding-left:21px;font-size:14px;line-height:14px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.d027 .o-input--checkbox+label:before,.d027 .o-input--radio+label:before{display:block;position:absolute;top:0;left:0;width:14px;height:14px;border:1px solid #bbb;background-color:#fff;content:"";-webkit-box-sizing:border-box;box-sizing:border-box}
.d027 .o-input--checkbox:focus+label,.d027 .o-input--radio:focus+label{outline:1px dotted #000}
.d027 .o-input--radio+label:before{border-radius:50%}
.d027 .o-input--radio+label:after{display:block;position:absolute;top:4px;left:4px;width:6px;height:6px;border-radius:50%;content:""}
.d027 .o-input--radio:checked+label:before{border-color:#7b7b7b}
.d027 .o-input--radio:checked+label:after{background-color:#7b7b7b}
.d027 .o-input--radio:disabled+label:after{background-color:#bbb}
.d027 .o-input--checkbox+label:after{display:block;position:absolute;top:0;left:0;width:14px;height:14px;background-repeat:no-repeat;background-position:0 0;background-size:100% auto;content:"";-webkit-box-sizing:border-box;box-sizing:border-box}
.d027 .o-input--checkbox:checked+label:before{border-color:#7b7b7b;background-color:#7b7b7b}
.d027 .o-input--checkbox:checked+label:after{background-image:url(../../../../../../../../content/dam/lottehotel/components/common/content/common/d027-signup-join-term-and-condition-sms-dm-check/form.png);background-position:0 -14px}
.d027 .o-input--checkbox:disabled+label:before{border-color:#bbb;background-color:#bbb}
.d027 .o-input--checkbox:disabled+label:after{background-position:0 -14px}
.d027 .agreement__title-area{padding-bottom:20px}
.d027 .agreement__title{padding-bottom:10px;font-size:14px;font-family:"Open Sans Bold",Noto-lang-Bold,"Malgun Gothic",sans-serif}
.d027 .agreement__content{position:relative;line-height:23px}
.d027 .agreement__content--scroll{overflow:hidden;height:160px}
.d027 .agreement__content--mobile{overflow:auto}
.d027 .agreement__contents-area.contents-area--background-none{border:1px solid #e6e6e6;background:#fff}
.d027 .agreement__contents-area.contents-area--background-gray{background:#f5f5f5}
.d027 .agreement__contents-area .input__icheck{padding-bottom:15px;font-size:16px}
.d027 .agreement__contents-inner{padding:20px;color:#666}
.is-printReady .print__container .d027 .agreement__contents-inner{-webkit-transform:none !important;-ms-transform:none !important;transform:none !important}
.d027 .row{margin:0}
.d027 .validation__text__wrap .validation__text{padding-top:5px;color:#ef6600;display:inline-block;font-size:12px}
.d027 .validation__text__wrap .validation__text.agree{color:#666}
.d027 .form--focus .notice__text{display:block}
.d027 .notice__text{padding-top:4px;display:none;font-size:12px}
.d027 .info__text{padding-top:4px;font-size:14px;line-height:23px;color:#666}
.d027 .info__list li{color:#666;position:relative;font-size:14px;line-height:23px;padding-left:10px}
.d027 .info__list li:before{content:"";position:absolute;left:0;top:10px;width:3px;height:3px;background:#666}
.d027 .info__link{display:inline-block;color:#ef6600;position:relative;padding-right:12px;font-family:"Open Sans Bold",Noto-lang-Bold,"Malgun Gothic",sans-serif}
.d027 .info__link:focus,.d027 .info__link:hover{color:#ef6600}
.d027 .info__link:after{content:"";position:absolute;right:0;top:50%;margin-top:-5px;width:10px;height:10px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);border-right:2px solid #ef6600;border-bottom:2px solid #ef6600}
.d027 .fileWrap .file--focus{outline:1px dotted #000}
.d027 .fileWrap .input:first-child{padding-bottom:10px}
.d027 .fileWrap .input:first-child .o-input--text[disabled],.d027 .fileWrap .input:first-child .o-input--text[readonly]{background-color:#f5f5f5 !important;border:1px solid #f5f5f5 !important;color:#333 !important}
.d027 .fileWrap .input__file{position:relative}
.d027 .fileWrap .input__file .file-upload{overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;opacity:0;cursor:pointer}
.d027 .fileWrap .input__file .file-upload:focus+.file-label{outline:1px dotted #000}
.d027 .fileWrap .input__file .file-label{font-family:"Open Sans Bold",Noto-lang-Bold,"Malgun Gothic",sans-serif;position:relative;text-align:center;display:inline-block;border:0;border-radius:0;background:0;color:#333;letter-spacing:-1px;vertical-align:top;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;font-size:11px;line-height:25px;border-color:#7b7b7b;background-color:#7b7b7b;color:#fff;height:40px;padding:0 10px;line-height:1.1;font-size:14px}
.d027 .fileWrap .input__file .file-label span{white-space:nowrap}
.d027 .fileWrap .input__file .file-label.is-disabled,.d027 .fileWrap .input__file .file-label[disabled]{cursor:default}
.d027 .fileWrap .input__file .file-label:active,.d027 .fileWrap .input__file .file-label:focus,.d027 .fileWrap .input__file .file-label:hover{background-color:#7b7b7b;color:#fff}
.d027 .fileWrap .input__file .file-label.is-disabled,.d027 .fileWrap .input__file .file-label[disabled]{background-color:#7b7b7b;color:#fff}
.d027 .fileWrap .input__file .file-label.is-disabled:active,.d027 .fileWrap .input__file .file-label.is-disabled:focus,.d027 .fileWrap .input__file .file-label.is-disabled:hover,.d027 .fileWrap .input__file .file-label[disabled]:active,.d027 .fileWrap .input__file .file-label[disabled]:focus,.d027 .fileWrap .input__file .file-label[disabled]:hover{background-color:#7b7b7b}
.d027 .fileWrap .input__file .file-label>span{position:absolute;top:50%;left:50%;width:100%;padding:0 14px;-webkit-transform:translate(-50%,-52%);-ms-transform:translate(-50%,-52%);transform:translate(-50%,-52%);white-space:normal}
.is-printReady .print__container .d027 .fileWrap .input__file .file-label>span{-webkit-transform:none !important;-ms-transform:none !important;transform:none !important;left:0 !important;top:10px !important}
.d027 .o-input{border:0;border-radius:0;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:middle;-webkit-appearance:none}
.d027 .o-input--date,.d027 .o-input--email,.d027 .o-input--number,.d027 .o-input--password,.d027 .o-input--tel,.d027 .o-input--text{width:100%;height:40px;padding:0 15px;position:relative;z-index:1;outline:0;font-size:14px;line-height:40px;background-color:#f5f5f5;border:1px solid #f5f5f5;color:#333;text-align:left}
.d027 .o-input--date:focus,.d027 .o-input--email:focus,.d027 .o-input--number:focus,.d027 .o-input--password:focus,.d027 .o-input--tel:focus,.d027 .o-input--text:focus{border-color:#333;background-color:#fff}
.d027 .o-input--date[disabled],.d027 .o-input--date[readonly],.d027 .o-input--email[disabled],.d027 .o-input--email[readonly],.d027 .o-input--number[disabled],.d027 .o-input--number[readonly],.d027 .o-input--password[disabled],.d027 .o-input--password[readonly],.d027 .o-input--tel[disabled],.d027 .o-input--tel[readonly],.d027 .o-input--text[disabled],.d027 .o-input--text[readonly]{background-color:#e6e6e6 !important;border-color:#bbb !important;color:#666 !important}
.d027 .o-input--date::-ms-clear,.d027 .o-input--email::-ms-clear,.d027 .o-input--number::-ms-clear,.d027 .o-input--password::-ms-clear,.d027 .o-input--tel::-ms-clear,.d027 .o-input--text::-ms-clear{display:none !important}
.d027 .o-input--number{padding:0 15px}
.d027 .o-input--number::-webkit-inner-spin-button,.d027 .o-input--number::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.d027 .o-input--date{padding-right:43px;background-image:url(../../../../../../../../content/dam/lottehotel/components/common/content/common/d027-signup-join-term-and-condition-sms-dm-check/form.png);background-repeat:no-repeat;background-position:right 11px top -93px;background-size:20px auto}
.is-printReady .print__container .d027 .o-input--date{background-position:96% -93px}
.d027 .o-input--textarea{width:100%;min-height:160px;padding:10px 15px;font-size:14px;vertical-align:top;background-color:#f5f5f5;border:1px solid #f5f5f5;resize:none}
.d027 .o-input--textarea:focus{border-color:#000;background-color:#fff}
.d027 .o-input--textarea[disabled],.d027 .o-input--textarea[readonly]{background-color:#e6e6e6 !important;border-color:#bbb !important;color:#666 !important}
.d027 .input{font-size:0}
.d027 .input__wrap{position:relative}
.d027 .input__wrap label{vertical-align:middle}
.d027 .input__item{display:inline-block}
.d027 .input__item:last-child label{margin-right:0}
.d027 .input__placeholder{position:absolute;z-index:2;left:0;top:0;padding:0 15px;color:#666;font-size:14px;line-height:40px;pointer-events:none}
.d027 .input__placeholder.screen--out{top:-9999px;left:-9999px}
.d027 .input__removetext{display:none;z-index:1;position:absolute;right:0;top:0;text-indent:-9999px;width:26px;height:40px;overflow:hidden;-webkit-box-sizing:content-box;box-sizing:content-box}
.d027 .input__removetext:after,.d027 .input__removetext:before{display:block;position:absolute;top:50%;right:10px;width:10px;height:1px;background-color:#333;content:""}
.d027 .input__removetext:before{-webkit-transform:rotate(45deg);-khtml-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.d027 .input__removetext:after{-webkit-transform:rotate(135deg);-khtml-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}
.d027 .input--2 .o-input--date,.d027 .input--2 .o-input--email,.d027 .input--2 .o-input--number,.d027 .input--2 .o-input--password,.d027 .input--2 .o-input--tel,.d027 .input--2 .o-input--text{border-color:#bcbcbc;height:25px;padding:0 10px;font-size:11px;line-height:23px;background-color:#fff}
.d027 .input--2 .o-input--date{padding-right:34px;background-position:right 7px top -101px}
.is-printReady .print__container .d027 .input--2 .o-input--date{background-position:96% -101px}
.d027 .input--2 .input__placeholder{padding:0 10px;font-size:11px;color:#999;line-height:23px}
.d027 .required__text__wrap{display:none}
.d027 .required__text__wrap .required__text{padding-top:6px;padding-left:18px;position:relative;font-size:12px}
.d027 .required__text__wrap .required__text:before{content:"";position:absolute;left:0}
.d027 .required__text__wrap .required__text.dot{color:#ef6600}
.d027 .required__text__wrap .required__text.dot:before{position:absolute;top:13px;left:6px;width:3px;height:3px;border-radius:50%;background-color:#ef6600;content:""}
.d027 .required__text__wrap .required__text.check{color:#333}
.d027 .required__text__wrap .required__text.check:after,.d027 .required__text__wrap .required__text.check:before{display:block;position:absolute;top:50%;height:1px;background-color:#333;content:""}
.d027 .required__text__wrap .required__text.check:before{left:0;width:6px;margin-top:4px;-webkit-transform:rotate(45deg);-khtml-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.d027 .required__text__wrap .required__text.check:after{left:3px;width:11px;margin-top:2px;-webkit-transform:rotate(135deg);-khtml-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}
.d027 .form--success.input__wrap .o-input{border-color:#1b65b3 !important;background-color:#fff !important}
.d027 .form--success.input__wrap .o-input--date,.d027 .form--success.input__wrap .o-input--email,.d027 .form--success.input__wrap .o-input--number,.d027 .form--success.input__wrap .o-input--password,.d027 .form--success.input__wrap .o-input--tel,.d027 .form--success.input__wrap .o-input--text{padding-right:35px}
.d027 .form--success.input__wrap .o-input:-moz-read-only{background-color:#e6e6e6 !important;border-color:#bbb !important}
.d027 .form--success.input__wrap .o-input:read-only{background-color:#e6e6e6 !important;border-color:#bbb !important}
.d027 .form--success.input__wrap:after{content:"";position:absolute;top:11px;right:10px;z-index:1;width:18px;height:18px;border-radius:50%;background:#1b65b3 url(../../../../../../../../content/dam/lottehotel/components/common/content/common/d027-signup-join-term-and-condition-sms-dm-check/form.png) no-repeat 1px -13px;background-size:15px auto}
.d027 .form--success.input__wrap--date:after{display:none}
.d027 .form--success .validation__text{color:#1b65b3}
.d027 .form--warning.input__wrap .o-input{background-color:#fff !important;border:1px solid #ef6600 !important}
.d027 .form--warning.input__wrap .o-input:-moz-read-only{background-color:#e6e6e6 !important}
.d027 .form--warning.input__wrap .o-input:read-only{background-color:#e6e6e6 !important}
.d027 .form--warning.select__wrap .combobox__button,.d027 .form--warning.select__wrap .ui-select__combo{background-color:#fff !important;border:1px solid #ef6600 !important}
.d027 .form--warning+.validation__text{color:#ef6600}
.d027 .dm-check__contents-area .agreement__contents-inner{padding:24px 20px}
@media all and (min-width:768px){.d027 .o-input--checkbox+label,.d027 .o-input--radio+label{padding-left:30px;font-size:16px;line-height:20px}
.d027 .o-input--checkbox+label:before,.d027 .o-input--radio+label:before{width:20px;height:20px}
.d027 .o-input--radio+label:after{top:5px;left:5px;width:10px;height:10px}
.d027 .o-input--checkbox+label:after{width:20px;height:20px;background-position:0 0}
.d027 .o-input--checkbox:checked+label:after{background-position:0 -20px}
.d027 .o-input--checkbox:disabled+label:after{background-position:0 -20px}
.d027 .agreement__title-area{position:relative;overflow:hidden;padding-bottom:10px}
.d027 .agreement__title{padding-bottom:0;font-size:18px}
.d027 .agreement__title-agree{text-align:right;padding-top:3px}
.d027 .agreement__content{font-size:16px;line-height:25px}
.d027 .agreement__contents-inner{padding:20px 30px}
.d027 .validation__text__wrap .validation__text{padding-top:10px;font-size:14px}
.d027 .notice__text{padding-top:10px;font-size:14px}
.d027 .info__text{font-size:16px;line-height:25px;padding-top:10px}
.d027 .info__list li{font-size:16px;line-height:25px}
.d027 .fileWrap{position:relative}
.d027 .fileWrap .input:first-child{padding-bottom:0;padding-right:160px}
.d027 .fileWrap .input__file{position:absolute;top:0;right:0;width:160px;height:100%}
.d027 .fileWrap .input__file .file-label{width:auto;padding:0 20px;font-size:16px;line-height:36px}
.d027 .fileWrap .input__file .file-label{height:44px;padding:0 10px;line-height:1.1}
.d027 .fileWrap .input__file .file-label>span{padding:0 15px}
.d027 .fileWrap .input__file .file-label{width:160px}
.d027 .o-input--date,.d027 .o-input--email,.d027 .o-input--number,.d027 .o-input--password,.d027 .o-input--tel,.d027 .o-input--text{padding:0 20px;height:44px;font-size:16px;line-height:44px}
.d027 .o-input--number{padding:0 20px}
.d027 .o-input--date{padding-right:52px;background-position:right 15px top -131px;background-size:27px auto}
.is-printReady .print__container .d027 .o-input--date{background-position:96% -131px}
.d027 .o-input--textarea{font-size:16px}
.d027 .input__placeholder{padding:0 20px;font-size:16px;line-height:44px}
.d027 .input__removetext{width:60px;height:44px}
.d027 .input__removetext:after,.d027 .input__removetext:before{right:20px;width:15px}
.d027 .input--2 .o-input--date,.d027 .input--2 .o-input--email,.d027 .input--2 .o-input--number,.d027 .input--2 .o-input--password,.d027 .input--2 .o-input--tel,.d027 .input--2 .o-input--text{height:36px;padding:0 15px;font-size:16px;line-height:34px}
.d027 .input--2 .o-input--date{padding-right:46px;background-position:right 10px top -135px}
.is-printReady .print__container .d027 .input--2 .o-input--date{background-position:96% -135px}
.d027 .input--2 .input__placeholder{padding:0 15px;font-size:16px;line-height:34px}
.d027 .required__text__wrap .required__text{font-size:14px}
.d027 .required__text__wrap .required__text.dot:before{top:14px}
.d027 .form--success.input__wrap .o-input--date,.d027 .form--success.input__wrap .o-input--email,.d027 .form--success.input__wrap .o-input--number,.d027 .form--success.input__wrap .o-input--password,.d027 .form--success.input__wrap .o-input--tel,.d027 .form--success.input__wrap .o-input--text{padding-right:50px}
.d027 .form--success.input__wrap:after{top:12px;right:20px;width:20px;height:20px;background-position:1px -15px;background-size:17px auto}
}