@charset "UTF-8"; html{text-size-adjust:none !important;-webkit-text-size-adjust: none !important; -moz-text-size-adjust: none !important; -ms-text-size-adjust: none !important;} body{font-size:16px; line-hiehgt:1.5; letter-spacing:1; background-color:#fff; -webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;} body.tpl-layout, body.tpl-layout a, body.tpl-layout h1, body.tpl-layout h2, body.tpl-layout h3, body.tpl-layout h4, body.tpl-layout h5, body.tpl-layout h6, body.tpl-layout p{font-weight:400;} .tpl-widget p,.alram_badge_lst_wrap a>span .tpl-widget dl, .tpl-widget ol, .tpl-widget ul, .tpl-widget li{margin:0; margin-bottom:0; padding:0; list-style:none;} hr{margin:.5rem 0} h6{font-size:16px;} .tpl-widget a{color:#000; text-decoration:none;} .tpl-widget a:hover{color:#888; text-decoration: underline;} .tpl-widget .btn{background-color:#769fc5; color:#fff; border-color:#769fc5;} .tpl-widget .btn:hover{background-color: #9cb2c7; color:#fff; border-color: #9cb2c7;} input[type=checkbox]{width:20px; height:20px; vertical-align:sub; margin-right:0.25rem} /* middle 영역 */ .tpl-loct-sxn-cd-0001.use-mbmenubar #mobileBody{margin-top: 53px !important;} .tpl-area-middle{position:relative;} /* 로딩창 */ #AJAX_LOADING {position:fixed; top:calc( 100vh / 3); left:0; z-index:9999999;width:100%; height:100%;text-align:center; padding-top:50%;} #AJAX_LOADING .load_img {font-size:150px;} @keyframes loading_cir {100% {transform: rotate(360deg);}} @keyframes loading_letter {25% {top:50px} 50% {top:65px}} .COMMON_BUTTONSET label {margin-bottom: inherit;background-color: inherit;font-size: inherit;border: inherit;margin: 0 5px;} /* .SHUVIC_JQUERY_DIALOG.ui-dialog>.ui-dialog-content{padding: 0px;} */ .loading_layer {width:150px;margin:0 auto;background: rgba(255,255,255,0.3);border-radius: 75px;} .loading_cir {width:150px; height:150px;background:url('/common/mobile/css/images/loading/loading_cir.png') no-repeat;background-size: contain;animation: loading_cir 2s infinite; background-color:rgba(255, 255, 255, 0.9); border-radius:100%; box-shadow:1px 1px 3px rgba(0,0,0,0.5)} .loading_cir img {width:100%;} .loading_letter {position:absolute; top:65px; height:30px; } .loading_letter1.letter1 {left:30px; animation: loading_letter 2s infinite;} .loading_letter1.letter2 {left:50px; animation: loading_letter 2s infinite; animation-delay: 0.2s;} .loading_letter1.letter3 {left:68px; animation: loading_letter 2s infinite; animation-delay: 0.4s;} .loading_letter1.letter4 {left:93px; animation: loading_letter 2s infinite; animation-delay: 0.6s;} .loading_letter2 {position:absolute; top:65px; height:25px;} .loading_letter2.letter1 {left:26px; animation: loading_letter 2s infinite;} .loading_letter2.letter2 {left:36px; animation: loading_letter 2s infinite; animation-delay: 0.15s;} .loading_letter2.letter3 {left:54px; animation: loading_letter 2s infinite; animation-delay: 0.30s;} .loading_letter2.letter4 {left:71px; animation: loading_letter 2s infinite; animation-delay: 0.45s;} .loading_letter2.letter5 {left:88px; animation: loading_letter 2s infinite; animation-delay: 0.6s;} .loading_letter2.letter6 {left:94px; animation: loading_letter 2s infinite; animation-delay: 0.75s;} .loading_letter2.letter7 {left:113px; animation: loading_letter 2s infinite; animation-delay: 0.9s;} .module-page-msg-wrap{color: #0c5460;background-color: #d1ecf1;border-color: #bee5eb; margin:0 0 1rem 0;padding: 1rem ;} /*모듈 상단 페이지안내사항 (안내#dc3545) */ .smodule_info { background-color:#d1ecf1; margin-bottom:15px; } .smodule_info .module-page-msg-title { position:relative; text-align:right; border-bottom:1px solid rgba(255,255,255,0.5); padding-right:30px; } .smodule_info .module-page-msg-title:after { content:""; display:block; clear:both; height:0px; overflow:hidden; } .smodule_info .module-page-msg-title strong { display:inline-block; float:left; margin:7px 0px 7px 10px; padding:0px 10px; border:1px solid rgba(66,116,255,0.8); border-radius:12px; color:#4274ff; font-weight:normal; font-size:0.9rem; } .smodule_info .module-page-msg-title a.btn_view { display:inline-block; position:absolute; right:10px; top:5px; color:#4778ff; } .smodule_info .module-page-msg-title a.btn_view span { display:inine-block; position:absolute; top:-9999px; } .smodule_info .module-page-msg-title a.btn_view:after { content:"\f106"; display:inline-block; font-family:"Font Awesome 5 Pro"; } .smodule_info.sclose .module-page-msg-title a.btn_view:after { content:"\f107"; display:inline-block; font-family:"Font Awesome 5 Pro"; } .smodule_info .module-page-msg-title .widgetPageAuthBtn { margin-top:3px; padding-right:0px; } .smodule_info .module-page-msg-wrap { margin:0px; padding:0.5rem 1rem; } /* 댓글, new 버튼*/ .widget-item-new{position:relative; display:inline-block; text-align:center; background-color:#ff6347; color:#ffffff; font-size:.5rem; border-radius:50%; width:15px; height:15px; line-height:15px; margin:-5px 5px 0; vertical-align: middle;} .widget-comment-cnt{color:#769fc5;font-weight: bold;} /* no result */ .tpl-widget .no-result{width:100%; padding:2rem; text-align:center;} /* .tpl-row-wrap {width:100%; margin-right:auto; margin-left:auto; padding-right:15px; padding-left:15px;} .content-body{padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left:auto; border:1px solid red;} */ /* 도움말 버튼 */ .COMMON_MOBILE_FAQ_BTN.badge{position:absolute; right:10%; bottom:-10px; padding:0.25em 0.6em; z-index:9999; background-color:#ffc107; color:#212529; border-radius:10rem;} /* 서브 컨텐츠 - 하단 버튼 영역 */ .Bottom_btn_section{text-align:center; margin:2rem 0;} /* bx slider 주석*/ .bx-caption{display:none;} /* 컨텐츠 탭 */ .tab2.nav-tabs .nav-item{margin-bottom:0;} .JS-DIALOG_VISIBLE .widget-mb-menubar{display: none;} /* .use-mbmenubar .SHUVIC_JQUERY_MOBLE_DIALOG{margin-top: 52px;} */ /* .use-mbbottommenu .SHUVIC_JQUERY_MOBLE_DIALOG{margin-bottom: 52px;} */ /*후원업체 홍보*/ .areaMemBizList { padding:10px 10px 20px 10px; } .areaMemBizList .areamem_map { text-align:center; padding:0px 0px 20px 0px; } .areaMemBizList .areamem_map img { margin:0px auto; } .areaMemBizList .list_cnt { padding:10px 0px 5px 0px; } .areaMemBizList .list_ul { border-top:1px solid #aaa; } .areaMemBizList .list_ul .list_li { border-bottom:1px solid #ddd; } .areaMemBizList .list_ul .list_li dt { font-weight:bold; padding:10px 0px 10px; } .areaMemBizList .list_ul .list_li dt a { margin-left:5px; } .areaMemBizList .list_ul .list_li dd { font-weight:300; line-height:1.2rem; } .areaMemBizList .list_ul .list_li dd i { margin-right:5px; color:#0288d1; width:18px; text-align:center; } /* 개인정보 유출 관련 사과문 페이지 */ .privacy_wrap { font-family: 'Noto Serif KR', serif !important; font-size: 1rem; line-height: 1.8; text-align: justify;} .privacy_wrap p {margin-bottom: 1.5rem;} .privacy_wrap p span { color: #0063a8;} .privacy_wrap a{color:#333} .privacy_wrap .btn {font-family: 'Noto Sans KR', sans-serif;} .privacy_wrap .cs {background-color: #f4f4f4; border: 1px solid #ddd; padding: 1rem; font-size: .85rem; font-family: 'Noto Sans KR', sans-serif; margin-top:.5rem; color:#000; font-weight:300} .privacy_wrap .cs ol{text-align:left} .privacy_wrap .info_mid{font-family: 'Noto Sans KR', sans-serif;} .privacy_wrap .info_mid .cata{background-color:#0063a8; padding:.25rem .5rem; color:#fff; width:130px; text-align:center; display:block; font-size:1.15rem;} .privacy_wrap .info_mid p{line-height:1.5} .privacy_wrap .info_mid p span.cata-guide{font-size:1rem; color:#333; } .privacy_wrap .info_mid .title{font-family: 'Noto Serif KR', serif;} .privacy_wrap #userNm, .privacy_wrap #userMpNum{width:100%;} .privacy_wrap .card{margin-bottom:.5rem} .privacy_wrap .card-body dl{margin-bottom:.5rem;} .privacy_wrap .card-body dl dt {display: inline-block; width: 30%; font-weight: 500;} .privacy_wrap .card-body dl dd {display: inline-block; width: 70%; font-weight: 500} /* 회원수첩 - 명함형 */ .card_form_mem_srch_wrap input {background: #ffffffa8; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem;} .card_form_mem_srch_wrap input::placeholder {color: #979c98;} .card_form_mem_srch_wrap button {border-bottom-right-radius: 0.25rem; border-top-right-radius: 0.25rem;} .card_form_mem_srch_wrap button > i {display: inline-block; vertical-align: middle;} .card_form_mem_lst_wrap {background-color: #ffffffa8; margin-bottom: 1rem; border-radius: 0.5rem; overflow: hidden; box-shadow: 2px 5px 10px rgba(0,0,0,30%); position: relative;} .card_form_mem_lst_wrap > div:first-child {padding: 1.5rem 1rem 0;} .card_form_mem_info_btn_lst {border-top: 1px solid #d4daea; width: 100%;} .card_form_mem_info_btn_lst > li {border-top: 1px solid #fff; border-bottom: 1px solid #fff;} .card_form_mem_info_btn_lst > li:first-child {border-left: 1px solid #fff; border-bottom-left-radius: 0.5rem;} .card_form_mem_info_btn_lst > li:last-child {border-right: 1px solid #fff; border-bottom-right-radius: 0.5rem;} .card_form_mem_info_btn_lst > li > a {width: 100%; display: block; padding: 1rem 0;} .card_form_mem_info_btn_lst > li:first-child > a {border-right: 1px solid #d4daea;} .card_form_mem_info_btn_lst > li:nth-child(2) > a {border-left: 1px solid #fff; border-right: 1px solid #d4daea;} .card_form_mem_info_btn_lst > li:last-child > a {border-left: 1px solid #fff; border-right: none;} .card_form_mem_lst_wrap .border-bottom {border-bottom: 1px solid #bec8d4 !important;} .card_form_mem_lst_img_wrap {position: relative;} .card_form_mem_lst_img_wrap > .upload_prof_btn {position: absolute; bottom: 5px; right: -5px; font-size: 1.5rem;} .card_form_mem_lst_img {width: 100%; padding-bottom: 100%; display: inline-block; background-repeat: no-repeat; background-size: cover; border-radius: 50%; background-position: center center;box-shadow: 0 0 10px #bfbfbf;} .card_form_mem_lst_join_yn {position: absolute; top: 0.5rem; right: 0.75rem; width: auto;} .card_form_mem_lst_img_wrap .BIZ_badge_wrap {margin-top: -35px;} .card_form_mem_lst_img_wrap .BIZ_badge_wrap > .BIZ_badge {width: 100%; height: 0; padding-bottom: 25%;} /* 명함형(사각형) */ .card_form_mem_lst_img_wrap.non_style .card_form_mem_lst_img {height: 150px; border-radius: 0; box-shadow: none;} /* 행사일정 / 특별일정 / 전체일정 페이지 /sched/schedList.do */ .sched_wrap { position:relative; } .sched_wrap #schedSearch { } .sched_wrap button { outline:none; } .sched_wrap button:focus { outline:none; box-shadow:none !important; } .sched_wrap button:active { outline:none; box-shadow:none; } .sched_wrap button.btn.btn-secondary:active { background-color:transparent !important; color:#404040 !important; outline:none; } .sched_wrap .sched_cat { position:absolute; left:0; top:0; } .sched_wrap .sched_cat:after { content:""; display:block; clear:both; height:0px; overflow:hidden; } .sched_wrap .sched_cat select { width:auto; height:32px; line-height:22px; float:left; padding:5px 5px; border:1px solid #cbcbcb; border-radius:0.25rem; color:#404040; } .sched_wrap .sched_cat select option { padding:0 10px; } .sched_wrap .sched_cat button { height:32px; line-height:32px; float:left; padding:0 10px; margin-left:3px; background-color:transparent; border:1px solid #cbcbcb; border-radius:0.25rem; color:#404040 !important; } .sched_wrap .sched_cat button i { margin-right:5px; } .fullCalendarWrap { padding-top:30px !important; padding-bottom:10px; margin-top:10px; position:relative; } .fullCalendarWrap .fc-header-toolbar { } .fullCalendarWrap .fc-header-toolbar .fc-button { background-image:none; box-shadow:none; } .fullCalendarWrap .fc-header-toolbar .fc-button.fc-state-hover { background-position: 0 0px; transition: } .fullCalendarWrap .fc-header-toolbar .fc-left { padding-top:7px; } .fullCalendarWrap .fc-header-toolbar .fc-left .fc-today-button { background-color:transparent; border:1px solid #cbcbcb; color:#404040; padding:0 10px; height:32px; line-height:32px; display:block; } .fullCalendarWrap .fc-header-toolbar .fc-center { width:280px; } .fullCalendarWrap .fc-header-toolbar .fc-center h2 { width:auto; display:inline-block; float:none; padding:0px 0px; margin:0px 0px 0px 0px; margin:0px auto; box-sizing:content-box; white-space:nowrap; color:#204baf; vertical-align:middle; } .fullCalendarWrap .fc-header-toolbar .fc-center h2:after { content:""; display:block; clear:both; height:0px; overflow:hidden; } .fullCalendarWrap .fc-header-toolbar .fc-center h2 div.fc_title_l { float:left; padding-right:3px; font-size:40px; font-weight:bold; } .fullCalendarWrap .fc-header-toolbar .fc-center h2 div.fc_title_r { float:right; text-align:left; } .fullCalendarWrap .fc-header-toolbar .fc-center h2 div.fc_title_r div.fc_title_y { display:block; padding:5px 0px 0px 0px; font-size:16px; font-weight:normal; position:relative; } .fullCalendarWrap .fc-header-toolbar .fc-center h2 div.fc_title_r div.fc_title_y div.fc_select_y { position:absolute; left:0; top:0; } .fullCalendarWrap .fc-header-toolbar .fc-center h2 div.fc_title_r div.fc_title_y div.fc_select_y select { opacity:0; /* filter:alpha(option=0); */ padding:0; margin:0; cursor:pointer; } .fullCalendarWrap .fc-header-toolbar .fc-center h2 div.fc_title_r div.fc_title_y div.fc_select_y select option { padding:0; margin:0; cursor:pointer; } .fullCalendarWrap .fc-header-toolbar .fc-center h2 div.fc_title_r div.fc_title_m_en { display:block; padding:0px 0px 0px 0px; font-size:16px; } .fullCalendarWrap .fc-header-toolbar .fc-center h2 div.fc_title_d { position:absolute; top:-99999px; } /* .sched_wrap.basicDay .fullCalendarWrap .fc-header-toolbar .fc-center h2 div.fc_title_d { position:static; float:left; vertical-align:bottom; padding-top:20px; font-size:16px; font-weight:bold; text-decoration:underline; } */ .fullCalendarWrap .fc-header-toolbar .fc-center .fc-prev-button, .fullCalendarWrap .fc-header-toolbar .fc-center .fc-next-button { width:40px; vertical-align:middle; padding:0px; background-color:transparent; border:0px solid transparent; color:#cacaca; } .fullCalendarWrap .fc-header-toolbar .fc-center .fc-next-button { float:right; } .fullCalendarWrap .fc-header-toolbar .fc-center .fc-prev-button span.fc-icon, .fullCalendarWrap .fc-header-toolbar .fc-center .fc-next-button span.fc-icon { font-size:52px; font-weight:100; } .fullCalendarWrap .fc-header-toolbar .fc-center .fc-prev-button span.fc-icon:before, .fullCalendarWrap .fc-header-toolbar .fc-center .fc-next-button span.fc-icon:before { dispay:inline-block; font-family:"Font Awesome 5 Pro"; font-weight:100; } .fullCalendarWrap .fc-header-toolbar .fc-center .fc-prev-button span.fc-icon:after, .fullCalendarWrap .fc-header-toolbar .fc-center .fc-next-button span.fc-icon:after { display:none; } .fullCalendarWrap .fc-header-toolbar .fc-center .fc-prev-button span.fc-icon:before { content:"\f104"; } .fullCalendarWrap .fc-header-toolbar .fc-center .fc-next-button span.fc-icon:before { content:"\f105"; } .fullCalendarWrap .fc-header-toolbar .fc-center > :not(:first-child) { margin-left:0px; } .fullCalendarWrap .fc-header-toolbar .fc-right { padding-top:7px; } .fullCalendarWrap .fc-header-toolbar .fc-right .fc-month-button, .fullCalendarWrap .fc-header-toolbar .fc-right .fc-listMonth-button { position:absolute; top:0px; right:5px !important; width:auto; height:32px; line-height:32px; padding:0 10px; background-color:transparent; border:1px solid #808080; border-radius:0.25rem; color:#808080; font-size:13px; white-space:nowrap; } .fullCalendarWrap .fc-header-toolbar .fc-right .fc-button.fc-state-active { border:1px solid #f13631; color:#f13631; } .fullCalendarWrap .fc-header-toolbar .fc-right .fc-month-button { right:93px !important; } .fullCalendarWrap .fc-header-toolbar .fc-right .fc-listMonth-button { right:0px; display:block; } .fullCalendarWrap .fc-header-toolbar .fc-right .fc-month-button:before { content:"\f073"; display:inline-block; margin-right:3px; font-family:"Font Awesome 5 Pro"; font-weight:100; vertical-align:top; } .fullCalendarWrap .fc-header-toolbar .fc-right .fc-listMonth-button:before { content:"\f00b"; display:inline-block; margin-right:3px; font-family:"Font Awesome 5 Pro"; font-weight:100; vertical-align:top; } .fullCalendarWrap .fc-header-toolbar .fc-right .fc-myCustomButton-button { background:#fb413c; border:1px solid #f13631; border-radius:0.25rem; padding:0 10px; height:32px; line-height:30px; vertical-align:top; color:#fff; text-shadow:none; } .fullCalendarWrap .fc-header-toolbar .fc-right .fc-myCustomButton-button:before { content:"\f271"; display:inline-block; margin-right:3px; font-family:"Font Awesome 5 Pro"; font-weight:100; vertical-align:top; } .fullCalendarWrap .fc-view-container { } .fullCalendarWrap .fc-view-container .fc-month-view { } .fullCalendarWrap .fc-view-container .fc-month-view .fc-scroller { } .fullCalendarWrap .fc-view-container .fc-month-view > table { border-top:0px solid #1c74cc; } .fullCalendarWrap .fc-view-container .fc-month-view > table thead.fc-head { } .fullCalendarWrap .fc-view-container .fc-month-view > table thead.fc-head tr td.fc-head-container { } .fullCalendarWrap .fc-view-container .fc-month-view > table thead.fc-head tr td.fc-head-container div.fc-row { } .fullCalendarWrap .fc-view-container .fc-month-view > table thead.fc-head tr td.fc-head-container div.fc-row table { } .fullCalendarWrap .fc-view-container .fc-month-view > table thead.fc-head tr td.fc-head-container div.fc-row table th.fc-day-header { } .fullCalendarWrap .fc-view-container .fc-month-view > table thead.fc-head tr td.fc-head-container div.fc-row table th.fc-day-header.fc-sun { background-color:#ffeceb; color:#ff3c32; } /* .fullCalendarWrap .fc-view-container .fc-month-view > table thead.fc-head tr td.fc-head-container div.fc-row table th.fc-day-header.fc-sun span:after { content:"SUN"; display:inline-block; margin-left:3px; } */ .fullCalendarWrap .fc-view-container .fc-month-view > table thead.fc-head tr td.fc-head-container div.fc-row table th.fc-day-header.fc-mon { background-color:#f8f8f8; } /* .fullCalendarWrap .fc-view-container .fc-month-view > table thead.fc-head tr td.fc-head-container div.fc-row table th.fc-day-header.fc-mon span:after { content:"MON"; display:inline-block; margin-left:3px; } */ .fullCalendarWrap .fc-view-container .fc-month-view > table thead.fc-head tr td.fc-head-container div.fc-row table th.fc-day-header.fc-tue { background-color:#f8f8f8; } /* .fullCalendarWrap .fc-view-container .fc-month-view > table thead.fc-head tr td.fc-head-container div.fc-row table th.fc-day-header.fc-tue span:after { content:"TUE"; display:inline-block; margin-left:3px; } */ .fullCalendarWrap .fc-view-container .fc-month-view > table thead.fc-head tr td.fc-head-container div.fc-row table th.fc-day-header.fc-wed { background-color:#f8f8f8; } /* .fullCalendarWrap .fc-view-container .fc-month-view > table thead.fc-head tr td.fc-head-container div.fc-row table th.fc-day-header.fc-wed span:after { content:"WED"; display:inline-block; margin-left:3px; } */ .fullCalendarWrap .fc-view-container .fc-month-view > table thead.fc-head tr td.fc-head-container div.fc-row table th.fc-day-header.fc-thu { background-color:#f8f8f8; } /* .fullCalendarWrap .fc-view-container .fc-month-view > table thead.fc-head tr td.fc-head-container div.fc-row table th.fc-day-header.fc-thu span:after { content:"THU"; display:inline-block; margin-left:3px; } */ .fullCalendarWrap .fc-view-container .fc-month-view > table thead.fc-head tr td.fc-head-container div.fc-row table th.fc-day-header.fc-fri { background-color:#f8f8f8; } /* .fullCalendarWrap .fc-view-container .fc-month-view > table thead.fc-head tr td.fc-head-container div.fc-row table th.fc-day-header.fc-fri span:after { content:"FRI"; display:inline-block; margin-left:3px; } */ .fullCalendarWrap .fc-view-container .fc-month-view > table thead.fc-head tr td.fc-head-container div.fc-row table th.fc-day-header.fc-sat { background-color:#ebf8ff; color:#29acf9; } /* .fullCalendarWrap .fc-view-container .fc-month-view > table thead.fc-head tr td.fc-head-container div.fc-row table th.fc-day-header.fc-sat span:after { content:"SAT"; display:inline-block; margin-left:3px; } */ .fullCalendarWrap .fc-view-container .fc-month-view > table tbody.fc-body tr td.fc-widget-content div.fc-row div.fc-bg table td.fc-sun { background-color:#fffbfb; } .fullCalendarWrap .fc-view-container .fc-month-view > table tbody.fc-body tr td.fc-widget-content div.fc-row div.fc-bg table td.fc-mon { } .fullCalendarWrap .fc-view-container .fc-month-view > table tbody.fc-body tr td.fc-widget-content div.fc-row div.fc-bg table td.fc-tue { } .fullCalendarWrap .fc-view-container .fc-month-view > table tbody.fc-body tr td.fc-widget-content div.fc-row div.fc-bg table td.fc-wed { } .fullCalendarWrap .fc-view-container .fc-month-view > table tbody.fc-body tr td.fc-widget-content div.fc-row div.fc-bg table td.fc-thu { } .fullCalendarWrap .fc-view-container .fc-month-view > table tbody.fc-body tr td.fc-widget-content div.fc-row div.fc-bg table td.fc-fri { } .fullCalendarWrap .fc-view-container .fc-month-view > table tbody.fc-body tr td.fc-widget-content div.fc-row div.fc-bg table td.fc-sat { background-color:#fbfeff; } .fullCalendarWrap .fc-view-container .fc-month-view > table tbody.fc-body tr td.fc-widget-content div.fc-row div.fc-content-skeleton table thead td a { float:none; } .fullCalendarWrap .fc-view-container .fc-month-view > table tbody.fc-body tr td.fc-widget-content div.fc-row div.fc-content-skeleton table thead td.fc-day-top a { margin:2px 0 2px 2px; padding:0px 0 0 5px ;} .fullCalendarWrap .fc-view-container .fc-month-view > table tbody.fc-body tr td.fc-widget-content div.fc-row div.fc-content-skeleton table thead td.fc-day-top a:hover { margin:2px 2px; padding:0px 5px; background-color:#f1f3f4; border-radius:50%; text-decoration:none; } .fullCalendarWrap .fc-view-container .fc-month-view > table tbody.fc-body tr td.fc-widget-content div.fc-row div.fc-content-skeleton table tbody td a.fc-day-grid-event:hover { opacity:0.9; } .fullCalendarWrap .fc-view-container .fc-month-view > table tbody.fc-body tr td.fc-widget-content div.fc-row div.fc-content-skeleton table thead td.fc-day-top a.fc-event-count-badge {margin: 5px 5px 0 0 !important; padding: 1.5px 4px; float: right; border-radius: 50%; display: inline-block; color: #fff !important; line-height: 0.9;} .fullCalendarWrap .fc-view-container .fc-month-view > table tbody.fc-body tr td.fc-widget-content div.fc-row div.fc-content-skeleton table tbody td a .fc-content span.fc-title { color:#fff;} /* .fullCalendarWrap .fc-view-container .fc-month-view > table tbody.fc-body tr td.fc-widget-content div.fc-day-grid-container div.fc-day-grid div.fc-bg table tbody tr td.fc-day:hover { background-color:#fefefe; } */ .fullCalendarWrap .fc-view-container .fc-listMonth-view { border:0px solid #ddd; } .fullCalendarWrap .fc-view-container .fc-listMonth-view .fc-scroller { } .fullCalendarWrap .fc-view-container .fc-listMonth-view table.fc-list-table { border:0px solid #fff; border-collapse:separate; border-spacing:0; width:100%; } .fullCalendarWrap .fc-view-container .fc-listMonth-view table.fc-list-table tr.fc-list-heading { border:0px solid #fff; } .fullCalendarWrap .fc-view-container .fc-listMonth-view table.fc-list-table tr.fc-list-heading td.fc-widget-header { border:0px solid #ddd; vertical-align:middle; position:relative; border-top:10px solid #fff; padding:8px 14px 8px 14px; } .fullCalendarWrap .fc-view-container .fc-listMonth-view table.fc-list-table tr.fc-list-heading td.fc-widget-header:before { content:""; display:block; position:absolute; left:0px; top:0px; height:calc(100% - 2px); width:calc(100% - 2px); border:1px solid #ddd; border-radius:0.25rem 0.25rem 0 0; overflow:hidden; } .fullCalendarWrap .fc-view-container .fc-listMonth-view table.fc-list-table tr.fc-list-heading.fc-sun td.fc-widget-header { background-color:#ffeceb; color:#ff3c32; } .fullCalendarWrap .fc-view-container .fc-listMonth-view table.fc-list-table tr.fc-list-heading.fc-mon td.fc-widget-header { background-color:#f8f8f8; } .fullCalendarWrap .fc-view-container .fc-listMonth-view table.fc-list-table tr.fc-list-heading.fc-tue td.fc-widget-header { background-color:#f8f8f8; } .fullCalendarWrap .fc-view-container .fc-listMonth-view table.fc-list-table tr.fc-list-heading.fc-wed td.fc-widget-header { background-color:#f8f8f8; } .fullCalendarWrap .fc-view-container .fc-listMonth-view table.fc-list-table tr.fc-list-heading.fc-thu td.fc-widget-header { background-color:#f8f8f8; } .fullCalendarWrap .fc-view-container .fc-listMonth-view table.fc-list-table tr.fc-list-heading.fc-fri td.fc-widget-header { background-color:#f8f8f8; } .fullCalendarWrap .fc-view-container .fc-listMonth-view table.fc-list-table tr.fc-list-heading.fc-sat td.fc-widget-header { background-color:#ebf8ff; color:#29acf9; } .fullCalendarWrap .fc-view-container .fc-listMonth-view table.fc-list-table tr.fc-list-heading td.fc-widget-header a { } .fullCalendarWrap .fc-view-container .fc-listMonth-view table.fc-list-table tr.fc-list-heading td.fc-widget-header a.fc-list-heading-main { display:inline-block; float:left; } .fullCalendarWrap .fc-view-container .fc-listMonth-view table.fc-list-table tr.fc-list-heading td.fc-widget-header a.fc-list-heading-main:before { content:"\f274"; display:inline-block; margin-right:5px; font-family:"Font Awesome 5 Pro"; font-weight:100; } .fullCalendarWrap .fc-view-container .fc-listMonth-view table.fc-list-table tr.fc-list-heading td.fc-widget-header a.fc-list-heading-alt { display:inline-block; float:right; font-size:13px; line-height:24px; color:#808080; vertical-align:middle; } .fullCalendarWrap .fc-view-container .fc-listMonth-view table.fc-list-table tr.fc-list-item { border:0px solid #ddd; } .fullCalendarWrap .fc-view-container .fc-listMonth-view table.fc-list-table tr.fc-list-item:hover td { background-color:#fcfcfc; } .fullCalendarWrap .fc-view-container .fc-listMonth-view table.fc-list-table tr.fc-list-item td.fc-list-item-marker { width:1px; text-align:center; /* border-radius:0 0 0 0.25rem; */ border:1px solid #ddd; border-top:0px solid #ddd; border-right:0px solid #ddd; overflow:hidden; } .fullCalendarWrap .fc-view-container .fc-listMonth-view table.fc-list-table tr.fc-list-item td.fc-list-item-marker span.fc-event-dot { display:inline-block; width:auto; height:auto; padding:5px 5px; color:#fff; border-radius:10px; font-size:0.9rem; } .fullCalendarWrap .fc-view-container .fc-listMonth-view table.fc-list-table tr.fc-list-item td.fc-list-item-marker span.fc-event-dot.fc-cat { padding:0 10px; } .fullCalendarWrap .fc-view-container .fc-listMonth-view table.fc-list-table tr.fc-list-item td.fc-list-item-title { /* border-radius:0 0 0.25rem 0; */ border:1px solid #ddd; border-top:0px solid #ddd; border-left:0px solid #ddd; overflow:hidden; padding-left:7px; } .fullCalendarWrap .fc-view-container .fc-listMonth-view table.fc-list-table tr.fc-list-item td.fc-list-item-marker a { } /*연혁모듈*/ .moduleHistLstLis-wrap p { padding:0px; margin:0px; } /* 게시판 블로그형 */ .board_blog_lst li a > ul > li:nth-child(2) {width: 80px;} .board_blog_lst dl > dt {margin-bottom: 0;} .board_blog_lst dl > dt > p {margin-bottom: 0;} .board_blog_lst dl > dd {margin-top: 0.25rem;} .board_blog_lst .board_blog_lst_img_wrap {border: 1.5px solid #e0e0e0; padding: 1px;} .board_blog_lst .board_blog_lst_img {width: 70px; height: 70px; background-repeat: no-repeat; background-size: cover; background-position: center;} .board_blog_lst .board_blog_lst_mem_prof_img {width: 25px; height: 25px; background-repeat: no-repeat; background-size: cover; display: inline-block; vertical-align: middle; border-radius: 50%; background-position: center;} /* 행사일정 */ .evt_sched_lst_wrap {margin-bottom: 2rem; border: 3px double rgba(0,0,0,.125);} .evt_sched_lst_wrap .swiper-container {height: 220px; overflow: hidden;} .evt_sched_lst {margin-top: -1px !important;} .evt_sched_lst > li > a {font-size: 0.9rem;} .evt_sched_lst_text {width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: nowrap;} .evt_sched_lst_date {width: 140px;} /* 부트스트랩 추가 */ /* d-table */ .d-table {display: table; table-layout: fixed; width: 100%;} .d-table > * {display: table-cell;} /* list-style-none */ .list-style-none > li {list-style: none;} .w-80px {width: 80px;} /* 내가만날회원 */ .my_meet_mem_form_wrap ul, .my_meet_mem_form_wrap li, .my_meet_mem_form_wrap p {margin: 0; padding: 0;} .my_meet_mem_form {border: 1px solid #dfdfdf; padding: 1rem; margin-bottom: 1rem; box-shadow: 0 0 3px 1px rgba(0,0,0,10%); background-color: #ffffffcc;} .my_meet_mem_form > ul > li:first-child > h5 {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .my_meet_mem_form > p {font-weight: 300 !important; color: #494949;} .my_meet_mem_form_bottom > ul > li:not(:first-child) {margin-left: 0.5rem;} .my_meet_mem_form_bottom .my_meet_mem_form_img_wrap {border-radius: 50%; overflow: hidden; width: 50px; height: 50px;} .my_meet_mem_form_bottom .my_meet_mem_form_img {width: 100%; height: 100%; display: inline-block; background-position: center; background-size: contain;} .my_meet_mem_form_more_view_btn_wrap {position: relative; width: 50px; height: 50px; border-radius: 50%; box-shadow: 1px 1px 3px rgba(0,0,0,20%); border: 1px solid rgba(0,0,0,5%);} .my_meet_mem_form_more_view_btn {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center;font-size: 0.75rem; color: #ababab;} .my_meet_mem_form_more_view_btn > p {white-space: nowrap;} .my_meet_mem_form_bottom_lst > li:last-child {margin-right: 0.5rem;} .no_evt_img {background-image: url('/common/mobile/css/images/icon/ico_no_evt.png'); display: inline-block; width: 50px; height: 50px; margin-top: 0.5rem; margin-bottom: 2rem;} .my_meet_mem_sub_text {margin-top: 0.5rem; font-weight: 300 !important; margin-bottom: 1.5rem;} .my_meet_mem_gray_form {background-color: #f2f2f2; padding: 1rem 1rem 4rem; position: absolute; left: 0; right: 0;} #mobileBody.add_btmBookmark .my_meet_mem_gray_form{padding-bottom: 6rem;} .no_evt_mem {line-height: 50px; text-align: center; color: #ababb3;} .my_meet_mem_form_no_result {margin-top: -20px;} .my_meet_mem_no_result_form {padding: 4rem 1rem;} .my_meet_mem_no_result_form h5 {color: #333; padding-bottom: 1.5rem; word-break: keep-all;} .my_meet_mem_no_result_form a {color: #333; font-size: 1.25rem; text-decoration: underline !important;} .qck_evt_regs_btn {display: block; border: 1px solid #dfdfdf; padding: 0.5rem 0.75rem; box-shadow: 0 0 3px 1px rgba(0,0,0,10%); transition: all .3s ease; text-align: center; font-size: 0.9rem; font-weight: 300; margin-bottom: 15.39px;} .qck_evt_regs_btn:hover {box-shadow: 0 0 3px 1px rgba(0,0,0,20%); transition: all .3s ease; transform: translateY(-3px);} .evt_pcptn_btn {border-radius: 3rem; box-shadow: 3px 3px 5px rgba(0,0,0,30%); padding: 6px 15px;} @media (max-width: 400px) { .my_meet_mem_form_bottom_lst > li:nth-child(5) {display: none;} } @media (max-width: 340px) { .my_meet_mem_form_bottom_lst > li:nth-child(4) {display: none;} } @media (min-width: 576px) { .my_meet_mem_gray_form {position: static; margin-left: -1rem; margin-right: -1rem;} } /* 22.11.07 마이페이지 회원정보 폼 수정 */ .mypage_alert_photo_form.row {margin-left: -15px; margin-right: -15px; width: auto; display: flex;} .mypage_alert_photo_form > .col-6 > .photo {width: 100%; height: 0; padding-bottom: 133%; display: block;} .mypage_alert_photo_form > .col-6 > .photo > img {width: 100%; height: 100%;} /* 22.11.11 로그인폼 수정 */ #mobileBody .mem_card_reform .mem_card, .SHUVIC_JQUERY_MOBLE_DIALOG .mem_card_reform .mem_card {border: 0;} #mobileBody .mem_card_reform .mem_card > .card, .SHUVIC_JQUERY_MOBLE_DIALOG .mem_card_reform .mem_card > .card {max-width: 480px; margin: 0 auto;} #mobileBody .mem_card_reform .mem_card .card_body {padding: 1.5rem 1rem;} .SHUVIC_JQUERY_MOBLE_DIALOG .mem_card_reform .mem_card .card_body {padding: 1.5rem 1rem;} #mobileBody .mem_card_reform .mem_card .card_body .btn_sAdmin a {width: auto; display: inline-block; padding: 2px 20px; border-radius: 3rem;} .SHUVIC_JQUERY_MOBLE_DIALOG .mem_card_reform .mem_card .card_body .btn_sAdmin a {width: auto; display: inline-block; padding: 2px 20px; border-radius: 3rem;} #mobileBody .mem_card_reform .set_lst_outer ul > li {text-align: center;} .SHUVIC_JQUERY_MOBLE_DIALOG .mem_card_reform .set_lst_outer ul > li {text-align: center;} #mobileBody .mem_card_reform .mv_form_lst_outer > ul {display: table; table-layout: fixed; width: 100%;} .SHUVIC_JQUERY_MOBLE_DIALOG .mem_card_reform .mv_form_lst_outer > ul {display: table; table-layout: fixed; width: 100%;} #mobileBody .mem_card_reform .mv_form_lst_outer > ul > li {display: table-cell; width: auto;} .SHUVIC_JQUERY_MOBLE_DIALOG .mem_card_reform .mv_form_lst_outer > ul > li {display: table-cell; width: auto;} #mobileBody .mem_card_reform .mv_form_lst_outer > ul > li > a {border: 0; font-weight: 300; color: #000;} .SHUVIC_JQUERY_MOBLE_DIALOG .mem_card_reform .mv_form_lst_outer > ul > li > a {border: 0; font-weight: 300; color: #000;} #mobileBody .mem_card_reform .mv_form_lst_outer > ul > li:first-child > a {text-align: right;} .SHUVIC_JQUERY_MOBLE_DIALOG .mem_card_reform .mv_form_lst_outer > ul > li:first-child > a {text-align: right;} #mobileBody .mem_card_reform .mv_form_lst_outer > ul > li:nth-child(2) > a {text-align: left; margin-left: 0; padding-left: 0;} .SHUVIC_JQUERY_MOBLE_DIALOG .mem_card_reform .mv_form_lst_outer > ul > li:nth-child(2) > a {text-align: left; margin-left: 0; padding-left: 0;} #mobileBody .mem_card_reform .mv_form_lst_outer > ul > li:nth-child(2) > a:before {content: ""; display: inline-block; width: 1px; height: 1rem; background-color: #c0c0c0; margin-right: 15px; vertical-align: middle;} .SHUVIC_JQUERY_MOBLE_DIALOG .mem_card_reform .mv_form_lst_outer > ul > li:nth-child(2) > a:before {content: ""; display: inline-block; width: 1px; height: 1rem; background-color: #c0c0c0; margin-right: 15px; vertical-align: middle;} #mobileBody .mem_card_reform .area_gud {padding-top: 23px; text-align: center; border-top: 1px solid #eee;} .SHUVIC_JQUERY_MOBLE_DIALOG .mem_card_reform .area_gud {padding-top: 23px; text-align: center; border-top: 0;} .area_gud .area_btn a.qust_ppsl_btn {padding: 0; border: 0; text-decoration: underline !important; color: #717171; background-color: inherit;} .area_gud .area_gud_reform {padding-top: 1rem;} .area_gud .area_gud_reform {padding-top: 1rem;} .mem_card_reform .loginBtn, .mem_card_reform .sessExprtExtn {padding: 0.875rem 0.5rem;} .mem_card_reform .kakao_info_text {color: #adadad; margin-top: 0.5rem; font-size: 0.9rem;} .mem_card_reform .kakao_info_text > ul > li:first-child {vertical-align: top; width: 20px;} .mem_card_reform .kakao_login_wrap {margin-top: 0.5rem;} .mem_card_reform .kakao_login_wrap > a {display: block; padding: 3.5px; text-align: center; background-color: #fee500;} /* 동문 칼럼 폼 */ .gyh_alm_col {display: block; table-layout: fixed; width: 100%; padding-left: 0;} .gyh_alm_col ul {padding-left: 0;} .gyh_alm_col li {list-style: none;} .gyh_alm_col>li {display: block; vertical-align: middle;} .gyh_alm_col>li:first-child {width: 100%; border-left: 5px solid rgb(62, 74, 236);} .gyh_alm_col>li:last-child {text-align: right; margin-top: 2rem;} /* 회원 통계 */ .mem_stats_type1_wrap {font-size: 1rem;} .mem_stats_type1 {border: 1px solid #e8e8e8; border-radius: 0.5rem; transition: all .3s ease; box-shadow: 2px 2px 4px #e8e8e8; border-bottom: 0; border-right: 0;} .mem_stats_type1:hover {box-shadow: 2px 2px 6px rgba(0,0,0,18%);} .mem_stats_type1 .swiper-slide > a {padding: 0.75rem 2rem 0.75rem 1rem; height: 100%; position: relative;} .mem_stats_type1 .swiper-slide > a > i {position: absolute; top: 50%; right: 0.75rem; transform: translateY(-50%);} .mem_stats_type1 .mem_stats_text_wrap {position: relative; height: 100%;} .mem_stats_type1 .mem_stats_text_wrap > p {color: #333; position: absolute; top: 50%; transform: translatey(-50%);} /* dark모드 */ .mem_stats_type1_wrap.dark-mode .mem_stats_type1 {border-color: #fff; box-shadow: 0px 1px 4px rgba(255,255,255,1);} .mem_stats_type1_wrap.dark-mode .mem_stats_type1 .mem_stats_text_wrap > p {color: #fff;} .mem_stats_type1_wrap.dark-mode .mem_stats_type1 .swiper-slide > a > i {color: #fff;} @media (max-width: 600px) { .mem_stats_type1 .mem_stats_text_wrap > p {font-size: 0.95rem;} } @media (max-width: 480px) { .mem_stats_type1 .mem_stats_text_wrap > p {font-size: 0.9rem; letter-spacing: -0.5px;} } @media (max-width: 320px) { .mem_stats_type1 .mem_stats_text_wrap > p {font-size: 0.8rem;} } /* 멤버십 수정 */ @media (max-width: 320px) { .memberShip .memberPhoto {width: 160px; padding-bottom: 160px;} .memberShip .memberPhoto > img {width: 160px;} .memberShip .memberQR {width: 240px;} .memberShip .memberProve h3 {font-size: 1.5rem;} .memberShip .memberProve h5 {font-size: 1rem;} } @media (max-height: 660px) { .memberShip {min-height: calc(100vh - 86px) !important;} .memberShip .memberPhoto {width: 160px; padding-bottom: 160px;} .memberShip .memberPhoto > img {width: 160px;} .memberShip .memberQR {width: 240px;} .memberShip .memberProve h3 {font-size: 1.5rem;} .memberShip .memberProve h5 {font-size: 1rem;} } /* 이미지 확대보기 */ html.overflow-lock {overflow: hidden;} .COMMON_OKDC_TEXT_FORM img {cursor: pointer;} .COMMON_IMG_EXPAND_VIEW_WRAP ul {padding-left: 0;} .COMMON_IMG_EXPAND_VIEW_WRAP ul > li {list-style: none;} .ui-dialog.ui-widget.img_expand_view_popup {max-width: none; height: 100vh !important; border-radius: 0; background: none; box-shadow: inherit; background-color: transparent !important; position: fixed;} .ui-dialog.ui-widget.img_expand_view_popup .ui-dialog-titlebar, .ui-dialog.ui-widget.img_expand_view_popup .ui-dialog-buttonpane {display: none;} .COMMON_IMG_EXPAND_VIEW_WRAP {width: 100%; height: 100vh; position: fixed; z-index: 9000; top: 0; left: 0;} .COMMON_IMG_EXPAND_VIEW_MASK {width: 100%; height: 100%; background-color: #000000cc; position: relative;} .img_expand_view_close_btn {position: absolute; top: 45px; right: 12px; color: #fff !important; font-size: 2rem; z-index: 100;} .img_expand_view_close_btn:hover {color: #fff;} .img_expand_view_close_btn:focus {outline: none;} .COMMON_IMG_EXPAND_VIEW_WRAP .swiper-button-prev {background-image: url("/common/css/images/okdc_arrow_left.png"); background-size: 18px 35px; left: 15px;} .COMMON_IMG_EXPAND_VIEW_WRAP .swiper-button-next {background-image: url("/common/css/images/okdc_arrow_right.png"); background-size: 18px 35px; right: 15px;} .COMMON_IMG_EXPAND_VIEW_WRAP .hama_slide_counter_wrap {position: absolute; bottom: 5%; left: 50%; transform: translatex(-50%); z-index: 99; display: none;} .COMMON_IMG_EXPAND_VIEW_WRAP .hama_slide_counter {display: inline-block; padding: 0.125rem 0.75rem; background-color: #ffffffc9; border-radius: 1rem; font-size: 1rem; font-weight: 600; box-shadow: 0 0 1.5px rgb(0 0 0 / 40%);} .main_img_expand_view_wrap {position: absolute; top: 124px; bottom: 168px; width: 100%; max-height: 940px; padding: 0 0.5rem;} .main_img_expand_view_wrap .img_expand_view_main_form, .main_img_expand_view_wrap .img_expand_view_main_form ul, .main_img_expand_view_wrap .img_expand_view_main_form ul > li {height: 100%;} .main_img_expand_view_wrap .COMMON_IMG_EXPAND_VIEW_IMG_FORM {max-width: 940px; width: 100%; height: 100%; max-height: 940px; margin: 0 auto;} .main_img_expand_view_wrap .COMMON_IMG_EXPAND_VIEW_IMG_WRAP {width: 100%; height: 100%; text-align: center; position: relative;} .main_img_expand_view_wrap .COMMON_IMG_EXPAND_VIEW_IMG_WRAP > img {width: 100%; height: 100%; object-fit: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} .sub_img_expand_view_wrap {position: absolute; bottom: 6%; left: 5%; width: 90%;} .sub_img_expand_view_wrap .swiper-slide.swiper-slide-active > .COMMON_IMG_EXPAND_VIEW_IMG_WRAP:after {content: ""; width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 3px solid red;} .sub_img_expand_view_wrap .swiper-slide {width: 75px;} .sub_img_expand_view_wrap .COMMON_IMG_EXPAND_VIEW_IMG_WRAP {height: 0; padding-bottom: 52px; background-color: #fff; text-align: center; cursor: pointer; position: relative;} .sub_img_expand_view_wrap .COMMON_IMG_EXPAND_VIEW_IMG_WRAP > img {width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} .note-editable img {height: auto !important;} /* 탭 뉴 타입1 */ .tab-slide.tab_new_type_01 {font-family: "Noto Sans KR"} .tab-slide.tab_new_type_01 li {width: calc((100% - 3px ) / 4); text-align: center;} .tab-slide.tab_new_type_01 li:last-child {margin-right: 0;} .tab-slide.tab_new_type_01 li a {border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; background-color: #fff; color: #000 !important; padding: 0.5rem;} .tab-slide.tab_new_type_01 li a:hover, .tab-slide.tab_new_type_01 li a:focus {background-color: #fcf9f9; text-decoration: none !important;} .tab-slide.tab_new_type_01 li a.active {border-top: 1px solid #c0c0c0; background-color: #f4f4f4; border-bottom: 1px solid #f4f4f4; margin-bottom: -1px; border-top-color: #c0c0c0 !important;} .tab-slide.tab_new_type_01 li a.active > span {font-weight: 500;} @media (max-width: 480px) { .tab-slide.tab_new_type_01 li a > span {font-size: 0.9rem !important;} } @media (max-width: 420px) { .tab-slide.tab_new_type_01 li a > span {font-size: 0.8rem !important; letter-spacing: -1px;} } @media (max-width: 360px) { .tab-slide.tab_new_type_01 li a {padding: 0.375rem 0.25rem;} .tab-slide.tab_new_type_01 li a > span {font-size: 0.7rem !important;} } @media (max-width: 300px) { .tab-slide.tab_new_type_01 li a {padding: 0.25rem;} .tab-slide.tab_new_type_01 li a > span {font-size: 0.6rem !important; letter-spacing: -0.5px;} } /* 23.01.26 로그인폼 수정사항 */ .mem_card_new_fail_form .area_info > dl > dd {color: #717171 !important; margin-top: 1rem; text-align: center;} .mem_card_new_fail_form .btn_txt_area_outer > ul > li {text-align: center;} .mem_card_new_fail_form .btn_txt_area_outer > ul > li:last-child {margin-top: 1.5rem;} .mem_card_new_fail_form .findMyaccount {display: inline-block; width: auto; padding: 0; font-size: 1.125rem; color: #717171 !important; text-decoration: underline !important; background-color: transparent; border: 0;} .mem_card_new_fail_form .findMyaccount:hover, .mem_card_new_fail_form .findMyaccount:focus {text-decoration: underline !important;} /* 23.01.31 관리자 퀵버튼 제작 */ .okdc_admin_mngt_mask {position: fixed; top: 50%; left: 50%; width: 100%; height: 100vh; transform: translate(-50%, -50%); background-color: #00000080; z-index: 98; display: none;} .okdc_admin_mngt_tool_bar .okdc_admin_mngt_btn_wrap {position: fixed; bottom: 7rem; right: 1rem; width: auto !important; z-index: 100;} .okdc_admin_mngt_tool_bar.disuseBookmark .okdc_admin_mngt_btn_wrap {bottom: 4.5rem;} .add_btmBookmark .okdc_admin_mngt_tool_bar.disuseBookmark .okdc_admin_mngt_btn_wrap {bottom: 6rem;} .okdc_admin_mngt_tool_bar .okdc_admin_mngt_menu_lst_wrap {position: fixed; bottom: 7.25rem; right: 1rem; z-index: 99; border-radius: 1rem;} .okdc_admin_mngt_tool_bar .okdc_admin_mngt_menu_lst_wrap.on {box-shadow: 2px 2px 5px 3px rgb(0 0 0 / 15%);} .okdc_admin_mngt_tool_bar.disuseBookmark .okdc_admin_mngt_menu_lst_wrap {bottom: 4.75rem;} .add_btmBookmark .okdc_admin_mngt_tool_bar.disuseBookmark .okdc_admin_mngt_menu_lst_wrap {bottom: 6.25rem;} .okdc_admin_mngt_btn_wrap > .okdc_admin_mngt_btn {display: inline-block; font-size: 1.85rem; width: 50px; height: 50px; border-radius: 50%; border: 2px solid #dfdfdf; position: relative; box-shadow: 2px 2px 3px rgba(0,0,0,15%);} .okdc_admin_mngt_btn_wrap > .okdc_admin_mngt_btn.on {border: 0; box-shadow: inherit;} .okdc_admin_mngt_btn_wrap > .okdc_admin_mngt_btn > i {position: absolute; top: 52%; left: 49%; transform: translate(-50%, -50%); color: #929292; text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;} .okdc_admin_mngt_btn_wrap > .okdc_admin_mngt_btn.on > i {color: #292929;} .okdc_admin_mngt_tool_bar .okdc_admin_mngt_menu_lst_wrap .card {border-radius: 1rem; overflow: hidden; width: 0; height: 0; position: relative; background-color: #ffffffe6; border: 0;} .okdc_admin_mngt_tool_bar .okdc_admin_mngt_menu_lst_wrap.on .card {border: 1px solid rgba(0,0,0,.125);} .okdc_admin_mngt_tool_bar .okdc_admin_mngt_menu_lst_wrap .card-body {padding-bottom: 4rem; width: 165px; height: 238px; position: absolute; bottom: 0; right: 0;} .okdc_admin_mngt_tool_bar .okdc_admin_mngt_menu_lst_wrap p {color: #929292;} .okdc_admin_mngt_tool_bar .okdc_admin_mngt_menu_lst_wrap .okdc_admin_mngt_menu_lst {margin: 0; padding: 0;} .okdc_admin_mngt_tool_bar .okdc_admin_mngt_menu_lst_wrap .okdc_admin_mngt_menu_lst > li {list-style: none;} .okdc_admin_mngt_tool_bar .okdc_admin_mngt_menu_lst_wrap .okdc_admin_mngt_menu_lst > li > a {display: block; font-size: 1rem; font-weight: 500;} .okdc_admin_mngt_tool_bar .okdc_admin_mngt_menu_lst_wrap .okdc_admin_mngt_menu_lst > li:not(:first-child) {margin-top: 1rem;} @media (min-width: 1140px) { .okdc_admin_mngt_tool_bar .okdc_admin_mngt_btn_wrap, .okdc_admin_mngt_tool_bar .okdc_admin_mngt_menu_lst_wrap {right: calc(50% - 220px);} } /* 23.02.03 발송내역 */ .addt_srv_dsc_det_list_wrap ul, .addt_srv_dsc_det_list_wrap dl {padding: 0; margin: 0;} .addt_srv_dsc_det_list_wrap dl {font-size: 0.9rem;} .addt_srv_dsc_det_list_wrap dl > dt {vertical-align: middle; font-weight: 500; color: #666;} .addt_srv_dsc_det_list_wrap ul > li {list-style: none;} .addt_srv_dsc_det_list_wrap ul.addt_srv_dsc_det_list > li {padding: 0.75rem 0.25rem; border-bottom: 1px solid #dcdcdc;} /* 23.02.06 상단 헤더 수정사항 */ .widget-mb-menubar h5.logo a > span {height: 52px !important; padding: 0 !important;} .widget-mb-menubar h5.logo a.main_title_two > span {display: flex !important; align-items: center;} /* 23.02.10 모바일 다이얼로그 수정 */ .update_photo_form_popup {min-height: calc(100vh - 133px) !important;} /* 23.12.21 모바일 메뉴 수정 */ .alram_badge_lst_wrap {text-align: center; display: flex; justify-content: space-between; align-items: center; padding: 0rem 0.5rem !important; background-color: #f8f9fa; box-shadow: 0px 1px 2px rgba(0,0,0,0.2); position: relative; z-index: 1;} .alram_badge_lst_wrap a {padding: 0.5rem 0.5rem; display: block; white-space: nowrap; font-size: 0.9rem;} .alram_badge_lst_wrap a > span {margin-left: 0.25rem; vertical-align: 1px; border-radius: 3rem;} .my-ai-center-eapno-btn > span {margin-left: 0.25rem; vertical-align: 1px; border-radius: 3rem;} /* 23.12.22 전자 문서 결재 */ .m-menu-btn-wrap > li {display: inline-block; vertical-align: top;} .my_page_deap_form ul {margin-bottom: 0; padding-left: 0;} .my_page_deap_form ul > li {list-style: none;} .my_page_deap_main_list_top {position: relative;} .my_page_deap_form .text-overflow {max-width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block;} .my_page_deap_form .list-group {border-top: 1px solid #c2c2c2;} .my_page_deap_form .list-group > li {padding: 0.5rem 0.75rem; border-bottom: 1px solid #c2c2c2;} .deap_form_list_btn {width: 300px; padding: 0.375rem 0.75rem; font-size: 1.25rem; font-weight: 500 !important; border-radius: 0.25rem;} .my_page_deap_set_usr_sign_inf_form_wrap > ul > li {border: 1px solid #cbcbcb; height: 42px;} .my_page_deap_set_usr_sign_inf_form_wrap > ul > li:not(:first-child) {margin-left: -1px;} .my_page_deap_set_usr_sign_inf_form_wrap > ul > li:first-child {background-color: #cbcbcb; font-size: 1.125rem; padding-left: 1rem; padding-right: 1rem; line-height: 42px; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem;} .my_page_deap_set_usr_sign_inf_form_wrap > ul > li:nth-child(2) {min-width: 100px; text-align: center; padding-top: 0.25rem; padding-bottom: 0.25rem;} .my_page_deap_set_usr_sign_inf_form_wrap > ul > li:nth-child(2) > div {height: 34px; position: relative;} .my_page_deap_set_usr_sign_inf_form_wrap > ul > li:nth-child(2) > div > img {position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: contain;} .my_page_deap_set_usr_sign_inf_form_wrap > ul > li:last-child {padding: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; overflow: hidden;} .my_page_deap_set_usr_sign_inf_form_wrap > ul > li:last-child > a {color: #333 !important; background-color: #cbcbcb; border-color: #cbcbcb; height: 40px; line-height: 26px; margin-left: 0; margin-right: 0; font-size: 1.125rem;} .my_page_deap_set_usr_sign_inf_form_wrap > ul > li:last-child > a:hover, .my_page_deap_set_usr_sign_inf_form_wrap > ul > li:last-child > a:focus {color: #fff !important; background-color: #333; border-color: #333; transition: all 0.15s;} .my_page_deap_set_usr_sign_inf_form_img_wrap {position: relative;} .my_page_deap_set_usr_sign_inf_form_img_wrap > img {position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); object-fit: contain;} .my_page_deap_set_usr_sign_inf_form_img_wrap + .input-group-append > .btn {border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem;} .my_page_deap_main_drft_dc_lst > li:not(:first-child) {margin-top: 0.5rem;} .my_page_deap_main_drft_dc_lst > li > a > .card .card-body {padding: 0.75rem;} .my_page_deap_main_drft_dc_lst > li > a > .card > ul > li:last-child {border: 1px solid #3366b9; border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem; font-size: 1.125rem; color: #3366b9; font-weight: 500;} .my_page_deap_data_form_top_right {text-align: right;} .my_page_deap_data_form_top_left table > tbody > tr > td {vertical-align: middle;} .my_page_deap_data_form_top_left table {width: 80%; margin: 0 auto; min-width: 320px;} .my_page_deap_data_form_top_left table > tbody > tr > th, .my_page_deap_data_form_top_left table > tbody > tr > td {border: 1px solid #ddd; padding: 0.25rem;} .my_page_deap_data_form_top_left table > tbody > tr > th {vertical-align: middle; text-align: center; font-size: 0.9rem; background-color: #f8f8f8; font-weight: 400;} .my_page_deap_data_form_top_left table > tbody > tr > td {font-size: 0.8rem; text-align: center;} .my_page_deap_data_form_top_left table > tbody > tr:nth-child(2) > td {min-width: 62px;} .my_page_deap_data_form_top_left > ul > li:last-child > table > tbody > tr > th {font-size: 0.8rem;} .my_page_deap_data_form_top_left .appro_apv_wrap {height: 100%;} .my_page_deap_data_form_top_left .appro_apv_wrap > .appro_apv {position: relative; width: 100%; height: 100%;} .my_page_deap_data_form_top_left .appro_apv_wrap > .appro_apv > .appro_apv_unm {position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); color: #333; font-weight: 400; font-size: 0.8rem;} .my_page_deap_data_form_top_left .appro_apv_wrap > .appro_apv > img + .appro_apv_unm {top: 95%;} .my_page_deap_data_form_top_left .appro_apv_wrap > .appro_apv > img {position: absolute; top: 35%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); object-fit: contain; z-index: 10;} .my_page_deap_data_form_top_left > ul > li > ul > li {vertical-align: top;} .my_page_deap_data_form_top_left > ul > li > ul > li:first-child {margin-bottom: 1rem;} .my_page_deap_main_list_center {margin-top: 1.5rem;} .my_page_deap_main_list_center > ul > li:not(:first-child) {margin-top: 3rem;} .my_page_deap_main_list_center > ul > li > dl > dt > a {font-size: 1.125rem; font-weight: 500;} .my_page_deap_main_list_center > ul > li > dl > dt > a:hover {opacity: 0.7;} .my_page_deap_data_form_wrap {border: 2px solid #dee2e6; padding: 0.5rem;} .my_page_deap_data_form_wrap h1 {letter-spacing: 0.25rem; margin-top: 0; margin-bottom: 2rem;} .my_page_deap_data_form {max-width: 800px; margin: 0 auto;} .pagination {justify-content: center;} @media print { body {-webkit-print-color-adjust: exact;} #prtWrap {margin-right: 4rem;} .nonPrt {display: none;} } /* 전자 문서 결재 댓글 폼 수정 */ .my_page_deap_form .comn_cmt_wrap {background-color: #fff; border-bottom: none;} .my_page_deap_form .comn_cmt_wrap:not(.comn_regs_cmt_wrap) {padding: 1rem 0.25rem;} .my_page_deap_form .comn_regs_cmt_wrap > .okdc_rply_form {padding: 1rem 0;} .my_page_deap_form .cmt_wrir_wrap {width: calc(100% - 140px);} .my_page_deap_form .cmt_func_wrap {width: auto;} .my_page_deap_form .cmt_wrir_wrap textarea {height: 60px; font-size: 0.9rem;} .my_page_deap_form .cmt_save_btn_wrap a {height: 60px; line-height: 50px; padding: 0.25rem !important;} .my_page_deap_form .cmt_save_btn_wrap a .img_wrap + span {margin-left: 0.375rem;} .my_page_deap_form .cmt_func_wrap .cmt_save_btn_wrap a > * {font-size: 0.9rem;} .my_page_deap_form .cmt_prfl_wrap {width: 50px; margin-top: 0.25rem;} .my_page_deap_form .cmt_prfl_wrap .img_wrap {width: 45px; height: 45px;} .my_page_deap_form .cmt_wrir_info_lst .cmt_wrir_user > * {font-size: 1rem;} .my_page_deap_form .cmt_wrir_tool_wrap + .cmt_view {margin-top: 0.25rem; font-size: 0.9rem;} .my_page_deap_form .comn_regs_cmt_wrap .reply_wrap {padding: 1rem 0.5rem 1rem 1rem;} .my_page_deap_form .comn_regs_cmt_wrap > .writeBox .cmt_wrir_wrap {width: calc(100% - 88px);} .my_page_deap_form .comn_regs_cmt_wrap>.writeBox .cmt_func_wrap {width: auto;} .my_page_deap_form .cancelCommentBtn {font-size: 0.9rem;} /* 전자 문서 결재 결재라인 폼 수정 */ .deap_set_sign_stg_lst_sttl_wrap {padding-left: 1.5rem; position: relative;} .deap_set_sign_stg_lst_sttl_wrap > div {position: absolute; width: 1.5rem; height: 100%; border: 1px solid #333; top: 0; left: 1px; text-align: center; background-color: #ddd;} .deap_set_sign_stg_lst_sttl_wrap > div > span {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-weight: 500; font-size: 0.9rem;} .deap_set_sign_stg_lst_sttl_wrap > ul:after {content: ""; display: block; clear: both;} .deap_set_sign_stg_lst_sttl_wrap > ul > li {display: table-cell; float: left;} .deap_set_sign_stg_lst_sttl_wrap > ul > li:not(:nth-child(5n+1)) {margin-left: -1px;} .deap_set_sign_stg_lst_sttl_wrap > ul > li > div {width: 80px; border: 1px solid #333; text-align: center; padding: 0.5rem 0.25rem; font-size: 0.9rem; line-height: 1rem;} .deap_set_sign_stg_lst_sttl_wrap > ul > li > div:not(:first-child) {margin-top: -1px;} .deap_set_sign_stg_lst_sttl_wrap > ul > li > div:first-child {background-color: #f8f8f8; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .deap_set_sign_stg_lst_sttl_wrap > ul > li > div:nth-child(2) {height: 4rem; word-break: break-all;} .deap_set_sign_stg_lst_sttl_wrap > ul > li > div:last-child {font-size: 0.8rem;} .dc_eapno_appro_stg_lst_btn_wrap {width: 80%; margin: 0 auto; display: block; min-width: 320px;} .dc_eapno_appro_stg_lst_btn_wrap > a {display: block; position: relative; height: 7.5rem; text-align: center; border: 2px dashed #ddd; color: #6c757d; border-radius: 0.5rem;} .dc_eapno_appro_stg_lst_btn_wrap > a:hover {color: #333; border-color: #6c757d; transition: all 0.15s linear;} .dc_eapno_appro_stg_lst_btn_wrap > a > span {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-decoration: underline;} .deap_data_stg_bas_list ul > li {border-bottom: 0;} .deap_data_stg_bas_list ul > li:not(:first-child) {margin-top: 0.5rem;} .deap_data_stg_bas_list ul > li .card {width: 100%;} .deap_data_stg_bas_list .memSrchPagination > li {margin-top: 0 !important;} .deap_appro_inf_chg_form .addClubAuspcMem .swiper-wrapper div {margin-right: 1.5rem;} .deap_appro_inf_chg_form .addClubAuspcMem .swiper-wrapper div:not(:last-child):after {content: "＞"; position: absolute; top: 50%; right: -0.75rem; transform: translate(50%, -50%); font-weight: 700;} .deap_appro_inf_chg_form .addClubAuspcMem table th, .deap_appro_inf_chg_form .addClubAuspcMem table td {padding: 0.5rem; vertical-align: middle; border: 1px solid #dee2e6;} .deap_appro_line_lst_wrap, .deap_appro_line_lst_wrap ul, .deap_appro_line_lst_wrap dl {padding-left: 0; margin-bottom: 0;} .deap_appro_line_lst_wrap > li, .deap_appro_line_lst_wrap ul > li {list-style: none;} .deap_appro_line_lst_wrap {border-top: 2px solid #333;} .deap_appro_line_lst_wrap > li {padding: 0.5rem 0.25rem; border-bottom: 1px solid #ddd;} .deap_appro_line_lst_wrap > li > ul > li {vertical-align: middle;} .deap_appro_line_lst_wrap > li > ul > li:nth-child(2) {font-size: 0.9rem;} .deap_appro_line_lst_wrap > li > ul > li:last-child {text-align: right;} .deap_appro_odr_chg_btn {color: #6c757d;} .deap_appro_odr_chg_btn.active {color: #dc3545;} .deap_appro_odr_chg_btn > .deap_appro_odr_chg {display: inline-block;} .deap_appro_odr_chg_btn > .deap_appro_del_btn {display: none;} .deap_appro_odr_chg_btn.active > .deap_appro_odr_chg {display: none;} .deap_appro_odr_chg_btn.active > .deap_appro_del_btn {display: inline-block;} /* 유튜브 소개 영상 */ .common_mngr_menu_faq_vid_link {padding-right: 20px; font-size: 16px; font-weight: 500; background-color: #e1e0e0; color: #141414; border: 1px solid #e1e0e0; border-radius: 10px; vertical-align: middle;} .common_mngr_menu_faq_vid_link .img_wrap {display: inline-block; text-indent: -9999px; width: 46px; height: 32px; margin-top: -5px; margin-right: 10px; background: url("/common/css/images/ico_video.png") no-repeat center; background-size: contain; vertical-align: middle;} .common_mngr_menu_faq_vid_link .img_wrap + span {font-weight: 500;} .writer-photo.rounded-circle > .profile-imgage{width: 40px;height: 40px;display: block;background-repeat: no-repeat;background-position: center;background-size: cover;} /* 회원수첩 이미지 비율 일괄 변경 */ .memer_grid_lst_list_wrap .memQryLst.album100p .memLine {width: 100% !important;} .memer_grid_lst_list_wrap .memQryLst .memQryImage {width: 100% !important; height: 0 !important; padding-bottom: 135%; position: relative;} .memer_grid_lst_list_wrap .memQryLst .memQryImage > img {position: absolute; width: 100%; height: 100%; transform: translate(-50%, -50%); top: 50%; left: 50%;} .card_form_mem_lst_img_wrap.non_style .card_form_mem_lst_img {height: 0 !important; padding-bottom: 135% !important;} #mobileBody .memer_grid_lst_list_wrap .memQryLst .memQryImage .BIZ_badge_wrap {margin-top: 135% !important; transform: translateY(-100%);}