@charset "UTF-8"; @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&Gothic+A1:wght@600;700;800;900&display=swap'); html{font-size:16px;} body{height:100%; font-size:1rem; font-weight:normal; font-family: 'Noto Sans KR', sans-serif; line-height:24px; background-color:#fff; color:#000; overflow-y:overlay;} /*** [reset] ***/ *{box-sizing:border-box;} *:after{clear:both;} dl, ol, ul{margin:0; padding:0;} ul li{list-style:none} dl, dd{margin-bottom:0;} label{margin-bottom:0;} em{font-style:normal;} a{color:#333;} p{margin:0;} h1, h2, h3, h4, h5, h6{margin:0;} /*** [reset 끝] ***/ /*** [bootstrap reset] ***/ a:focus, a:hover{text-decoration:none;} dl, dd, dt{line-height:initial;} .btn{padding:0; line-height:inherit; font-size:inherit; font-weight:inherit; border-radius:0;} /*** [bootstrap reset 끝] ***/ /*** [shuvic Custom reset] ***/ /* table */ .table .thead-light th{padding:0; line-height:inherit; font-weight:normal; vertical-align:middle; background:none; color:inherit; border:0;} .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > atd, .table > tbody > tr > td, .table > tfoot > tr > td{padding:0; line-height:inherit; vertical-align:middle; border:0;} .table-hover tbody tr:hover{background-color:inherit;} /* form tag class */ /* .form-control{height:auto; padding:10px; font-size:1.125rem !important; color:#666; border:1px solid #c1c1c1; border-radius:0;} */ .form-control::placeholder{color:#666;} /* label */ .COMMON_BUTTONSET label{width:215px; margin-right:30px !important; padding:8px 0; font-weight:400; background-color:#fff; color:#3d9799; border:1px solid #3d9799;} .ui-button.ui-widget.ui-checkboxradio-radio-label{font-size:1rem !important;} .COMMON_BUTTONSET label:last-child{margin-right:0;} .COMMON_BUTTONSET label.ui-checkboxradio-checked{background-color:#1accaa; color:#fff; border:1px solid #3d9799;} .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus{font-weight:600; background-color:#f6f6f6; color:#3d9799; border:1px solid #3d9799;} .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{font-weight:600; background-color:#3d9799; color:#fff; border:1px solid #3d9799;} /* 팝업 */ .ui-dialog{-webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; box-shadow:none;} .ui-dialog >.ui-widget-header{background:none; border:0;} .ui-dialog .ui-dialog-title{margin:0; padding:0; font-size:inherit; line-height:inherit; background:none;} .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close{background:none; border:0; border-radius:0;} /*** [shuvic Custom reset 끝] ***/ /*** [plugin reset] ***/ .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{font-size:1rem;} /*** [plugin reset 끝] ***/ /*** [회원선택 전체 영역 및 공통] ***/ /* 영역 */ .sh_mem_chc_step_form_outer{margin-top:50px;} /* 도표 */ .sh_mem_chc_step_form_outer table tr{border-bottom: 1px solid #c6c6c6;} /*** [회원선택 전체 영역 및 공통 끝] ***/ /*** [회원선택] ***/ /** 기타 초기화 및 추가 **/ /* 버튼 */ .sh_mem_chc_step_form_outer .btn_mint_bg{display:block; padding:10px 0; text-align:center; background-color:#1accaa; color:#fff !important; border:1px solid #3d9799;} .sh_mem_chc_step_form_outer .btn_mint_bg:hover{background-color:#3d9799; color:#fff; border:1px solid #3d9799; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;} /* form tag class */ .sh_mem_chc_step_form_outer .form-control{height:auto; padding:10px; font-size:1.125rem !important; color:#666; border:1px solid #c1c1c1; border-radius:0;} .sh_mem_chc_step_form_outer .form-control::placeholder{color:#666;} /** 기타 초기화 끝 **/ /** 플러그인 초기화 **/ /* 회원선택 폼 초기화 - 1) 아코디언 */ .addn_mem_optn_wrap .card{border:0 !important; border-radius:0 !important;} .addn_mem_optn_wrap .card-header{padding:0 !important; background-color:#f6f6f6 !important; border:0;} .addn_mem_optn_wrap .card-header .btn-link{display:block; width:100%; padding:1rem !important; font-size:1.125rem !important; text-align:left; color:#666 !important; outline:0;} /* 회원선택 폼 초기화 - 2) chosen */ .addn_mem_optn_wrap .chosen-container-single .chosen-single, .addn_mem_optn_wrap .form_optn_lst .chosen-container-active.chosen-with-drop .chosen-single{padding:9.5px 12px; font-size: 1rem; color:#666;} .addn_mem_optn_wrap .chosen-container-single .chosen-single {height: 60px; font-size:1.125rem; line-height: 41px;} .addn_mem_optn_wrap .chosen-container-single .chosen-single span {line-height: 41px;} .addn_mem_optn_wrap .chosen-container-single .chosen-single div b:after, .addn_mem_optn_wrap .chosen-container-active.chosen-with-drop .chosen-single div b:after{padding:9.5px 0;} /* 회원선택 폼 초기화 - 3) bootstrap */ .addn_mem_optn_wrap .form-control{padding:9px;} .sh_mem_chc_step_form_outer .table-hover > tbody > tr:hover{background-color:inherit;} /** 플러그인 초기화 끝 **/ /* 영역 */ .addn_mem_wrap{font-size:0;} .addn_mem_wrap > *{display:inline-block; font-size:1rem; vertical-align:middle;} .addn_mem_wrap .addn_mem_optn_wrap{width:850px; vertical-align:top;} .addn_mem_wrap .btn_step_wrap{margin:0 29px;} .addn_mem_wrap .addn_mem_cfm_wrap{width:315px;} .addn_mem_wrap .card-body{padding:1.25rem;} /* 상단 폼 제목 */ .optn_form_ttl h5{margin-bottom:10px; font-size:21px; color:#c61b21; clear:both; overflow:hidden;} .optn_form_ttl h5:before{content:""; float:left; width:4px; height:21px; display:block; margin-top:3px; margin-right:10px; background-color:#c61b21;} /** 폼 공통 **/ /* 영역 */ .sh_mem_chc_form_wrap{background-color:#fff; border:1px solid #c6c6c6;} /* 폼 헤더 */ .sh_mem_chc_form_header{padding:10px; border-bottom:1px solid #c6c6c6;} .sh_mem_chc_form_header:after{content:""; display:block; clear:both; overflow:hidden;} #accordion > .card:not(:first-child) .card-header{margin:-1px 0; border-top:1px solid #c6c6c6; border-bottom:1px solid #c6c6c6;} /* 폼 바디 및 내부 도표 */ .sh_mem_chc_form_body{min-height:425px;} .sh_mem_chc_form_body .table{border:0 !important;} .sh_mem_chc_form_body .table thead{margin:1px; font-size:1.125rem; background-color:#f6f6f6; color:#363636;} .sh_mem_chc_form_body .table thead tr th{padding:1rem 0; font-weight:500; text-align:center;} .sh_mem_chc_form_body .table tbody{padding-top:10px;} .sh_mem_chc_form_body .table tbody tr{border-bottom:1px solid #c6c6c6;} .sh_mem_chc_form_body .table tbody tr td{padding:10px 0.3rem !important; font-size:1.125rem; color:#333; border-right:0 !important;} .sh_mem_chc_form_body .table .common_member_info_wrap{text-align:left;} .sh_mem_chc_form_body .table .btn_del{width:115px; background-color:#fff; color:#3d9799; border:1px solid #3d9799;} .sh_mem_chc_form_body .table .btn_del:hover{background-color:#d1d1d1; color:#363636; border:1px solid #b2b2b2;} .sh_mem_chc_form_wrap input[type="checkbox"]{width:18px; height:18px; margin-top:4px; border-color:#bababa;} .sh_mem_chc_form_body .table .no_result{border-bottom:0;} .sh_mem_chc_form_body .table .no_result td{padding-top:136px;} .sh_mem_chc_form_body .table .no_result td span{font-weight:bold; color:#1accaa;} /* 폼 바디 내부의 도표 제목 */ .sh_mem_chc_form_has_prev_ttl_mem_addn_card_wrap .sh_mem_chc_form_header{padding:0; padding-bottom:1rem; border-bottom:0;} .sh_mem_chc_form_has_prev_ttl_mem_addn_card_wrap .sh_mem_chc_form_header .sh_mem_chc_form_noper_gud{margin-top:0;} .sh_mem_chc_form_header:after{content:""; display:block; clear:both; overflow:hidden;} .sh_mem_chc_form_header .sh_mem_chc_form_noper_gud{float:left; margin-top:6px;} .sh_mem_chc_form_header .sh_mem_chc_form_noper_gud h6{font-size:1.125rem; color:#333;} .sh_mem_chc_form_header .sh_mem_chc_form_noper_gud h6 span{color:#01b4d0;} .sh_mem_chc_form_header .sh_mem_chc_form_btn_wrap{float:right; width:105px;} .sh_mem_chc_form_header .sh_mem_chc_form_btn_wrap .btn_mint_bg{width:105px; padding:6px 0.3rem;} /** 폼 공통 끝 **/ /** 회원선택 폼 **/ /* 기본 회원 선택 스타일 */ .card_bas_srch_mem_addn .card-header{border-bottom:1px solid #c6c6c6;} .card_bas_srch_mem_addn .card-body{height:373px; padding:1.25rem;} /* 폼 옵션 선택 리스트 */ .addn_mem_optn_wrap .form_optn_lst{font-size:0;} .addn_mem_optn_wrap .form_optn_lst > li{display:inline-block; margin-right:1.15rem; font-size:1rem; vertical-align:middle;} .addn_mem_optn_wrap .form_optn_lst > li:last-child{margin-right:0;} .addn_mem_optn_wrap .form_optn_lst .srchtycd_selc_nm{width:195px;} .addn_mem_optn_wrap .form_optn_lst .srchvalu_srch{width:470px;} .addn_mem_optn_wrap .form_optn_lst .btn_srch{width:105px;} .addn_mem_optn_wrap .form_optn_lst .btn_srch button{width:100%; padding:9.5px 0;} /* 스크롤이 있는 폼 */ /* .addn_mem_box_wrap{height:300px; margin-top:1.125rem; padding-right:15px; overflow-y:scroll;} */ .addn_mem_box_wrap .scrollSection .table{border-top:1px solid #c6c6c6 !important;} .addn_mem_box_wrap .scrollSection .table .addn_mem_tb_ck{width:7.5%;} .addn_mem_box_wrap .scrollSection .table .addn_mem_tb_add{width:18%;} .addn_mem_box_wrap .sh_mem_chc_form_body .table tbody{padding-top:0;} .addn_mem_box_wrap .scrollSection .table tbody tr:first-child{border-top:1px solid #c6c6c6;} .addn_mem_box_wrap .scrollSection .table tbody tr td{padding:13px 0.5rem !important; font-weight:400; color:#333; border-right:0 !important} .addn_mem_box_wrap .scrollSection .table tbody tr.no_result{text-align:center;} .addn_mem_box_wrap .scrollSection .table tbody tr td.addn_mem_tb_nm{padding:6px 0.3rem !important; text-align:center;} .addn_mem_box_wrap .scrollSection .table .btn_mint_border{padding:7px 3px;} .addn_mem_box_wrap .common_pager{margin:30px 0 0;} /* 직접 회원 선택 */ .card_direc_addn_wrap .direc_addn_form_inner > div{margin-right:1.15rem;} .card_direc_addn_wrap .direc_addn_form_inner > div:last-child{margin-right:0;} .card_direc_addn_wrap .direc_addn_form_inner .direc_addn_nm, .card_direc_addn_wrap .direc_addn_form_inner .direc_addn_num{width:332px;} .card_direc_addn_wrap .direc_addn_form_inner .direc_addn_btn_wrap{width:105px;} /** 회원선택 폼 끝**/ /*** [회원선택 끝] ***/ /*** [선택한 회원 추가 버튼] ***/ /* 버튼 */ .btn_step_wrap a{display:block; width:73px; margin:0 auto; padding:30px 0.3rem 20px; text-align:center; background-color:#1accaa; color:#fff !important; border:1px solid #3d9799;} .btn_step_wrap .img_wrap{width:32px; height:32px; margin:0 auto 5px; background:url('sh.addn.mem/ico_step_arrow.png') no-repeat center; background-size:contain;} .btn_step_wrap .img_wrap span{display:none;} .btn_step_wrap a p{line-height:21px;} /*** [선택한 회원 추가 버튼 끝] ***/ /*** [회원 선택 완료] ***/ /* 하단 버튼 */ .sub_cont_btn_wrap{margin-top:50px;} .sub_cont_btn_lst{font-size:0; text-align:center;} .sub_cont_btn_lst li{display:inline-block; margin-right:20px; font-size:1rem;} .sub_cont_btn_lst li:last-child{margin-right:0;} .sub_cont_btn_lst li a{position:relative; display:block; width:230px; padding:1rem 0; margin:0 auto; font-weight:300; text-align:center; text-align:center; background-color:#c61b21; color:#fff; border:1px solid #c61b21;} .sub_cont_btn_wrap a i{position:absolute; top:50%; right:15px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);} /*** [회원 선택 완료 끝] ***/