@charset "UTF-8"; /* reset css */ html{text-size-adjust:none;} body{font-family: 'Noto Sans KR', sans-serif; font-size:1rem; line-height:1.5; /* letter-spacing:1; */ min-width:1140px;} .table, .sub-table, .blogtext H1{font-family: 'Noto Sans KR', sans-serif; font-size:1rem; line-height:1.5; /* letter-spacing:1; */} 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;} /* 예전에 쓰던 폰트 덮어쓰기 */ .blogtext P, .blogtext H1, .blogtext H2, .blogtext H3, .blogtext H4, .blogtext H5, .blogtext H6{font-family: 'Noto Sans KR', sans-serif; line-height:1.5; /* letter-spacing:1; */} .ui-widget{font-family: 'Noto Sans KR', sans-serif;} .tpl-widget p, .tpl-widget dl, .tpl-widget ol, .tpl-widget ul, .tpl-widget li{margin:0; padding:0; list-style:none;} .tpl-widget .no-result{padding: 2rem 0;text-align: center;} .tpl-widget input[type="text"], .tpl-widget input[type="password"], .tpl-widget textarea, .tpl-widget select { display: block; height: 38px; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; } .tpl-widget input[type="text"]:focus, .tpl-widget input[type="password"]:focus, .tpl-widget textarea:focus, .tpl-widget select:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .tpl-widget.widget-login input[type="text"], .tpl-widget.widget-login input[type="password"]{width:100%;} .tpl-widget.widget-login input[type="text"]::-ms-clear { display: none; } .tpl-widget.widget-login input[type="password"]::-ms-reveal { display: none; } .tpl-widget a{color:#000; text-decoration:none;} .tpl-widget a:hover{color:#888; text-decoration: underline;} .tpl-widget .btn{color: #fff;} .tpl-widget .btn:hover{ color: #fff;} .tpl-widget .btn{background-color: #0758aa; border-color: #0758aa;} .tpl-widget .btn:hover{background-color: #9cb2c7; border-color: #9cb2c7;} .content-body{ padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;} /* .tpl-widget{position: relative;} */ .tpl-area-container{max-width:1140px; min-width:1140px; margin:0 auto;} .widget-toolbar .toolbar-container{max-width:1140px; min-width:1140px; margin:0 auto;} .tpl-widget-body{margin:5px;} .widget-slide .tpl-widget-body{margin:0;} /*col-4일 경우 슬라이드 좌우 화살표가 좌우로 벗어남 ->안쪽으로 올수 있도록 잡아줌 -D20.05.27)*/ .col-4 .widget-slide .tpl-widget-body .bx-wrapper .bx-controls .bx-controls-direction { } .col-4 .widget-slide .tpl-widget-body .bx-wrapper .bx-controls .bx-controls-direction a { } .col-4 .widget-slide .tpl-widget-body .bx-wrapper .bx-controls .bx-controls-direction .bx-prev { left:0px; } .col-4 .widget-slide .tpl-widget-body .bx-wrapper .bx-controls .bx-controls-direction .bx-next { right:0px; } /* 카드형 위젯 공통*/ .widget-card {font-size:.95rem;border: 0;} //.widget-card .widget-card-header{padding: 10px;} .widget-card .widget-card-header .widget-card-header-body{border-bottom: 2px solid rgba(0,0,0,.125);} .widget-card .widget-card-header dl{display: inline-block;border-bottom: 2px solid #0758aa;margin-bottom: -2px; padding: 1.25rem 1rem 0.5rem;} /* .widget-card .widget-card-header dl dt span{border-bottom: 2px solid #0758aa; padding: 0.5rem 1rem;display: inline-block;margin-bottom: -2px;} */ .widget-card .widget-card-header .widget-card-header-body{position: relative;} .widget-card > .widget-card-header .widget-card-header-body{position: relative;} .widget-card > .widget-card-header .widget-card-header-body > .widget-more-btn, .widget-card > .widget-card-header .widget-card-header-body > .JS-widget-clipboard-btn{position:absolute; right:1rem; bottom:7px; padding:2px 5px; font-size: 1rem;} .widget-card > .widget-card-header .widget-card-header-body > .widget-more-btn span{margin-left: 2px; display:none;} .widget-card .widget-card-header .widget-card-header-body > dl > dt{font-size: 1.15rem;} .widget-card .widget-card-body{min-height:82px; padding:0.5rem 1.25rem 1.25rem;} .tpl-widget.widget-board .tpl-widget-body .tpl-widget-content .widget-card .widget-card-body:after{content:""; display: block; clear:both;} .tpl-widget.widget-board .tpl-widget-body .tpl-widget-content .widget-card .widget-card-body{min-height:163px;} /* 카드 보더 x / 카드 바디 패딩 x */ .tpl-widget.widget-slide > .tpl-widget-body > .tpl-widget-content > .widget-card{border:0;} .tpl-widget.widget-slide > .tpl-widget-body > .tpl-widget-content > .widget-card > .widget-card-body{padding:0;} /* 카드형 타이틀이 중앙으로 오면서 more 사용*/ .widget-card-header .widget-card-header.use-more:after{display:block; clear:both; content:"";} .tpl-widget .widget-card-header.use-more h4{float:left; width:80%; margin-bottom:0 !important; font-size:1.125rem; } .tpl-widget .widget-card-header.use-more a.btn{float:right; margin:0;} .widget-item-new{text-align:center; background-color:#ff6347; color:#ffffff; font-size:.8rem; margin:0 5px; padding:1px 5.5px; vertical-align:middle; border-radius:3rem; line-height:.25rem} .widget-comment-cnt{color:#769fc5;font-weight: bold;} .widget-login .btn-local-admin{position: absolute;top: 0;right: 0;display: inline-block;color: #FFF;background-color: red;padding: 0.2rem 0.5rem; color:#fff !important;} .widget-login .btn-local-admin:hover{color: #FFF;} /**색상 선택형*/ body.tpl-color-1 .widget-menubar.widget-style-type5 .menu-main-wrap{background-color: red;} body.tpl-color-2 .widget-menubar.widget-style-type5 .menu-main-wrap{background-color: blue;} body.tpl-color-3 .widget-menubar.widget-style-type5 .menu-main-wrap{background-color: orange;} /* 서브 컨텐츠 영역 */ .tpl-loct-sxn-cd-0002 .tpl-area-middle{min-height:800px; margin:3rem auto;} .tpl-loct-sxn-cd-0002 #position-center{margin-left:1rem;} /* 서브 컨텐츠 - 상단 버튼 영역 */ .Top_btn_section {padding:1.25rem 0 0rem 0; } .Top_btn_section > div{padding:0;} .Top_btn_section div:last-child{text-align:right} /* 서브 컨텐츠 - 우측 obj 영역 */ .Top_search_layout_r{position: relative; width:100%; margin:1rem 0; overflow:hidden} .Top_search_layout_r:after{display:block; content:""; clear:both;} .Top_search_layout_r > div{float:right; min-width:60%; max-width:60%;} .Top_search_layout_r > div div:last-child {margin-left:.25rem} /* 마이페이지*/ .mypage_section{overflow:hidden;} .mypageViewlist .widget-card .widget-card-header .btn-link{background-color:transparent; border-color:transparent;} /*슬라이드*/ .tpl-widget .bx-wrapper img{width:100%;} .JS-widget-tabs .JS-widget-tabs-header li.active{background-color: #DDD;} /* 기존 위젯 */ .photo .widget-card:hover{border-color:#1958eb;} /* ie9 sub top*/ .tpl-area-top:after{display:block; content:""; clear:both;} /* 페이지 */ .pagination>li > a, .pagination>li > span{color:#333;} .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{background-color:#707070; color:#fff; border-color:#707070;} .widget-card .widget-card-header .widget-card-header-body.use-more{min-height: 44px;} /* 관리자 확인사항*/ .top-mngr-cfm-info{min-width:1140px; background-color:#353b46; white-space:nowrap;} .top-mngr-cfm-info ul{display:table; table-layout:fixed; width:100%; margin:0; padding: 0;} .top-mngr-cfm-info ul li{display:table-cell; text-align:center; vertical-align: middle;} .top-mngr-cfm-info ul li h4{margin-bottom:0; color:#fff; vertical-align: middle;} .top-mngr-cfm-info ul li h4 span{font-size:0.75rem;} .top-mngr-cfm-info ul li a{display:block; color: #fff; vertical-align: middle; position:relative; } .top-mngr-cfm-info ul li a p{margin: 0px;} .top-mngr-cfm-info ul li a:hover{color:#f1f1f1;} .top-mngr-cfm-info ul li a:after{content:"|"; vertical-align: middle; color:#FFF; position:absolute; top:20%; right:0;} .top-mngr-cfm-info ul li:nth-last-child(2) a:after, .top-mngr-cfm-info ul li:last-child a:after{display:none;} .top-mngr-cfm-info ul li a i{display:inline-block; line-height:40px; font-size:1.5rem;} .top-mngr-cfm-info ul li a .cfm-info-ttl{display:inline-block; margin-bottom:0; padding:0.2rem 0; font-size:0.85rem; text-align:left; vertical-align:bottom;} .top-mngr-cfm-info ul li a .cfm-info-num{display:inline-block; min-width:30px; margin-left:0.5rem; padding:0.2rem 0.5rem; font-size:0.8rem; text-align:center; font-weight:bold; background-color:#ce767a; border-radius:15px; line-height: 0.8rem; vertical-align:text-top;} .top-mngr-cfm-info .cfm-link-adm{background-color: #333; /* box-shadow: 3px 0px 5px #964d50; */} /* .top-mngr-cfm-info ul li.active span{background-color:#ce767a; color:#efefef;} */ /*연혁모듈*/ .moduleHistLstLis-wrap p { padding:0px; margin:0px; } /* 부트스트랩 추가 */ /* 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 {border: 1px solid #dfdfdf; padding: 1rem; margin-bottom: 1rem; box-shadow: 0 0 3px 1px rgba(0,0,0,10%); background-color: #ffffffcc; margin-top: 1rem;} .my_meet_mem_form:hover {transition: all .3s ease; transform: translateY(-5px); border-color: #afafaf; box-shadow: 0 0 3px 1px rgba(0,0,0,20%);} .my_meet_mem_form_top {padding-left: 0;} .my_meet_mem_form_info_wrap > ul > li:first-child h5 {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-bottom: 0.125rem; margin-bottom: 0;} .my_meet_mem_form_info_wrap > p {font-weight: 300 !important; color: #494949; margin-bottom: 0; font-size: 0.9rem;} .my_meet_mem_form_bottom > ul > li:not(:first-child) {margin-left: 0.5rem;} .my_meet_mem_form_bottom ul.my_meet_mem_form_bottom_lst {margin-left: -3px;} .my_meet_mem_form_bottom ul.my_meet_mem_form_bottom_lst > li {padding-left: 3px; padding-right: 3px;} .my_meet_mem_form_bottom ul.my_meet_mem_form_bottom_lst > li:first-child {padding-left: 0;} .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;} .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: 0.5rem; font-size: 1.125rem;} .my_meet_mem_form_cmn_wrap {padding: 2rem 1.5rem 3rem;} .my_meet_mem_gray_form {background-color: #f2f2f2; margin-left: -1.5rem; margin-right: -1.5rem;} .no_evt_mem {line-height: 55px; text-align: center; color: #ababb3;} .my_meet_mem_form_no_result {margin-top: -20px; padding: 3rem 0;} .my_meet_mem_form_info_wrap {display: block;} .my_meet_mem_form_more_view_btn > p {margin-bottom: 0;} .my_meet_mem_form_bottom > ul {margin-bottom: 0;} .my_meet_mem_form_top {margin-bottom: 0;} .my_meet_mem_form_wrap_lst { padding-left: 0; margin-bottom: 0;} .my_meet_mem_form_wrap_lst > li {list-style: none; display: inline-block; width: calc((100% - 40px) / 3); margin-right: 20px; vertical-align: middle;} .my_meet_mem_form_wrap_lst > li:nth-child(3n) {margin-right: 0;} .my_meet_mem_form_more_view_btn_wrap:hover {border-color: #afafaf; box-shadow: 0 0 3px 1px rgba(0,0,0,20%); transition: all .3s ease;} .my_meet_mem_gray_form .COMMON_SWIPER_SLIDE {padding: 0 1rem 3rem; margin: 0 8px;} .my_meet_mem_gray_form .swiper-button-prev, .my_meet_mem_gray_form .swiper-container-rtl .swiper-button-next {left: 0px; background-image: url("/common/okdcMngt/css/images/main_arrow_left.png"); background-size: 15px 30px; transform: translate(0,-50%); padding: 7.5px 15px 7.5px 0; background-position-x: left;} .my_meet_mem_gray_form .swiper-button-next, .my_meet_mem_gray_form .swiper-container-rtl .swiper-button-prev {right: 0px; background-image: url("/common/okdcMngt/css/images/main_arrow_right.png"); background-size: 15px 30px; transform: translate(0,-50%); padding: 7.5px 0 7.5px 15px; background-position-x: right;} .my_meet_mem_no_result_form {padding: 5rem 0;} .my_meet_mem_no_result_form h5 {color: #333; padding-bottom: 2.5rem;} .my_meet_mem_no_result_form a {color: #333; font-size: 1.5rem; text-decoration: underline;} .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;} /* 회원 통계 */ .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; overflow: hidden;} .mem_stats_type1:hover {box-shadow: 2px 2px 6px rgba(0,0,0,18%); transform: translatey(-5px); cursor: pointer;} .mem_stats_type1 .swiper-slide > a > ul > li {color: #333;} .mem_stats_type1 .swiper-slide > a > ul > li:first-child {text-align: center; background-color: #e8e8e8; color: #333; padding: 1rem;} .mem_stats_type1 .swiper-slide > a > ul > li:last-child {padding: 1rem 3rem; font-weight: 300;} .mem_stats_type1_wrap.dark-mode .mem_stats_type1 .swiper-slide > a > ul > li:first-child {background-color: #fff; color: #333;} .mem_stats_type1_wrap.dark-mode .mem_stats_type1 .swiper-slide > a > ul > li:last-child {color: #fff;} .mem_stats_type1_wrap.dark-mode .mem_stats_type1 .swiper-slide > a > ul > li:last-child > ul > li:last-child {color: #fff !important;} /* 컨텐츠 카드 폼 이벤트 */ .COMMON_CONTENT_CARD_LST_FORM > ul > li > div {transition: all .3s ease;} .COMMON_CONTENT_CARD_LST_FORM > ul > li > div:hover {transition: all .3s ease; transform: translateY(-5px); box-shadow: 4px 5px 10px 2px rgb(0 0 0 / 30%) !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;} .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;} .tab-slide.tab_new_type_01 li a.active > span {font-weight: 500;} /* 23.02.24 로그인창 리뉴얼 */ .mem_card_reform .loginBtn {padding: 0.75rem 1rem;} .mem_card_reform .kakao_login_wrap {position: relative;} .mem_card_reform .kakao_info_text {color: #adadad; margin-top: 0.5rem; font-weight: 500; display: none; position: absolute;} .mem_card_reform .kakao_login_wrap > a:hover + .kakao_info_text {display: block;} .mem_card_reform .kakao_info_text > ul > li:first-child {vertical-align: top; width: 24px;} .mem_card_reform .kakao_login_wrap {margin-top: 0.5rem;} .mem_card_reform .kakao_login_wrap > a {display: block; text-align: center; background-color: #fee500; padding: 1.5px 0;} .mem_card_reform .kakao_login_wrap > a > img {display: block; margin: 0 auto;} .mem_card_reform .sec_gud {margin-top: 5rem;} .mem_card_reform .mv_form_lst_outer ul > li > a {border: 0;} .mem_card_reform .mv_form_lst_outer ul {display: block; text-align: center;} .mem_card_reform .mv_form_lst_outer ul > li {display: inline-block;} .mem_card_reform .mv_form_lst_outer ul > li:first-child > a:after {content: ""; display: inline-block; width: 1.5px; height: 1.25rem; vertical-align: middle; background-color: #e0e0e0; margin-left: 30px;} .mem_card_reform .area_gud .area_btn a {border: 0; background-color: transparent; text-decoration: underline;} /* widget-slide type1 swiper 기본세팅 */ .widget-slide.widget-style-type1 .swiper-container {z-index: 0;} .widget-slide.widget-style-type1 .swiper-button-prev, .widget-slide.widget-style-type1 .swiper-button-next {position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999;} .widget-slide.widget-style-type1 .swiper-button-prev {background: url(images/controls.png) 0 -32px no-repeat;} .widget-slide.widget-style-type1 .swiper-button-next {background: url(images/controls.png) -43px -32px no-repeat;} .widget-slide.widget-style-type1 .swiper-pagination-bullet {width: 12px; height: 12px; border: 2px solid rgba(0,0,0, 75%); background-color: rgba(255,255,255,85%); box-shadow: 0px 0px 5px rgba(0,0,0, 30%);} .widget-slide.widget-style-type1 .swiper-container img {width:100%; display: block;} /* 23.12.22 전자 문서 결재 */ .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_set_usr_sign_inf_form_wrap {position: absolute; top: 50%; right: 0; transform: translateY(-50%);} .my_page_deap_form .text-overflow {max-width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block;} .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_main_list_center {margin-top: 3rem;} .my_page_deap_main_list_center > ul > li:not(:first-child) {margin-top: 4rem;} .my_page_deap_main_list_center > ul > li > dl > dt > a {font-size: 1.25rem;} .my_page_deap_main_list_center > ul > li > dl > dt > a:hover {opacity: 0.7;} .my_page_deap_main_list_center table {table-layout: fixed; border-top: 2px solid #1c74cc;} .my_page_deap_main_list_center table th {background-color: #e9ecef;} .my_page_deap_main_list_center table tr > td {vertical-align: middle; text-align: center;} .my_page_deap_main_list_center table tr > td a.btn {border-radius: 0.25rem;} .my_page_deap_main_list_center table tr > td a:not(.btn) {font-weight: 500; display: block;} .my_page_deap_main_list_center table tr > td a:not(.btn):hover {text-decoration: underline !important;} .my_page_deap_main_list_center table span.badge {border-radius: 0;} .my_page_deap_data_form_wrap {border: 2px solid #dee2e6; padding: 4rem;} .my_page_deap_data_form_wrap h1 {letter-spacing: 1rem; margin-top: 0; margin-bottom: 2rem;} .my_page_deap_data_form {max-width: 800px; margin: 0 auto;} .my_page_deap_data_form table tr > td {vertical-align: middle; text-align: center;} /* .my_page_deap_data_form .my_page_deap_data_form_top {display: flex; justify-content: space-between; align-items: flex-start;} */ .my_page_deap_data_form .my_page_deap_data_form_top {display: table; table-layout: fixed; width: 100%;} .my_page_deap_data_form .my_page_deap_data_form_top > * {display: table-cell; margin-bottom: 0.5rem; vertical-align: top;} .my_page_deap_data_form .my_page_deap_data_form_top > .my_page_deap_data_form_top_right {width: 528px;} .my_page_deap_data_form_top table {margin-bottom: 0;} .my_page_deap_data_form_top table th {background-color: #ddd;} .my_page_deap_data_form_top_left table {border-top: 2px solid #333; margin-top: 0;} .my_page_deap_data_form_top_left table tbody tr > th, .my_page_deap_data_form_top_left table tbody tr > td {border-color: #bbbbbb; padding: 0.75rem 0.5rem;} .my_page_deap_data_form_top_right table {margin-top: 0;} .my_page_deap_data_form_top_right {text-align: right;} .my_page_deap_data_form_top_right .appro_apv_wrap {height: 100%;} .my_page_deap_data_form_top_right .appro_apv_wrap > .appro_apv {position: relative; width: 100%; height: 100%;} .my_page_deap_data_form_top_right .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.9rem;} .my_page_deap_data_form_top_right .appro_apv_wrap > .appro_apv > img + .appro_apv_unm {top: 95%;} .my_page_deap_data_form_top_right .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;} @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;} .my_page_deap_form .comn_regs_cmt_wrap > .okdc_rply_form {padding: 1rem 0;} .my_page_deap_form .cmt_wrir_wrap {width: calc(88% - 50px);} .my_page_deap_form .cmt_func_wrap {width: 12%;} .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;} .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: 50px; height: 50px;} .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;} /* 전자 문서 결재 결재라인 폼 수정 */ .deap_set_sign_stg_lst_sttl_wrap {padding-left: 2rem; position: relative; max-width: 528px;} .deap_set_sign_stg_lst_sttl_wrap > div {position: absolute; width: 2rem; 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:nth-child(n+6) {margin-top: -1px;} .deap_set_sign_stg_lst_sttl_wrap > ul > li > div {width: 100px; 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: 5rem; word-break: break-all;} .dc_eapno_appro_stg_lst_btn_wrap {width: 80%;} .dc_eapno_appro_stg_lst_btn_wrap > a {display: block; position: relative; height: 9rem; 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;} /* 유튜브 소개 영상 */ .common_mngr_menu_faq_vid_link {padding-right: 20px; margin-left: 1rem; margin-top: 0.375rem; font-size: 17px; font-weight: 500; background-color: #e1e0e0; color: #141414; border: 1px solid #e1e0e0; border-radius: 10px; vertical-align: middle; display: inline-block;} .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;} /* 위젯 슬라이드 + 텍스트 폼 추가 */ /* .widget-slide.widget-style-type1 ul > li img {height: 100vmin; max-height: 100vh; overflow: hidden;} */ .widget-slide.widget-style-type1 ul > li img + .slide_text {position: absolute; display: block; width: 90%; top: 50%; left: 50%; transform :translate(-50%, -50%); font-size: 3.5rem; color: #fff; text-align: center; line-height: 5.5rem; font-weight: bold; text-shadow: 2px 2px 6px rgba(0,0,0,1); margin: 0;} /* bx-slide */ .widget-slide.widget-style-type1 [data-animate="animateFadeIn"] > li > img + .slide_text {opacity: 0; visibility: hidden;} .widget-slide.widget-style-type1 [data-animate="animateFadeIn"] > li[aria-hidden="false"] > img + .slide_text {opacity: 1; visibility: visible; transition: all 1s ease-out; transition-delay: 0.25s;} .widget-slide.widget-style-type1 [data-animate="animateUpDown"] > li > img + .slide_text {opacity: 0; visibility: hidden;} .widget-slide.widget-style-type1 [data-animate="animateUpDown"] > li[aria-hidden="false"] > img + .slide_text {transform :translate(-50%, -50%) !important; opacity: 1; visibility: visible; transition: all 1s ease-out;} .widget-slide.widget-style-type1 [data-animate="animateDownUp"] > li > img + .slide_text {opacity: 0; visibility: hidden;} .widget-slide.widget-style-type1 [data-animate="animateDownUp"] > li[aria-hidden="false"] > img + .slide_text {transform :translate(-50%, -50%) !important; opacity: 1; visibility: visible; transition: all 1s ease-out;} /* swiper */ .widget-slide.widget-style-type1 [data-animate="animateFadeIn"] ul > li > img + .slide_text {opacity: 0; visibility: hidden;} .widget-slide.widget-style-type1 [data-animate="animateFadeIn"] ul > li.swiper-slide-active > img + .slide_text {opacity: 1; visibility: visible; transition: all 1s ease-out; transition-delay: 0.25s;} .widget-slide.widget-style-type1 [data-animate="animateUpDown"] ul > li > img + .slide_text {opacity: 0; visibility: hidden;} .widget-slide.widget-style-type1 [data-animate="animateUpDown"] ul > li.swiper-slide-active > img + .slide_text {transform :translate(-50%, -50%) !important; opacity: 1; visibility: visible; transition: all 1s ease-out;} .widget-slide.widget-style-type1 [data-animate="animateDownUp"] ul > li > img + .slide_text {opacity: 0; visibility: hidden;} .widget-slide.widget-style-type1 [data-animate="animateDownUp"] ul > li.swiper-slide-active > img + .slide_text {transform :translate(-50%, -50%) !important; opacity: 1; visibility: visible; transition: all 1s ease-out;}