.sub5-1_wrap1 { max-width : 1200px; }.sub1-1_wrap1 { max-width : 1200px; } /* 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 */ .sub_Formmail { width : 100%; height : auto; text-align : center; margin-bottom : min(10vw,80px);} .sub_Formmail h2 { display : none; } .sub_Formmail .sub_FormmailWrap { width : 100%; height : auto; display : inline-block; } .formmail_Wrap { width : 100%; height : auto; display : inline-block; text-align : left; font-family : "Noto Sans Kr"; } .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; display : inline-block; text-align : center; } .TitleNomal_Wrap { width : 100%; height : auto; min-height : 40px; display : flex; padding-top : 20px; padding-bottom : 20px; align-items : center; border-bottom : 1px solid #e5e5e5; } .Address_Wrap { width : 65%;} .flex_vWrap { width : 65%; display : flex; align-items : center; flex-wrap : wrap; } .flex_vWrap .flex_degree { width : auto; display : inline-flex; align-items : center; margin-right : 20px; } .flex_vWrap .flex_degree label { width : 100%; font-size : 12px; color : #333; display : flex; align-items : center; cursor : pointer; } .flex_vWrap .flex_degree input[type="radio"] { display : none; } .flex_vWrap .flex_degree input[type="radio"] + label::before { content : ""; width : 15px; height : 15px; display : block; margin-right : clamp(5px,1.5vw,8px); background-image : url("../Image/radioUnChecked.png"); background-size : 100% 100%; background-position : center; background-repeat : no-repeat; } .flex_vWrap .flex_degree input[type="radio"]:checked + label::before { content : ""; width : 15px; height : 15px; display : block; margin-right : clamp(5px,1.5vw,8px); background-image : url("../Image/radioChecked.png"); background-size : 100% 100%; background-position : center; background-repeat : no-repeat; } .flex_vWrap .flex_degree input[type="checkbox"] { display : none; } .flex_vWrap .flex_degree input[type="checkbox"] + label::before { content : ""; width : 15px; height : 15px; display : block; margin-right : clamp(5px,1.5vw,8px); background-image : url("../Image/unChecked.png"); background-size : 100% 100%; background-position : center; background-repeat : no-repeat;} .flex_vWrap .flex_degree input[type="checkbox"]:checked + label::before { content : ""; width : 15px; height : 15px; display : block; margin-right : clamp(5px,1.5vw,8px); background-image : url("../Image/checked.png"); background-size : 100% 100%; background-position : center; background-repeat : no-repeat;} .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 : 25%; 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 : 25%; height : 33px; } .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;} .txtCPDDD { margin-right : 5px; } .sub_Formmail .frm_file { display : none;} .sub_Formmail .fileBtn { width : auto; display : inline-block; padding : 0.5em 1em; cursor : pointer; background : #a3a3a3; transition : .3s; color : #fff; border-radius : 5px;} .sub_Formmail .fileBtn:hover { background : #b7b7b7; transition: .3s;} .sub_Formmail .fileBtn:active { background : #767676;} .sub_Formmail .fileInputLabel { width : 30%; margin-right : 10px; } .sub_Formmail .fileInputLabel p { width : 100%; display: flex; align-items: center;} /* 개인정보 수집현황 */ .Personal_Info { width : 100%; margin : 0 auto; text-align : left; height : auto; padding : 20px 0px 20px 0px; } .inputbackgroundstyle { font-family: "Noto Sans Kr"; font-size:14px; } textarea.inputbackgroundstyle:focus { outline : none; } .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 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 */ 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; } .input_textarea { width : 55%; } .textarea p { text-align : left !important; line-height : 24px; word-break:keep-all; } .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 { width : 95%; height : 1px; border-top : 1px dotted #D5D5D5; margin : 15px auto; } .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 : flex; justify-content : center; align-items : center; } .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/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 { text-align : left; text-align-last : left; -moz-text-align-last : left; font-family : "Noto Sans Kr"; } 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; } @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; } .textarea_nomal { margin-left : 30px; font-size : 12px; padding-right:20px; } .Personal_Info .textarea { height : 150px; } .txtInChargeName { width : 90%; margin-left : 5%; } .TitleNomal_Wrap { width : 90%; margin-left : 5%; flex-direction : column; align-items : flex-start; } .formmail_TitleNomal { width : 100%; height : auto; text-align : left; margin-bottom : 5px; } .Address_Wrap { width : 100%; } .txtClass_Whole { width : 100%; } .TitleNomal_Date { width : 100%; } .TitleNomal_addr1 { width : 65%; } .TitleNomal_addr2 { width : 100%; } .flex_vWrap { width : 100%; } .flex_vWrap .flex_degree { width : 50%; justify-content : center; align-items : center; padding-bottom : 5px; margin-right : 0; } .sub_Formmail .fileBtn { font-size : 13px; padding : 0.4em 0.8em;} .sub_Formmail .fileInputLabel { width : 240px; margin-right : 0; margin-bottom : 10px;} .TitleNomal_selectTelWhole { width : calc(99% / 3); margin-right : 0.5%; float : left; } .txtCPHead_lWhole { width : calc(99% / 3); margin-right : 0.5%; float : left; } .txtCPSerial_Whole { width : calc(99% / 3); margin-right : 0; float : left; } .txtChannel_Whole { width : 62%; } .input_textarea { width : 100%; } 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; } .inputbackgroundstyle { padding-left : 3%; } .Personal_Info { width : 90%;} .line_1px { width : 85%;} .checkBox_Design label { font-size : 12px;} }