/* A A A A A A */ #mainFormmail_StyleA { width : 100%; height : auto; display : inline-block; text-align : center; background-color : #f7f7f7; margin-top : 80px; overflow : hidden; } #mainFormmail_StyleA form { width : 100%; height : auto; display : flex; align-items : center; justify-content : center;} #mainFormmail_StyleA .mainFormmail_StyleA_Wrap { width : 97%; height : auto; max-width : 1300px; display : flex; align-items : center; justify-content : center; gap : 1%; padding : 3% 0;} /* left Wrap 설명문구 */ #mainFormmail_StyleA .mainFormmail_StyleA_Wrap .mainFormmail_StyleA_Left { width : 27%; height : auto; float : left; } #mainFormmail_StyleA .mainFormmail_StyleA_Wrap .mainFormmail_StyleA_Left .mainFormmail_StyleA_Left_title { width : 100%; height : auto; font-size : 35px; font-weight : 700; text-align : center; display : inline-block; color : #5D5D5D; } #mainFormmail_StyleA .mainFormmail_StyleA_Wrap .mainFormmail_StyleA_Left .mainFormmail_StyleA_Left_detail { width : 100%; height : auto; font-size : 17px; font-weight : 700; text-align : center; display : inline-block; color : #5D5D5D; margin-top : 20px; } /* Center Wrap 폼메일 */ #mainFormmail_StyleA .mainFormmail_StyleA_Wrap .mainFormmail_StyleA_Center { width : 60%; height : auto; text-align : left; } #mainFormmail_StyleA .mainFormmail_StyleA_Wrap .mainFormmail_StyleA_Center .mainTitleNomal_Wrap { width : 100%; height : auto; min-height : 40px; display : flex; padding-top : 20px; padding-bottom : 20px; border-bottom : 1px solid #e5e5e5; } #mainFormmail_StyleA .mainFormmail_StyleA_Wrap .mainFormmail_StyleA_Center .mainTitleNomal_Wrap .formmail_mainTitleNomal { width : 25%; margin-left : 5%; margin-right : 5%; height : 45px; color : #000; font-size : 16px; font-weight : 400; display : flex; align-items : center; justify-content : center; text-align : center; background-color : #e5e5e5; margin-top : 2px; } #mainFormmail_StyleA .mainFormmail_StyleA_Wrap .mainFormmail_StyleA_Center .mainTitleNomal_Wrap .mainTitleNomal_Name { width : 59%; height : 45px; min-width : 150px; text-align : center; } #mainFormmail_StyleA .mainFormmail_StyleA_Wrap .mainFormmail_StyleA_Center .mainTitleNomal_Wrap .mainTitleNomal_textarea { width : 59%; height : 45px; min-width : 150px; text-align : left; padding-left:10px; } #mainFormmail_StyleA .mainFormmail_StyleA_Wrap .mainFormmail_StyleA_Center .mainTitleNomal_Wrap .mainTitleNomal_selectTelWhole { width : 20%; min-width : 50px; height : 45px; } #mainFormmail_StyleA .mainFormmail_StyleA_Wrap .mainFormmail_StyleA_Center .mainTitleNomal_Wrap .mainTitleNomal_selectTelWhole .selectValueWrap .selectedValue /* 진료과목 셀렉트박스 글자 */ { height : 45px; padding-top : 15px; text-align:center;} #mainFormmail_StyleA .mainFormmail_StyleA_Wrap .mainFormmail_StyleA_Center .mainTitleNomal_Wrap .maintxtCPHead_lWhole ,.maintxtCPSerial_Whole { width : 19%; height : 45px; text-align : center; } /* Right Wrap 전송버튼 */ #mainFormmail_StyleA .mainFormmail_StyleA_Wrap .mainFormmail_StyleA_Right { width : 13%; height : auto; text-align : left; } #mainFormmail_StyleA .mainFormmail_StyleA_Wrap .mainFormmail_StyleA_Right .mainbtn_red { width : 100%; background : #8C8C8C; height : 150px; font-size:16px; font-weight:500; color:#fff; border : 0; vertical-align:middle; -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); 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; } #mainFormmail_StyleA .mainFormmail_StyleA_Wrap .mainFormmail_StyleA_Right .mainbtn_red:hover { background:#003399; 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; } /* 개인정보 수집 및 이용목적 및 동의privacyWrap */ #mainFormmail_StyleA .mainFormmail_StyleA_Wrap .privacyWrap { width : 100%; height : 50px; text-align : center; display : inline-block; padding-top : 10px; } /* 개인정보 수집 및 이용목적 privacyLeft */ #mainFormmail_StyleA .mainFormmail_StyleA_Wrap .privacyWrap .privacyLeft { width : 50%; height : auto; float : left; display : inline-block; text-align : right; } #mainFormmail_StyleA .mainFormmail_StyleA_Wrap .privacyWrap .privacyLeft .privacy_info { width : 100%; height : auto; color : #4374D9; padding-right : 10%; display : inline-block; font-size : 14px; text-align : right; cursor : point; margin-top : 5px; -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; } #mainFormmail_StyleA .mainFormmail_StyleA_Wrap .privacyWrap .privacyLeft .privacy_info:hover { cursor : pointer; font-size : 14px; color : red; -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; } /* 개인정보 동의 privacyRight */ #mainFormmail_StyleA .mainFormmail_StyleA_Wrap .privacyWrap .privacyRight { width : 50%; height : auto; float : left; display : inline-block; text-align : left; } #mainFormmail_StyleA .mainFormmail_StyleA_Wrap .privacyWrap .privacyRight .mainPersonal_CheckBox { width : 100%; height : auto; display : inline-block; text-align : center; cursor : point; margin : 0px auto; } #mainFormmail_StyleA .mainFormmail_StyleA_Wrap .privacyWrap .privacyRight .mainPersonal_CheckBox .maincheckBox_Design { width : 100%; height : auto; position : relative; margin-top : 5px; text-align : center; cursor : pointer; overflow : hidden; display : inline-block; } #mainFormmail_StyleA .mainFormmail_StyleA_Wrap .privacyWrap .privacyRight .mainPersonal_CheckBox .maincheckBox_Design .maininput_Form { position : relative; opacity : 0; text-align:left !important; cursor : pointer; z-index : 5; float:left; width:30px; transform : scale(1.4); -o-transform : scale(1.4); -ms-transform : scale(1.4); -moz-transform : scale(1.4); -webkit-transform : scale(1.4); } #mainFormmail_StyleA .mainFormmail_StyleA_Wrap .privacyWrap .privacyRight .mainPersonal_CheckBox .maincheckBox_Design i { float : left; margin-left : -20px; display : block; width : 20px; height : 20px; background:url(../../../../Image/icon/checkbox_blue.png) no-repeat left top; z-index : 3; } #mainFormmail_StyleA .mainFormmail_StyleA_Wrap .privacyWrap .privacyRight .mainPersonal_CheckBox .maincheckBox_Design label { float : left; margin-left : 10px; 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; } #mainFormmail_StyleA .mainFormmail_StyleA_Wrap .privacyWrap .privacyRight .mainPersonal_CheckBox .maincheckBox_Design label:hover { color : red; -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; } #mainFormmail_StyleA .mainFormmail_StyleA_Wrap .privacyWrap .privacyRight .mainPersonal_CheckBox .maincheckBox_Design .maininput_Form:checked+i { background-position : left bottom; } #mainFormmail_StyleA .mainFormmail_StyleA_Wrap .privacyWrap .privacyRight .mainPersonal_CheckBox .maincheckBox_Design .maininput_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; } /* 개인정보 수집 및 이용목적 팝업 divPopup */ #divPopup { position : fixed; top : 0; left : 0; width: 100%; height : 100%; z-index : -1000; display : none; } #divPopup .divPopupBackground { position : absolute; top : 0; left : 0; width: 100%; height : 100%; background-color : #000; opacity : 0.3; } #divPopup .divPopupContent { width : 50%; height : auto; position : absolute; top : 150px; left : 25%; word-break : break-all; display : none; } #divPopup .divPopupContent .divPopupWrap { text-align : center; width : 85%; height : auto; margin : 0 auto; padding : 25px; border : 0px solid #BDBDBD; } #divPopup .divPopupContent .divPopupWrap .divPopup_title { text-align : center; font-size : 25px; color : #747474; font-weight : 600; } #divPopup .divPopupContent .divPopupWrap .divPopup_detail { width : 100%; height : auto; min-height : 300px; font-size : 15px; line-height : 150%; padding : 15px; margin-top : 10px; } #divPopup .divPopupContent .divPopupWrap .btnHide { border : 0px; min-width : 100px; width : 30%; height : 40px; background-color : #e5e5e5; margin : 0 auto; margin-top : 10px; padding-top : 10px; font-weight : 600; font-size : 16px; } #divPopup .divPopupContent .divPopupWrap .btnHide:hover { cursor : pointer; } .inputbackgroundstyle { /* TextArea Design */ color: #333333; text-shadow: 0 1px 1px 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: 2px; -moz-border-radius: 2px; border-radius: 2px; 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); padding-left : 13px; } @media (max-width:1024px) { #mainFormmail_StyleA .mainFormmail_StyleA_Wrap { flex-wrap : wrap;} /* left Wrap 설명문구 */ #mainFormmail_StyleA .mainFormmail_StyleA_Wrap .mainFormmail_StyleA_Left { width : 100%; } #mainFormmail_StyleA .mainFormmail_StyleA_Wrap .mainFormmail_StyleA_Left .mainFormmail_StyleA_Left_title { font-size : 30px; } #mainFormmail_StyleA .mainFormmail_StyleA_Wrap .mainFormmail_StyleA_Left .mainFormmail_StyleA_Left_detail { margin-top : 10px; margin-bottom : 10px; } /* Center Wrap 폼메일 */ #mainFormmail_StyleA .mainFormmail_StyleA_Wrap .mainFormmail_StyleA_Center { width : 75%; padding-top : 10px; } #mainFormmail_StyleA .mainFormmail_StyleA_Wrap .mainFormmail_StyleA_Center .mainTitleNomal_Wrap { width : 100%; padding-top : 10px; padding-bottom : 10px; border-bottom : 1px solid #e5e5e5; } #mainFormmail_StyleA .mainFormmail_StyleA_Wrap .mainFormmail_StyleA_Center .mainTitleNomal_Wrap .formmail_mainTitleNomal { width : 25%; margin-left : 5%; margin-right : 2%; margin-top : 0px; } #mainFormmail_StyleA .mainFormmail_StyleA_Wrap .mainFormmail_StyleA_Center .mainTitleNomal_Wrap .mainTitleNomal_Name { width : 60%; } #mainFormmail_StyleA .mainFormmail_StyleA_Wrap .mainFormmail_StyleA_Center .mainTitleNomal_Wrap .mainTitleNomal_selectTelWhole { width : 21%; min-width : 50px; } #mainFormmail_StyleA .mainFormmail_StyleA_Wrap .mainFormmail_StyleA_Center .mainTitleNomal_Wrap .maintxtCPHead_lWhole ,.maintxtCPSerial_Whole { width : 19%; height : 45px; } /* Right Wrap 전송버튼 */ #mainFormmail_StyleA .mainFormmail_StyleA_Wrap .mainFormmail_StyleA_Right { width : 20%; text-align : left; } #mainFormmail_StyleA .mainFormmail_StyleA_Wrap .mainFormmail_StyleA_Right .mainbtn_red { width : 100%; height : 115px; } /* 개인정보 수집 및 이용목적 팝업 divPopup */ #divPopup .divPopupContent { width : 80%; top : 65px; left : 10%; } #divPopup .divPopupContent .divPopupWrap .divPopup_title { font-size : 22px; } #divPopup .divPopupContent .divPopupWrap .divPopup_detail { min-height : 200px; font-size : 13px; } #divPopup .divPopupContent .divPopupWrap .btnHide { padding-top : 7px; } #divPopup .divPopupContent .divPopupWrap .btnHide:hover { cursor : pointer; } } @media (max-width:810px) { #mainFormmail_StyleA .mainFormmail_StyleA_Wrap { flex-direction : column; gap : 10px;} #mainFormmail_StyleA .mainFormmail_StyleA_Wrap .mainFormmail_StyleA_Center { width : 100%; padding-top : 0;} #mainFormmail_StyleA .mainFormmail_StyleA_Wrap .mainFormmail_StyleA_Right .mainbtn_red { height : auto; padding : 15px 0;} } @media (max-width:640px) { #mainFormmail_StyleA { margin-top : 10px; padding : 5% 0; } /* left Wrap 설명문구 */ #mainFormmail_StyleA .mainFormmail_StyleA_Wrap .mainFormmail_StyleA_Left { width : 100%; } #mainFormmail_StyleA .mainFormmail_StyleA_Wrap .mainFormmail_StyleA_Left .mainFormmail_StyleA_Left_title { font-size : 25px; } #mainFormmail_StyleA .mainFormmail_StyleA_Wrap .mainFormmail_StyleA_Left .mainFormmail_StyleA_Left_detail { font-size : 15px; font-weight : 400; margin-top : 10px; margin-bottom : 10px; } /* Center Wrap 폼메일 */ #mainFormmail_StyleA .mainFormmail_StyleA_Wrap .mainFormmail_StyleA_Center { width : 100%; } #mainFormmail_StyleA .mainFormmail_StyleA_Wrap .mainFormmail_StyleA_Center .mainTitleNomal_Wrap { width : 100%; padding-top : 10px; padding-bottom : 10px; border-bottom : 1px solid #e5e5e5; } #mainFormmail_StyleA .mainFormmail_StyleA_Wrap .mainFormmail_StyleA_Center .mainTitleNomal_Wrap .formmail_mainTitleNomal { width : 30%; margin-left : 5%; margin-right : 2%; margin-top : 0px; } #mainFormmail_StyleA .mainFormmail_StyleA_Wrap .mainFormmail_StyleA_Center .mainTitleNomal_Wrap .mainTitleNomal_Name { width : 60%; } #mainFormmail_StyleA .mainFormmail_StyleA_Wrap .mainFormmail_StyleA_Center .mainTitleNomal_Wrap .mainTitleNomal_selectTelWhole { width : 20.7%; min-width : 50px; } #mainFormmail_StyleA .mainFormmail_StyleA_Wrap .mainFormmail_StyleA_Center .mainTitleNomal_Wrap .maintxtCPHead_lWhole ,.maintxtCPSerial_Whole { width : 19%; height : 45px; } /* Right Wrap 전송버튼 */ #mainFormmail_StyleA .mainFormmail_StyleA_Wrap .mainFormmail_StyleA_Right { width : 50%; text-align : left; } #mainFormmail_StyleA .mainFormmail_StyleA_Wrap .mainFormmail_StyleA_Right .mainbtn_red { width : 100%; height : auto; } /* 개인정보 수집 및 이용목적 및 동의privacyWrap */ #mainFormmail_StyleA .mainFormmail_StyleA_Wrap .privacyWrap { width : 100%; height : auto; } /* 개인정보 수집 및 이용목적 privacyLeft */ #mainFormmail_StyleA .mainFormmail_StyleA_Wrap .privacyWrap .privacyLeft { width : 100%; } #mainFormmail_StyleA .mainFormmail_StyleA_Wrap .privacyWrap .privacyLeft .privacy_info { width : 100%; min-width : 150px; padding-right : 0%; text-align : center; } /* 개인정보 동의 privacyRight */ #mainFormmail_StyleA .mainFormmail_StyleA_Wrap .privacyWrap .privacyRight { width : 100%; height : auto; } #mainFormmail_StyleA .mainFormmail_StyleA_Wrap .privacyWrap .privacyRight .mainPersonal_CheckBox { width : 100%; padding-top : 10px; } #mainFormmail_StyleA .mainFormmail_StyleA_Wrap .privacyWrap .privacyRight .mainPersonal_CheckBox .maincheckBox_Design { margin-top : 5px; float : none; padding : 0; } #mainFormmail_StyleA .mainFormmail_StyleA_Wrap .privacyWrap .privacyRight .mainPersonal_CheckBox .maincheckBox_Design .maininput_Form { position : absolute; float : none; width : 100%; height : 50px; margin-top : 0px; } #mainFormmail_StyleA .mainFormmail_StyleA_Wrap .privacyWrap .privacyRight .mainPersonal_CheckBox .maincheckBox_Design i { float : none; display : inline-block; margin-left:0%; } #mainFormmail_StyleA .mainFormmail_StyleA_Wrap .privacyWrap .privacyRight .mainPersonal_CheckBox .maincheckBox_Design label { float : none; margin-left : 0px; margin-top : -14px; } /* 개인정보 수집 및 이용목적 팝업 divPopup */ #divPopup .divPopupContent { width : 90%; top : 65px; left : 0; } #divPopup .divPopupContent .divPopupWrap .divPopup_title { font-size : 22px; } #divPopup .divPopupContent .divPopupWrap .divPopup_detail { width : 100%; min-height : 200px; font-size : 12px; } #divPopup .divPopupContent .divPopupWrap .btnHide { padding-top : 7px; } #divPopup .divPopupContent .divPopupWrap .btnHide:hover { cursor : pointer; } }