/* 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;} /* A A A A A A */ .formmail_Wrap { width : 100%; height : auto; display : inline-block; } .txtInChargeName { width : 100%; height : auto; display : inline-block; border : 0; border-bottom : 2px solid #888; text-align : left; } .formmail_Title { color : #353535; font-size : 18px; font-weight : 600; text-align : left !important; /* divCWDetail p의 센터정렬로 인한 강제 정령 */ padding-bottom : 10px; } .formmail_TitleNomal { width : 35%; height : auto; color : #000; font-size : 14px; font-weight : 500; float : left; margin-top : 7px; display : inline-block; text-align : center; } .TitleNomal_Wrap { width : 100%; height : auto; min-height : 40px; display : inline-block; padding-top : 20px; padding-bottom : 20px; border-bottom : 1px solid #e5e5e5; } .txtClass_Whole { width : 55%; } /* 진료과목 셀렉트박스 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_Name ,.TitleNomal_Email { width : 30%; height : 33px; min-width : 150px; } .TitleNomal_selectTelWhole /* 진료과목 셀렉트박스 width */ { width : 10%; min-width : 50px; } .TitleNomal_selectTelWhole .selectValueWrap .selectedValue /* 진료과목 셀렉트박스 글자 */ { height : 35px; padding-top : 10px; } .TitleNomal_selectTelWhole .selectValueWrap .caret /* 진료과목 셀렉트박스 화살표 */ { margin-top : 4px; } .txtCPHead_lWhole ,.txtCPSerial_Whole { width : 17%; height : 35px; text-align : center; padding-left : 0 !important; 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; } /* 진료과목 셀렉트박스 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 : 100%; margin : 0 auto; text-align : left; display : inline-block; height : auto; padding : 20px 0px 20px 0px; } .Personal_Info .textarea { width : 100%; height : 300px; overflow-y : scroll; overflow-x : hidden; font-size : 13px; padding : 20px 0px 20px 0px; text-align : left; /* 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: 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 */ 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; } .textarea p { text-align : left !important; line-height : 24px; } .textarea_thick { margin-left : 60px; font-size : 14px; font-weight : 500; margin-top:0px !important; padding-right:60px; } .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; position : relative; text-align : center; cursor : point; margin : 0 auto; margin-top : -75px; padding-top : 30px; border-radius : 10px; } .checkBox_Design { position : relative; 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); } /* .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: 0px) and (max-width:640px) { .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; font-weight : 700; } .textarea_nomal { margin-left : 30px; font-size : 12px; padding-right:20px; } .Personal_Info .textarea { height : 150px; } }