@charset "UTF-8"; @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap'); html{width:100%; height:100%; font-size:16px;} body{width:100%; height:100%; font-size:1rem; font-weight:normal; font-family: 'Noto Sans KR', sans-serif; line-height:24px; background-color:#fff; color:#000;} /*** [reset] ***/ *{box-sizing:border-box;} *:after{clear:both;} dl, ol, ul{margin:0; padding:0;} 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 Kustom 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;} .table th{background-color:transparent;} /* form tag class */ .form-control{height:auto; padding:4px; font-size:1rem; color:#666; border:1px solid #c1c1c1; border-radius:0;} .form-control::placeholder{color:#666;} /* label */ .COMMON_MOBILE_BUTTONSET label{padding:3px 0; font-weight:normal; text-align:center; background-color:#fff; color:#3d9799; border:1px solid #3d9799;} .ui-button.ui-widget.ui-checkboxradio-radio-label{font-size:1rem !important;} .COMMON_MOBILE_BUTTONSET label:last-child{margin-right:0;} .COMMON_MOBILE_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;} /* 팝업 */ .SHUVIC_JQUERY_DIALOG{-webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; box-shadow:none;} .SHUVIC_JQUERY_DIALOG.ui-dialog >.ui-widget-header{background:none; border:0;} .SHUVIC_JQUERY_DIALOG.ui-dialog .ui-dialog-title{margin:0; padding:0; font-size:inherit; line-height:inherit; background:none;} .SHUVIC_JQUERY_DIALOG.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close{background:none; border:0; border-radius:0;} /* 버튼 */ .btn_red_bg.btn-clubAuspc:hover{background-color:#c61b21; color:#fff; border:1px solid #c61b21;} /*** [shuvic Kustom reset 끝] ***/ /*** [plugin reset] ***/ .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{font-size:1rem;} .page-item.active .page-link{color: inherit; background-color:inherit; border:none;} /*** [plugin reset 끝] ***/ /*** [공통] ***/ /* 영역 */ .mobile_body_wrap{position:relative; min-height:100vh;} .m_container{margin:0 15px;} /* a 링크 */ a{text-decoration:none;} a:hover{opacity:0.9;} /* 버튼 */ .btn_red_bg{text-align:center; background-color:#c61b21; color:#fff !important; border:1px solid #c61b21;} .btn_red_bg:hover{background-color:#c61b21; color:#fff; border:1px solid #c61b21;} .btn_red_border{text-align:center; background-color:#fff; color:#c61b21 !important; border:1px solid #c61b21;} .btn_red_border:hover{background-color:#f6f6f6; color:#c61b21; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;} .btn_mint_bg{display:block; padding:10px 0; text-align:center; background-color:#1accaa; color:#fff !important; border:1px solid #3d9799;} .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;} .btn_mint_border{display:block; text-align:center; background-color:#fff; color:#3d9799 !important; border:1px solid #3d9799;} .btn_mint_border:hover{background-color:#3d9799; color:#fff; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;} .btn_del{display:block; padding:6px 0; font-size:1rem; text-align:center; background-color:#d1d1d1; color:#363636 !important; border:1px solid #b2b2b2;} .btn_del:hover{background-color:#fff; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;} /* 이미지 */ img{max-width:100%;} /* Form tag */ label{position:relative; cursor:pointer;} label input[type="radio"]{margin:0; padding:0; width:1px; height:1px;} input{padding:20px 12px 20px 20px; border:1px solid #c1c1c1;} input::placeholder, input[type="date"]{font-weight:normal; color:#616161;} select{background-color:#fff;} /* 날짜, 시간 선택 form tag */ .hasDatepicker{width:100% !important; padding:10px 0.3rem; background:url('/common/css/images/camMeet/ico_calendar.png') no-repeat 10px center;} .ui-timepicker-input{width:100% !important; padding:10px 0.3rem; background:url('/common/css/images/camMeet/ico_clock.png') no-repeat 10px center;} /* 페이저 */ .common_pager{margin-top:22px; text-align:center;} .common_pager ul{display:inline-block; *display:inline; zoom:1; margin:0; padding:0; clear:both;} .common_pager ul li{list-style:none; float:left; min-width:55px; text-align:center;} .common_pager ul li a{padding:0 7px; font-size:1.125rem; color:#999; border:1px solid transparent;} .common_pager ul li.active a, .common_pager ul li.active a:focus, .common_pager ul li.active a:active{padding-bottom:10px !important; font-weight:bold !important; color:#d72426 !important; border-bottom:1px solid #d72426 !important;} .common_pager ul li.arrow_pager a{font-weight:bold; color:#222;} .common_pager ul li.arrow_pager a span{display:none;} .common_pager ul li.arrow_pager a:focus{background-color:transparent; border-color:transparent} .common_pager ul li.arrow_pager a:hover{color:#000;} /* 포인트 마크 */ .point_bullet{display:inline-block; margin-right:5px; width:16px; height:16px; line-height:16px; text-align:center; font-size:8px; background-color:#6d6e71; color:#fff; border-radius:50%; vertical-align:middle;} /*** [공통 끝] ***/ /*** [화상 회의 퀵 메뉴] ***/ .fixed_quick_menu_wrap{position:fixed; bottom:0; z-index:11; width:100%; text-align:center;} .fixed_quick_menu_lst{font-size:0;} .fixed_quick_menu_lst > li{display:inline-block; width:calc(100% / 2); font-size:1rem;} .fixed_quick_menu_lst > li > a{display:block; padding:10px 0; font-size:0; color:#fff;} .fixed_quick_menu_lst > li > a > *{display:inline-block; font-size:1.125rem; vertical-align:middle;} .fixed_quick_menu_lst .img_wrap{margin-right:1rem;} .meet_cre a{background-color:#1accaa;} .meet_lst a{background-color:#3d9799;} @media screen and (max-width: 568px) { .fixed_quick_menu_lst .img_wrap img{max-width:95%;} } /*** [화상 회의 퀵 메뉴 끝] ***/ /*** [홈페이지 정보] ***/ /* 영역 */ .footer_outer{position:absolute; bottom:0; width:100%; padding:1rem 0; background-color:#18222c; color:#999;} .footer_inner{position:relative; margin:0 auto; text-align:center;} /* 로고 */ .footer_logo_wrap{margin-bottom:10px; font-size:0;} .footer_logo_wrap > *{display:inline-block; font-size:1rem; color:#fff; vertical-align:bottom;} .footer_logo_shuvic:after{content:""; float:right; width:1px; height:11px; margin:15px 8px 0; background-color:#66707b; vertical-align:middle;} /* 카피라이트 */ .footer_copyright{font-size:12px;} /*** [홈페이지 정보 끝] ***/ /*** [상단 메뉴] ***/ /* 영역 */ .m_top_menu_wrap{position:fixed; top:0; width:100%; z-index:500;} .m_top_menu_outer{position:relative; padding:10px 0; text-align:center; background-color:#fff; border-bottom:1px solid #e5e5e5;} /* 로고 */ .header_logo_txt_wrap{font-size:1rem; font-weight:500;} .header_logo_txt_wrap dt{line-height:15px;} .header_logo_txt_wrap dt span{display: block; max-width:75%; margin:0 auto; word-break:break-all;} .m_toge_menu_tot_wrap .header_logo_txt_wrap dt span{max-width:100%;} .header_logo_txt_wrap dd{font-size:1.25rem; color:#3d9799;} /* 토글 오픈 */ .m_top_menu_outer .header_m_top_menu_wrap{position:absolute; top:50%; right:25px; z-index:3; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);} .m_top_menu_outer .header_m_top_menu_wrap a{font-size:1.25rem; color:#c61b21;} /* 토글 로고 */ .m_menu_logo_wrap{position:relative; padding:20px 25px 15px; font-size:0; border-bottom:1px solid #e5e5e5;} .m_menu_logo_wrap > *{display:inline-block; font-size:1rem; vertical-align:bottom;} .m_menu_logo_wrap .header_logo_txt_wrap dt{font-weight:500;} .m_menu_logo_wrap .header_logo_txt_wrap dd{color:#3d9799;} .m_menu_logo_wrap .header_m_top_toge_menu_wrap{position:absolute; top:50%; right:25px; z-index:1; font-size:1.5rem; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);} /* 토글 바로가기 도구 */ .m_toge_menu_quk_wrap{border-bottom:1px solid #e5e5e5;} .m_menu_toge_quk_lst{font-size:0;} .m_menu_toge_quk_lst > li{display:inline-block; width:calc(100% / 2); text-align:center; font-size:1rem; border-right:1px solid #e5e5e5;} .m_menu_toge_quk_lst > li:last-child{border-right:0;} .m_menu_toge_quk_lst > li a{display:block; padding:15px 0; font-weight:500;} /* 토글 메뉴 */ .m_toge_menu_wrap{margin-bottom:150px;} .m_toge_menu_1depth_lst > li{} .m_toge_menu_1depth_lst > li > a{position:relative; display:block; width:100%; padding:25px; font-weight:400; color:#333; border-bottom:1px solid #e5e5e5;} .m_toge_menu_1depth_lst > li > a:after{content: "\f107"; position:absolute; top:50%; right:25px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); font-weight:400; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Pro"; } .m_toge_menu_1depth_lst > li > a.non_2depth:after{display:none;} .m_toge_menu_1depth_lst > li.active{background-color:#18222c;} .m_toge_menu_1depth_lst > li.active > a{color:#fff;} .m_toge_menu_1depth_lst > li.active > a:after{content: "\f106";} .m_toge_menu_1depth_lst > li.active .m_toge_menu_2depth_lst{display:block;} .m_toge_menu_2depth_lst{display:none;} .m_toge_menu_2depth_lst > li > a{display:block; padding:25px; background-color:#f6f6f6; border-bottom:1px solid #e5e5e5; vertical-align:middle;} .m_toge_menu_2depth_lst > li > a:before{content: "\f45c"; margin-top:-4px; margin-right:10px; color:#c61b21; font-size:10px; vertical-align:middle; font-weight:900; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Pro"; } /*** [상단 메뉴 끝] ***/ /*** [메인] ***/ /* 메인 이미지 */ .main_img .img_wrap{width:100%; height:0; padding-top:calc(879 / 720 * 100%); background:url('/common/mobile/css/images/camMeet/m_img_main.jpg') no-repeat center; background-size:100%;} .main_img .img_wrap span{display:none;} /* 메인 스크롤 버튼 위치 */ .main_img{position:relative;} .main_img .main_btn_scroll_ico_wrap{position:absolute; left:50%; bottom:20px; cursor:pointer; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);} /* (공통) 메인 제목 */ .main_sec_ttl{text-align:center;} .main_sec_ttl dt{font-size:1.7rem;} .main_sec_ttl dt em{color:#3d9799;} .main_sec_ttl dd{margin-top:1rem; font-size:1.125rem; color:#323232;} .main_sec_ttl dd em{display:block; width:80%; margin:2px auto; padding-right:3px; font-size:1.25rem; font-weight:300; font-style:italic; background-color:#d72426; color:#fff;} .main_sec_ttl .main_no_del_ttl{display:none;} /* OK 화상회의 사용방법 */ .main_cam_meet_desc{padding:2.5rem 0; text-align:center; background-color:#e8f0ee;} .main_cam_meet_desc .main_sec_ttl{margin-bottom:2.5rem;} /* OK 화상회의 서비스 > 제목 */ .main_cam_meet_service{padding:1.8rem 0 1rem; text-align:center; background-color:#fff;} .main_cam_meet_service .main_sec_ttl{margin-bottom:18px;} /* OK 화상회의 서비스 > (공통) 서비스 소개 */ #main .txt_sec_wrap{padding:30px 0 40px; text-align:center;} #main .txt_sec_wrap .txt_wrap{margin-bottom:15px;} #main .txt_sec_wrap .txt_wrap dt{margin-bottom:15px;} #main .txt_sec_wrap .txt_wrap dt h6{margin-bottom:19px; font-size:1rem; font-weight:600; color:#111;} #main .txt_sec_wrap .txt_wrap dt h6 span{border-bottom:2px solid #101010;} #main .txt_sec_wrap .txt_wrap dt h1{font-size:1.8rem; font-weight:300; color:#333;} #main .txt_sec_wrap .txt_wrap dt h1 strong{font-weight:600} #main .txt_sec_wrap .txt_wrap dd{font-size:16px; line-height:20px; color:#4b4b4b;} #main .txt_sec_wrap .link_wrap a{display:block; width:31%; margin:0 auto; padding:5px 0; font-size:0.9rem; text-align:center; background-color:#fff; color:#222; border:1px solid #222;} #main .txt_sec_wrap .link_wrap a:hover{background-color:#222; color:#fff; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;} /*** [메인 끝] ***/ /*** [(컨텐츠) 공통] ***/ /* 영역 */ .comn_cnts_wrap{padding-bottom:40px;} /* 서브 메인 */ .comn_sub_main_sec_img_wrap{position:relative; width:100%; padding-top:calc(255 / 720 * 100%);} .comn_sub_main_sec_img_wrap h1{position:absolute; left:15px; bottom:10px; font-size:1.25rem; font-weight:500; letter-spacing:-1px; color:#fff;} /* 서브 컨텐츠 제목 */ .comn_sub_cnts_ttl_outer{padding:22px 0;} .comn_sub_cnts_ttl dt{font-size:1.35rem; color:#1e1e1e;} .comn_sub_cnts_sm_ttl dt{font-size:1.25rem;} .comn_sub_cnts_ttl dd{margin-top:12px; font-size:14.5px; letter-spacing:-1px; color:#666;} .comn_sub_cnts_ttl dd.no_result{display:none;} .comn_sub_cnts_ttl .txt_wrap strong{font-weight:normal; color:#1e1e1e;} .comn_sub_prgh_intv p{margin-bottom:10px; line-height:25px;} .comn_sub_prgh_intv p:last-child{margin-bottom:0px !important;} .comn_sub_prgh_intv p a{color:#000; text-decoration:underline;} /* 배경이 있는 컨텐츠 */ .comn_cnts_sec_color_bg{background-color:#fafafa;} /* 작은 디바이스의 컨텐츠 */ .comn_cnts_sm_divc_align_wrap .img_wrap img{display:block;} .comn_cnts_sm_divc_align_wrap .txt_sec_wrap{margin-top:25px; padding-left:30px;} .comn_cnts_sm_divc_align_wrap .txt_sec_wrap .txt_wrap dt{font-size:1.5rem; font-weight:bold; color:#1e1e1e;} .comn_cnts_sm_divc_align_wrap .txt_sec_wrap .txt_wrap dd{margin-top:25px; font-size:18px; color:#666;} .comn_cnts_sm_divc_align_wrap .txt_sec_wrap .txt_wrap dd p{margin-bottom:32px; letter-spacing:-1px; line-height:30px;} /* 하단 버튼 */ .sub_cont_btn_wrap{width:90%; margin:28px auto 0;} .sub_cont_btn_lst{margin:0 auto; font-size:0; text-align:center;} .sub_cont_btn_lst li{display:inline-block; width:calc(100% / 2 - 10px); margin-right:20px; font-size:1rem;} .sub_cont_btn_lst li:last-child{margin-right:0;} .sub_cont_btn_wrap a{position:relative; display:block; padding:0.8rem 0; margin:0 auto; font-weight:300; text-align:center;} .sub_cont_btn_wrap a i{position:absolute; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);} .sub_cont_btn_wrap a i.fa-chevron-left{left:15px;} .sub_cont_btn_wrap a i.fa-chevron-right{right:15px;} /* 표 */ .table{margin:0; border:1px solid #c6c6c6;} .table tr{padding:10px 0; border-bottom:1px solid #c6c6c6;} .table tr th{margin-bottom:10px; padding:15px 0 !important; font-size:1rem; text-align:center; background-color:#f6f6f6;} .table tr td{padding-left:1.125rem !important;} /* 마크 */ .ico_new span{display:block; width:15px; height:15px; line-height:15px; margin-left:3px; font-size:10px; text-align:center; vertical-align:middle; background-color:#ff6347; color:#fff; border-radius:100%;} /*** [(컨텐츠) 공통 끝] ***/ /*** [화상회의 소개] ***/ /* 메인 이미지 */ .cam_meet_intro_info{background:url('/common/mobile/css/images/camMeet/m_img_sub_main_cam_meet_intro_info.jpg') no-repeat center; background-size:100%;} /* 원클릭 */ .cam_meet_intro_info_sec_one_ttl{position:relative;} .cam_meet_intro_info_ico{position:absolute; right:0; bottom:0;} /*** [화상회의 소개 끝] ***/ /*** [동영상 보기] ***/ /* 컨텐츠 제목 */ .cam_meet_pctr_info_ttl{margin-bottom:22px;} /* 동영상 상단 문구 */ .cam_meet_pctr_info_video_top_ttl_addn_upd{text-align:center;} .cam_meet_pctr_info_video_top_ttl_addn_upd h1{font-size:1.35rem; font-weight:400; color:#1e1e1e;} .cam_meet_pctr_info_video_top_ttl_addn_upd p{margin-top:0.625rem; font-size:14px; line-height:19px; color:#666;} /* 동영상 */ .cam_meet_pctr_info_video_wrap{padding-bottom:1.125rem; text-align:center;} .main_cam_meet_desc_vedio_inner{background-color:#000; height:219px;} /*** [동영상 보기 끝] ***/ /*** [화상회의 생성] ***/ /* 메인 이미지 */ .cam_meet_cre_info{background:url('/common/mobile/css/images/camMeet/m_img_sub_main_cam_meet_cre_info.jpg') no-repeat center; background-size:100%;} /* 생성 설명글 */ .cam_meet_cre_info_gud_wrap .txt_wrap{margin-bottom:25px;} .cam_meet_cre_info_gud_wrap .txt_wrap:last-child{margin-bottom:0;} .cam_meet_cre_info_gud_wrap .comn_sub_cnts_ttl .txt_wrap strong{display:block; margin-top:24px;} /*** [화상회의 생성 끝] ***/ /*** [화상회의 타입 선택] ***/ /* 체크리스트 */ .cnts_cam_meet_cre_type_gud_msg_wrap{margin-bottom:30px;} .cnts_cam_meet_cre_type_gud_msg_img_wrap{width:100%; padding-top:calc(535 / 671 * 100%); background:url('/common/mobile/css/images/camMeet/m_img_cnts_cam_meet_cre_type_gud_msg.png') no-repeat; background-size:100%;} .cnts_cam_meet_cre_type_gud_msg_img_wrap span{display:none;} .cnts_cam_meet_cre_type_gud_msg_txt_wrap{background-color:#f2f3f2; padding:25px; border-bottom-left-radius:10px; border-bottom-right-radius:10px;} .cnts_cam_meet_cre_type_gud_msg_txt_inner_wrap{padding:25px 20px; background-color:#fbfbfb; color:#3f3f3f; font-size:1rem;} .cnts_cam_meet_cre_type_gud_msg_txt_lst li{margin-bottom:13px; list-style:none;} .cnts_cam_meet_cre_type_gud_msg_txt_lst li:last-child{margin-bottom:0;} /* 큰 버튼 영역 */ .cnts_cam_meet_cre_type_lst li{margin-bottom:35px;} .cnts_cam_meet_cre_type_lst li:last-child{margin-bottom:0;} .cnts_cam_meet_cre_type_img_wrap img{display:block;} .cnts_cam_meet_cre_type_lst li p{margin-top:10px; font-size:1rem; color:#666; word-break: keep-all;} /*** [화상회의 타입 선택 끝] ***/ /*** [회의 생성] ***/ /* 영역 */ .cam_meet_step_form_outer{margin-top:1.25rem;} /* 폼 공통 */ .cam_meet_form_header .cam_meet_form_noper_gud{margin-top:6px;} .cam_meet_form_header .cam_meet_form_noper_gud h6{font-size:1.125rem; color:#333;} .cam_meet_form_header .cam_meet_form_noper_gud h6 span{color:#01b4d0;} /* 회의 생성 단계별 탭 초기화 */ .step-nav3{height:auto; margin:0; background-color:transparent;} .step-nav3 .step-num2{width:inherit; height:inherit; line-height:inherit; color:inherit; border-radius:inherit;} /* 회의 생성 단계별 탭 */ .cam_meet_step_lst_wrap{margin-bottom:5px;} .cam_meet_step_lst{font-size:0; border-bottom:1px solid #c61b21;} .cam_meet_step_lst li{position:relative; display:inline-block; width:25%; padding:0; font-size:18px; color:#666; text-align:center;} .cam_meet_step_lst li:first-child{padding-right:43px;} .cam_meet_step_lst li:nth-child(2){padding:0 21.5px;} .cam_meet_step_lst li:last-child{padding-left:30px;} .cam_meet_step_lst li:after{content:""; position:absolute; top:50%; right:0; display:block; width:32px; height:32px; background:url('/common/css/images/camMeet/ico_arrow_right.png') no-repeat; -webkit-transform:translate(100%,-50%); -moz-transform:translate(100%,-50%); -o-transform:translate(100%,-50%); transform:translate(100%,-50%);} .cam_meet_step_lst li:first-child{padding-left:0;} .cam_meet_step_lst li:first-child:after{right:26px;} .cam_meet_step_lst li:nth-child(2){padding:0;} .cam_meet_step_lst li:last-child{padding-right:0;} .cam_meet_step_lst li:last-child:after{display:none;} .cam_meet_step_lst li p{padding:8px 0; border-top:3px solid #c6c6c6;} .cam_meet_step_lst li .cam_meet_step_ttl{display:none;} .cam_meet_step_lst .cam_meet_step_ttl{margin-left:7px;} .step-nav3 .step-num2{margin-right:0;} .cam_meet_step_lst li.active{width:50%; font-size:1rem; color:#c61b21;} .cam_meet_step_lst li.active p{font-size:0.9rem; font-weight:500; border-top-color:#c61b21;} .cam_meet_step_lst li.active .cam_meet_step_ttl{display:inline-block;} .cam_meet_step_lst li.active:after{background:url('/common/css/images/camMeet/ico_arrow_right_active.png') no-repeat;} /* step form 제목글 */ .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-right:10px; background-color:#c61b21;} /* step1 회의 생성 폼 */ .cam_meet_step1_tb_wrap .table tr, .cam_meet_step1_tb_wrap .table tr th, .cam_meet_step1_tb_wrap .table tr td{display:block} .cam_meet_step1_tb_wrap .table{border:0;} .cam_meet_step1_tb_wrap .table tr th{margin-bottom:10px; padding:0 !important; font-size:1rem; text-align:left; background-color:#fff;} .cam_meet_step1_tb_wrap .table tr td{padding-left:0 !important;} #camMeetDetInfo_cmbCont textarea{min-height:140px;} .cam_meet_step1_tb_wrap .table .form_tag_lst li{display:inline-block; width:calc(100% / 2 - 15px); margin-right:30px;} .cam_meet_step1_tb_wrap .table .form_tag_lst li:last-child{margin-right:0;} .cam_meet_step1_tb_wrap .common_mobile_buttonset{width:100%;} .cam_meet_step1_tb_wrap .common_mobile_buttonset label{width:calc(100% / 2 - 10px); margin-right:20px;} .cam_meet_step1_tb_wrap .common_mobile_buttonset label:last-child{margin-right:0;} /* step3 회의참석 알림 발송 */ .cam_meet_step_form_noper_gud_wrap{margin:1.25rem 0 1rem;} .cam_meet_step_form_noper_gud_wrap h1{font-size:0.9rem; font-weight:400; letter-spacing:-1px; color:#666;} .cam_meet_step_form_noper_gud_wrap h1 em{font-weight:bold;} .cam_meet_step_form_noper_gud_wrap h1 em span{color:#01b4d0;} .cam_meet_step_form_noper_gud_wrap h1 strong{font-size:1.25rem; color:#1e1e1e;} .cam_meet_step3_snd_gud_wrap .txt_sec_wrap{margin-top:20px;} .cam_meet_step3_snd_gud_wrap .txt_sec_wrap .txt_wrap{margin-bottom:20px;} .cam_meet_step3_snd_gud_wrap .txt_sec_wrap .txt_wrap dt{font-size:1.25rem;} .cam_meet_step3_snd_gud_wrap .txt_sec_wrap .txt_wrap:last-child{margin-bottom:0;} .cam_meet_step3_snd_gud_wrap .txt_sec_wrap .txt_wrap dd{margin-top:10px;} .cam_meet_step3_snd_gud_wrap .txt_sec_left_align_lst{font-size:0;} .cam_meet_step3_snd_gud_wrap .txt_sec_left_align_lst > li{display:inline-block; width:100%; font-size:0;} .cam_meet_step3_snd_gud_wrap .txt_sec_left_align_lst > li:last-child{margin-bottom:0;} .cam_meet_step3_snd_gud_wrap .txt_sec_left_align_lst > li > *{display:inline-block; font-size:1.125rem; vertical-align:middle;} .cam_meet_step3_snd_gud_wrap .txt_sec_left_align_lst p{width:60%; min-height:68px; margin-right:5%; line-height:22px !important; font-size:15px; color:#666;} .cam_meet_step3_snd_gud_wrap .txt_sec_left_align_lst p em{display:block; margin-top:10px;} .cam_meet_step3_snd_gud_wrap .txt_sec_left_align_lst .btn_mint_bg{width:35%; font-weight:300;} /***- step2 -***/ /* 추가된 회원 */ .add_club_auspc_mem_wrap{background-color:inherit;} .add_club_auspc_mem_wrap .optn_form_ttl{margin-bottom:10px; font-size:0;} .add_club_auspc_mem_wrap .optn_form_ttl > *{display:inline-block; font-size:1.125rem; vertical-align:middle;} .add_club_auspc_mem_wrap .optn_form_ttl h5{margin-bottom:0;} .add_club_auspc_mem_wrap .optn_form_ttl em{margin-left:10px; color:#666;} .addClubAuspcMem .swiper-wrapper div{width:47px; height:47px; line-height:47px; font-weight:normal; background-color:#1d9ad7; color:#fff;} .addClubAuspcMem .swiper-wrapper div a{right:0; width:14px; height:14px; line-height:14px; background-color:transparent; color:#b5b4b4;} .addClubAuspcMem .swiper-wrapper div a i{background-color:#fff; border-radius:50%;} .addClubAuspcMem .swiper-wrapper div:nth-child(1), .addClubAuspcMem .swiper-wrapper div:nth-child(6){background-color:#1d9ad7;} .addClubAuspcMem .swiper-wrapper div:nth-child(2), .addClubAuspcMem .swiper-wrapper div:nth-child(7){background-color:#1accaa;} .addClubAuspcMem .swiper-wrapper div:nth-child(3), .addClubAuspcMem .swiper-wrapper div:nth-child(8){background-color:#3d9799;} .addClubAuspcMem .swiper-wrapper div:nth-child(4), .addClubAuspcMem .swiper-wrapper div:nth-child(9){background-color:#da58ff;} .addClubAuspcMem .swiper-wrapper div:nth-child(5), .addClubAuspcMem .swiper-wrapper div:nth-child(10){background-color:#d5d71d;} /* 그룹 선택 */ .toggle_mem_accordion .card{margin-bottom:15px; border:0 !important; border-radius:0 !important;} .toggle_mem_accordion .card:last-child{margin-bottom:0;} .toggle_mem_accordion .card-header{padding:0 !important; background-color:#f6f6f6 !important; border:1px solid #c6c6c6; border-left:0; border-right:0; border-radius:0;} .toggle_mem_accordion .card-header .btn-link{display:block; width:100%; padding:1rem !important; font-size:1.125rem !important; text-align:left; color:#666 !important; clear:both; overflow:hidden;} .toggle_mem_accordion .card-header .btn-link:after{content:"\f0d7"; float:right; color:#d1d1d1; font-family: "Font Awesome 5 Pro"; font-weight: 900; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased;} .toggle_mem_accordion .card-header .btn-link.collapsed:after{content:" \f0de";} .toggle_mem_accordion .card:first-child .btn-link:after{content:"\f0de";} .toggle_mem_accordion .card:first-child .btn-link.collapsed:after{content:"\f0d7";} .toggle_mem_accordion .card-body{padding:1.25rem 0.3rem;} /* 선택한 회원 추가 */ .btn_optn_mem_addn_wrap{margin:15px auto; text-align:center;} .btn_optn_mem_addn_wrap .btn_mint_bg{width:80%; margin:0 auto 5px; font-size:1.125rem; font-weight:normal;} .btn_optn_mem_addn_wrap .btn_mint_bg img{display:block; margin:0 auto;} /* 기본/검색으로 회원 추가 */ .addn_mem_optn_wrap .cam_meet_form_wrap{margin-bottom:-1px;} .addn_mem_optn_wrap .form_optn_lst{font-size:0;} .addn_mem_optn_wrap .form_optn_lst > li{display:inline-block; 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:40%;} .addn_mem_optn_wrap .form_optn_lst .srchvalu_srch{width:60%;} .addn_mem_optn_wrap .form_optn_lst .form-control{height:40px; padding:6.5px;} .addn_mem_optn_wrap .form_optn_lst .srchtycd_selc_nm select{border-right:0;} .addn_mem_optn_wrap .form_optn_btn_lst{margin-top:3%; font-size:0;} .addn_mem_optn_wrap .form_optn_btn_lst > li{display:inline-block; margin-right:3%; font-size:1rem;} .addn_mem_optn_wrap .form_optn_btn_lst > li:last-child{margin-right:0;} .addn_mem_optn_wrap .form_optn_btn_lst .btn_srch{width:30%;} .addn_mem_optn_wrap .form_optn_btn_lst .btn_srch button{width:100%; padding:7px 0;} .addn_mem_box_wrap{margin-top:1.125rem;} .card_bas_srch_mem_addn .card-header{border-bottom:1px solid #c6c6c6;} .card_bas_srch_mem_addn .card-body{height:365px;} .addn_mem_box_wrap .cam_meet_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:6px 0.3rem; font-weight:400; color:#333;} .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{text-align:center;} .addn_mem_box_wrap .scrollSection .table .btn_mint_border{padding:7px 3px;} .card_my_prsnlcnnt_mem_addn_card_wrap .card-header{margin:-1px 0; border-top:1px solid #c6c6c6; border-bottom:1px solid #c6c6c6;} .card_my_prsnlcnnt_mem_addn_card_wrap .card-body{height:365px;} .my_prsnlcnnt_mem_addn_card_wrap .cam_meet_form_header{padding:0; padding-bottom:1rem; border-bottom:0;} .my_prsnlcnnt_mem_addn_card_wrap .cam_meet_form_header .cam_meet_form_noper_gud{margin-top:0;} .my_prsnlcnnt_mem_addn_card_wrap .table{text-align:center;} .my_prsnlcnnt_mem_addn_card_wrap .table tbody tr:first-child{border-top:1px solid #c6c6c6;} .my_prsnlcnnt_mem_addn_card_wrap .table tbody tr td{padding:6px 0.3rem; font-size:1rem; font-weight:400; color:#333;} .my_prsnlcnnt_mem_addn_card_wrap .table .btn_mint_border{padding:7px 3px;} /* 그룹 선택 폼 안의 표 */ .cam_meet_form_tb_wrap .table{margin-top:15px; border:0; border-top:1px solid #c6c6c6;} .cam_meet_form_tb_wrap .table tr{border-bottom:1px solid #c6c6c6;} .cam_meet_form_tb_wrap .table tr td{padding:15px 0; font-size:1rem;} /***- step2 끝-***/ /*** [회의 생성 끝] ***/ /*** [회의 목록] ***/ /* 메인 이미지 */ .cam_meet_lst_bg_img{background:url('/common/mobile/css/images/camMeet/m_img_sub_main_cam_meet_lst.jpg') no-repeat center; background-size:100%;} /***- 목록 검색 도구 -***/ /* 영역 */ .cam_meet_lst_optn_wrap{margin-top:30px; font-size:0;} .cam_meet_lst_optn_wrap > *{display:inline-block; font-size:1rem; vertical-align:middle;} .cam_meet_lst_optn_wrap .cam_meet_optn_outer{width:30%;} .cam_meet_lst_optn_wrap .cam_meet_srch_wrap{width:45%; margin:0 -1px;} .cam_meet_lst_optn_wrap .cam_meet_lst_srch_btn_wrap{width:25%;} .cam_meet_lst_optn_wrap .cam_meet_optn_outer select{width:100%; padding:9.5px;} .cam_meet_lst_new_btn_outer_wrap{margin:15px 0; font-size:0;} .cam_meet_lst_new_btn_outer_wrap > *{display:inline-block; font-size:1rem;} .cam_meet_lst_new_btn_outer_wrap .cam_meet_lst_new_btn_wrap{width:72%; margin-right:3%;} .cam_meet_lst_new_btn_outer_wrap .cam_meet_lst_srch_btn_wrap{width:25%;} /* 목록 검색 도구 초기화 - 1) chosen */ .cam_meet_lst_optn_wrap .cam_meet_sta_optn_inner .chosen-container-single .chosen-single{padding:10px 20px;} .cam_meet_lst_optn_wrap .cam_meet_sta_optn_inner .chosen-container-single .chosen-single div b:after, .cam_meet_lst_optn_wrap .cam_meet_sta_optn_inner .chosen-container-active.chosen-with-drop .chosen-single div b:after{padding:10px 0;} .cam_meet_lst_optn_wrap .chosen-container-single .chosen-single{font-size:1.125rem; color:#666;} /* 목록 검색 도구 초기화 - 2) input */ .cam_meet_srch_wrap input{width:100%; padding:10px 20px; font-size:1.125rem; color:#666;} /***- 목록 검색 도구 끝 -***/ /* 회의 목록 */ .cam_meet_tb_wrap .table{margin-top:30px; margin-bottom:0; border:1px solid #c6c6c6;} .cam_meet_tb_wrap .table:first-child{margin-top:0;} .cam_meet_tb_wrap .table tr th{width:25%; font-weight:normal;} .cam_meet_tb_wrap .table tr td{padding:12px; color:#666;} .cam_meet_tb_wrap .table tr .cam_meet_tb_td_sta:after{content:""; display:block; clear:both; overflow:hidden;} .cam_meet_tb_wrap .table tr .cam_meet_tb_td_sta .btn_meet_wrap{float:left; width:40%;} .cam_meet_tb_wrap .table tr .cam_meet_tb_td_sta .cam_meet_tb_link_indu_ico_wrap{float:right; width:33px; height:37px; background:url('/common/mobile/css/images/camMeet/m_ico_step_arrow_gray.png') no-repeat center;} .cam_meet_tb_wrap .table tr .cam_meet_tb_td_sta .cam_meet_tb_link_indu_ico_wrap span{display:none;} .cam_meet_tb_wrap .table tr .cam_meet_tb_td_sta a{display:block; padding:4px 0; font-size:1.125rem; text-align:center; border-radius:3px;} .cam_meet_tb_wrap .table tr .cam_meet_tb_td_nm h1{font-size:21px; line-height:41px; color:#1e1e1e; display:block; max-width:85%; max-height:63px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; white-space:normal; word-break:break-all; word-wrap:break-word; word-break:break-word;} .cam_meet_tb_wrap .table tr .cam_meet_tb_td_meet_case p{display:block; max-height:77px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical; white-space:normal; word-break:break-all; word-wrap:break-word; word-break:break-word;} .cam_meet_tb_wrap .table tr .cam_meet_tb_td_sta .btn_meet_mdd{background-color:#1d9ad7; color:#fff; border:1px solid #1d9ad7;} .cam_meet_tb_wrap .table tr .cam_meet_tb_td_sta .btn_meet_expc{background-color:#fdc517; color:#fff; border:1px solid #fdc517;} .cam_meet_tb_wrap .table tr .cam_meet_tb_td_sta .btn_meet_to{background-color:#c61b21; color:#fff; border:1px solid #c61b21;} /* 회의 목록 수정 */ .cam_meet_lst_wrap .comn_qust_rply_tb{text-align:center;} .cam_meet_lst_wrap .comn_qust_rply_tb .sta{width:25%; padding-top:17px; vertical-align:top; } .cam_meet_lst_wrap .comn_qust_rply_tb thead{font-size:1rem;} .cam_meet_lst_wrap .comn_qust_rply_tb td{font-size:21px; color:#202020;} .cam_meet_lst_wrap .comn_qust_rply_tb tbody .meet_nm{padding:0; text-align:left;} .cam_meet_lst_wrap .comn_qust_rply_tb .meet_nm a{display:block; padding:12px 10px;} .cam_meet_lst_wrap .comn_qust_rply_tb .meet_nm h1{display:block; font-size:1.125rem; max-height:64px; line-height:30px;display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal; word-break:break-all; word-wrap:break-word; word-break:break-word;} .cam_meet_lst_wrap .comn_qust_rply_tb .meet_nm .dt_wrap{font-size:14px; color:#666;} .cam_meet_lst_wrap .comn_qust_rply_tb tbody p{font-size:1.125rem; font-weight:500;} .cam_meet_lst_wrap .comn_qust_rply_tb tbody .sta_meet_mdd{color:#1d9ad7;} .cam_meet_lst_wrap .comn_qust_rply_tb tbody .sta_meet_expc{color:#fdc517;} .cam_meet_lst_wrap .comn_qust_rply_tb tbody .sta_meet_to{color:#c61b21;} /*** [회의 목록 끝] ***/ /*** [회의 상세] ***/ /* 회의목록 > 상세 보기 > 영역 */ .cam_meet_det_dspy_wrap{margin-top:30px;} /* 회의목록 > 상세 보기 > 회의 정보 > 회의 이름 */ .cam_meet_det_dspy_dfnt_lst dt{margin-bottom:1.125rem; font-size:1.25rem; font-weight:500; text-align:center; color:#1e1e1e;} .cam_meet_det_dspy_dfnt_lst dd{margin-top:7px; font-size:1.125rem; color:#1d1d1d;} .cam_meet_det_dspy_info_lst{font-size:0;} .cam_meet_det_dspy_info_lst > li{display:inline-block; margin-right:1rem; font-size:1.125rem;} .cam_meet_det_dspy_info_lst > li:last-child{margin-right:0;} /* 회의목록 > 상세 보기 > 회의 정보 > 버튼 툴 */ .cam_meet_det_dspy_tool_wrap{margin-bottom:1.125rem; padding-bottom:1.125rem; border-bottom:1px solid #c6c6c6;} .cam_meet_det_dspy_tool_wrap:after{content:""; display:block; clear:both; overflow:hidden;} .cam_meet_det_dspy_tool_lst{width:48%; font-size:0; float:right;} .cam_meet_det_dspy_tool_lst > li{display:inline-block; width:100%; margin-right:1.25rem; font-size:1rem;} .cam_meet_det_dspy_tool_lst > li:last-child{margin-right:0;} .cam_meet_det_dspy_tool_lst > li a{padding:7px 0;} .cam_meet_det_dspy_tool_lst > li .btn_mint_border:hover{background-color:#dddede; color:#666; border-color:#9c9c9c;} /* 회의목록 > 상세 보기 > 회의 정보 > 표 */ .cam_meet_det_dspy_wrap td{color:#666;} /* 회의목록 > 상세 보기 > 안내문 영역 */ .cam_meet_det_dspy_info_wrap{margin-top:20px;} /* 회의목록 > 상세 보기 > 안내문 상단 툴 */ .cam_meet_det_dspy_info_tool_lst_wrap{margin-bottom:20px;} .cam_meet_det_dspy_info_tool_lst_wrap .cam_meet_det_dspy_info_tool_lst{margin-bottom:3%; font-size:0;} .cam_meet_det_dspy_info_tool_lst_wrap .cam_meet_det_dspy_info_tool_lst:last-child{margin-bottom:0;} .cam_meet_det_dspy_info_tool_lst_wrap .cam_meet_det_dspy_info_tool_lst > li{display:inline-block; width:calc(100% / 2 - 1.5%); margin-right:3%; font-size:1rem;} .cam_meet_det_dspy_info_tool_lst_wrap .cam_meet_det_dspy_info_tool_lst > li:last-child{margin-right:0;} .cam_meet_det_dspy_info_tool_lst_wrap .cam_meet_det_dspy_info_tool_lst > li a{padding:6.5px 0;} .cam_meet_det_dspy_info_tool_lst_wrap .cam_meet_det_dspy_info_tool_lst .cam_meet_det_dspy_info_tool_sm_ico{font-size:14px;} /* 회의목록 > 상세 보기 > 안내문 박스 */ .cam_meet_det_dspy_info_box{background-color:#f6f6f6;} .cam_meet_det_dspy_info_box_fld{text-align:center;} .cam_meet_det_dspy_info_box_fld:after{content:""; display:block; width:100%; height:1px; margin:30px 0 40px; background-color:#c6c6c6;} .cam_meet_det_dspy_info_box_ttl_dfnt_lst{min-height:94px;} .cam_meet_det_dspy_info_box_ttl_dfnt_lst dt{line-height:86px; font-size:2rem; color:#1e1e1e;} .cam_meet_det_dspy_info_box_ttl_dfnt_lst dt.ttl_sta_meet_expc{line-height:inherit;} .cam_meet_det_dspy_info_box_ttl_dfnt_lst dd{margin-top:20px; font-size:1.125rem; color:#666;} .cam_meet_det_dspy_info_box_sta_noti_wrap{margin-bottom:20px;} .cam_meet_det_dspy_info_box_sta_noti{width:100%; padding:17px 0; text-align:center; border-radius:4px;} .cam_meet_det_dspy_info_box_sta_noti.sta_meet_expc{background-color:#fdc517; color:#fff; border:1px solid #fdc517;} .cam_meet_det_dspy_info_box_sta_noti.sta_meet_mdd{background-color:#1d9ad7; color:#fff; border:1px solid #1d9ad7;} .cam_meet_det_dspy_info_box_sta_noti.sta_meet_to{background-color:#c61b21; color:#fff; border:1px solid #c61b21;} .cam_meet_det_dspy_info_box_sta_noti h2{font-size:1.25rem; font-weight:normal;} .cam_meet_det_dspy_info_box_sta_noti h2 span{display:block; font-size:1rem; font-weight:300;} .cam_meet_det_dspy_info_box_gud_ico_box{width:100%; padding:7.5px 14px; background-color:#bea5a4; color:#fff; border-radius:3px;} .cam_meet_det_dspy_info_box_gud_ico_box .point_bullet{margin-top:-3px; background-color:#fff; color:#bea5a4;} .cam_meet_det_dspy_info_box_gud .cam_meet_det_dspy_info_box_gud_det_wrap{padding:15px; padding-left:40px;} .cam_meet_det_dspy_info_box_gud_det_lst li{font-size:15px; font-weight:300; color:#666; word-break:keep-all;} /* 회의목록 > 상세보기 > 참석 명단 리스트 영역 */ .cam_meet_det_dspy_attd_lst_wrap{margin-top:50px;} .cam_meet_det_dspy_attd_lst_gud_wrap .cam_meet_det_dspy_attd_lst_gud_ttl_wrap:after{content:""; display:block; clear:both; overflow:hidden;} .cam_meet_det_dspy_attd_lst_gud_wrap .cam_meet_det_dspy_attd_lst_gud_ttl_wrap h3{float:left; line-height:39px;} .cam_meet_det_dspy_attd_lst_gud_wrap .cam_meet_det_dspy_attd_lst_gud_ttl_wrap .cam_meet_det_dspy_attd_lst_gud_btn_wrap, .cam_meet_det_dspy_attd_lst_gud_wrap .cam_meet_det_dspy_attd_lst_gud_ttl_wrap .cam_meet_det_dspy_attd_lst_gud_more_wrap{float:right; font-size:1.125rem;} .cam_meet_det_dspy_attd_lst_gud_wrap .cam_meet_det_dspy_attd_lst_gud_ttl_wrap .cam_meet_det_dspy_attd_lst_gud_btn_wrap i{margin-left:10px;} /* 회의목록 > 상세보기 > 참석 명단 리스트 제목 */ .cam_meet_det_dspy_attd_lst_gud_ttl_wrap{font-size:0;} .cam_meet_det_dspy_attd_lst_gud_ttl_wrap > *{display:inline-block; font-size:1rem;} .cam_meet_det_dspy_attd_lst_gud_ttl h3{font-size:1.125rem; font-weight:400; color:#1d1d1d;} .cam_meet_det_dspy_attd_lst_gud_ttl h3 span{margin-left:0.625rem;} .cam_meet_det_dspy_attd_lst_gud_ttl_wrap .cam_meet_det_dspy_attd_lst_gud_btn_wrap, .cam_meet_det_dspy_attd_lst_gud_ttl_wrap .cam_meet_det_dspy_attd_lst_gud_more_wrap{width:50%;} .cam_meet_det_dspy_attd_lst_gud_ttl_wrap .cam_meet_det_dspy_attd_lst_gud_btn_wrap a{padding:6.5px 0;} .cam_meet_det_dspy_attd_lst_gud_wrap .cam_meet_det_dspy_attd_lst_gud_more_wrap a{padding:6.5px 0;} .cam_meet_det_dspy_attd_lst_gud_wrap .cam_meet_det_dspy_attd_lst_gud_more_wrap a i{margin-right:5px;} /* 회의목록 > 상세보기 > 참석 명단 리스트 */ .cam_meet_det_dspy_attd_lst_outer{margin-top:20px;} .cam_meet_det_dspy_attd_lst_inner{margin:0 -19px; font-size:0;} .cam_meet_det_dspy_attd_lst_inner > *{display:inline-block; width:calc(100% / 2); margin-bottom:19px; font-size:1rem; vertical-align:top;} .cam_meet_det_dspy_attd_lst_inner > *:nth-last-child(2), .cam_meet_det_dspy_attd_lst_inner > *:last-child{margin-bottom:0;} .cam_meet_det_dspy_attd_lst_div_outer{margin:0 19px; padding:15px 20px 20px; border:1px solid #b6b6b6;} .cam_meet_det_dspy_attd_lst_div_outer .cam_meet_det_dspy_attd_lst_div_inner_row{margin-bottom:10px;} .cam_meet_det_dspy_attd_lst_div_outer .cam_meet_det_dspy_attd_lst_div_inner_row:after{content:""; display:block; clear:both; overflow:hidden;} .cam_meet_det_dspy_attd_lst_div_outer .cam_meet_det_dspy_attd_lst_div_inner_row .club_auspc_tool_left{float:left; width:60px; padding:0; font-size:14px; text-align:center; border-radius:30px;} .cam_meet_det_dspy_attd_lst_div_outer .cam_meet_det_dspy_attd_lst_div_inner_row .club_auspc_tool_left i{margin-right:5px;} .cam_meet_det_dspy_attd_lst_div_outer .cam_meet_det_dspy_attd_lst_div_inner_row .club_auspc_on_mem{background-color:#0195da; color:#fff;} .cam_meet_det_dspy_attd_lst_div_outer .cam_meet_det_dspy_attd_lst_div_inner_row .club_auspc_off_mem{background-color:#bea5a4; color:#fff;} .cam_meet_det_dspy_attd_lst_div_outer .cam_meet_det_dspy_attd_lst_div_inner_row .club_auspc_optin{float:right;} .cam_meet_det_dspy_attd_lst_div_outer .cam_meet_det_dspy_attd_lst_div_inner_row .club_auspc_optin a{color:#7aced0;} .cam_meet_det_dspy_attd_lst_div_outer .cam_meet_det_dspy_attd_lst_div_inner_row .club_auspc_optin a i{font-size:20px; font-weight:500;} .cam_meet_det_dspy_attd_lst_div_outer .cam_meet_det_dspy_attd_lst_img_wrap{position:relative; width:135px; height:180px; margin:0 auto; background-color:#f6f6f6;} .cam_meet_det_dspy_attd_lst_div_outer .cam_meet_det_dspy_attd_lst_img_wrap a{display:block;} .cam_meet_det_dspy_attd_lst_div_outer .cam_meet_det_dspy_attd_lst_img_wrap .cam_meet_det_dspy_attd_lst_img_hover{display:none; position:absolute; top:0; width:100%; height:100%; text-align:center; background-color:rgba(0, 0, 0, 0.6); color:#fff;} .cam_meet_det_dspy_attd_lst_div_outer .cam_meet_det_dspy_attd_lst_img_wrap .cam_meet_det_dspy_attd_lst_img_hover span{line-height:180px;} .cam_meet_det_dspy_attd_lst_div_outer .cam_meet_det_dspy_attd_lst_img_wrap:hover .cam_meet_det_dspy_attd_lst_img_hover{display:block;} .cam_meet_det_dspy_attd_lst_div_outer .shivic_toolbar_wrap{margin-top:20px;} .shivic_toolbar_wrap .shuvic_toolbar{display:block; margin:0; padding:0; font-size:1.125rem; text-align:center; background:none; color:#666 !important; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} /* 회의목록 > 상세보기 > 참석로그 */ .cam_meet_det_join_log{margin-top:20px;} @media screen and (max-width: 419px) { .cam_meet_det_dspy_attd_lst_inner > *{display:block; width:100%;} } /*** [회의 상세 끝] ***/ /*** [문의 답변] ***/ /* 메인 이미지 */ .cam_meet_qust_rply_bg_img{background:url('/common/mobile/css/images/camMeet/m_img_sub_main_cam_meet_qust_rply.jpg') no-repeat top center; background-size:100%;} /* 공통 - 문의답변, 자주묻는질문 */ .comn_qust_rply_wrap{margin-top:22px;} .sm_det_gud{font-size:1rem; color:#c61b21; word-break:keep-all;} /* 문의답변 표 */ .comn_qust_rply_tb{width:100%;} .comn_qust_rply_tb .num{width:18%; text-align:center;} .comn_qust_rply_tb thead{font-size:1.125rem; color:#666; border-top:2px solid #000000; border-bottom:1px solid #e7e7e7;} .comn_qust_rply_tb thead tr th{padding:12px 0; font-weight:300; text-align:center;} .comn_qust_rply_tb tbody tr{border-bottom:1px solid #e7e7e7;} .comn_qust_rply_tb tbody tr td{padding:12px 10px;} .comn_qust_rply_tb tbody tr td.num{padding-top:17px; font-size:1.125rem; color:#666; vertical-align:top;} .comn_qust_rply_tb tbody tr td.ttl{font-size:1.125rem; color:#202020;} .comn_qust_rply_tb tbody tr td.ttl a{display:block;} .comn_qust_rply_tb tbody tr td.ttl .ttl_inner_wrap{display:table;} .comn_qust_rply_tb tbody tr td.ttl .ttl_inner_wrap > *{display:table-cell; vertical-align:bottom;} .comn_qust_rply_tb tbody tr td.ttl .ttl_inner_wrap p{display:block; max-height:64px; line-height:30px;display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal; word-break:break-all; word-wrap:break-word; word-break:break-word;} .comn_qust_rply_tb tbody tr td.ttl .ttl_inner_wrap a .scrt_wrt_ico_wrap{margin-right:10px; color:#ffc107;} .comn_qust_rply_tb tbody tr td.ttl .ttl_det_info_wrap{font-size:0;} .comn_qust_rply_tb tbody tr td.ttl .ttl_det_info_wrap > *{display:inline-block; margin-right:10px; font-size:14px; vertical-align:middle;} .comn_qust_rply_tb tbody tr td.ttl .ttl_det_info_wrap > *:after{content:""; display:inline-block; width:1px; height:16px; margin-left:10px; background-color:#bbb; vertical-align:middle;} .comn_qust_rply_tb tbody tr td.ttl .ttl_det_info_wrap > *:last-child{margin-right:0;} .comn_qust_rply_tb tbody tr td.ttl .ttl_det_info_wrap > *:last-child:after{display:none;} .comn_qust_rply_tb tbody tr td.ttl .ttl_det_info_wrap .writer_wrap{color:#333;} .comn_qust_rply_tb tbody tr td.ttl .ttl_det_info_wrap .dt_wrap{color:#666;} .comn_qust_rply_tb_write_btn_wrap{margin-top:40px; text-align:center;} .comn_qust_rply_tb_write_btn_wrap a{display:block; width:54%; margin:0 auto; padding:16px 0;} /*** 문의답변 폼 ***/ /* 안내문구 */ .comn_qust_rply_wrap .cam_meet_det_dspy_info_box_wrap{margin-bottom:20px;} .comn_qust_rply_wrap .cam_meet_det_dspy_info_box_wrap .cam_meet_det_dspy_info_box_gud_det_wrap{padding:15px; font-size:15px; font-weight:300; color:#666; word-break:keep-all;} /* 표 */ .comn_wri_form_wrap .table{font-size:1rem; border:0 !important; border-top:2px solid #000 !important;} .comn_wri_form_wrap .table th{width:20%; font-size:1rem !important; background-color:#fafafa !important; color:#666 !important;} .comn_wri_form_wrap .table td{padding:1.125rem 0.625rem; color:#000 !important; border-right:0 !important;} /* 표 > select */ .comn_wri_form_wrap select{width:100%; padding:4px; padding-left:10px; border:1px solid #c1c1c1; background-color:#fff;} /* 표 > input 박스 */ .comn_wri_form_wrap input{width:100%; height:auto; padding:4px; padding-left:10px; font-size:1rem; color:#666; border:1px solid #c1c1c1; border-radius:0;} .comn_wri_form_wrap .input_pw::placeholder{color:#c61b21;} /* 표 > 첨부파일 */ .comn_wri_form_wrap .common_fileupload{margin:0;} .comn_wri_form_wrap .common_fileupload .uploadBtnWrap{width:100%; margin-top:10px;} .comn_wri_form_wrap .common_fileupload .uploadBtnWrap label{width:100%; padding:10px 0; background-color:#1accaa; color:#fff; border:1px solid #3d9799;} .comn_wri_form_wrap .common_fileupload .uploadBtnWrap label:hover{background-color:#3d9799; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;} /* 표 > 자동입력방지 */ .auto_inp_rm_plac ul li{margin-bottom:10px;} .auto_inp_rm_plac ul li:last-child{margin-bottom:0;} .secu_code{width:85% !important} .nw_btn{width:15% !important; margin-left:-1px !important; padding:4px 0 !important; background-color:#1accaa !important; color:#fff; border:1px solid #3d9799 !important;} .nw_btn:hover{background-color:#3d9799 !important; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;} .auto_inp_rm_plac .sm_det_gud{letter-spacing:-1px;} /* 표 > 에디터 */ tr.editor_wrap td{padding:30px 0 !important;} /* .editor_wrap .note-view:after{content:""; display:block; clear:both; overflow:hidden;} .editor_wrap .note-view{position:relative; width:100%;} .editor_wrap .note-view div.note-btn-group{position:absolute; right:10px;} */ .m-fileupload{padding:5px 10px; background-color:#1accaa !important; color:#fff !important; border:1px solid #3d9799 !important;} .m-fileupload:hover, .m-fileupload:active, .m-fileupload:visited, .m-fileupload:focus{background-color:#3d9799!important ; color:#fff !important; border:1px solid #3d9799 !important; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;} /* 표 > 제목 */ .comn_wri_form_wrap .table .ttl{font-size:1.125rem;} /* 표 > 질문 내용 */ tr.bdybk_cont td{font-size:1rem; font-weight:300; color:#666;} /*** 문의답변 폼 끝***/ /* 자주 묻는 질문 아코디언 구조 */ .comn_qust_rply_acdia_lst{border-top:2px solid #000000;} .comn_qust_rply_acdia_lst > li{border-bottom:1px solid #e7e7e7;} .comn_qust_rply_acdia_lst .comn_qust_rply_acdia_head_wrap > *{display:inline-block; font-size:18px; vertical-align:top;} .comn_qust_rply_acdia_lst .comn_qust_rply_acdia_head_wrap .img_wrap{width:18%; padding:12px 0; text-align:center;} .comn_qust_rply_acdia_lst .comn_qust_rply_acdia_head_wrap a{position:relative; width:100%; padding:12px 60px 12px 12px; color:#202020;} .comn_qust_rply_acdia_lst .comn_qust_rply_acdia_head_wrap a:after{content: "\f107"; position:absolute; top:50%; right:25px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); font-weight:400; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Pro";} .comn_qust_rply_acdia_lst .comn_qust_rply_acdia_head_wrap a.active:after{content: "\f106";} .comn_qust_rply_acdia_body_lst{display:none; border-top:1px solid #e7e7e7; background-color:#fafafa;} .comn_qust_rply_acdia_body_lst .comn_qust_rply_acdia_body_wrap{padding:12px 15px;} .comn_qust_rply_acdia_body_lst .img_wrap{width:18%; text-align:center;} .comn_qust_rply_acdia_body_lst .comn_qust_rply_acdia_body_ttl{font-size:1rem; font-weight:500; line-height:30px; color:#666; word-break:break-all;} .comn_qust_rply_acdia_body_lst .comn_qust_rply_acdia_bottom_tool_wrap{padding-bottom:40px;} .comn_qust_rply_acdia_body_lst .comn_qust_rply_acdia_bottom_tool_wrap .sec_m_center{margin-left:18%; padding:0 60px 0 10px; text-align:center;} .comn_qust_rply_acdia_body_lst .comn_qust_rply_acdia_bottom_tool_wrap .sec_m_center > dl dt{margin-bottom:5px; font-weight:400;} .comn_qust_rply_acdia_body_lst .comn_qust_rply_acdia_bottom_tool_wrap .sec_m_center .comn_qust_rply_acdia_bottom_btn_lst li{margin-bottom:10px;} .comn_qust_rply_acdia_body_lst .comn_qust_rply_acdia_bottom_tool_wrap .sec_m_center .comn_qust_rply_acdia_bottom_btn_lst li:last-child{margin-bottom:0;} /*** [문의 답변] ***/ /*** [자주 묻는 질문] ***/ /* 검색바 */ .cam_meet_rglt_qust_lst_wrap{margin:50px 0;} .faq-search{margin-top:1.25rem; padding:0;} .total_search > ul{width:100%;} .total_search li{display:inline-block; width:40%; vertical-align:middle;} .total_search li:first-child{width:60%;} .total_search li input{width:100% !important; margin-left:0; padding:10px 20px; font-size:1.125rem !important; color:#666; border-right:1px solid #c6c6c6 !important;} .total_search li button{display:inline-block; width:50%; margin-left:-1px; background-color:#1accaa !important; color:#fff !important; border:1px solid #3d9799 !important; vertical-align:middle;} .total_search button.resetBtn{background-color:#1accaa !important;} /* 카드헤더 구분 버튼 */ .contact_icon{display:inline-block; width:23px; height:23px;border-radius:3rem; line-height:23px; text-align:center; margin-left:.15rem; font-size:.8rem;} .contact_icon i{color:#fff !important;} .contact_privacy, .contact_link{ background-color:#ffc107;} .contact_user{ background-color:#45598d; } .contact_device_android{background-color:#5da557} .contact_device_ios{background-color:#a3afb5} .contact_device_pc{background-color:#80b5ce} .btn-contact{background-color:#1472d1;} .contact_device_android, .contact_device_mobile{background-color:#5da557} .contact_device_ios{background-color:#a3afb5} .contact_device_pc{background-color:#80b5ce} /* 아코디언 재정의 */ .cam_meet_rglt_qust_lst_wrap .card{border:1px solid #c6c6c6; border-radius:0;} .cam_meet_rglt_qust_lst_wrap .card-header{padding:0; border-bottom:1px solid #c6c6c6;} .cam_meet_rglt_qust_lst_wrap .card-header:after{content:""; display:block; clear:both; overflow:hidden;} .cam_meet_rglt_qust_lst_wrap .card-header a{float:left; display:block; max-width:95%; padding:1rem !important; font-size:1.125rem !important; text-align:left; color:#666 !important;} .cam_meet_rglt_qust_lst_wrap .card-header span.float-right{padding:1rem;} /* 중간 영역 (아코디언) */ .cam_meet_rglt_qust_lst_wrap .faq{margin-top:30px !important} /* 하단 버튼 */ .Bottom_btn_section{width:90%; margin:2rem auto !important; font-weight:bold; text-align:center;} .Bottom_btn_section a{display:inline-block; width:calc(100% / 2 - 10px); margin:10px 0 0 !important; padding:0.8rem 0; font-size:1rem;} .Bottom_btn_section a:last-child{margin-left:20px !important;} .Bottom_btn_section a.btn-dark{text-align:center; background-color:#c61b21; color:#fff; border:1px solid #c61b21;} .Bottom_btn_section a.btn-secondary{text-align:center; background-color:#fff; color:#c61b21 !important; border:1px solid #c61b21;} /*** [자주 묻는 질문] ***/