/* common Css */ #form1 div { font-size : 12px; line-height : 1.2; } #ui-datepicker-div div { font-size : 12px; line-height:1.2; } /*datepicker*/ .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { margin-top:-5px;} textarea::-webkit-input-placeholder { color: #fff; font-weight: bold; } textarea:-ms-input-placeholder { color: #fff; font-weight: bold; } .RotateWrap { display : none; } .RotateBg { background-image:url('../Image/rotate/Rotate_Bg.png'); background-repeat:no-repeat; background-position:center center; background-size:cover; width:100%; height:auto; display:inline-block; position:relative;} /* Logo */ .menuWrap { width:100%; height:auto; background-color:#333; text-align:center; padding :30px 0px; } .menuWrap .logoWrap { width:30%; height:auto; max-width:280px; display:inline-block; } .menuWrap .logoWrap img { width:100%; height:auto; } /* DH 모바일 버전 버튼 CSS **/ /* A A A : A : A : A : */ .mobile_FormBtn { width : 100%; height : auto; display : none; justify-content : center; background : #427fb4; align-items : center; border-top : 3px solid #005095; position : fixed; bottom : 0; left : 0; z-index : 2; cursor : pointer; } .mobile_FormBtn p { font-size : 20px; line-height : 1em; margin-right : 10px; padding : 15px 0; color : #fff; } .mobile_FormBtn svg { font-size : 25px; color : #fff; } /* A A A A A A */ #Qna_Formmail-SMS-Renew { width : 100%; height : auto; position : fixed; bottom : 0; background : #666; padding : 0.5% 1%; z-index : 20; transition : .4s;} #Qna_Formmail-SMS-Renew .sectionWrap { width : 100%; height : auto; display : flex; flex-direction : row; justify-content : center; } #result {display:none;} #Qna_Formmail-SMS-Renew .sectionWrap .formWrap { width : 100%; display : flex; align-items : center; max-width : 1200px; } #Qna_Formmail-SMS-Renew .sectionWrap .formWrap #SubForm_SMS { width : 100%; height : auto; display : flex; align-items: center; justify-content : space-between; } .formmail_Wrap { width : 100%; height : auto; display : flex; } .txtInChargeName { height : auto; display : inline-block; border : 0; text-align : left; } .formmail_Title { color : #fff; font-size : clamp(13px,2vw,15px); font-weight : 500; text-align : left !important; /* divCWDetail p의 센터정렬로 인한 강제 정령 */ } .formmail_TitleNomal { width : auto; height : auto; color : #fff; font-size : calc(12px + 0.3vw); font-weight : 500; float : left; margin-top : 7px; display : inline-block; text-align : left; } .TitleNomal_Wrap { width : 100%; height : auto; min-height : 40px; display : inline-block; padding : 1.2% 0; border-bottom : 1px solid #e5e5e5; } .formmail_Wrap .firstWrap { width : 100%; display : flex; flex-direction : row; justify-content: space-between;} .TitleNomal_Wrap.nameBox { width : 15%; display : flex; flex-direction : column; justify-content: space-between; align-items : flex-start; border : none; } .TitleNomal_Wrap.nameBox input { width : 100%; font-size : calc(12px + 0.2vw); color : #fff; } .TitleNomal_Wrap.nameBox input::placeholder { color : #fff; font-size : calc(12px + 0.1vw); opacity : 1;} .TitleNomal_Wrap.nameBox input::-webkit-input-placeholder { color : #fff; font-size : calc(12px + 0.1vw);} .TitleNomal_Wrap.nameBox input::-ms-input-placeholder { color : #fff; font-size : calc(12px + 0.1vw);} .TitleNomal_Wrap.nameBox input::-moz-input-placeholder { color : #fff; font-size : calc(12px + 0.1vw);} .TitleNomal_Wrap.nameBox input::-moz-placeholder{ color:#fff; } .TitleNomal_Wrap.phoneBox { width : 30%; display : flex; flex-direction : row; flex-wrap : wrap; align-items : flex-start; justify-content : space-between; align-content : space-between; border : none; } .TitleNomal_Wrap.phoneBox .formmail_TitleNomal { width : 100%; text-align : left; } .TitleNomal_Wrap.phoneBox .phoneSelect { width : 32.5%; text-align : left; font-size: clamp(12px,2vw,14px); color : #fff; } .TitleNomal_Wrap.phoneBox .phoneInput { width : 32.5%; margin-right :0; text-align : left; font-size: clamp(12px,2vw,14px); color : #fff; } .formmail_Wrap .secondWrap { width : 100%; height : auto; display : flex; flex-direction : row; flex-wrap : wrap; justify-content : space-between;} .TitleNomal_Wrap.carSelect { width : 15%; display : flex; flex-direction : column; align-items : flex-start; justify-content : space-between; border : none; } .TitleNomal_Wrap.carSelect .carSelectWrap { width : 100%; height : auto; display : flex; justify-content: space-between; } .TitleNomal_Wrap.carSelect .carSelectWrap .carSelectBox { font-size : calc(12px + 0.1vw); color : #fff;} .TitleNomal_Wrap.carBox { width : 100%; display : flex; flex-direction : column; align-items : flex-start; border : none; } .TitleNomal_Wrap.carBox input { width : 100%; font-size : calc(12px + 0.3vw); color : #fff; } .TitleNomal_Wrap.carBox.halfBox { width : 49%; } .TitleNomal_Wrap.carBox input::placeholder { color : #fff; font-size : calc(12px + 0.1vw); opacity:1;} .TitleNomal_Wrap.carBox input::-webkit-input-placeholder { color : #fff; font-size : calc(12px + 0.1vw); } .TitleNomal_Wrap.carBox input:-moz-placeholder { color : #fff; font-size : calc(12px + 0.1vw); } .TitleNomal_Wrap.carBox input:-webkit-autofill, .TitleNomal_Wrap.carBox input:-webkit-autofill:hover, .TitleNomal_Wrap.carBox input:-webkit-autofill:focus, .TitleNomal_Wrap.carBox input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0px 1000px white inset !important; background:none; } .formmail_Wrap .thirdWrap { width : 100%; display : flex;} .TitleNomal_Wrap.addressBox { width : 100%; display : flex; justify-content: space-between; border : none; } .TitleNomal_Wrap.addressBox .formmail_TitleNomal { width : 100%; text-align : left; } .TitleNomal_Wrap.addressBox .adrressSelect:nth-child(1) { width : 58%; font-size : calc(12px + 0.1vw); color : #fff; } .TitleNomal_Wrap.addressBox .adrressSelect:nth-child(2) { width : 40%; font-size : calc(12px + 0.1vw); color : #fff; } .Personal_CheckBox.agreeBox { width : 100%; height : auto; display : flex; flex-direction : row; flex-wrap : wrap; justify-content: space-between; margin : 2% 0; padding : 0;} input[class="allCheck"] + label { width : 100%; color : #fff; font-size : calc(12px + 0.1vw); font-weight : 400; text-align : left; display : flex; justify-content : flex-start; align-items : center; margin : 1% 0 2%; cursor : pointer; } input[class="allCheck"] + label::before { content : ""; width : 15px; height : 15px; margin-right : 1%; display : inline-block; background-image :url("../../../../Image/uncheck.png"); background-repeat: no-repeat; background-size : 100%; background-position : center;} input[class="allCheck"]:checked + label::before { width : 15px; height : 15px; display : inline-block; background-image :url("../../../../Image/checked_green.png"); background-repeat: no-repeat; background-size : 100%; background-position : center;} input[class="allCheck"] { display : none;} .Personal_CheckBox.agreeBox .agreeCheckBox { width : 100%; color : #fff; display : flex; align-items : center; justify-content : space-between; } .Personal_CheckBox.agreeBox .agreeCheckBox #onTextarea { font-size : clamp(10px,2vw,12px); text-decoration : underline; cursor : pointer; } .Personal_CheckBox.agreeBox .agreeCheckBox #onTextarea:hover { color : #5afb92;} input[id="checkbox01"] + label::before { content : ""; width : 15px; height : 15px; cursor : pointer; display : block; background-image :url("../../../../Image/uncheck.png"); background-repeat: no-repeat; background-size : 100%; background-position : center;} input[id="checkbox01"]:checked + label::before { content : ""; width : 15px; height : 15px; display : block; background-image :url("../../../../Image/checked_green.png"); background-repeat: no-repeat; background-size : 100%; background-position : center;} input[id="checkbox01"] {display : none;} input[id="checkbox02"] + label { width : 49%; color : #fff; background : #000000cf; display : flex; align-items : center; justify-content : center; justify-content : space-evenly; font-size : calc(12px + 0.1vw);padding : 1% 0; font-weight : 400; cursor : pointer;} input[id="checkbox02"] + label::after { content : ""; width : 15px; height : 15px; display : inline-block; background-image :url("../../../../Image/uncheck.png"); background-repeat: no-repeat; background-size : 100%; background-position : center;} input[id="checkbox02"]:checked + label::after { content : ""; width : 15px; height : 15px; display : inline-block; background-image :url("../../../../Image/checked_green.png"); background-repeat: no-repeat; background-size : 100%; background-position : center;} input[id="checkbox02"] { display : none;} #Qna_Formmail-SMS-Renew .qnaCloseBtn { font-size : calc(15px + 1vw); color : #fff; position : absolute; top : 4%; right : 4%; cursor : pointer; display : none;} .Personal_Info .textareaWrapBack { width : 100vw; height : 100vh; position : fixed; top : 0; left : 50%; transform : translateX(-50%); display : flex; justify-content : center; z-index : 999999; visibility : hidden; } .Personal_Info .textareaWrapBack.on { visibility : visible;} .Personal_Info .textareaWrapBack .textareaWrap { width : 100vw; height : 100%; background : #000000a8; display : flex; flex-direction : column; justify-content : space-evenly;position : relative; padding : 0 8%; transform : scale(0); transition : .3s; } .Personal_Info .textareaWrapBack.on .textareaWrap { transform : scale(1); transition : .3s;} .Personal_Info .textareaWrapBack .textareaWrap .textareaWrapTit { font-size : calc(12px + 1vw); color : #fff; text-align : center;} .Personal_Info .textareaWrapBack .textareaWrap .textareaClose { font-size : calc(12px + 1vw); color : #fff; position : absolute; top : 8%; right :10%; cursor : pointer; } .formWrap .submitBtn { font-size : clamp(14px,2vw,15px); color:#fff; background : #427fb4; padding : 0.8em 2.4em; border : none; transition : .4s;} .formWrap .submitBtn:hover { background : #0d75cf; transition:.4s;} .textareaWrapBack { width : 100vw; height : 100vh; position : fixed; top : 0; left : 50%; transform : translateX(-50%); display : flex; justify-content : center; z-index : 999999; background : #000000a8; visibility : hidden; } .textareaWrapBack.on { visibility : visible; } .textareaWrapBack .textareaWrap { width : 100vw; height : 100%; display : flex; flex-direction : column; justify-content : center; align-items : center; position : relative; padding : 0 8%; transform : scale(0); margin-top : 45px; transition : .3s; } .textareaWrapBack.on .textareaWrap { transform : scale(1); transition : .3s; } .textareaWrapBack .textareaWrap .textareaWrapTit { font-size : clamp(15px,5vw,28px); color : #fff; text-align : center; margin-bottom : clamp(10px,2vw,15px); } .textareaWrapBack .textareaWrap .textareaClose { font-size : clamp(18px,5vw,28px); color : #fff; position : absolute; top : 14vh; right :12%; cursor : pointer; z-index : 555; } .textareaWrapBack .textarea { z-index : 1000; background : #fff; width : 90%; height: clamp(350px,29vw,550px); overflow : scroll; border : none; padding : 2% 5%; } .txtClass_Whole { width : 55%; height : 33px; } /* 진료과목 셀렉트박스 width */ .txtClass_Whole .selectValueWrap .selectedValue /* 진료과목 셀렉트박스 글자 */ { height : 35px; padding-top : 10px; z-index:-1 !important;} .txtClass_Whole .selectValueWrap .caret /* 진료과목 셀렉트박스 화살표 */ { margin-top : 4px; } .ui-datepicker { z-index: 99999 !important; } .TitleNomal_Date { width : 55%; height : 33px; } .TitleNomal_addr1 { width : 25%; height : 33px; margin : 0 0 5px 0px;} .TitleNomal_addr2 { width : 55%; height : 33px; margin : 0 0 5px 0px;} .TitleNomal_Name ,.TitleNomal_Email { width : 30%; height : 33px; min-width : 150px; } .TitleNomal_selectTelWhole /* 진료과목 셀렉트박스 width */ { width : 10%; min-width : 50px; height : 33px; } .TitleNomal_selectTelWhole .selectValueWrap .selectedValue /* 진료과목 셀렉트박스 글자 */ { height : 33px; padding-top : 10px; } .TitleNomal_selectTelWhole .selectValueWrap .caret /* 진료과목 셀렉트박스 화살표 */ { margin-top : 4px; } .txtCPHead_lWhole ,.txtCPSerial_Whole { width : 17%; height : 33px; text-align : center; margin-right : 5px; } .txtClass2_Whole { width : 20%; min-width : 150px; } /* 진료과목 셀렉트박스 width */ .txtClass2_Whole .selectValueWrap .selectedValue /* 진료과목 셀렉트박스 글자 */ { height : 35px; padding-top : 10px; } .txtClass2_Whole .selectValueWrap .caret /* 진료과목 셀렉트박스 화살표 */ { margin-top : 4px; } .txtChannel_Whole { width : 20%; min-width : 150px; height : 33px; } /* 진료과목 셀렉트박스 width */ .txtChannel_Whole .selectValueWrap .selectedValue /* 진료과목 셀렉트박스 글자 */ { height : 35px; padding-top : 10px; } .txtChannel_Whole .selectValueWrap .caret /* 진료과목 셀렉트박스 화살표 */ { margin-top : 4px; } .ui-datepicker-calendar tr td {width : 13%; height:25px;} /* 개인정보 수집현황 */ .Personal_Info { width : clamp(100px,18vw,173px); text-align : left; display : inline-block; height : auto; } textarea.inputbackgroundstyle:focus { outline : none; } .Personal_Info .textarea { width : 100%; height : 70%; overflow-y : scroll; overflow-x : hidden; font-size : 13px; padding : 20px 0px 20px 0px; text-align : left; /* TextArea Design */ color: #333333; text-shadow: 0 0px 0px rgba(255, 255, 255, 0.75); background-color: #F6F6F6; *background-color: #fff; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #ffffff, #f6f6f6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f6f6f6)); background-image: -webkit-linear-gradient(top, #ffffff, #f6f6f6); background-image: -o-linear-gradient(top, #ffffff, #f6f6f6); background-image: linear-gradient(to bottom, #ffffff, #f6f6f6); border: 1px solid #bbbbbb; border-color: #e6e6e6 #e6e6e6 #bfbfbf; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); *zoom: 1; -webkit-box-shadow: inset 0 3px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 3px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 3px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); } .inputbackgroundstyle { /* TextArea Design */ width : 100%; height : 40px; appearance : none; background : #e7e7e721; border : none; padding-left : 10px; background: #ffffff1a;} .input_textarea { width : 100%; } .textarea p { text-align : left !important; line-height : 24px; } .textarea_thick { margin-left : 60px; font-size : 14px; font-weight : 400; margin-top:0px !important; padding-right:60px; color : #333; } .textarea_nomal { margin-left : 80px; font-size : 12px; font-weight : 300; margin-top:0px !important; padding-right:60px; } .line_1px { display : inline-block; width : 80%; height : 1px; border-top : 1px dotted #D5D5D5; margin : 15px 0 15px 0; margin-left : 80px; } .Personal_CheckBox { width : 100%; height : auto; text-align : center; cursor : point; margin : 0 auto; } .checkBox_Design { margin-top : 5px; text-align : center; cursor : pointer; overflow : hidden; display : inline-block; } .checkBox_Design .input_Form { position : absolute; top : 0; left : 4px; opacity : 0; cursor : pointer; z-index : 5; transform : scale(1.4); -o-transform : scale(1.4); -ms-transform : scale(1.4); -moz-transform : scale(1.4); -webkit-transform : scale(1.4); } .checkBox_Design i { float : left; display : block; width : 20px; height : 20px; background:url(../../../../../Image/icon/checkbox_blue.png) no-repeat left top; z-index : 3; } /* .checkBox_Design label { float : left; margin-left : 0px; cursor : pointer; font-size : 14px; font-weight : 400; transition: all 0.25s cubic-bezier(0.65, 0, 0.21, 1.47) 0s; -o-transition : all ease-in-out .5s; -ms-transition : all ease-in-out .5s; -moz-transition : all ease-in-out .5s; -webkit-transition : all ease-in-out .5s; } .checkBox_Design .input_Form:checked+i { background-position : left bottom; } .checkBox_Design .input_Form:checked+i+label { color : #54C2F1; transition : all ease-in-out .5s; -o-transition : all ease-in-out .5s; -ms-transition : all ease-in-out .5s; -moz-transition : all ease-in-out .5s; -webkit-transition : all ease-in-out .5s; } .btn_red { width : 80px; background : #4374D9; height : 40px; font-size:16px; font-weight:500; color:#fff; border : 0; -webkit-box-shadow: inset 3px 3px 2px rgba(255, 255, 255, 0.3), 1px 1px 2px rgba(0, 0, 0, 0.55); -moz-box-shadow: inset 3px 3px 2px rgba(255, 255, 255, 0.3), 1px 1px 2px rgba(0, 0, 0, 0.55); box-shadow: inset 3px 3px 2px rgba(255, 255, 255, 0.3), 1px 1px 2px rgba(0, 0, 0, 0.55); } */ /*select*/ select.JRcustom { -webkit-appearance: none; /* 커서 감추기 */ -moz-appearance : none; appearance : none; } select.JRcustom:focus { outline: none; } select.JRcustom option { color : #333; font-size : 14px; padding:5px 0px; line-height:30px;} select.JRcustom option.SelectBanner { color : #999; font-size : 14px; padding:5px 0px; } select.JRcustom option.SelectSpace { font-size : 2px; line-height:5px;} select.JRcustom::-ms-expand { display : none; } select.JRcustom * { background-color : #fff; } /* .table_style { font-family : 나눔고딕, 돋움, 'Nanum Gothic', Arial, Helvetica, sans-serif; width : 80%; height : auto; border-top : 0px solid #e5e5e5; border-bottom : 0px solid #e5e5e5; display : inline-block; margin-bottom : 20px; margin-top : 20px; cellpadding : 0; cellspacing : 1; background-color : #fff; font-size : 16px; opacity : 0.85; text-align : left; padding-top : 5px; padding-bottom : 10px; } table td { border-bottom : 1px dotted #BDBDBD; height : 35px; width : 65%; padding-top : 10px; padding-bottom : 10px; } .tblRecord { background-color : white; } .tblRecord td { padding-top : 5px; padding-botton : 5px; } .tblRecord textarea { width : 100%; background : #F6F6F6; border : 1px solid #D5D5D5; } .capCaption { background-color : #fff; text-align : center; width : 35%; font-size : 15px; font-weight : 700; color : #4C4C4C; font-spacing : 0.05em; } .Essential { color : red; } .SelectClass01 { color : blue; font-weight : bold; } .SelectClass02 { color : gray; } .Combo { width : 25%; height : 25px; background : #F6F6F6; border : 1px solid #D5D5D5; max-width : 80px; } .Part { width : 25%; height : 25px; max-width : 80px; } .Whole { width : 90%; height : 25px; } .WholeName { width : 40% !important; } .divSelectedImage { width : 400px; height : 400px; } .Privacy { list-style-type : none; } .PrivacyLeft { margin-left : 20px; padding : 5px 10px 5px 10px; float : left; color : #0054FF; font-size : 14px; font-weight : 700; } .PrivacyLeft:hover{ cursor : pointer; font-size : 14px; color : red; } .PrivacyRight { margin-right : 20px; padding : 5px 10px 5px 10px; float : right; color : #ff0000; font-size : 14px; font-weight : 700; } #divPopup { position : fixed; top : 0; left : 0; width: 100%; height : 100%; z-index : -1000; display : none; } .divPopupBackground { position : absolute; top : 0; left : 0; width: 100%; height : 100%; background-color : #000; opacity : 0.3; filter : alpha(opacity=30); } .divPopupContent { position : absolute; top : 80px; left : 25%; background-color : #fff; word-break : break-all; display : none; width : 50%; } .divPopupContent > div { text-align : center; width : 85%; height : auto; margin : 0 auto; padding : 25px; border : 0px solid #BDBDBD; } .divPopupContent > div > p { text-align : center; font-size : 25px; color : red; font-weight : 700; } .divPopupContent > div > textarea { font-size : 12px; line-height : 150%; width : 90%; height : 200px; padding : 15px; rows : 20; margin-top : 10px; } .btnHide { border : 0px; min-width : 100px; width : 30%; height : 25px; background-color : #e5e5e5; margin : 0 auto; margin-top : 10px; padding-top : 7px; font-weight : 600; } .btnHide:hover { cursor : pointer; } input[type=checkbox] { margin-top : 3px; Double-sized Checkboxes -ms-transform : scale(1.2); IE -moz-transform : scale(1.2); FF -webkit-transform: scale(1.2); Safari and Chrome -o-transform : scale(1.2); Opera } .btn_red { width : 80px; background : #4374D9; height : 30px; font-size:16px; font-weight:700; color:#fff;} */ @media (min-width:640px) and (max-width:1024px){ #Qna_Formmail-SMS-Renew { padding : 2%;} #Qna_Formmail-SMS-Renew .sectionWrap .formWrap #SubForm_SMS { flex-wrap : wrap;} .txtInChargeName { width : 100%;} .formmail_Title { font-size: clamp(18px,4vw,20px);} .TitleNomal_Wrap.nameBox, .TitleNomal_Wrap.carSelect { width : 20%;} .TitleNomal_Wrap.phoneBox { width : 58%;} .Personal_Info { width: 185px;} .Personal_CheckBox.agreeBox .agreeCheckBox #onTextarea { font-size : clamp(12px,2vw,13px);} } @media (max-width:640px) { .textareaWrapBack .textareaWrap { margin-top:40px;} #Qna_Formmail-SMS-Renew .qnaCloseBtn {display:block;} .mobile_FormBtn {display:flex;} #Qna_Formmail-SMS-Renew { height:auto; padding : 4%; z-index:15; bottom:-100%;} #Qna_Formmail-SMS-Renew.on {bottom : 0%; transition : .4s;} #Qna_Formmail-SMS-Renew .sectionWrap {height: 100%;} #Qna_Formmail-SMS-Renew .sectionWrap .formWrap #SubForm_SMS { flex-wrap : wrap; height: 100%; align-content: space-between;} .txtInChargeName { width : 100%; margin-bottom : 10px} .formmail_Title { font-size: clamp(17px,4vw,20px);} .TitleNomal_Wrap.nameBox, .TitleNomal_Wrap.carSelect { width : 100%;} .TitleNomal_Wrap.phoneBox { width : 100%; margin : 4px 0;} .TitleNomal_Wrap.phoneBox .phoneSelect, .TitleNomal_Wrap.phoneBox .phoneInput {width : 32.5%;} .Personal_Info { width: 100%;} .Personal_CheckBox.agreeBox .agreeCheckBox { justify-content: flex-start;} .Personal_CheckBox.agreeBox .agreeCheckBox #onTextarea { font-size : clamp(13px,2vw,14px); margin: 4px 6px 4px 0;} .formWrap .submitBtn { padding : 0.5em 2em; width:100%;} .formmail_Wrap .firstWrap { flex-direction : column;} .inputbackgroundstyle { height : 35px;} .RotateWrap { display : inline-block !important; width:50px; height:80px; overflow:hidden; text-align:right; top:30px; right:0px; position:absolute; z-index:9999999; transition : all 1s; -o-transition : all 1s; -ms-transition : all 1s; -moz-transition : all 1s; -webkit-transition : all 1s; } .RotateBg { background-image:url('../../../../../Image/rotate/Rotate_Bg.png'); background-repeat:no-repeat; background-position:center center; background-size:cover; width:100%; height:auto; display:inline-block; position:relative;} .RotateBg {-webkit-animation: tel_jery 5s infinite linear; animation: tel_jery 5s infinite linear } @-webkit-@keyframes tel_jery { 0% { -webkit-transform : rotateZ(0deg); -webkit-transform-origin : 50% 50%; } 100% { -webkit-transform : rotateZ(360deg); } } @keyframes tel_jery { 0% { transform : rotateZ(0deg); transform-origin : 50% 50%; } 100% { transform: rotateZ(360deg); } } .TitleNomal_Wrap { min-height : 30px;padding: 0;} .formmail_TitleNomal { font-size : 20px; font-weight : 500; } .Personal_Info .textareaWrapBack .textareaWrap { width : 100%; } .Personal_Info .textareaWrapBack .textareaWrap .textareaClose { font-size : 20px; } .table_style { width : 100%; font-size : 10px; } table td { border-bottom : 1px dotted #BDBDBD; height : 35px; width : 70%; } .tblRecord textarea { width : 90%; } .capCaption { background-color : #fff; text-align : center; width : 30%; font-size : 10px; } .Combo { font-size : 10px; } .SelectClass02 { font-size : 10px; text-align : center; } .Whole { font-size : 10px; text-align : center; } .Privacy { width:100%; height:auto; text-align : center; } .PrivacyLeft, .PrivacyRight { padding :0; margin:0 auto; width : 100%; text-align:center; } .PrivacyRight { margin-top : 10px; margin-bottom : 10px; } .divPopupContent { left : 10%; margin : 0 auto; width : 80%; height : auto; padding : 0; } .divPopupContent > div { width : 100%; height : auto; margin : 0 auto; padding : 0; padding-top : 25px; border : 0px solid #BDBDBD; } .divPopupContent > div > p { margin:0; padding : 0; text-align : center; font-size : 14px; color : red; font-weight : 700; } .divPopupContent > div > textarea { font-size : 10px; line-height : 150%; width : 70%; height : 200px; padding : 15px; rows : 20; margin-top : 10px; } .textarea_thick { margin-left : 20px; font-size : 14px; padding-right:20px; } .textarea_nomal { margin-left : 30px; font-size : 12px; padding-right:20px; } .Personal_Info .textarea { height : 80%; } select.JRcustom option { color : #333; font-size : 12px; padding:5px 0px; line-height:30px;} select.JRcustom option.SelectBanner { color : #999; font-size : 12px; padding:5px 0px; } }