@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;} /*** [익스플로러 스크롤 설정] ***/ @media screen and (min-width:0\0) { body{overflow-y:scroll\9;} } _:-ms-fullscreen, :root body {overflow-y:scroll;} /*** [익스플로러 스크롤 설정] ***/ /*** [메인 페이지 이벤트 시 가로스크롤 방지] ***/ #main{overflow-x:hidden;} /*** [메인 페이지 이벤트 시 가로스크롤 방지] ***/ /*** [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;} /* 팝업 */ .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;} /*** [shuvic Custom reset 끝] ***/ /*** [plugin reset] ***/ .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{font-size:1rem;} /*** [plugin reset 끝] ***/ /*** [공통] ***/ /* 영역 */ .page_wrap{position:relative; min-height:100vh;} /* a 링크 */ a{text-decoration:none;} a:hover{opacity:0.9;} /* 버튼 */ .btn_red_bg{text-align:center; background-color:#c61b21; color:#fff; 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; 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; 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; 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; 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;} /* 영역 */ .container{width:1300px; padding:0;} /* 이미지 */ 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;} /* 날짜, 시간 선택 form tag */ .hasDatepicker{width:215px !important; padding:12px 0.3rem; background:url('/common/css/images/camMeet/ico_calendar.png') no-repeat 10px center;} .ui-timepicker-input{width:215px !important; padding:12px 0.3rem; background:url('/common/css/images/camMeet/ico_clock.png') no-repeat 10px center;} /* 페이저 */ .common_pager{margin-top:55px; 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:40px; 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; font-weight:bold; color:#d72426; border-bottom:1px solid #d72426;} .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;} /*** [공통 끝] ***/ /*** [팝업] ***/ /* 팝업 오버레이 */ .ui-widget-overlay{background:none !important; background-color:#fff !important; opacity:0 !important;} /* 팝업 전체 */ .AJAX-LOADING .ui-dialog{border:0 !important;} .ui-dialog .container{width:auto;} .ui-dialog{min-width:600px; padding:2px; border:1px solid #b7b7b7 !important;} .ui-dialog input{height:40px; border:1px solid #b7b7b7;} .ui-dialog .chosen-container-single .chosen-single{height:40px; padding:13px 13px 13px 20px; border:1px solid #b7b7b7;} .ui-dialog .chosen-container-single .chosen-single div b:after, .ui-dialog .chosen-container-active.chosen-with-drop .chosen-single div b:after{padding:13px 0;} /* 헤더 */ .ui-dialog .ui-dialog-titlebar, .SHUVIC_JQUERY_DIALOG.ui-dialog > .ui-widget-header{padding:23px 0; font-size:1.75rem; font-weight:bold; text-align:center; background:url('/common/css/images/camMeet/dialog_header_bg.jpg') no-repeat center; background-color:#c61b21; color:#fff;} .ui-dialog .ui-dialog-title{float:none; margin:0;} .SHUVIC_JQUERY_DIALOG.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close{right:20px; width:20px; height:20px; line-height:20px;} .SHUVIC_JQUERY_DIALOG.ui-dialog .ui-dialog-titlebar .ui-button .ui-icon-closethick{display:block; background:url('/common/css/images/camMeet/ico_close.png') no-repeat center; text-indent:-9999px;} /* 바디 */ .ui-dialog .ui-dialog-content{padding:40px 20px !important; font-size:1.5rem; color:#373737; text-align:center;} .ui-buttonset{margin-right:0;} /* 바디 > chosen 재정의 */ .ui-dialog .chosen-container-single .chosen-single{padding:5px 12px 5px 20px;} /* 바디 > Form tag */ .ui-dialog input{padding:5px 12px 5px 20px;} /* 바디 > 라벨 */ .dialog_label_lst{display:table; width:100%; border:1px solid #b7b7b7; table-layout:fixed;} .dialog_label_lst > li{display:table-cell; text-align:center; border-right:1px solid #b7b7b7;} .dialog_label_lst > li:last-child{border-right:0;} .dialog_label_lst label{display:block; margin:1px; padding:5px 0; font-weight:400;} .dialog_label_lst label.active{background-color:#1accaa; color:#fff;} /* 바디 > 표 */ .ui-dialog .table tr th{padding:8px 0;} .ui-dialog .table tr td{padding:8px !important;} /* 하단 */ .ui-dialog .ui-dialog-buttonpane{margin-top:0; padding:0 0 40px 0; border-top:0;} .ui-dialog .ui-dialog-buttonset .ui-button{min-width:225px; margin:0 .5em 0; padding:0.625rem 0; font-size:1.5rem; border-radius:0;} .ui-dialog.SHUVIC_JQUERY_DIALOG.ui-dialog .ui-dialog-buttonset .di_btn_conf, .ui-dialog.SHUVIC_JQUERY_DIALOG.ui-dialog .ui-dialog-buttonset .btn-primary{background-color:#c61b21; color:#fff; border:1px solid #c61b21;} .ui-dialog.SHUVIC_JQUERY_DIALOG.ui-dialog .ui-dialog-buttonset .di_btn_close{background-color:#fff; color:#c61b21; border:1px solid #c61b21;} /* 버튼 & a 링크 */ a.btn_pop_base{display:block; background-color:#fff; color:#01b4d0; border:1px solid #01b4d0;} a.btn_pop_base:hover{background-color:#01b4d0; color:#fff;} /* 부트스트랩 클래스 사용 */ .ui-dialog-content .list-group{text-align:left;} .ui-dialog-content .list-group-item:first-child{border-top:1px solid #c6c6c6;} .ui-dialog-content .list-group-item{margin-bottom:0; font-size:1.125rem; color:#373737; border:0; border-bottom:1px solid #c6c6c6;} .ui-dialog-content .list-group-item .badge-info{font-size:1.125rem; background-color:transparent !important; color:#363636 !important;} .ui-dialog-content .list-group-item .badge-info:before{content: "\f00c"; color:#ff0000; margin-right:10px; font-family: "Font Awesome 5 Pro"; font-weight: 400; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased;} /*** [팝업 끝] ***/ /*** [슈빅 공통) 로그인 팝업] ***/ /* 로그인 */ .ver_m{display:none;} .ui-dialog #memberLoginForm{font-size:1rem;} .log_wrap{padding:20px 55px;} .log_wrap .log_need{margin-bottom:1.25rem; font-size:13px; color:#000;} .log_wrap .log_need span.log_ftbig{font-size:1.5rem; font-weight:800;} .log_wrap .gd_logbox i{color:#bebebe;} .log_wrap .gd_logbox input{font-size:17px; height:44px; border:none; margin-top:9px;} .log_wrap .gd_logbox input::-ms-clear { display:none; } .log_wrap .gd_logbox input::-ms-reveal { display:none; } .log_wrap #memberLoginForm .gd_log_keep{margin-left:-50px;} .log_wrap label{margin-bottom:0; font-weight:600;} .log_wrap .custom-line-color{border:1px solid #979797;} .log_wrap .mpassWrap{display:inline-block\0/IE9;} .log_wrap .mpassWrap i{color:#000000} .log_wrap .mpassWrap a{position:absolute; top:0px; right:0px; height:44px; font-size:.85rem; font-weight:600; padding:12px 10px 3px 8px; color:#000000; display:block; text-decoration:none;} .log_wrap a.mpassEyeBtn{text-decoration:none; vertical-align:middle; color:#000000;} .log_wrap .brd_bt{margin:20px 0 !important;} .ui-dialog .log_wrap input{height:auto;} .log_wrap .btn_sadmin{padding:5px; border-radius:3px;} .log_wrap .gd_log_btn{border:none; padding:20px 0; color:#fff; width:100%; font-size:18px; background-color:#c61b21;} .log_wrap .login_etc_wrap{margin:20px 0 0 !important;} .log_wrap .gd_join{display:block; font-size:16px; text-align:center; padding:5px 10px; background-color:#fff; color:#3d9799; border:1px solid #3d9799;} .log_wrap .gd_join: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;} .log_wrap .findMyaccount{background-color:#1accaa; color:#fff; border:1px solid #3d9799;} .log_wrap .findMyaccount: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;} /* 로그인 실패 */ .msg-account{padding:1.25rem; border:0 !important;} .msg-account h5{margin-top:1.125rem;} .msg-account .btn.btn-secondary, .msg-account .gd_join{width:100%; display:block; padding:5px 10px; font-size:16px; background-color:#fff; color:#3d9799 !important; border:1px solid #3d9799; outline:0;} .msg-account .btn.btn-secondary:hover, .msg-account .btn.btn-secondary:focus, .msg-account .btn.btn-secondary:focus-within, .msg-account .btn.btn-secondary:focus-visible, .msg-account .btn.btn-secondary:visited, .msg-account .btn.btn-secondary:active, .msg-account .gd_join:hover{background-color: #3d9799; color: #fff !important; outline:0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;} .links{font-size:1.125rem; border-left:0 !important; border-right:0 !important;} .links a{width:110px; padding:0.5rem 0.3rem; border-radius:20px;} .links .hLine{background-color:#1accaa; color:#fff;} /*** [슈빅 공통) 로그인 팝업 끝] ***/ /*** [플러그인 재정의] ***/ /* chosen 재정의 */ .chosen-container{font-size:18px;} .chosen-container-single .chosen-default{color:#222;} .chosen-container-single .chosen-single{height:auto; padding:20px 12px 20px 20px; background:none; background-color:#fff; color:#616161; border:1px solid #c1c1c1; border-radius:0; box-shadow:none;} .chosen-container-active.chosen-with-drop .chosen-single{background:none; background-color:#fff; border:1px solid #c1c1c1; border-radius:0;} .chosen-container .chosen-drop{border:1px solid #c1c1c1; border-top:none; box-shadow:none;} .chosen-container .chosen-results{margin:0; padding:0;} .chosen-container .chosen-results li{padding:5px 6px 5px 10px;} .chosen-container .chosen-results li.highlighted{background:none; background-color:#666;} .chosen-container-single .chosen-single div b{background:none;} .chosen-container-single .chosen-single div b:after{content: "\f107"; padding:20px 0; font-family: "Font Awesome 5 Pro"; font-weight: 100; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased;} .chosen-container-active.chosen-with-drop .chosen-single div b:after{content: "\f106"; padding:20px 0; color:#6f7073; font-family: "Font Awesome 5 Pro"; font-weight: 100; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased;} /*** [플러그인 재정의 끝] ***/ /*** [화상 회의 퀵 메뉴] ***/ .fixed_quick_menu_wrap{position:fixed; right:150px; bottom:50px;} .fixed_quick_menu_lst{margin:0 auto; text-align:center;} .fixed_quick_menu_lst li{margin-bottom:10px;} .fixed_quick_menu_lst li:last-child{margin-bottom:0;} .fixed_quick_menu_lst li a{display:block; padding:12px 10px 6px; color:#fff; border-radius:8px;} .fixed_quick_menu_lst li a:hover{box-shadow:1px 1px 7px rgba(0,0,0,0.3); opacity:1;} .meet_cre a{background-color:#1accaa;} .meet_lst a{background-color:#3d9799;} @media screen and (min-width:1560px) and (max-width:1800px) { .fixed_quick_menu_wrap{right:80px;} } @media screen and (min-width:1024px) and (max-width:1559px) { .fixed_quick_menu_wrap{right:30px;} } @media screen and (min-width:768px) and (max-width:1023px) { .fixed_quick_menu_wrap{right:30px;} } @media screen and (min-width:480px) and (max-width:767px) { .fixed_quick_menu_wrap{right:0;} } @media screen and (max-width:479px) { .fixed_quick_menu_wrap{right:0;} } /*** [화상 회의 퀵 메뉴 끝] ***/ /*** [홈페이지 정보] ***/ /* 영역 */ .footer_outer{position:absolute; bottom:0; width:100%; padding:66px 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;} /*** [홈페이지 정보 끝] ***/ /*** [상단 메뉴] ***/ /* 영역 */ .header_outer{position:relative;} .header_outer:after{content:""; position:absolute; z-index:3; top:81px; width:100%; height:1px; background:#e5e5e5;} /* 상단 메뉴 > 나열 */ .header_outer .header_inner{font-size:0;} .header_outer .header_inner:after{content:""; display:block; clear:both; overflow:hidden;} .header_outer .header_inner > div{display:inline-block; font-size:1rem; vertical-align:top;} .header_outer .header_logo_wrap{width:390px; padding:10px 0;} .header_outer .top_menu_tool_wrap{float:right; margin-left:-23px; padding:17px 0;} /* 상단 메뉴 > 로고 */ .header_logo_txt_wrap{font-size:21px; font-weight:500; color:#000;} .header_logo_txt_wrap a{display:block;} .header_logo_txt_dfnt_lst dt{font-weight:500;} .header_logo_txt_dfnt_lst dd{color:#3d9799;} /* 상단 메뉴 > 메뉴 */ .top_1depth_menu_lst_outer{width:706px; text-align:center;} .top_1depth_menu_lst_inner{position:relative; margin:0 auto;} .top_1depth_menu_lst{font-size:0;} .top_1depth_menu_lst > li{position:relative; display:inline-block; width:calc(100% / 4); font-size:21px; font-weight:bold; vertical-align:top;} .top_1depth_menu_lst > li > a{display:block; padding:28.5px 0; font-weight:500; color:#000;} .top_2depth_menu_lst_wrap{display:inline-block; position:absolute; top:81px; z-index:2; width:100%; background-color:#fff;} /* 크롬 핵*/ @media screen and (-webkit-min-device-pixel-ratio:0) { .top_2depth_menu_lst_wrap{margin-left:-88px} } .top_2depth_menu_lst_inner > ul{min-height:148px; padding:30px 0; font-size:18px; text-align:center; vertical-align:top;} .top_2depth_menu_lst_inner > ul > li > a{display:block; padding:10px 0; font-size:1.125rem; font-weight:400; color:#666;} .top_2depth_menu_lst_inner > ul > li > a:hover{text-decoration:underline;} .JS-det-wrap{position:absolute; z-index:1; width:100%; background-color:#fff; border-bottom:1px solid #e5e5e5; display:none;} .top_1depth_menu_lst > li:hover > a, .top_1depth_menu_lst > li.active > a{color:#c61b21;} .top_1depth_menu_lst > li:hover .top_2depth_menu_lst{background-color:#f6f6f6;} //.top_1depth_menu_lst > li:hover .top_2depth_menu_lst:before{content:""; position:absolute; top:0px; left:0; width:100%; height:4px; background:#fa114a;} .top_1depth_menu_lst > li:hover:after{content:""; position:absolute; bottom:-3px; left:0; z-index:30; width:100%; height:3px; background:#fa114a;} /* 상단 메뉴 > 즐겨찾기/로그인 도구 */ .top_menu_tool_lst{padding:10px 23px; font-size:0; background-color:#c61b21; border:1px solid #c61b21; border-radius:30px;} .top_menu_tool_lst li{display:inline-block; font-size:14px; vertical-align:middle; } .top_menu_tool_lst li:first-child:after{content:""; float:right; width:1px; height:14px; margin:6px 11px 0; background-color:#e38d90;} .top_menu_tool_lst li a{color:#fff;} /*** [상단 메뉴 끝] ***/ /*** [메인] ***/ /**/ #main{padding-bottom:170px;} /* 메인 이미지 */ .main_img{position:relative; width:100%; height:100%; overflow:hidden;} .main_img .img_wrap{width:100%; height:800px; background:url('/common/css/images/camMeet/img_main.jpg') no-repeat #fafafa top center;} .main_img .main_ttl_wrap{position:absolute; top:255px; left:50%; margin-left:-324px; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);} .main_img .main_ttl_wrap h1{position:absolute; width:552px; margin-left:-240px; font-family:'Gothic A1', sans-serif; font-size:48px; font-weight:900; letter-spacing:-3px;} .main_img .main_ttl_wrap .main_ttl_st{top:4px;} .main_img .main_ttl_wrap .main_ttl_nd{top:64px;} /* 이미지 애니메이션 :: 화면이 어두운 상태에서 밝아지는 애니메이션 */ .ani_opcty_wrap{position:absolute; top:0; right:0; bottom:0; left:0; background-color:#000; opacity:0;} .ani_opcty_wrap span{display:none;} .aniOpcty{ -webkit-animation-name:aniOpcty; -moz-animation-name:aniOpcty; -o-animation-name:aniOpcty; animation-name:aniOpcty; -webkit-animation-duration:3s; -moz-animation-duration:3s; -o-animation-duration:3s; animation-duration:3s; } @keyframes aniOpcty { from {opacity:1.0;} to {opacity:0;} } /* 이미지 애니메이션 :: 이미지가 확대된 상태에서 작아지는 애니메이션 */ .slidein{ -webkit-animation-name:slidein; -moz-animation-name:slidein; -o-animation-name:slidein; animation-name:slidein; -webkit-animation-duration:3s; -moz-animation-duration:3s; -o-animation-duration:3s; animation-duration:3s;} @-webkit-keyframes slidein { from {transform:scale(1.15);} to {transform:scale(1.0);} } @-moz-keyframes slidein { from {transform:scale(1.15);} to {transform:scale(1.0);} } @-o-keyframes slidein { from {transform:scale(1.15);} to {transform:scale(1.0);} } @keyframes slidein { from {transform:scale(1.15);} to {transform:scale(1.0);} } /* 메인 텍스트 애니메이션 */ .main_ttl_st{ -webkit-animation-name:mainttlst; -moz-animation-name:mainttlst; -o-animation-name:mainttlst; animation-name:mainttlst; -webkit-animation-duration:0.5s; -moz-animation-duration:0.5s; -o-animation-duration:0.5s; animation-duration:0.5s; -webkit-animation-timing-function:linear; -moz-animation-timing-function:linear; -o-animation-timing-function:linear; animation-timing-function:linear;} @keyframes mainttlst { from {top:14px; animation-timing-function:cubic-bezier(0.25, 0.55, 0.75, 1.0); opacity:0;} to {top:4px; opacity:1;} } .main_ttl_nd{ -webkit-animation-name:mainttlnd; -moz-animation-name:mainttlnd; -o-animation-name:mainttlnd; animation-name:mainttlnd; -webkit-animation-delay:0; -moz-animation-delay:0; -o-animation-delay:0; animation-delay:0; -webkit-animation-duration:0.5s; -moz-animation-duration:0.5s; -o-animation-duration:0.5s; animation-duration:0.5s; -webkit-animation-timing-function:linear; -moz-animation-timing-function:linear; -o-animation-timing-function:linear; animation-timing-function:linear;} @keyframes mainttlnd { from {top:74px; animation-timing-function:cubic-bezier(0.25, 0.55, 0.75, 1.0); opacity:0;} to {top:64px; opacity:1;} } /* 메인 스크롤 버튼 위치 */ .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:36px;} .main_sec_ttl dt em{color:#3d9799;} .main_sec_ttl dd{margin-top:30px; font-size:18px; color:#323232;} .main_sec_ttl dd em{display:block; width:395px; margin:5px auto 3px; padding-right:3px; font-size:1.45rem; 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{text-align:center;} .main_cam_meet_desc .main_sec_ttl{margin-bottom:72px;} .main_cam_meet_desc{padding:82px 0; background-color:#e8f0ee;} .main_cam_meet_desc_vedio_outer{position:relative;} .main_cam_meet_desc_vedio_inner{position:absolute; top:37px; left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);} .main_cam_meet_desc_vedio_img_wrap{text-align:center;} /* OK 화상회의 서비스 > 제목 */ .main_cam_meet_service{padding:82px 0 170px; text-align:center; background-color:#fff;} .main_cam_meet_service .main_sec_ttl{margin-bottom:70px;} /* OK 화상회의 서비스 > (공통) 서비스 소개 */ #main .txt_sec_wrap .txt_wrap{margin-bottom:30px; text-align:left;} #main .txt_sec_wrap .txt_wrap dt{margin-bottom:40px;} #main .txt_sec_wrap .txt_wrap dt h6{margin-bottom:44px; font-size:21px; font-weight:600; color:#111;} #main .txt_sec_wrap .txt_wrap dt h6:after{content:""; display:block; width:96px; height:3px; margin-top:10px; background-color:#101010;} #main .txt_sec_wrap .txt_wrap dt h1{font-size:36px; font-weight:lighter; color:#333;} #main .txt_sec_wrap .txt_wrap dd{font-size:19px; font-weight:300; color:#4b4b4b;} #main .txt_sec_wrap .link_wrap a{display:block; width:228px; padding:16px 0; font-size:1rem; 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;} /* OK 화상회의 서비스 > 위치별 스타일 */ .main_cam_meet_service_left:after{content:""; display:block; clear:both; overflow:hidden;} .main_cam_meet_service_left .img_wrap{float:left;} .main_cam_meet_service_left .img_wrap img{display:block;} .main_cam_meet_service_left .txt_sec_wrap{float:right; width:450px; padding:84px 0 0 129px; background:url('/common/css/images/camMeet/sec_srv_ico_left.png') no-repeat 0 95px;} .main_cam_meet_service_right:after{content:""; display:block; clear:both; overflow:hidden;} .main_cam_meet_service_right .img_wrap{float:right;} .main_cam_meet_service_right .img_wrap img{display:block;} .main_cam_meet_service_right .txt_sec_wrap{float:left; width:450px; padding:84px 129px 0 0; background:url('/common/css/images/camMeet/sec_srv_ico_right.png') no-repeat 365px 95px;} /*** [메인 끝] ***/ /*** [(컨텐츠) 공통] ***/ /* 영역*/ .comn_cnts_wrap{margin-top:30px;} /* 서브 메인 */ .comn_sub_main_sec_img_wrap{position:relative; width:100%; height:461px;} .comn_sub_main_sec_img_wrap h1{position:absolute; left:30px; bottom:30px; font-size:2rem; font-weight:500; letter-spacing:-1px; color:#fff;} /* 서브 컨텐츠 제목 */ .comn_sub_cnts_ttl_outer{margin:50px 0;} .comn_sub_cnts_ttl dt{font-size:3rem; color:#1e1e1e;} .comn_sub_cnts_ttl dd{margin-top:33px; font-size:18px; color:#666;} .comn_sub_cnts_ttl dd.no_result{display:none;} .comn_sub_prgh_intv p{margin-bottom:30px; line-height:33px;} .comn_sub_prgh_intv p:last-child{margin-bottom:0px !important;} /* 배경이 있는 컨텐츠 */ .comn_cnts_sec_color_bg{background-color:#fafafa;} /* (사진/설명글)순서의 컨텐츠 */ .comn_cnts_left_align_wrap:after{content:""; display:block; clear:both; overflow:hidden;} .comn_cnts_left_align_wrap .img_wrap{float:left;} .comn_cnts_left_align_wrap .img_wrap img{display:block;} .comn_cnts_left_align_wrap .txt_sec_wrap{float:right; width:650px; margin-top:25px; padding-left:30px;} .comn_cnts_left_align_wrap .txt_sec_wrap .txt_wrap dt{font-size:2rem; font-weight:bold; color:#1e1e1e;} .comn_cnts_left_align_wrap .txt_sec_wrap .txt_wrap dd{margin-top:25px; font-size:18px; color:#666;} .comn_cnts_left_align_wrap .txt_sec_wrap .txt_wrap dd p{margin-bottom:32px; letter-spacing:-1px; line-height:30px;} .comn_cnts_left_align_wrap .txt_sec_wrap .txt_wrap dd.comn_sub_prgh_intv_tmch p{margin-bottom:16px;} .comn_cnts_left_align_wrap .txt_sec_wrap .txt_wrap dd.comn_sub_prgh_intv_tmch .comn_sub_prgh_intv_tmch_sm_font{font-size:17px;} .comn_cnts_left_align_wrap .txt_sec_wrap .txt_wrap dd.comn_sub_prgh_intv_tmch p a{color:#000; cursor:pointer;} .comn_cnts_left_align_wrap .txt_sec_wrap .txt_wrap dd.comn_sub_prgh_intv_tmch p a:hover{text-decoration:underline;} /* 하단 버튼 */ .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_wrap a{position:relative; display:block; width:230px; padding:1rem 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;} .sub_cont_btn_right_wrap .container:after{content:""; display:block; clear:both; overflow:hidden;} .sub_cont_btn_right_wrap .sub_cont_btn_lst{float:right;} .sub_cont_btn_right_wrap .sub_cont_btn_lst{margin-top:-10px;} /* 표 */ .table{margin:0; border:1px solid #c6c6c6 !important;} .table tr{border-bottom:1px solid #c6c6c6 !important;} .table tr th{padding:30px 0; font-size:1.125rem !important; font-weight:500; background-color:#f6f6f6 !important; color:#363636 !important;} .table tr td{padding:30px !important; font-size:1.125rem !important; color:#666 !important; border-right:1px solid #c6c6c6 !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/css/images/camMeet/img_sub_main_cam_meet_intro_info.jpg') no-repeat top center;} /* 원클릭 */ .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:50px;} /* 동영상 상단 문구 */ .cam_meet_pctr_info_video_top_ttl_addn_upd{margin-top:25px; text-align:center;} .cam_meet_pctr_info_video_top_ttl_addn_upd h1{font-size:2rem; font-weight:400; color:#1e1e1e;} .cam_meet_pctr_info_video_top_ttl_addn_upd p{margin-top:1rem; font-size:14px; color:#666;} /* 동영상 */ .cam_meet_pctr_info_video_wrap{padding:60px 0 64px;} .cam_meet_pctr_info_video_wrap .comn_cnts_sec_color_bg{height:380px;} .cam_meet_pctr_info_video_wrap .main_cam_meet_desc_vedio_outer{margin-top:-60px;} /*** [동영상 보기 끝] ***/ /*** [화상회의 생성] ***/ /* 메인 이미지 */ .cam_meet_cre_info{background:url('/common/css/images/camMeet/img_sub_main_cam_meet_cre_info.jpg') no-repeat top center;} /* 생성 설명글 */ .cam_meet_cre_info_left_align_wrap .txt_wrap{margin-bottom:30px;} .cam_meet_cre_info_left_align_wrap .txt_wrap:last-child{margin-bottom:0;} .cam_meet_cre_info_left_align_wrap .txt_wrap strong{display:block; margin-top:20px; color:#1e1e1e;} .cam_meet_cre_info_left_align_wrap .txt_sec_wrap .txt_wrap dd{margin-top:17px; line-height:30px;} /*** [화상회의 생성 끝] ***/ /*** [화상회의 타입 선택] ***/ /* 화상회의 타입 선택 전체 공통 */ .cnts_cam_meet_cre_type_btn_lst a, .cnts_cam_meet_cre_type_lst a{display:block;} /* 체크리스트 */ .cnts_cam_meet_cre_type_gud_msg_wrap{margin-bottom:50px;} .comn_cnts_wrap .cnts_cam_meet_cre_type_gud_msg_wrap{margin-top:-17px;} .cnts_cam_meet_cre_type_gud_msg_outer{font-size:0;} .cnts_cam_meet_cre_type_gud_msg_outer > *{display:inline-block; font-size:21px; vertical-align:top;} .cnts_cam_meet_cre_type_gud_msg_img_wrap{width:620px; height:606px; background:url('/common/css/images/camMeet/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{width:calc(100% - 620px); background-color:#f2f3f2; padding:30px 30px 25px 30px; border-top-right-radius:10px; border-bottom-right-radius:10px;} .cnts_cam_meet_cre_type_gud_msg_txt_inner_wrap{min-height:551px; padding:40px 30px; background-color:#fbfbfb; color:#3f3f3f; font-size:1.125rem;} .cnts_cam_meet_cre_type_gud_msg_txt_lst{margin-top:10px; font-size:22px; line-height:40px; word-break:keep-all;} .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:after{content:""; display:block; clear:both; overflow:hidden;} .cnts_cam_meet_cre_type_lst > li{width:50%;} .cnts_cam_meet_cre_type_lst .cnts_cam_meet_cre_type_genl{float:left;} .cnts_cam_meet_cre_type_lst .cnts_cam_meet_cre_type_mem{float:right;} /* 큰 버튼 타입 공통 스타일 */ .cnts_cam_meet_cre_type_img_wrap img{display:block;} .cnts_cam_meet_cre_type_link_inner{margin-top:20px; font-size:1.125rem; color:#666;} /* 작은 버튼 타입 - 회원 화상회의실 */ .cnts_cam_meet_cre_type_genl{padding-right:30px;} .cnts_cam_meet_cre_type_mem {padding-left:30px;} /*** [화상회의 타입 선택 끝] ***/ /*** [회의 생성] ***/ /* 영역 */ .cam_meet_step_form_outer{margin-top:50px;} /* 회의 생성 단계별 탭 */ .cam_meet_step_lst_wrap{margin-bottom:30px;} .cam_meet_step_lst{font-size:0; border-bottom:1px solid #c61b21;} .cam_meet_step_lst li{position:relative; display:inline-block; width:calc(100% / 3); 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:43px;} .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:after{right:26px;} .cam_meet_step_lst li:last-child:after{display:none;} .cam_meet_step_lst li p{padding:20px 0; border-top:3px solid #c6c6c6;} .cam_meet_step_lst li p:hover{cursor:pointer;} .cam_meet_step_lst .step-num2{margin-right:7px;} .cam_meet_step_lst li.active p{padding:17.5px 0; font-size:24px; font-weight:500; color:#c61b21; border-top-color:#c61b21;} .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-top:3px; margin-right:10px; background-color:#c61b21;} /* 회의 생성 폼 */ .cam_meet_step_form_inner .table tr th{width:224px;} #camMeetDetInfo_cmbCont textarea{min-height:140px;} .cam_meet_step_form_inner .table .form_tag_lst li{margin-right:30px;} .cam_meet_step_form_inner .table .form_tag_lst li:last-child{margin-right:0;} /* step2 선택 회원 추가*/ .btn_step_wrap a{display:block; width:73px; margin:0 auto; padding:30px 0.3rem 20px; text-align:center; background-color:#1accaa; color:#fff; border:1px solid #3d9799;} .btn_step_wrap a: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;} .btn_step_wrap a p{line-height:21px;} /* step3 회의참석 알림 발송 */ .cam_meet_step_form_noper_gud_wrap{margin:70px 0 30px;} .cam_meet_step_form_noper_gud_wrap h1{font-size:21px; font-weight:400; 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:2rem; 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:45px;} .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:6px;} .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:calc(100% / 2); font-size:18px; vertical-align:top;} .cam_meet_step3_snd_gud_wrap .txt_sec_left_align_lst p{min-height:90px; margin-bottom:5px !important; line-height:27px !important;} .cam_meet_step3_snd_gud_wrap .txt_sec_left_align_lst .btn_mint_bg{width:215px; padding:6px 0;} /***- step2 -***/ /* 영역 */ .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;} /* 폼 공통 */ .cam_meet_form_wrap{background-color:#fff; border:1px solid #c6c6c6;} .cam_meet_form_header{padding:10px; border-bottom:1px solid #c6c6c6;} .cam_meet_form_header:after{content:""; display:block; clear:both; overflow:hidden;} .cam_meet_form_header .cam_meet_form_noper_gud{float:left; 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;} .cam_meet_form_header .cam_meet_form_btn_wrap{float:right;} .cam_meet_form_header .cam_meet_form_btn_wrap .btn_mint_bg{width:105px; padding:6px 0.3rem;} .cam_meet_form_body{min-height:425px;} .cam_meet_form_body .table{border:0 !important;} .cam_meet_form_body .table thead{margin:1px; font-size:1.125rem; background-color:#f6f6f6; color:#363636;} .cam_meet_form_body .table thead tr th{padding:1rem 0;font-weight:500;} .cam_meet_form_body .table tbody{padding-top:10px;} .cam_meet_form_body .table tbody tr{border-bottom:1px solid #c6c6c6;} .cam_meet_form_body .table tbody tr td{padding:10px 0.3rem !important; font-size:1.125rem; color:#333; border-right:0 !important;} .cam_meet_form_body .table .common_member_info_wrap{text-align:left;} .cam_meet_form_body .table .btn_del{width:115px; background-color:#fff; color:#3d9799; border:1px solid #3d9799;} .cam_meet_form_body .table .btn_del:hover{background-color:#d1d1d1; color:#363636; border:1px solid #b2b2b2;} .cam_meet_form_wrap input[type="checkbox"]{width:18px; height:18px; margin-top:4px; border-color:#bababa;} .cam_meet_form_body .table .no_result{border-bottom:0;} .cam_meet_form_body .table .no_result td{padding-top:136px;} .cam_meet_form_body .table .no_result td span{font-weight:bold; color:#1accaa;} /* 회원선택 폼 초기화 - 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;} /* 회원선택 폼 초기화 - 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 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;} /* 회원선택 폼 */ .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; 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;} .card_bas_srch_mem_addn .card-header{border-bottom:1px solid #c6c6c6;} .card_bas_srch_mem_addn .card-body{height:373px;} .addn_mem_box_wrap .scrollSection .table{border-top:1px solid #c6c6c6 !important;} .addn_mem_box_wrap .scrollSection .table .addn_mem_tb_ck{width:1.5%;} .addn_mem_box_wrap .scrollSection .table .addn_mem_tb_add{width:18%;} .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: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;} .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;} /***- step2 끝-***/ /*** [회의 생성 끝] ***/ /*** [회의 목록] ***/ /* 메인 이미지 */ .cam_meet_lst_bg_img{background:url('/common/css/images/camMeet/img_sub_main_cam_meet_lst.jpg') no-repeat top center;} /***- 목록 검색 도구 -***/ /* 영역 */ .cam_meet_lst_optn_wrap{margin-top:50px; padding:30px; font-size:0; border:1px solid #c6c6c6;} .cam_meet_lst_optn_wrap > *{display:inline-block; font-size:1rem; vertical-align:middle;} .cam_meet_lst_optn_wrap .cam_meet_sta_optn_inner{width:195px; margin-right:30px;} .cam_meet_lst_optn_wrap .cam_meet_srch_wrap{width:530px; margin-right:30px;} .cam_meet_lst_optn_wrap .cam_meet_lst_srch_btn_lst{font-size:0;} .cam_meet_lst_optn_wrap .cam_meet_lst_srch_btn_lst > li{display:inline-block; width:105px; font-size:1rem; margin-right:20px;} .cam_meet_lst_optn_wrap .cam_meet_lst_srch_btn_wrap:last-child .cam_meet_lst_srch_btn_lst > li{margin-right:0;} .cam_meet_lst_optn_wrap .cam_meet_lst_new_btn_wrap{width:200px; margin-right:20px;} /* 목록 검색 도구 초기화 - 1) chosen */ .cam_meet_lst_optn_wrap .cam_meet_sta_optn_inner .chosen-container-single .chosen-single{padding:7px 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:7px 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:7px 20px; font-size:1.125rem; color:#666;} /* 목록 검색 도구 버튼 */ .cam_meet_lst_optn_wrap .btn_mint_bg{padding:7px 0;} /***- 목록 검색 도구 끝 -***/ /* 회의 목록 */ .cam_meet_tb_wrap .table{margin-top:30px; margin-bottom:0; border:1px solid #c6c6c6;} .cam_meet_tb_wrap .table:hover{cursor:pointer; -webkit-box-shadow:3px 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow:3px 5px 10px rgba(0, 0, 0, 0.2); -o-box-shadow:3px 5px 10px rgba(0, 0, 0, 0.2); box-shadow:3px 5px 10px rgba(0, 0, 0, 0.2);} .cam_meet_tb_wrap .table tr th{width:225px;} .cam_meet_tb_wrap .table tr .cam_meet_tb_td_nm:after{content:""; display:block; clear:both; overflow:hidden;} .cam_meet_tb_wrap .table tr .cam_meet_tb_td_nm h1{float:left; 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_nm a{float:right; width:145px; padding:10px 0; font-size:1.125rem; text-align:center; border-radius:3px;} .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_tm{width:425px;} .cam_meet_tb_wrap .table tr .cam_meet_tb_td_nm .btn_meet_mdd{background-color:#1d9ad7; color:#fff; border:1px solid #1d9ad7;} .cam_meet_tb_wrap .table tr .cam_meet_tb_td_nm .btn_meet_expc{background-color:#fdc517; color:#fff; border:1px solid #fdc517;} .cam_meet_tb_wrap .table tr .cam_meet_tb_td_nm .btn_meet_to{background-color:#c61b21; color:#fff; border:1px solid #c61b21;} /* 회의 목록 수정 */ .cam_meet_lst_wrap .comn_qust_rply_wrap{margin-top:30px;} .cam_meet_lst_wrap .comn_qust_rply_tb{text-align:center;} .cam_meet_lst_wrap .comn_qust_rply_tb .sta, .cam_meet_lst_wrap .comn_qust_rply_tb .dt{width:20%;} .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;} .cam_meet_lst_wrap .comn_qust_rply_tb .meet_nm a{display:block; padding:40px 10px;} .cam_meet_lst_wrap .comn_qust_rply_tb .meet_nm h1{display:block; font-size:21px; min-height:27px; max-height:27px; 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_lst_wrap .comn_qust_rply_tb tbody p{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_blue{color:#5160EB;} .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_lst_wrap .comn_qust_rply_tb tbody .dt{font-size:18px; color:#666;} /*** [회의 목록 끝] ***/ /*** [회의 상세] ***/ /* 회의목록 > 상세 보기 > 영역 */ .cam_meet_det_dspy_wrap{margin-top:40px;} .cam_meet_det_dspy_ttl_wrap:after{content:""; display:block; clear:both; overflow:hidden;} .cam_meet_det_dspy_ttl_wrap .cam_meet_det_dspy_ttl{float:left;} .cam_meet_det_dspy_ttl_wrap .cam_meet_det_dspy_tool_wrap{float:right;} /* 회의목록 > 상세 보기 > 회의 정보 > 회의 이름 */ .cam_meet_det_dspy_dfnt_lst dt{font-size:1.625rem; font-weight:500; 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_lst{font-size:0;} .cam_meet_det_dspy_tool_lst > li{display:inline-block; width:205px; 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:6.5px 0;} .cam_meet_det_dspy_tool_lst > li .btn_mint_border:hover{background-color:#dddede; color:#666; border-color:#9c9c9c;} /* 회의목록 > 상세 보기 > 회의 정보 > 표 */ .cam_meet_det_dspy_tb_wrap{margin-top:15px;} .cam_meet_det_dspy_tb_wrap .table tr th{width:225px;} /* 회의목록 > 상세 보기 > 안내문 영역 */ .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:after{content:""; display:block; clear:both; overflow:hidden;} .cam_meet_det_dspy_info_tool_lst_wrap .cam_meet_det_dspy_info_tool_lst{float:right; font-size:0;} .cam_meet_det_dspy_info_tool_lst_wrap .cam_meet_det_dspy_info_tool_lst > li{display:inline-block; width:215px; margin-right:20px; 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{padding:30px 30px 40px; background-color:#f6f6f6;} .cam_meet_det_dspy_info_box .cam_meet_det_dspy_info_box_inner{position:relative; } .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 35px; background-color:#c6c6c6;} .cam_meet_det_dspy_info_box_ttl_dfnt_lst{min-height:80px;} .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{position:absolute; top:0; right:0;} .cam_meet_det_dspy_info_box_sta_noti{width:215px; padding:23px 0; 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_blue{background-color:#5160EB; color:#fff; border:1px solid #1d9ad7;} .cam_meet_det_dspy_info_box_sta_noti.sta_meet_mdd:hover{opacity:0.9; cursor:pointer;} .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:2rem; font-weight:normal;} .cam_meet_det_dspy_info_box_gud{font-size:0;} .cam_meet_det_dspy_info_box_gud > *{display:inline-block; font-size:1rem; vertical-align:top;} .cam_meet_det_dspy_info_box_gud_ico_box{width:68px; padding:32px 0; text-align:center; background-color:#bea5a4; color:#fff; border-radius:3px;} .cam_meet_det_dspy_info_box_gud_ico_box .point_bullet{background-color:#fff; color:#bea5a4;} .cam_meet_det_dspy_info_box_gud .cam_meet_det_dspy_info_box_gud_det_wrap{margin-left:2.5rem;} .cam_meet_det_dspy_info_box_gud_det_lst li{margin-bottom:0.625rem; font-size:1.125rem; font-weight:300; color:#666;} .cam_meet_det_dspy_info_box_gud_det_lst li:last-child{margin-bottom:0;} /* 회의목록 > 상세보기 > 참석 명단 리스트 영역 */ .cam_meet_det_dspy_attd_lst_wrap{margin-top:50px;} .cam_meet_det_dspy_attd_lst_gud_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{float:left;} .cam_meet_det_dspy_attd_lst_gud_wrap .cam_meet_det_dspy_attd_lst_gud_more_wrap{float:right; width:215px;} /* 회의목록 > 상세보기 > 참석 명단 리스트 제목 */ .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:21px; 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{width:215px; margin-left:20px;} .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; margin-bottom:-19px;} .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% / 5); font-size:1rem; vertical-align:top; } .cam_meet_det_dspy_attd_lst_div_outer{margin:0 19px; padding:15px 20px 20px; border:1px solid #b6b6b6; margin-bottom:19px;} .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:1rem; text-align:center; background:none; color:#666; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} /*** [회의 상세 끝] ***/ /*** [문의 답변] ***/ /* 메인 이미지 */ .cam_meet_qust_rply_bg_img{background:url('/common/css/images/camMeet/img_sub_main_cam_meet_qust_rply.jpg') no-repeat top center;} /* 공통 - 문의답변, 자주묻는질문 */ .comn_qust_rply_wrap{margin-top:50px;} .sm_det_gud{font-size:1.125rem; color:#c61b21;} /* 문의답변 표 */ .comn_qust_rply_tb{width:100%;} .comn_qust_rply_tb .num, .comn_qust_rply_tb .writer, .comn_qust_rply_tb .dt{width:13%; 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:16px 0; font-weight:300;} .comn_qust_rply_tb tbody tr{border-bottom:1px solid #e7e7e7;} .comn_qust_rply_tb tbody tr td{padding:38px 10px;} .comn_qust_rply_tb tbody tr td.num{font-size:21px; color:#666;} .comn_qust_rply_tb tbody tr td.ttl{display:table; width:100%; padding:0; font-size:21px; color:#202020;} .comn_qust_rply_tb tbody tr td.ttl > *{display:table-cell; padding:38px 0;} .comn_qust_rply_tb tbody tr td.ttl .ttl_inner_wrap a{display:block;} .comn_qust_rply_tb tbody tr td.ttl .ttl_inner_wrap p{display:block; min-height:27px; max-height:27px; 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;} .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.dt{font-size:18px; color:#666;} /*** 문의답변 폼 ***/ /* 안내문구 */ .comn_qust_rply_wrap .cam_meet_det_dspy_info_box_gud{margin-bottom:20px; padding:30px 30px 40px; background-color:#f6f6f6;} .comn_qust_rply_wrap .cam_meet_det_dspy_info_box_gud .cam_meet_det_dspy_info_box_gud_det_wrap{margin-top:15px; font-size:1.125rem; font-weight:300; color:#666;} .comn_qust_rply_wrap .cam_meet_det_dspy_info_box_gud .cam_meet_det_dspy_info_box_gud_det_wrap p{margin-bottom:0.625rem;} /* 표 */ .comn_wri_form_wrap .table{font-size:21px; border:0 !important; border-top:2px solid #000 !important;} .comn_wri_form_wrap .table th{width:170px; font-size:21px !important; font-weight:400; background-color:#fafafa !important; color:#666 !important;} .comn_wri_form_wrap .table td{color:#000 !important; border-right:0 !important;} /* 표 > 아코디언 */ .comn_wri_form_wrap .table .chosen-container{width:100% !important;} .comn_wri_form_wrap .table .chosen-container-single .chosen-single{padding:7px 12px;} .comn_wri_form_wrap .table .chosen-container-single .chosen-single div b:after, .comn_wri_form_wrap .table .chosen-container-active.chosen-with-drop .chosen-single div b:after{padding:7px 0;} /* 표 > input 박스 */ .comn_wri_form_wrap input{width:100%; height:auto; padding:7px 10px; font-size:18px; color:#666; border:1px solid #c1c1c1; border-radius:0;} .comn_wri_form_wrap input_pw::placeholder{color:#c61b21;} /* 표 > 체크박스 */ .chckbox_wrap input[type="checkbox"]{width:20px; height:20px; line-height:20px; margin-right:10px; padding:0; vertical-align:middle;} .chckbox_wrap .sm_det_gud{margin-left:20px;} /* 표 > 첨부파일 */ .comn_wri_form_wrap .common_fileupload{margin:0;} .comn_wri_form_wrap .uploadBtnWrap {display: flex; justify-content: flex-start; align-items: center; margin-left: 0 !important; margin-top: 0.25rem;} .comn_wri_form_wrap .common_fileupload .uploadBtnWrap label{padding: 6px 10px; 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;} /* 표 > 글쓰기 */ .comn_qust_rply_tb_pager_wrap{position:relative; margin-top:30px;} .comn_qust_rply_tb_pager_wrap .common_pager{margin-top:0; padding-top:16px;} .comn_qust_rply_tb_write_btn_wrap{position:absolute; top:0; right:0; width:215px;} .comn_qust_rply_tb_write_btn_wrap a{display:block; width:100%; padding:16px 0;} /* 표 > 자동입력방지 */ .auto_inp_rm_plac td{font-size:0;} .auto_inp_rm_plac td > *{display:inline-block; font-size:18px;} .auto_inp_rm_plac .sm_det_gud{margin-left:30px;} .nw_btn{background-color:#1accaa; color:#fff; border:1px solid #3d9799;} .nw_btn: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;} /* 표 > 에디터 */ tr.editor_wrap td{padding:30px 0 !important;} .m-fileupload{width:215px; margin-left:30px !important; padding:5px 10px; background-color:#1accaa; color:#fff; border:1px solid #3d9799;} .m-fileupload:hover, .m-fileupload:active, .m-fileupload:visited, .m-fileupload:focus{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;} /* 표 > 제목 */ .comn_wri_form_wrap .table .ttl{font-size:21px;} /* 표 > 질문 내용 */ tr.bdybk_cont td{font-size:1.125rem; 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:21px; vertical-align:middle;} .comn_qust_rply_acdia_lst .comn_qust_rply_acdia_head_wrap .img_wrap{width:13%; padding:37px 0; text-align:center;} .comn_qust_rply_acdia_lst .comn_qust_rply_acdia_head_wrap a{position:relative; width:calc(100% - 13%); padding:37px 55px 37px 10px; font-size:21px; 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_lst .comn_qust_rply_acdia_head_wrap a span{display:block; max-height:26px; 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;} .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:40px 0; font-size:0;} .comn_qust_rply_acdia_body_lst .comn_qust_rply_acdia_body_wrap > *{display:inline-block; font-size:1rem; vertical-align:top;} .comn_qust_rply_acdia_body_lst .img_wrap{width:13%; margin-top:6px; text-align:center;} .comn_qust_rply_acdia_body_lst .comn_qust_rply_acdia_body_ttl{width:calc(100% - 13%); padding:0 70px 0 10px; font-size:1.125rem; line-height:50px; color:#666;} .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_left{margin-left:13.5%;} .comn_qust_rply_acdia_body_lst .comn_qust_rply_acdia_bottom_tool_wrap .sec_left dl{font-size:0;} .comn_qust_rply_acdia_body_lst .comn_qust_rply_acdia_bottom_tool_wrap .sec_left dl > *{display:inline-block; font-size:1rem; vertical-align:middle;} .comn_qust_rply_acdia_body_lst .comn_qust_rply_acdia_bottom_tool_wrap .sec_left dt{margin-right:10px; font-weight:400;} .comn_qust_rply_acdia_body_lst .comn_qust_rply_acdia_bottom_tool_wrap .sec_left .comn_qust_rply_acdia_bottom_btn_lst{font-size:0;} .comn_qust_rply_acdia_body_lst .comn_qust_rply_acdia_bottom_tool_wrap .sec_left .comn_qust_rply_acdia_bottom_btn_lst > li{display:inline-block; width:215px; margin-right:30px; font-size:1rem; vertical-align:middle;} .comn_qust_rply_acdia_body_lst .comn_qust_rply_acdia_bottom_tool_wrap .sec_left .comn_qust_rply_acdia_bottom_btn_lst > li:last-child{margin-right:0;} .comn_qust_rply_acdia_body_lst .comn_qust_rply_acdia_bottom_tool_wrap .sec_left .comn_qust_rply_acdia_bottom_btn_lst > li a{display:block; padding:10px 0;} /*** [문의 답변] ***/ /*** [팝업) 회원정보] ***/ /* 구 css - 프로필비즈홈피 버전 */ .memberInfoWrap{word-break:break-all;} .profileBizHome{margin:0; padding:1rem; background-color:#f5f5f5;} .profileBizHome .proBiz-Info, .profileBizHome .proBiz-Home{background-color:#ffffff; border:1px solid #e7e7e7; padding:0 10px; display:block; height:100%} .profileBizHome .proBiz-Home h5{border-bottom:2px solid #1c74cc; padding-bottom:.5rem; margin-bottom:0} .profileBizHome .mypage_photo .col{padding:0;} .profileBizHome .col-4 .mypage_photo .photo{width:140px; height:187px; margin:0 auto;} .profileBizHome .table th{font-size:.75rem;} .profileBizHome .table p{margin-bottom:0;} //.proBiz-Home {min-height:650px;} .proBiz-Home .noResult{min-height:1716px; position:relative; z-index:1;} .proBiz-Home .noResult:after{height:90%; position:absolute; top:0; left:0;content:""; background:url('/common/css/images/img_sample_bizhome.png') no-repeat; opacity:0.5; filter:alpha(opacity=50); z-index:-1; width:100%; background-size:100%;} .proBiz-Home .noResult .result_message{position:absolute; left:50%; top:5%; background-color:#ffffff; padding:3rem 0; color:#333333;box-shadow: 1px 2px 24px rgba(0, 0, 0, 0.4) ; -webkit-box-shadow: 1px 2px 24px rgba(0, 0, 0, 0.4) ; -moz-box-shadow: 1px 2px 24px rgba(0, 0, 0, 0.4) ; } .proBiz-Home .noResult .result_message{width:500px; margin-left:-250px; color:#5f5f5f} .proBiz-Home .noResult .result_message H2{color:#333333} #front .col-12 .proBiz-Info .row.mypage_photo{width:70%; margin:0 auto;} .profileBizHome .col-4 .proBiz-Info .row.mypage_photo{margin:0;} .profileBizHome .col-12 .proBiz-Info .changeBtn{padding-right:87px; display:block;} .profileBizHome .col-4 .proBiz-Info .changeBtn{padding-right:16px;} /* new css */ .profileBizHome{width:auto;} .profileBizHome .btn{font-size:0.75rem;} .profileBizHome .proBiz-Info{text-align:left;} #memberMemoForm h5{text-align:left;} .profileBizHome .table tr th, .profileBizHome .table tr td{padding:8px !important; font-size:0.75rem !important;} .profileBizHome .table tr th{font-weight:bold;} .profileBizHome .table tr td{text-align:left;} /*** [팝업) 회원정보] ***/ /*** [비즈배지 폼] ***/ /* 비즈배지 */ .BIZ_badge_form_wrap .BIZ_user_prfl_outer_wrap{width:150px; padding:0;} .BIZ_badge_wrap{position:relative; margin-top:-15px; z-index:10;} .BIZ_badge{width:143px; height:40px; margin:0 auto; background:url('images/biz_init_badge.png') no-repeat center; background-size:cover; border-radius:20px; box-shadow:0px 0px 3px 0px rgb(0, 0, 0, 0.3);} .BIZ_badge span{display:none;} /*** [비즈배지 폼 끝] ***/ /*** [회원목록 비즈배지] ***/ .memPhoto-section{position:relative;} .memPhoto-section .area_hei_wrap{height:180px; overflow:hidden;} .memPhoto-section .BIZ_badge_wrap{margin-top:-38px;} .memPhoto-section .BIZ_badge{width:135px; height:37px; margin:0 auto;} .memQryLst label .BIZ_badge span{display:none;} @media screen and (max-width: 720px) { .memPhoto-section .BIZ_badge{width:100%; height:0; padding-top:calc(40 / 143 * 100%); border-radius:25px;} } /*** [회원목록 비즈배지 끝] ***/ /*** [회원목록] ***/ .cam_meet_det_dspy_attd_lst_div_outer .cam_meet_det_dspy_attd_lst_img_wrap a{height:100%;} .cam_meet_det_dspy_attd_lst_div_outer .cam_meet_det_dspy_attd_lst_img_wrap img{height:100%; object-fit:cover;} /*** [회원목록 끝] ***/ /* 프로필보기 다이얼로그창 사진영역*/ .mypage_photo .photo{width:186px; height:248px; overflow:hidden; position:relative; margin:0 auto;} .mypage_photo .photo .ico_zoom{position:absolute; right:0; bottom:0; width:30px; height:30px; line-height:30px; color:#ffffff; background-color:#333333; opacity:.5; text-align:center; display:block} .mypage_photo img{position: absolute; left: 50%; top: 0%; height: 100%; -webkit-transform: translate(-50%,0%); -ms-transform: translate(-50%,0%); transform: translate(-50%,0%);} .mypage_photo .photo .BIZ_badge_wrap{position:absolute; bottom:5px; left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);} /*--------------------------------------------------------------------- 21.09 추가 ---------------------------------------------------------------------*/ /***** [회원가입, 로그인, 아이디/비밀번호 찾기] *****/ /*** [공통] ***/ /* 영역 내 리셋 */ .mem_card ul, .mem_card ol, .mem_card dl, .mem_card dt, .mem_card dd, .mem_card p{list-style:none; margin:0; padding:0;} .mem_card a, .mem_card a:hover{text-decoration:none;} .mem_card button{border:0; outline:none;} .mem_card .card{border:none; border-radius:0;} .mem_card label{margin:0;} /* 정렬 */ .in-block{font-size:0;} .in-block > *{display:inline-block; font-size:16px; vertical-align:middle;} /* 입력 */ .mem_card input[type="text"], .mem_card input[type="password"]{width:100%; padding:13px 14px; font-size:16px; border:1px solid #c1c1c1 !important;} .mem_card input[type="text"].form-control{height:auto; font-size:16px !important; line-height:revert; border:0; box-shadow:none;} .mem_card input[type="text"]::placeholder, .mem_card input[type="password"]::placeholder{color:#a8a8a8;} /* 텍스트 색상 */ .cr_AzureRadiance{color:#019df6;} .cr_Amaranth{color:#eb225b;} /* 버튼 */ .btn_bg_AtomicTangerine{background-color:#ff9256 !important; color:#fff !important; border:1px solid #ff9256 !important;} /* 영역 */ .container_mem_card{width:700px; margin:0 auto; padding:0;} .mem_card{background-color:#fff; border:1px solid #c6c6c6;} .mem_card .card_header{padding:15px 100px; font-size:26px; font-weight:500; text-align:center; color:#1d1d1d; background-color:#fafafa; border-bottom:1px solid #c6c6c6; letter-spacing:-0.5px;} .mem_card .card_body{padding:50px 85px 60px;} /* 카드 이름 */ .mem_card h1.card_ttl{margin-bottom:32px; font-size:24px; font-weight:500 !important; text-align:center; color:#221613; letter-spacing:-0.5px;} .mem_card dl.card_ttl{margin-bottom:24px;} .mem_card dl.card_ttl dt{font-size:36px; font-weight:600; text-align:center; color:#1d6bd0; letter-spacing:-0.5px;} .mem_card dl.card_ttl dd{margin-top:4px; font-size:21px; text-align:center; color:#1d1d1d; letter-spacing:-0.5px;} /* 하단 버튼 */ .area_botm_btn button{width:100%; margin-bottom:20px; padding:16.5px 5px; font-size:18px; text-align:center; background-color:#32a6b5; color:#fff; border:1px solid #32a6b5;} .area_botm_btn button:last-child{margin-bottom:0;} .area_botm_btn .btn_border_Diesel{background-color:#fff; color:#333; border:1px solid #040000;} /* 버튼 리스트 */ .btn_area_outer{margin:0 -5px;} .btn_lst{display:inline-block;} .btn_lst > li{display:inline-block; font-size:1rem; vertical-align:middle;} .btn_lst > li a{display:block; margin:0 5px; padding:16.5px 5px; font-size:18px; text-align:center; background-color:#32a6b5; color:#fff !important; border:1px solid #32a6b5;} /* 몬의&건의*/ .qust_ppsl{width:380px; margin:0 auto;} .mem_info .qust_ppsl{width:76%;} .qust_ppsl p{font-size:18px; font-weight:500 !important; color:#000; letter-spacing:-0.5px;} .qust_ppsl div + .area_btn{margin-left:6px;} .qust_ppsl .area_btn button{padding:4.5px 44px; font-size:18px; font-weight:500; text-align:center; background-color:#e3e3e3; color:#000; border:1px solid #e3e3e3; border-radius:20px; letter-spacing:-0.5px;} /* 관리자 로그인 */ .btn_sAdmin a{display:block; width:100%; padding:0 5px; font-size:18px; text-align:center; background-color:#32a6b5; color:#fff !important; border:1px solid #32a6b5;} /* 단독 페이지 */ .mem_card_rltv{position:relative; width:100%; height:100%; min-height:100vh;} .mem_card_rltv > .container_mem_card{position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%);} @media screen and (max-width: 720px) { /* 영역 */ .container_mem_card{width:100%;} .mem_card{border:0;} .mem_card .card_header{position:relative; padding:9px 20px;} .mem_card .card_header .area_back{position:absolute; top:50%; left:20px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);} .mem_card .card_header .area_back i{font-size:40px; color:#c5ccd1;} .mem_card .card_body{padding:40px 20px 50px;} /* 카드 이름 */ .mem_card dl.card_ttl dt{font-weight:500; color:#221613;} /* 몬의&건의*/ .qust_ppsl{width:100%; text-align:center;} .qust_ppsl div + .area_btn{margin-top:20px; margin-left:0px;} /* 관리자 로그인 */ .btn_sAdmin a{width:50%; margin:0 auto; border-radius:20px;} } /* 영역 */ #mobileBody .container_mem_card{width:100%;} #mobileBody .mem_card{border:0;} #mobileBody .mem_card .card_header{position:relative; padding:9px 20px;} #mobileBody .mem_card .card_header .area_back{position:absolute; top:50%; left:20px; -webkit-transform:translateY(-50%); -webkit-transform:translateY(-50%); -webkit-transform:translateY(-50%); -webkit-transform:translateY(-50%);} #mobileBody .mem_card .card_header .area_back i{font-size:40px; color:#c5ccd1;} #mobileBody .mem_card .card_body{padding:40px 20px 50px;} /* 카드 이름 */ #mobileBody .mem_card dl.card_ttl dt{font-weight:500; color:#221613;} /* 몬의&건의*/ #mobileBody .qust_ppsl{width:100%; text-align:center;} #mobileBody .qust_ppsl div + .area_btn{margin-top:20px; margin-left:0px;} /* 관리자 로그인 */ #mobileBody .btn_sAdmin a{width:50%; margin:0 auto; border-radius:20px;} /** 팝업 **/ .SHUVIC_JQUERY_MOBLE_DIALOG .container_mem_card{width:100%;} .SHUVIC_JQUERY_MOBLE_DIALOG .mem_card .card_body{padding:40px 20px 50px;} .SHUVIC_JQUERY_HOSTING_MOBLE_DIALOG {left: 50%; transform: translateX(-50%);} /*** [공통 끝] ***/ /*** [로그인] ***/ /* 영역 */ .func_login .inp_lst_outer{margin-bottom:16px;} .func_login .set_lst_outer{margin-bottom:30px;} /* 로그인 입력 */ .inp_lst_outer li{margin-bottom:15px;} .inp_lst_outer li:last-child{margin-bottom:0;} .inp_lst_outer li input[type="text"], .inp_lst_outer li input[type="password"]{border:0; outline:0;} /* 비번보기 */ .area_bss_pass_eye{position:relative;} .area_pass_eye{position:absolute; top:50%; right:20px; font-size:15px; color:#666; letter-spacing:-0.5px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);} .area_pass_eye input[type="checkbox"]{display:none;} .area_pass_eye label:before{content:""; display:inline-block; width:25px; height:19px; margin-right:5px; background:url('/common/css/images/eyes_border.png') no-repeat; background-size:contain; vertical-align:middle;} .area_pass_eye label.checked:before{background:url('/common/css/images/eyes_bg.png') no-repeat;} /* 로그인 편리 기능 */ .set_lst_outer ul{display:table; width:100%; table-layout:fixed;} .set_lst_outer ul > li{display:table-cell; font-size:18px; color:#666; letter-spacing:-0.5px;} .set_lst_outer ul > li input[type="checkbox"], .set_lst_outer ul > li input[type="radio"]{display:none;} .set_lst_outer ul > li label:before{content:""; display:inline-block; width:24px; height:24px; margin-right:5px; background:url('images/ico_checkbox_uncheck_ver2.png') no-repeat; background-size:contain; vertical-align:sub;} .set_lst_outer ul > li label.checked:before{background:url('images/ico_checkbox_check_ver2.png') no-repeat;} /* 로그인 버튼 */ .loginBtn, .sessExprtExtn{width:100%; padding:19.5px 5px; font-size:21px; background-color:#163962; color:#fff; border:1px solid #163962; letter-spacing:-0.5px;} /** 로그인 안내문 **/ /* 영역 */ .sec_gud{margin-top:20px;} .mv_form_lst_outer + .area_gud{margin-top:13px;} /* 회원가입, 찾기 버튼 */ .mv_form_lst_outer{margin:0 -10px;} .mv_form_lst_outer ul{display:table; width:100%; table-layout:fixed;} .mv_form_lst_outer ul > li{display:table-cell;} .mv_form_lst_outer ul > li > a{display:block; margin:0 10px; padding:5.5px 5px; font-size:18px; text-align:center; background-color:#fff; color:#666; border:1px solid #b8b8b8; border-radius:20px; letter-spacing:-0.5px;} /* 안내문 */ .area_gud .point_bullet{display:inline-block; margin-right:10px; width:20px; height:20px; line-height:20px; text-align:center; font-size:8px; background-color:#979796; color:#fff; border-radius:50%; vertical-align:middle;} .area_gud > ul > li{margin-bottom:12px;} .area_gud > ul > li:last-child{margin-bottom:0;} .area_gud .in-block > *{vertical-align:top;} .area_gud dl dt{font-size:18px; font-weight:500; color:#333; letter-spacing:-0.5px;} .area_gud dl dd{margin-top:3px; font-size:16px; color:#666; letter-spacing:-0.5px;} /* 문의 요청하기 버튼 */ .area_gud .area_btn{margin-top:12px;} .area_gud .area_btn a{display:block; width:100%; padding:6px 5px; font-size:18px; font-weight:500; text-align:center; background-color:#e3e3e3; color:#000; border:1px solid #e3e3e3; border-radius:20px; letter-spacing:-0.5px;} @media screen and (max-width: 720px) { /* 로그인 편리 기능 */ .set_lst_outer ul > li{text-align:center;} /* 회원가입, 찾기 버튼 */ .mv_form_lst_mb_db_outer ul{display:block;} .mv_form_lst_mb_db_outer ul > li{display:inline-block;} .mv_form_lst_mb_db_outer ul > li:first-child{width:63%;} .mv_form_lst_mb_db_outer ul > li:last-child{width:37%;} /* 문의 요청하기 버튼 */ .area_gud{margin-top:18px; padding-top:23px; text-align:center; border-top:1px solid #eee;} .area_gud > p{font-size:16px; text-align:center; color:#000;} .area_gud .area_btn a{display:inline-block; width:auto; margin:0 auto; padding:5.5px 39px;} } /* 로그인 편리 기능 */ #mobileBody .set_lst_outer ul > li{text-align:center;} /* 회원가입, 찾기 버튼 */ #mobileBody .mv_form_lst_mb_db_outer ul{display:block;} #mobileBody .mv_form_lst_mb_db_outer ul > li{display:inline-block;} #mobileBody .mv_form_lst_mb_db_outer ul > li:first-child{width:63%;} #mobileBody .mv_form_lst_mb_db_outer ul > li:last-child{width:37%;} /* 문의 요청하기 버튼 */ #mobileBody .area_gud{margin-top:18px; padding-top:23px; text-align:center; border-top:1px solid #eee;} #mobileBody .area_gud > p{font-size:16px; text-align:center; color:#000;} #mobileBody .area_gud .area_btn a{display:inline-block; width:auto; margin:0 auto; padding:5.5px 39px;} /*** [아이디/비밀번호 찾기, 가입 정보] ***/ /* 이미지 */ .mem_info_form .area_img{margin-top:-12px;} .img_wrap.find{width:155px; height:155px; margin:0 auto; background:url('images/ico_mem_card_find.png') no-repeat; background-size:contain;} .img_wrap.warn{width:155px; height:155px; margin:0 auto; background:url('images/ico_mem_card_warn.png') no-repeat; background-size:contain;} .img_wrap.user{width:150px; height:150px; margin:0 auto; background:url('/common/css/images/user_prfl_sample_pic.png') no-repeat; background-size:contain;} /* 설명 */ .mem_info_form .area_img + .area_info{margin-top:14px;} .mem_info_form .area_info .gud{font-size:22px; font-weight:500; text-align:center; color:#221613;} .mem_info_fs .area_info .gud{font-size:24px; font-weight:400; color:#eb225b;} .mem_info_tr .area_info .gud{font-size:24px;} /* 입력 */ .mem_info_form .area_info + .func_inp{margin-top:38px;} .func_inp .area_btn{margin-top:20px;} /* 가입정보 기타 안내 */ .mem_info_form .sec_gud{margin-top:35px; padding-top:30px; border-top:1px solid #eee;} .mem_info_form .sec_gud .mv_form_lst_outer + .qust_ppsl{margin-top:20px;} .mem_info_form .sec_gud + .area_btn{margin-top:33px;} /* 사용자 가입 정보 */ .area_info + .area_info_user{margin-top:33px;} .area_info_user > ul{border:1px solid #d8d8d8;} .area_info_user > ul > li{position:relative; border-bottom:1px solid #d8d8d8;} .area_info_user > ul > li:last-child{border-bottom:0;} .area_info_user dl{font-size:0;} .area_info_user dl > *{display:inline-block; font-size:16px; vertical-align:middle;} .area_info_user dl dt{width:25%; padding:0 16px; font-size:16px; font-weight:normal; background-color:#f1f2f7; color:#666;} .area_info_user dl dd{width:75%; padding:14px 16px; padding-right:107px; font-size:16px; background-color:#fff; color:#666; word-break:break-all;} .area_info_user dl dd select{margin:-6px 0; padding:0 5px; outline:0; -webkit-box-shadow:none; box-shadow:none;} .area_info_user > ul > li .func_find_pw{position:absolute; top:50%; right:10px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);} .func_find_pw button{padding:6px 10px; font-size:16px; text-align:center; background-color:#32a6b5; color:#fff; border:1px solid #32a6b5;} .area_info_user p{margin-top:24px; font-size:16px; font-weight:500 !important; text-align:center; color:#000; letter-spacing:-0.5px;} @media screen and (max-width: 720px) { /* 입력 */ .mem_info_form .area_info + .func_inp{margin-top:70px;} /* 설명 */ .mem_info_fs .area_info .gud{font-size:22px; color:#221613;} /* 사용자 가입 정보 */ .area_info_user dl dt{width:25%;} .area_info_user dl dd{width:75%;} } /* 입력 */ #mobileBody .mem_info_form .area_info + .func_inp{margin-top:70px;} /* 설명 */ #mobileBody .mem_info_fs .area_info .gud{font-size:22px; color:#221613;} /* 사용자 가입 정보 */ #mobileBody .area_info_user dl dt{width:25%;} #mobileBody .area_info_user dl dd{width:75%;} /*** [아이디/비밀번호 찾기, 가입 정보 끝] ***/ /*** [(21.09 추가) 로그인 실패] ***/ /* 재선언 */ .findMyaccount, .findMyaccount:hover{display:block; width:100%; padding:16.5px 5px; font-size:18px; text-align:center; background-color:#32a6b5; color:#fff; border:1px solid #32a6b5;} .simpleFindPW{margin-top:0;} .HintBox{border:1px solid #dee2e6;} /* 영역 */ .mem_card_fail .area_info + *{margin-top:20px;} /* 간편하게 비밀번호 찾기 */ .mem_card_fail .area_gud{margin-bottom:20px;} /* 문의건의 */ .mem_card_fail .qust_ppsl{width:100%; margin-bottom:20px; text-align:center;} .mem_card_fail .qust_ppsl:last-child{margin-bottom:0;} .mem_card_fail .qust_ppsl p{text-align:left;} @media screen and (max-width: 720px) { /* 버튼 리스트 */ .btn_area_outer{margin:0} .btn_lst{display:block;} .btn_lst > li{display:block; margin-bottom:10px;} .btn_lst > li:last-child{margin-bottom:0;} .btn_lst > li a{width:100%; margin:0; padding:16.5px 0;} /* 문의건의 */ .mem_card_fail .qust_ppsl p{text-align:center;} } /*** [(21.09 추가) 로그인 실패 끝] ***/ /* 재선언 */ .func_login .set_lst_outer, .sec_gud .area_gud{text-align:left;} /*** [로그인 끝] ***/