/*소노시즌 폼메일 CSS*/ /* A A A : A : A : A : */ #mainFormmail_StyleB { width : 100%; height : auto; text-align : center; position : absolute; bottom : 65%; left : 50%; transform : translateX(-50%); z-index : 20; } #mainFormmail_StyleB #form1 { width : 100%; height : auto; max-width : 1200px; margin : 0 auto; padding : calc(10px + 1vw); background : #e6e2dfcc; border-radius: 25px; } #mainFormmail_StyleB #form1 .mainFormmail_StyleB_AllWrap { width : 100%; height : auto; padding : calc(20px + 1vw) calc(20px + 4vw); background : #fff; border-radius : 25px; display : flex; flex-direction : column; } #mainFormmail_StyleB #form1 .mainFormmail_StyleB_top { width : 100%; height : auto; display : flex; justify-content : center; align-items : flex-end; margin-bottom : calc(10px + 1vw); } #mainFormmail_StyleB #form1 .mainFormmail_StyleB_top .mainFormmail_StyleB_top_logo { width : calc(140px + 4vw); height : auto;} #mainFormmail_StyleB #form1 .mainFormmail_StyleB_top .mainFormmail_StyleB_tit { font-size : calc(16px + 0.4vw); color : #696057; line-height : 1em; font-weight : 500; margin-left : calc(5px + 0.6vw); } #mainFormmail_StyleB #form1 .mainFormmail_StyleB_Wrap { width : 100%; height : auto; display : flex; background : #fff; justify-content : space-between; align-items : stretch; } #mainFormmail_StyleB #form1 .mainFormmail_StyleB_Wrap .mainFormmail_StyleB_inputBoxWrap { width : 75%; height : auto;} #mainFormmail_StyleB #form1 .mainFormmail_StyleB_Wrap .mainFormmail_StyleB_inputBoxWrap .inputWrap { width : 100%; display : flex; justify-content : space-between; align-items : center; } #mainFormmail_StyleB #form1 .mainFormmail_StyleB_Wrap .mainFormmail_StyleB_inputBoxWrap .inputWrap:nth-child(1) { margin-bottom : calC(7px + 0.4vw); } #mainFormmail_StyleB #form1 .mainFormmail_StyleB_Wrap .mainFormmail_StyleB_inputBoxWrap .inputWrap .inputTit { width : 30%; height : auto; background : #a3978b; font-size : calc(12px + 0.3vw); color : #fff; font-weight : 300; padding : calc(5px + 0.3vw) 0; } #mainFormmail_StyleB #form1 .mainFormmail_StyleB_Wrap .mainFormmail_StyleB_inputBoxWrap .inputWrap .inputName { width : 68%; height : auto; background : #f4f4f4; font-size : calc(12px + 0.3vw); padding : calc(5px + 0.3vw); border : none; } #mainFormmail_StyleB #form1 .mainFormmail_StyleB_Wrap .mainFormmail_StyleB_inputBoxWrap .inputWrap .inputPhoneWrap { width : 68%; height : auto; display : flex; justify-content : space-between; align-items : center; } #mainFormmail_StyleB #form1 .mainFormmail_StyleB_Wrap .mainFormmail_StyleB_inputBoxWrap .inputWrap .inputPhoneWrap .inputPhone.first { width : 25%; height : auto; background : #f4f4f4; font-size : calc(12px + 0.3vw); padding : calc(5px + 0.3vw); border : none; } #mainFormmail_StyleB #form1 .mainFormmail_StyleB_Wrap .mainFormmail_StyleB_inputBoxWrap .inputWrap .inputPhoneWrap .inputPhone { width : 37%; height : 100%; background : #f4f4f4; font-size : calc(12px + 0.3vw); padding : calc(5px + 0.3vw); border : none; } #mainFormmail_StyleB #form1 .mainFormmail_StyleB_Wrap .sendBox { width : 20%;} #mainFormmail_StyleB #form1 .mainFormmail_StyleB_Wrap .sendBox .sendBtn { width : 100%; height : 100%; font-size : calc(12px + 0.3vw); color : #fff; background : #a3978b; border : none;} #mainFormmail_StyleB #form1 .privacyWrap { width : 100%; height : auto; display : flex; justify-content : space-evenly; margin-top : calc(10px + 0.4vw); } #mainFormmail_StyleB #form1 .privacyWrap .privacyLeft a { font-size : calC(10px + 0.3vw); cursor : pointer; } #mainFormmail_StyleB #form1 .privacyWrap .privacyLeft a:hover { color : #adbd2d; } #mainFormmail_StyleB #form1 .privacyWrap input[id="checkbox01"] { display : none; } #mainFormmail_StyleB #form1 .privacyWrap input[id="checkbox01"] + label { font-size : calc(10px + 0.3vw); cursor : pointer; display : flex; align-items : center; } #mainFormmail_StyleB #form1 .privacyWrap input[id="checkbox01"] + label:hover { color : #a3978b; } #mainFormmail_StyleB #form1 .privacyWrap input[id="checkbox01"] + label::before { content : ""; width : calc(10px + 0.5vw); height : calc(10px + 0.5vw); display : block; background : #ededed;} #mainFormmail_StyleB #form1 .privacyWrap input[id="checkbox01"]:checked + label::before { content : ""; width : calc(10px + 0.5vw); height : calc(10px + 0.5vw); display : block; background-image : url("../../../../Image/checkIcon.png"); background-size : 100% 100%; background-repeat : no-repeat; background-position : center; } @media (max-width:640px) { /* **************************************************************************************************************************************************************************** */ /* */ /* */ /* 1단 배경 Fixed */ /* */ /* */ /* **************************************************************************************************************************************************************************** */ /* A A A : A : A : A : */ #mainFormmail_StyleB { width : 95%; bottom : 70%; } #mainFormmail_StyleB #form1 { border-radius : 15px; padding : calc(15px + 1vw) calc(10px + 1vw); } #mainFormmail_StyleB #form1 .mainFormmail_StyleB_top { flex-direction : column; align-items : center;} #mainFormmail_StyleB #form1 .mainFormmail_StyleB_top .mainFormmail_StyleB_tit { margin-left : 0; margin-top : calc(5px + 0.6vw);} #mainFormmail_StyleB #form1 .mainFormmail_StyleB_AllWrap { flex-direction : column; padding: calc(12px + 1vw) calc(5px + 1vw); border-radius : 15px; } #mainFormmail_StyleB #form1 .mainFormmail_StyleB_Wrap { flex-direction: column;} #mainFormmail_StyleB #form1 .mainFormmail_StyleB_Wrap .mainFormmail_StyleB_inputBoxWrap { width : 100%;} #mainFormmail_StyleB #form1 .mainFormmail_StyleB_Wrap .mainFormmail_StyleB_inputBoxWrap .inputWrap { width : 100%;} #mainFormmail_StyleB #form1 .mainFormmail_StyleB_Wrap .mainFormmail_StyleB_inputBoxWrap .inputWrap .inputPhoneWrap .inputPhone.first { width : calc(100% / 3); padding : calc(5px + 0.3vw) 3px; } #mainFormmail_StyleB #form1 .mainFormmail_StyleB_Wrap .mainFormmail_StyleB_inputBoxWrap .inputWrap .inputPhoneWrap .inputPhone { width : calc(98% / 3);} #mainFormmail_StyleB #form1 .mainFormmail_StyleB_Wrap .sendBox { width : 100%; margin-top : calc(5px + 1vw);} #mainFormmail_StyleB #form1 .mainFormmail_StyleB_Wrap .sendBox .sendBtn { padding : calc(5px + 0.2vw) 0;} #mainFormmail_StyleB #form1 .privacyWrap { margin-top : calc(10px + 0.4vw); flex-direction : column; align-items : center;} #mainFormmail_StyleB #form1 .privacyWrap .privacyLeft a { font-size : calc(11px + 0.3vw);} #mainFormmail_StyleB #form1 .privacyWrap input[id="checkbox01"] + label { font-size : calc(11px + 0.3vw);} #mainFormmail_StyleB #form1 .mainFormmail_StyleB_Wrap .mainFormmail_StyleB_inputBoxWrap .inputWrap .inputName, #mainFormmail_StyleB #form1 .mainFormmail_StyleB_Wrap .mainFormmail_StyleB_inputBoxWrap .inputWrap .inputPhoneWrap { width : 69%;} } /* 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 .mainFormmail_StyleA_Wrap { width : 100%; height : auto; max-width : 1300px; display : inline-block; padding-bottom : 30px; } /* left Wrap 설명문구 */ #mainFormmail_StyleA .mainFormmail_StyleA_Wrap .mainFormmail_StyleA_Left { width : 280px; height : auto; float : left; padding-top : 80px; } #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; margin-bottom : 20px; } /* Center Wrap 폼메일 */ #mainFormmail_StyleA .mainFormmail_StyleA_Wrap .mainFormmail_StyleA_Center { width : calc(((100% - 280px) / 13 ) * 10); height : auto; float : left; margin-left : 1%; text-align : left; padding-top : 40px; } #mainFormmail_StyleA .mainFormmail_StyleA_Wrap .mainFormmail_StyleA_Center .mainTitleNomal_Wrap { width : 100%; height : auto; min-height : 40px; display : inline-block; 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; padding-top : 10px; float : left; display : inline-block; 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 : calc(((100% - 280px) / 13 ) * 2); height : auto; float : left; margin-left : 1%; text-align : left; padding-top : 10px; } #mainFormmail_StyleA .mainFormmail_StyleA_Wrap .mainFormmail_StyleA_Right .mainbtn_red { width : 100%; margin-top:50px; 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%; min-width : 300px; 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%; min-width : 300px; 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; padding-left : 10%; } #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 (min-width:641px) and (max-width:1024px) { /* left Wrap 설명문구 */ #mainFormmail_StyleA .mainFormmail_StyleA_Wrap .mainFormmail_StyleA_Left { width : 100%; padding-top : 30px; } #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 : 70%; 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 : 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 : 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%; margin-left : 3%; text-align : left; padding-top : 10px; } #mainFormmail_StyleA .mainFormmail_StyleA_Wrap .mainFormmail_StyleA_Right .mainbtn_red { width : 100%; margin-top : 13px; 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 (min-width: 0px) and (max-width:640px) { #mainFormmail_StyleA { margin-top : 10px; } /* left Wrap 설명문구 */ #mainFormmail_StyleA .mainFormmail_StyleA_Wrap .mainFormmail_StyleA_Left { width : 100%; padding-top : 30px; } #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%; 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 : 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%; margin-left : 25%; text-align : left; padding-top : 10px; } #mainFormmail_StyleA .mainFormmail_StyleA_Wrap .mainFormmail_StyleA_Right .mainbtn_red { width : 100%; margin-top : 10px; height : 40px; } /* 개인정보 수집 및 이용목적 및 동의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 : 97%; top : 65px; left : 50%; transform : translateX(-50%); padding-left : 0; } #divPopup .divPopupContent .divPopupWrap { width : 100%; padding : 25px 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; } }