@charset "utf-8"; body .shuvic_toolbar,body .remove_shuvic_toolbar {cursor:pointer; font-size:1rem; background:url('/common/css/images/common/icon_user_add.png') no-repeat center left; padding-left:15px;color: #000000;text-align: left;} /*작성자명(프로필보기 레이어창 )*/ body .shuvic_toolbar.noicon, .remove_shuvic_toolbar.noicon {background:none;} body .remove_shuvic_toolbar{cursor: default;} #DIALOG_ALERT,#DIALOG_CONFIRM{min-width: 500px;} .use-mbmenubar #DIALOG_ALERT, .use-mbmenubar #DIALOG_CONFIRM{min-width:unset;} .NO_RESULT{text-align: center;padding: 50px !important; width: 100% !important; color: #222; font-size: 13px; text-align: center;} li.NO_RESULT{display: block !important; font-size: 13px !important;} .NO_RESULT *{font-size: 13px !important;} .data-required{color: red;} form .VALIDATE_ERROR_MSG{border-color: #a94442;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);} form .VALIDATE_ERROR_MSG:focus {border-color: #66afe9;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);} ul.COMMON_BUTTONSET{list-style: none;padding: 0px;} ul.COMMON_BUTTONSET > li{display: inline-block;} .COMMON_LOADING_DIALOG .ui-dialog-titlebar{display: none;} .COMMON_LOADING_DIALOG {background: none !important;border: none !important;} .COMMON_LOADING_DIALOG .ui-widget-content{text-align: center;} .COMMON_LOADING_DIALOG .ui-widget-content img{width: 150px;height: auto;} .ui-checkboxradio-icon{display: none !important;} .ui-checkboxradio-icon .ui-checkboxradio-icon-space{display: none !important;} .AJAX-LOADING .ui-widget-overlay {background: none !important;} .ui-widget-overlay {background: #aaa !important; opacity: .8 !important; filter: Alpha(Opacity=30) !important;} .ui-widget-overlay.none{background: none !important;} .SHUVIC_JQUERY_DIALOG{padding:0px;background-color: #FFF !important;border: none !important;border-radius:0px;z-index: 999; -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.11); -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.11); -o-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.11); box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.11);} .SHUVIC_JQUERY_DIALOG.NON_HEADER .ui-dialog-titlebar {display: none;} .SHUVIC_JQUERY_DIALOG.NON_HEADER {border:1px solid #c5c5c5 !important;} .SHUVIC_JQUERY_DIALOG.ui-dialog > .ui-dialog-titlebar{padding: 0px;} .SHUVIC_JQUERY_DIALOG.ui-dialog > .ui-widget-header{background:#1472d1;border-bottom-right-radius:0px;border-bottom-left-radius:0px;border-top-left-radius:0px;border-top-right-radius:0px;border:#1b51f0;} .SHUVIC_JQUERY_DIALOG.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close{border:none;height:25px;width:25px;background: url("images/dialog_close_white.png") no-repeat;right:10px;outline: none;cursor: pointer;} .SHUVIC_JQUERY_DIALOG.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-url-copy{position: relative; top:20px;width: 2em; border: 0;} .SHUVIC_JQUERY_DIALOG.ui-dialog .ui-dialog-titlebar .ui-button span{display: none;} .SHUVIC_JQUERY_DIALOG.ui-dialog .ui-dialog-title{margin-left: 17px;padding-left: 24px;color: #fff;font-size: 20px;text-align: left;line-height: 40px;background: url("images/dialog_menu_white.png") no-repeat 0 14px;} .SHUVIC_JQUERY_DIALOG.ui-dialog > .ui-dialog-content{border: none;margin-top: 0px;padding:10px;} .SHUVIC_JQUERY_DIALOG.ui-dialog .ui-dialog-buttonset {float:none;text-align: center;} .SHUVIC_JQUERY_DIALOG.ui-dialog .ui-dialog-buttonset .ui-button{border: none;background: #5998dc ;outline: none;color: #FFF;} .SHUVIC_JQUERY_DIALOG.ui-dialog .ui-dialog-buttonset .ui-button .ui-button-text{color: #FFF;} .SHUVIC_JQUERY_DIALOG.ui-dialog .modal-header .close{right:17px; font-size:1.5rem} /* 다이얼로그-라디오버튼 라운드 없앰요 */ .SHUVIC_JQUERY_DIALOG.ui-dialog .ui-corner-right, .COMMON_BUTTONSET label{ border-radius:5px !important; } .COMMON_BUTTONSET>.COMMON_BUTTONSET:not(:last-child)>label, .COMMON_BUTTONSET>label:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .COMMON_BUTTONSET>.COMMON_BUTTONSET:not(:first-child)>label, .COMMON_BUTTONSET>label:not(:first-child) { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .COMMON_BUTTONSET>.COMMON_BUTTONSET:not(:first-child), .COMMON_BUTTONSET>label:not(:first-child) { margin-left: -1px; } .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{ border: 1px solid #343a40; background: #343a40; font-weight: normal; color: #fff; } /* 팝업창관리 _ 인풋박스 백그라운드처리 */ .hasDatepicker{background: url(images/ico_calendar.png) no-repeat 5px center / 16px 16px;padding-left: 28px !important; background-color:#FFFFFF;text-align: left !important} .ui-timepicker-input{background: url(images/ico_time.png) no-repeat 5px center; padding-left: 28px !important;background-color:#FFFFFF;text-align: left !important } /* 일정관리 _ 버튼 재정의 (닫기/삭제/확인)*/ .SHUVIC_JQUERY_DIALOG.ui-dialog .ui-dialog-buttonset .di_btn_close{background-color:#6e6e6e;} .SHUVIC_JQUERY_DIALOG.ui-dialog .ui-dialog-buttonset .di_btn_del{background-color:#333333;} .SHUVIC_JQUERY_DIALOG.ui-dialog .ui-dialog-buttonset .di_btn_conf{background-color:#ff5400;} .SHUVIC_JQUERY_MOBLE_DIALOG.ui-dialog .ui-dialog-buttonset buttㄹon{border: none;color: #FFF;font-size: 20px;padding:10px 30px;} .SHUVIC_JQUERY_DIALOG.ui-dialog.ui-dialog-static > .ui-dialog-content{height: calc( 100vh - 65px) !important;padding-bottom: 68px;} .SHUVIC_JQUERY_DIALOG.ui-dialog.ui-dialog-static > .ui-dialog-buttonpane{position: fixed;bottom:0px;width: 100%;} /* */ .COMMON_TABS{clear: both;} .COMMON_TABS.ui-tabs{padding: 0px;margin: 1px 0 0 0;} .COMMON_TABS.ui-tabs > ul > li > a{outline: none; font-size: 1rem;;} .COMMON_TABS.ui-tabs .ui-tabs-nav li {padding: 0px;margin: 1px 7px -1px 0; white-space:nowrap; } .COMMON_TABS.ui-tabs .ui-tabs-nav > .ui-tabs-active {background: #136cb7;border-color: #136cb7;} .COMMON_TABS.ui-tabs .ui-tabs-nav > .ui-tabs-active > a{color: #FFF;} .COMMON_TABS.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {border-bottom-right-radius:0px;border-bottom-left-radius:0px;border-top-left-radius:0px;border-top-right-radius:0px;} .COMMON_TABS.ui-tabs .ui-tabs-nav li a{padding:10px 20px;} .COMMON_TABS.tab_content h3.on a, #contents .tab_content h3 a:hover {color: #3780d0;} .COMMON_TABS.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {color: #FFFFFF;font-weight: bold;} .COMMON_TABS.ui-tabs .ui-tabs-panel{padding: 5px 0px;} .COMMON_TABS.ui-widget-content{border: none;border-bottom-right-radius:0px;border-bottom-left-radius:0px;border-top-left-radius:0px;border-top-right-radius:0px;background:none;} .COMMON_TABS > .ui-widget-header{background: none; border: none;border-bottom: 1px solid #136cb7; border-bottom-right-radius:0px;border-bottom-left-radius:0px;border-top-left-radius:0px;border-top-right-radius:0px;} .COMMON_TABS > .ui-widget-header{padding: 0px;} .COMMON_TABS.ui-tabs .ui-tabs-nav, .tab-slide{overflow-x:auto; width:100%; white-space:nowrap;} /* Chrome, Safari용 스크롤 바 */ .tab-slide::-webkit-scrollbar {height: 8px;} .tab-slide::-webkit-scrollbar-track{background-color:#f5f5f5} .COMMON_TABS.ui-tabs .ui-tabs-nav::-webkit-scrollbar-thumb{border-radius:7px; background-color:#eaa379} .tab-slide::-webkit-scrollbar-thumb:hover{background-color:#f46814;} .tab-slide::-webkit-scrollbar-button:start:decrement, .tab-slide::-webkit-scrollbar-button:end:increment {display: block; width: 8px;height: 8px; background-color:#eaa379;} /* 게시판, 연혁 등등 탭 슬라이드*/ .tab-slide{overflow-y:hidden; overflow-x:auto; width:100%; white-space:nowrap; margin:1rem 0 2rem; padding-left:0;} .tab-slide ul{padding:0; margin-bottom:.5rem; border-bottom:1px solid #c0c0c0; width:100%;} .tab-slide li{float:none; display:inline-block; margin-right:1px;} .tab-slide li a{background-color: #f4f4f4; padding:.5rem 1.5rem; width:auto; border:1px solid #dbdbdb;color:#717171; display:block; border-bottom:none} .tab-slide li a.active{ border-color:#c0c0c0 #c0c0c0 #fff; border-top:3px solid #f46814; color:#535353; background-color:#fff;font-weight:bold; margin-top:-1px;} /* Chrome, Safari용 스크롤 바 */ .tab-slide::-webkit-scrollbar {height: 8px;} .tab-slide::-webkit-scrollbar-track{background-color:#f5f5f5} .tab-slide::-webkit-scrollbar-thumb{border-radius:7px; background-color:#bebebe} .tab-slide::-webkit-scrollbar-thumb:hover{background-color:#a1a1a1;} .tab-slide::-webkit-scrollbar-button:start:decrement, .tab-slide::-webkit-scrollbar-button:end:increment {display:none} /* Chrome, Safari용 스크롤 바 */ .COMMON_TABS.ui-tabs .ui-tabs-nav::-webkit-scrollbar {height: 8px;} .COMMON_TABS.ui-tabs .ui-tabs-nav::-webkit-scrollbar-track{background-color:#f5f5f5} .COMMON_TABS.ui-tabs .ui-tabs-nav::-webkit-scrollbar-thumb{border-radius:7px; background-color:#bebebe} .COMMON_TABS.ui-tabs .ui-tabs-nav::-webkit-scrollbar-thumb:hover{background-color:#a1a1a1;} .COMMON_TABS.ui-tabs .ui-tabs-nav::-webkit-scrollbar-button:start:decrement, .COMMON_TABS.ui-tabs .ui-tabs-nav::-webkit-scrollbar-button:end:increment {display:none} /* 별도처리 */ .moduleHistLstLis-wrap .COMMON_TABS>.ui-widget-header {border-bottom:none;} .moduleHistLstLis-wrap .ui-tabs .ui-tabs-nav li{border-bottom-width:1px} .COMMON_SORTABLE > li{ list-style: none; margin:0 3px;} .COMMON_SORTABLE .ui-state-highlight{min-width:10%;} .COMMON_TOP_BORDER_TYPE1{border-top: 3px solid #1c74cc;} .COMMON_SMS_INP_CONT{width: 130px;height: 150px;border: 1px solid #333;background: #d4f5f8;padding: 5px;line-height: 18px;font-family: dotum;font-size: 14px;} .COMMON_MMS_INP_CONT{width: 300px;height: 200px;border: 1px solid #333;background: #d4f5f8;padding: 5px;line-height: 18px;font-family: dotum;font-size: 14px;} .COMMON_MMS_INP_FIX_CONT{width: 300px;height: 80px;border: 1px solid #333;background: #d4f5f8;padding: 5px;line-height: 18px;font-family: dotum;font-size: 14px;} /* 페이징 */ .page-link{color:#000000;} .COMMON_BUTTONSET label{margin-bottom: 0px;background-color: #DDD;border: 1px solid #999;} .COMMON_BUTTONSET label.ui-checkboxradio { border:1px solid #999; background:#7f7f7f; } .COMMON_BUTTONSET label.ui-checkboxradio-checked{border: 1px solid #62676d; background: #62676d; } .COMMON_BUTTONSET_SM >label{font-size: 0.9rem !important;line-height: 1.5rem;padding:6px !important;} #COMMON_MOBILE_PAGING_WRAP .pagination{border: 1px solid #DDD;margin: 1rem;padding: .25rem;border-radius: .25rem;background-color: #FFF;} #COMMON_MOBILE_PAGING_WRAP .pagination li{margin: 0 20px;} #COMMON_MOBILE_PAGING_WRAP .pagination a{font-size: 1.5rem;color: #62676d} #COMMON_MOBILE_PAGING_WRAP .pagination a span{display: none;} #COMMON_MOBILE_PAGING_WRAP .pagination li.current_page { width: 50%!important; text-align: center;} #COMMON_MOBILE_PAGING_WRAP .pagination li.current_page a span{display: block;} /* #tlkMsgLstListWrap{min-height: calc(100vh - 240px ) !important;} */ /* 비밀번호 인풋박스 감싸고 있는 div */ body .mpassWrap{position: relative;} body .mpassEyeBtn span{line-height:.75rem;} /* 코멘트 공통 */ .comm{color:#237af0; margin-bottom:0; font-size:90%;} /*2019.01.02 입금 게시판 이해봉 / 수정:박혜영*/ .cd_bank{ background-color:#f4f4f4; padding:10px; border:1px solid #a2abc8;} .cd_bank > .cd_my_info{font-size:20px; background:url('/common/css/images/common/bg_bankinfo.png') no-repeat 20px center; height:84px; padding-left:100px; background-size:11%} .cd_bank > .cd_my_info p{font-weight:800; color:#51639c; margin-bottom:0; padding-top:.55rem} .cd_bank > .cd_my_info span{color:#000000; font-weight:500; font-size:1.15rem} .cd_bank > .cd_direct{text-align:center; border-top:1px solid #a2abc8; padding-top:10px; font-size:1rem; vertical-align:top;} .cd_bank > .cd_direct a{display:inline-block; height:37px; margin-left:15px;} .cd_bank > .cd_direct a.go_toss{background:url('/common/css/images/common/ico_toss.png') no-repeat; width:137px;} .cd_bank > .cd_direct a.go_kakaobank{background:url('/common/css/images/common/ico_kakaobank.png') no-repeat; width:161px;} .cd_bank > .cd_direct a.go_bank{background:url('/common/css/images/common/ico_bank.png') no-repeat; width:137px;} .cd_deposit .cd_account{text-align:right; margin:10px 0 10px 0;} .cd_deposit .cd_account a{display:inline-block; background-color:#51639c; color:#ffffff; padding:.375rem .75rem; text-align:center; font-size:1rem;} #boardBankInfoWrap{display:none;} #boardBankInfoWrap h5{font-weight:800; color:#51639c;} #boardBankInfoWrap input{display:inline-block; text-align:center; color:#999;} #boardBankInfoWrap input:nth-child(1){-webkit-text-security:disc;} .COMMON_IMAGE_ZOOM{cursor: pointer;} /*2019.01.23 입금게시판 모바일 화면 박혜영*/ #mobileBody .cd_bank{position:relative;} #mobileBody .cd_bank > .cd_my_info{background-position:0 15px; padding-left:50px; font-size:1rem; height:70px} #mobileBody .cd_bank > .cd_my_info span{letter-spacing:-.1rem} #mobileBody .cd_bank > .cd_my_info .badge{position:absolute; top:1.5rem; right:.5rem;} #mobileBody .cd_bank > .cd_direct a{display:inline-block; height:37px; width:80px; margin-left:5px; } #mobileBody .cd_bank > .cd_direct a.go_toss{background:url('/common/css/images/common/m_ico_toss.png') no-repeat; background-size:100%} #mobileBody .cd_bank > .cd_direct a.go_kakaobank{background:url('/common/css/images/common/m_ico_kakaobank.png') no-repeat; background-size:100%} #mobileBody .cd_bank > .cd_direct a.go_bank{background:url('/common/css/images/common/m_ico_bank.png') no-repeat;background-size:100%} #mobileBody .cd_deposit{padding:0 10px;} #mobileBody .cd_account a{width:120px;} /* 은행 리스트 다이얼로그 처리 19.01.18 작성자:이해봉*/ .bnk_list{padding:0; list-style:none;} .bnk_list > .bnk_name{border:1px solid #bebebe; width:32%; display:inline-block; padding:5px; text-align:center; margin:2px; } .bnk_list > .bnk_name > a{text-decoration:none; display:block;} .bnk_list > .bnk_name > a > p {margin:0; padding-bottom:10px; font-weight:bold} .bnk_list > .bnk_name > a > img {padding-top:5px} /* 파일업로드 버튼 */ .m-fileupload, .m-fileupload:hover, .m-fileupload:active, .m-fileupload:visited, .m-fileupload:focus{background-color:#ee477e; color:#ffffff; border:1px solid #ee477e} /* 모바일 faq 버튼 */ .faq-section .btn-faq{font-size:.85rem; border-radius:20px; font-weight:bold; padding:.375rem 1rem; } /* 에디터 글쓰기 css */ .editorBox{position:relative;} .editorBox .COMMON_FILEUPLOAD{margin:0} .note-editable{min-height: 200px;} .note-toolbar{z-index:1; border-top:1px solid #bebebe}/*하위메뉴리스트가 뒤로숨는 부분 처리*/ .uploadBtnWrap label{margin-bottom:0; cursor:pointer} /* 에디터 스타일 초기값선언 */ .note-editable .table{border: initial; } .note-editable img{width:auto; max-width:100%;} /*에디터 이미지 삽입시 이미지 사이즈 */ .note-editable p{margin-bottom:initial;} /* 게시글 자세히 보기 */ #boardMtext p{margin-bottom:0; } #boardMtext .table{border-top:none; border-bottom:none;} #boardMtext img{width:auto; max-width:100%} /* 에디터 스타일 초기값선언 ie용 */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .note-editable .table{border-top:0;} .note-editable p{margin-bottom:0; } #boardMtext p{margin-bottom:0;} } .card>.list-group:first-child .list-group-item:first-child {border-top-left-radius: 0;border-top-right-radius: 0;} /**BX_SLIDER FIX*/ .bx-wrapper{position: relative;} .COMMON_BX_SLIDER img{min-height: 1px;min-width: 1px;} .dropdown-fontsize{max-height: 300px;overflow-y:scroll; } .text-break{word-break:break-all;} /**툴팁*/ .shuvic-tooltip-parent { cursor: pointer; } .shuvic-tooltip { position: absolute; z-index: 9999999999; max-width: 600px; padding: 1rem; margin-top: .1rem; font-size: 1.125rem; color: #fff; background-color: #212529e6; border-radius: 0.25rem; word-break: break-all; font-weight: 600; } .shuvic-tooltip>i { border-bottom: 6px solid #212529e6; border-right: 6px solid transparent; border-left: 6px solid transparent; top: -6px; position: absolute; } .shuvic-tooltip>hr { display: none; } .shuvic-tooltip .tooltip-body { font-size: 0.9rem; max-height: 240px; overflow-y: hidden; margin-top: 0.25rem; font-weight: normal; } .shuvic-tooltip.reversePos>i { border-top: 6px solid #212529e6; border-bottom: 0px; top: 100%; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } input[type='checkbox']+label{margin-left: 5px;} label+label{margin-left: 5px;} label>input[type='checkbox'] ,label>input[type='radio']{margin-right: 5px;}