@charset "utf-8"; /* 폰트 */ /* 함초롱바탕 */ /* @font-face {font-family: 'HANBatang'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2104@1.0/HANBatang.woff') format('woff'); font-weight: normal; font-style: normal;} */ /* Regular */ @font-face {font-family: 'HCRBatang'; src: url("/common/css/fonts/HCRBatang.woff") format('woff'); font-weight: 400; font-style: normal;} /* Bold */ @font-face {font-family: 'HCRBatang'; src: url("/common/css/fonts/HCRBatang-Bold.woff") format('woff'); font-weight: 700; font-style: normal;} /* SMUSnowflake-Bold */ @font-face {font-family: 'SMUSnowflake-Bold'; src: url("/common/css/fonts/SMUSnowflake-Bold.woff") format('woff'); font-weight: 700; font-style: normal;} /* TT몽글로맨스 */ @font-face {font-family: 'TTMongleRomance'; src: url("/common/css/fonts/TTMongleRomance.woff2") format('woff'); font-weight: 400; font-style: normal;} /* 좋은고딕140 */ @font-face {font-family: 'GFGoodGothic'; src: url("/common/css/fonts/GFGoodGothic-140.woff2") format('woff'); font-weight: 400; font-style: normal;} /* TT내일은맑음 */ @font-face {font-family: 'TTFineTomorrow'; src: url("/common/css/fonts/TTFineTomorrow.woff2") format('woff'); font-weight: 400; font-style: normal;} /* 나눔명조 */ @font-face {font-family: 'NanumMyeongjo'; src: url("/common/css/fonts/NanumMyeongjo.woff") format('woff'); font-weight: 400; font-style: normal;} /* Bold */ @font-face {font-family: 'NanumMyeongjo'; src: url("/common/css/fonts/NanumMyeongjoBold.woff") format('woff'); font-weight: 700; font-style: normal;} html, body {touch-action: pan-x pan-y; width: 100%; height: 100%;} html {font-size: 16px;} body { font-weight: normal; font-size: 16px; font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; overflow-y: scroll; position: relative; min-height: 100vh; overflow-x: hidden; color: #333;} /* 폰트, rem 반응형 정리 */ @media (max-width: 800px) { html, body {font-size: 15px;} } @media (max-width: 600px) { html, body {font-size: 14px;} } @media (max-width: 480px) { html, body {font-size: 13px;} } @media (max-width: 360px) { html, body {font-size: 12px;} } .ui-widget {font-family: 'Noto Sans KR', sans-serif;} /* 리셋 */ body, p, form, h1, h2, h3, h4, h5, h6, small, ul, ol, dl { margin: 0; padding: 0; } li { list-style: none; } * { box-sizing: border-box; } *:after { clear: both; } dl, ol, ul { margin: 0; padding: 0; } ul li { list-style: none } dl, dd { margin-bottom: 0; } label { margin-bottom: 0; } em { font-style: normal; } a { display: inline-block; color: initial; } a:hover { color: initial; cursor: pointer; color: #000;} p { margin: 0; } h1, h2, h3, h4, h5, h6 { margin: 0; } button { background: transparent; padding: 0; border: 0; } form { margin-bottom: 0; } a, a:hover, a:focus { text-decoration: none;} dl, dd, dt { line-height: initial; } input::placeholder, textarea::placeholder {font-style: normal;} img {max-width: 100%;} label:hover {cursor: pointer;} .card { display: block; background-color: #fff; border: 0; border-radius: 0; } .container { padding: 0; } .btn { line-height: inherit; font-size: inherit; font-weight: inherit; font-size: 1rem;} /* 리셋 끝 */ /* 공통 */ input[type="text"], input[type="password"] {color: #333; border: 1px solid #dcdcdc;} form .VALIDATE_ERROR_MSG {border-color: #dc3545 !important;} .data-required-item {color: #dc3545; font-weight: 500; margin-right: 0.375rem;} .btn + .btn, .badge + .badge {margin-left: 0.5rem;} /* 부트스트랩 추가 및 수정 */ .w-80 {width: 80% !important;} .w-90 {width: 90% !important;} .font-wt-300 {font-weight: 300 !important;} .font-wt-400 {font-weight: 400 !important;} .font-wt-500 {font-weight: 500 !important;} .font-wt-600 {font-weight: 600 !important;} .font-wt-700 {font-weight: 700 !important;} .font-wt-bold {font-weight: bold !important;}http://127.0.0.1:8081/publ/sub/button.do# .font-2xs {font-size: 0.7rem !important;} .font-xs {font-size: 0.8rem !important;} .font-sm {font-size: 0.9rem !important;} .font-md {font-size: 1rem !important;} .font-lg {font-size: 1.125rem !important;} .font-xl {font-size: 1.25rem !important;} .font-2xl {font-size: 1.5rem !important;} .font-3xl {font-size: 1.75rem !important;} .font-4xl {font-size: 2rem !important;} .font-5xl {font-size: 2.25rem !important;} .font-6xl {font-size: 2.5rem !important;} .text-dark-green {color: #233a26;} .btn.zipcodeBtn {padding: 0.5rem 3rem; line-height: 1.5rem;} .btn-dark-green {background-color: #233a26; border-color: #233a26; color: #fff;} .btn-dark-green:hover {background-color: #657568 !important; border-color: #657568 !important; transition: all 0.15s ease-in-out;} .btn-dark-green:focus {background-color: #c9b05e !important; border-color: #c9b05e !important; transition: all 0.15s ease-in-out;} .btn-outline-dark-green {color: #233a26 !important; border-color: #233a26;} .btn-outline-dark-green:hover {background-color: #d3d8d4 !important; transition: all 0.15s ease-in-out;} .btn-outline-dark-green:focus {background-color: #919d93 !important; transition: all 0.15s ease-in-out;} .btn-brown {background-color: #8A7D78; border-color: #8A7D78; color: #fff !important;} .btn-brown:hover, .btn-brown:focus {filter: brightness(1.375); transition: all 0.15s ease-in-out;} .btn-outline-brown {border-color: #8A7D78; color: #8A7D78;} .btn-outline-brown:hover, .btn-outline-brown:focus {background-color: #8A7D78; color: #fff; transition: all 0.15s ease-in-out;} .btn-dark-brown {background-color: #453833; border-color: #453833; color: #fff !important;} .btn-dark-brown:hover {filter: brightness(1.5); transition: all 0.15s ease-in-out;} .btn-outline-dark-brown {border-color: #453833; color: #453833 !important;} .btn-outline-dark-brown:hover, .btn-outline-dark-brown:focus {background-color: #453833; color: #fff !important; transition: all 0.15s ease-in-out;} .btn-pink {background-color: #CCB1AA; border-color: #CCB1AA; color: #fff;} .btn-pink:hover {background-color: #D9C2BD !important; border-color: #D9C2BD !important; transition: all 0.15s ease-in-out;} .btn-outline-light-gray {border-color: #6D6D6D; color: #6D6D6D !important;} .btn-outline-light-gray:hover {background-color: #F1F1F1; transition: all 0.15s ease-in-out;} .badge-brown {background-color: #ad8b48; color: #fff;} .table {border-top: 2px solid #000; border-bottom: 1px solid #dee2e6; width: 100%; table-layout: fixed; margin-bottom: 0;} .table tr > th {background-color: #fafafa;} .table tr > th, .table tr > td {vertical-align: middle; text-align: center; padding: 0.5rem;} .table.table-lg tr > th {font-size: 1.125rem;} .table.table-lg tr > th, .table.table-lg tr > td {padding: 1.125rem;} .list-inline {margin-left: -0.25rem; margin-right: -0.25rem;} .list-inline > * {display: inline-block; padding-left: 0.25rem; padding-right: 0.25rem; vertical-align: middle;} .form-control {height: calc(2.5rem + 2px); padding: 0.5rem 1rem; border-radius: 0.375rem; color: #333;} .form-control:focus {box-shadow: none; border-color: #333;} select.form-control {padding: 0.5rem 1rem 0.5rem 0.75rem;} .d-flex-form {display: flex; justify-content: space-between; align-items: center;} /* 공통 컴포넌트 */ .obity_page_title {font-weight: bold; text-align: center; font-size: 2rem; padding-bottom: 1rem;} .obity_table_wrap .table {border: none;} .obity_table_wrap .table td, .obity_table_wrap .table th {border: none;} .obity_table_wrap.type_01 {padding: 3rem; background-color: #938682; border-radius: 0.75rem;} .obity_table_wrap.type_01 .table tr > th {background-color: transparent; color: #fff;} .obity_table_wrap.type_01 .table tr > th i {display: none;} .obity_table_wrap.type_01 .table th {text-align: left;} .obity_table_wrap.type_02 {border-radius: 0.75rem; overflow: hidden;} .obity_table_wrap.type_02 .table th {background-color: #938682; color: #fff; font-weight: 500;} .obity_table_wrap.type_02 .table tbody > tr:nth-child(2n+1) td {background-color: #fff;} .obity_table_wrap.type_02 .table tbody > tr:nth-child(2n) td {background-color: #f5efdf;} .obity_table_wrap input[type="radio"] {-webkit-appearance: none; -moz-appearance: none; appearance: none; width: 1.25rem; height: 1.25rem; border: 1px solid #ccc; border-radius: 50%; outline: none; cursor: pointer; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} .obity_table_wrap input[type="radio"]:checked {background-color: #233a26; border: 3px solid #fff; box-shadow: 0 0 0 1px #233a26;} .pagination {gap: 0.5rem;} .page-link {border: none !important; background-color: inherit; color: #233a26;} .page-item.active .page-link {background-color: #938682; color: #fff; font-weight: 400; border-radius: 0.5rem; font-weight: 500;} /* 레이아웃 */ .default_container {background-color: #F7F4F0;} .obity_default_container {width: 100%; max-width: 1200px; margin: 6rem auto; padding-left: 1rem; padding-right: 1rem;} .obity_sub_container {width: 100%; max-width: calc(996px + 2rem); margin: 6rem auto; padding-left: 1rem; padding-right: 1rem;} .obity_sub_container.form-sm {max-width: calc(600px + 2rem);} .wri_form_container {margin-bottom: 6rem;} .wri_form_container.mary_form .wri_left_form_wrap, .wri_form_container.invt_form .wri_left_form_wrap {width: 100%; margin: 0 auto 6rem; max-width: 480px;} .mary_pre_view_popup .wri_form_container.mary_form .wri_left_form_wrap, .mary_pre_view_popup .wri_form_container.invt_form .wri_left_form_wrap {padding: 0;} .mary_pre_view_popup .mary_form .wri_left_form, .mary_pre_view_popup .invt_form .wri_left_form {border: none; border-radius: 0;} .wri_form_container.mary_form, .wri_form_container.invt_form {width: 100%; max-width: calc(800px + 2rem); margin: 0 auto 6rem; padding: 0rem 1rem;} .wri_form_container.mary_form .wri_right_form_wrap, .wri_form_container.invt_form .wri_right_form_wrap {border: 1px solid #D4D4D4; border-radius: 0.625rem; background-color: #FAFAFA;} .wri_form_container.mary_form .wri_right_form, .wri_form_container.invt_form .wri_right_form {padding: 2.5rem;} .COMMON_DIALOG_LAYOUT .wri_form_container.mary_form, .COMMON_DIALOG_LAYOUT .wri_form_container.invt_form {padding-left: 0; padding-right: 0;} @media (max-width: 480px) { .wri_form_container.mary_form .wri_right_form, .wri_form_container.invt_form .wri_right_form {padding: 2rem 1.5rem;} } .wri_form_title {font-weight: bold; margin-bottom: 1rem;} .wri_left_form {padding: 0 0 2.5rem; width: 100%; border-radius: 0.75rem; overflow: hidden;} .mary_form .wri_left_form, .invt_form .wri_left_form {border: 1px solid #D4D4D4;} .wri_left_form_scroll_body {height: 100%; overflow-y: scroll; padding-top: 2rem; padding-bottom: 0rem;} .wri_left_form[data-padding="0002"] {padding-top: 0; padding-bottom: 0;} .wri_left_form[data-padding="0002"] .wri_left_form_scroll_body {padding-bottom: 2.5rem; padding-top: 0;} .wri_left_form[data-params="imbBgndCrSxnCd0000"] {background-color: #fafafa;} .wri_left_form[data-params="imbBgndCrSxnCd0001"] {background-color: #FEF7F7;} .wri_left_form_container {padding-left: 2.5rem; padding-right: 2.5rem;} .wri_right_form {padding: 0 0 2.25rem; width: 100%; border-radius: 0.75rem;} .wri_right_form[data-params="imbBgndCrSxnCd0000"] {background-color: #fafafa;} .wri_right_form[data-params="imbBgndCrSxnCd0000"] .invt_accordion_header_wrap {background-color: #FEF7F7;} .wri_right_form[data-params="imbBgndCrSxnCd0001"] {background-color: #FEF7F7;} .wri_right_form[data-params="imbBgndCrSxnCd0001"] .invt_accordion_header_wrap {background-color: #fafafa;} .wri_right_form input[type="checkbox"] {width: 1rem; height: 1rem; vertical-align: -0.125rem;} #content_section {min-height: 100dvh; padding-top: 6.375rem; position: relative;} /* @media (max-width: 1024px) { #content_section {padding-top: 4.5rem; padding-bottom: 4rem;} } */ /* 헤더 */ #top_menu_section {background-color: #F7E0DF; position: fixed; width: 100%; top: 0; z-index: 100;} .top_menu_container.pc_ver .top_menu_wrap {max-width: calc(1200px + 2rem); margin: 0 auto; display: flex; justify-content: space-between; align-items: center; padding: 1rem; transition: padding 0.15s ease-in-out;} .top_menu_container.pc_ver .top_menu_main_logo {display: inline-block; width: 169px; transition: width 0.15s ease-in-out;} .top_menu_container.pc_ver .top_menu_lst {display: flex; gap: 4.5rem; justify-content: center; align-items: center;} .top_menu_container.pc_ver .top_menu_lst > li {position: relative;} .top_menu_container.pc_ver .top_menu_lst > li > a {color: #2d2d2d; font-size: 1.25rem; transition: font-size 0.15s ease-in-out; padding: 0; font-weight: 500;} .top_menu_container.pc_ver .top_menu_lst > li > a.active {color: #cd585e; font-weight: bold;} .top_menu_container.pc_ver .top_menu_toolbar_lst > li {display: inline-block; vertical-align: middle;} .top_menu_container.pc_ver .top_menu_toolbar_lst > li:first-child {padding-right: 1.25rem;} .top_menu_container.pc_ver .top_menu_toolbar_lst > li:last-child {padding-left: 1.25rem; position: relative;} .top_menu_container.pc_ver .top_menu_toolbar_lst > li:last-child:before {content: ""; display: inline-block; width: 1px; height: 1.25rem; background-color: #B1C0B4; position: absolute; top: 50%; left: 0; transform: translateY(-50%); transition: height 0.15s ease-in-out;} .top_menu_container.pc_ver .top_menu_toolbar_lst > li > a {color: #B1C0B4; font-weight: 300; font-size: 1.125rem; transition: font-size 0.15s ease-in-out;} .top_menu_container.pc_ver .top_menu_toolbar_lst > li > a:hover {color: #fff;} .top_menu_container.pc_ver .top_menu_lst_wrap:hover, .top_menu_container.pc_ver .top_menu_lst_wrap.active {cursor: pointer;} .top_menu_container.pc_ver .top_menu_2depth_lst_wrap {display: none; position: absolute; left: 50%; bottom: 0rem; transform: translate(-50%, 100%);} .top_menu_container.pc_ver .top_menu_2depth_lst {margin-top: 0.5rem; background-color: #F7F4F0; white-space: nowrap; border-radius: 0.75rem; padding: 0.25rem 0; overflow: hidden; box-shadow: 1px 1px 2px rgba(0,0,0,0.15);} .top_menu_container.pc_ver .top_menu_2depth_lst > li > a {display: block; text-align: center; padding: 0.75rem 1.25rem; font-size: 1.125rem; color: #333;} .top_menu_container.pc_ver .top_menu_2depth_lst > li > a:hover {background-color: #F7E0DF; color: #cd585e;} .top_menu_container.pc_ver .top_menu_lst > li:hover > a {color: #cd585e;} .top_menu_container.pc_ver .top_menu_lst > li:hover > .top_menu_2depth_lst_wrap {display: block;} .top_menu_container.pc_ver .top_menu_wrap_left {display: flex; justify-content: flex-start; align-items: center; gap: 1rem;} .top_menu_container.pc_ver .top_menu_wrap_left ul {display: flex; justify-content: flex-start; align-items: center; gap: 1.5rem; flex-wrap: nowrap;} .top_menu_container.pc_ver .top_menu_wrap_left ul > li {position: relative;} .top_menu_container.pc_ver .top_menu_wrap_left ul > li:not(:first-child):before {content: ""; position: absolute; left: -0.75rem; top: 50%; transform: translateY(-50%); width: 1px; height: 1rem; background-color: #c7c7c7;} .top_menu_container.pc_ver .top_menu_wrap_left ul > li > a {color: #3f3c3f; font-weight: 500; font-size: 0.875rem; letter-spacing: -0.5px; display: block; line-height: 1.5; white-space: nowrap;} .top_menu_container.pc_ver .top_menu_wrap_left ul > li > a:hover {color: #cd585e; font-weight: bold; transition: all 0.15s ease-in-out;} .top_menu_container.pc_ver .top_menu_wrap_left ul > li span {position: absolute; bottom: -0.25rem; left: 50%; transform: translate(-50%, 100%); z-index: 1; font-size: 11px; white-space: nowrap; padding: 0.125rem 0.375rem; border-radius: 3rem; background-color: #ffc0c0; font-weight: 500; color: #990000; animation: blink 5s ease-in-out infinite; box-shadow: 1px 1px 2px rgba(0,0,0,0.125);} .top_menu_container.pc_ver .top_menu_wrap_left ul > li span::before { content: ""; position: absolute; top: 0.25rem; left: 50%; transform: translate(-50%, -100%); border-left: 0.25rem solid transparent; border-right: 0.25rem solid transparent; border-bottom: 0.5rem solid #ffc0c0; z-index: -1;} @keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0.7; } } #top_menu_section.scroll-down .top_menu_container.pc_ver .top_menu_wrap {padding: 0.5rem; transition: padding 0.25s ease-in-out;} #top_menu_section.scroll-down .top_menu_container.pc_ver .top_menu_main_logo {width: 120px; transition: width 0.25s ease-in-out;} #top_menu_section.scroll-down .top_menu_container.pc_ver .top_menu_lst > li > a {font-size: 1.125rem; transition: font-size 0.25s ease-in-out;} #top_menu_section.scroll-down .top_menu_container.pc_ver .top_menu_toolbar_lst > li > a {font-size: 1rem; transition: font-size 0.25s ease-in-out;} #top_menu_section.scroll-down .top_menu_container.pc_ver .top_menu_toolbar_lst > li:last-child:before {height: 1.125rem; transition: height 0.25s ease-in-out;} #top_menu_section.scroll-down .top_menu_container.pc_ver .top_menu_lst > li > a {padding: 0;} #top_menu_section.scroll-down .top_menu_container.pc_ver .top_menu_2depth_lst > li > a {font-size: 1rem;} /** top logo & nav bar*/ .top_menu_container.mo_ver {display: none;} .nav-open, .nav-open body {overflow-y: hidden;} .navbar {padding-top: 0.75rem; padding-bottom: 0.75rem;} .navbar.loginInfo {border-bottom: 1px solid #f1f3f5; box-shadow: none;} .nav-open .sidebar-collapse .navbar-translate {transform: translate3d(-285px,0,0);} .sidebar-collapse .navbar-collapse {width: 300px;} .navbar .navbar-translate {width: 100%; position: relative; display: flex; justify-content: flex-start !important; align-items: center; gap: 0.25rem; transform: translate3d(0, 0, 0); transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);} .navbar .navbar-translate > button {position: absolute; right: -1rem;} .nav-open .navbar-translate {transform: translate3d(-300px, 0, 0);} .navbar .navbar-brand {display: inline-block; text-transform: uppercase; padding-top: 0; padding-bottom: 0; vertical-align: middle; margin-right: 0; position: static;} .navbar .navbar-brand img {height: 3rem; display: block; object-fit: contain; max-width: 150px;} .navbar .navbar-toggler {outline: 0; padding: 1rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem;} .navbar .navbar-toggler-bar {background-color: #938682; height: 2px; display: block; position: relative; width: 22px; border-radius: 1px; outline: 1px solid transparent;} .navbar .navbar-toggler-bar.bar1 {top: 0px; animation: topbar-back 500ms 0s; animation-fill-mode: forwards;} .navbar .navbar-toggler-bar.bar2 {opacity: 1; transition: width .2s linear; margin-top: 7px;} .navbar .navbar-toggler-bar.bar3 {bottom: 0px; animation: bottombar-back 500ms 0s; animation-fill-mode: forwards; margin-top: 7px;} .navbar .toggled .navbar-toggler-bar {width: 24px;} .navbar .toggled .navbar-toggler-bar.bar1 {top: 6px; animation: topbar-x 500ms 0s; animation-fill-mode: forwards;} .navbar .toggled .navbar-toggler-bar.bar2 {opacity: 0; margin-top: 4.5px;} .navbar .toggled .navbar-toggler-bar.bar3 {bottom: 6px; animation: bottombar-x 500ms 0s; animation-fill-mode: forwards; margin-top: 4.5px;} #navigation {background-color: #F7E0DF; box-shadow: -10px 0px 30px rgb(0 0 0 / 40%);} .navbar-collapse {position: fixed; display: block !important; top: 0; height: 100% !important; width: 300px; right: -60px; z-index: 1032; visibility: visible; overflow-y: visible; border-top: none; text-align: left; max-height: none !important; transform: translate3d(270px,0,0); transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); transition-duration: 0.5s; transition-timing-function: cubic-bezier(0.685, 0.0473, 0.346, 1); transition-delay: 0s; transition-property: all; height: 100vh; padding-bottom: 8rem; overflow-y: auto;} .nav-open .navbar-collapse {transform: translate3d(-60px,0,0);} .nav-open #bodyClick {height: 100%; width: 100%; position: fixed; top: 50%; left:50%; transform: translate(-50%, -50%); content: ""; overflow-x: hidden; background-color: #00000080; transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); animation: fadein 1s; z-index: 1;} .navbar-collapse > div > p {font-size: 1.25rem;} .navbar-nav > li.nav-item:not(:last-child) {border-bottom: 1px solid #fff;} .navbar-nav a.nav-link {font-size: 1.25rem; padding: 1rem 1.25rem; font-weight: 500;} .navbar-nav a.nav-link > p {display: inline-block;} .navbar-nav > li.nav-item > .dropdown-menu {border: 0; padding-top: 0; position: static; border-radius: 0; background-color: #938682;} .navbar-nav > li.nav-item > .dropdown-menu > span {font-size: 1.125rem; padding: 0rem 0.75rem 0.375rem 1.5rem; color: #999; font-weight: 500; display: inline-block;} .navbar-nav > li.nav-item > .dropdown-menu > span:not(:first-of-type) {margin-top: 1rem;} .navbar-nav > li.nav-item > .dropdown-menu a {font-size: 1rem; padding: 1rem 0.75rem 1rem 2rem; font-weight: 500; position: relative; display: block;} .navbar-nav > li.nav-item > .dropdown-menu a > i {position: absolute; top: 50%; right: 1.25rem; transform: translateY(-50%); font-size: 1rem;} .navbar-nav > li.nav-item > .dropdown-menu a.text-info {font-weight: bold;} ul > li.nav-item.dropdown .nav-link[aria-expanded="false"]:after {display: inline-block; font-family: "Font Awesome 5 Pro"; content: "\f067"; font-weight: 900; transition: all linear .25s; float: right; color: #938682; font-size: 16px;} ul > li.nav-item.dropdown .nav-link[aria-expanded="true"]:after {display: inline-block; font-family: "Font Awesome 5 Pro"; content: "\f068"; font-weight: 900; transition: all linear .25s; float: right; color: #938682; font-size: 16px;} .nav_noti_btn {position: relative;} .nav_noti_btn span {padding: 0.125rem 0.625rem; background-color: #dc3545; color: #fff; border-radius: 3rem; font-size: 0.9rem; position: absolute; right: 0; top: 50%; transform: translate(-50%, -50%);} .nav_noti_badge {padding: 0.125rem 0.625rem; background-color: #dc3545; color: #fff; border-radius: 3rem; font-size: 0.8rem; position: absolute; right: -1rem; top: 0.25rem;} .nav-link:focus, .nav-link:hover {opacity: 1;} .navbar-expand .navbar-toggler {display: block;} .navbar-expand .navbar-collapse {display: block !important;} .navbar-expand .navbar-nav {display: block;} .navbar-expand .navbar-nav .nav-link {color: #3f3c3f; padding: 1.25rem;} .top_menu_container.mo_ver .top_menu_2depth_lst > li > a {color: #fff; font-size: 1.125rem;} .dafl_top_qck_lnk_btn {font-size: 1.125rem; padding: 0.25rem; display: block; line-height: 1; color: #3f3c3f;} .dafl_top_qck_lnk_btn:hover, .dafl_top_qck_lnk_btn:focus {color: #353535;} .bt_ext_curr-loct {margin-bottom: 1rem;} @keyframes topbar-x { 0% { top: 0px; transform: rotate(0deg); } 45% { top: 6px; transform: rotate(145deg); } 75% { transform: rotate(130deg); } 100% { transform: rotate(135deg); } } @keyframes topbar-back { 0% { top: 6px; transform: rotate(135deg); } 45% { transform: rotate(-10deg); } 75% { transform: rotate(5deg); } 100% { top: 0px; transform: rotate(0); } } @keyframes bottombar-x { 0% { bottom: 0px; transform: rotate(0deg); } 45% { bottom: 6px; transform: rotate(-145deg); } 75% { transform: rotate(-130deg); } 100% { transform: rotate(-135deg); } } @keyframes bottombar-back { 0% { bottom: 6px; transform: rotate(-135deg); } 45% { transform: rotate(10deg); } 75% { transform: rotate(-5deg); } 100% { bottom: 0px;` transform: rotate(0); } } @keyframes fadein { from { opacity:0; } to { opacity:1; } } /** top logo & nav bar END */ @media (max-width: 1200px) { .top_menu_lst_wrap {padding: 0 2.5rem;} } @media (max-width: 1024px) { .top_menu_container.pc_ver {display: none;} .top_menu_container.mo_ver {display: block;} } /* 푸터 */ #footer_section {background-color: #F0F0F0;} .footer_wrap {max-width: calc(1200px + 2rem); margin: 0 auto; padding: 3.375rem 1rem 3.75rem;} .footer.mo_ver {display: none;} .footer.pc_ver {display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: nowrap; position: relative;} .footer.pc_ver .footer_logo {width: 169px;} .footer.pc_ver .footer_left_info {margin-top: 1rem; color: #666;} .footer.pc_ver .footer_left_info > ul:first-of-type {margin-top: 0.375rem; display: flex; gap: 1.25rem; justify-content: flex-start; align-items: center;} .footer.pc_ver .footer_left_info > ul:first-of-type > li > dl {display: flex; justify-content: flex-start; align-items: center;} .footer.pc_ver .footer_left_info > ul:first-of-type > li > dl > dd > span {margin-left: 0.25rem; margin-right: 0.25rem;} .footer.pc_ver .footer_left_info > ul:first-of-type > li > dl > dd > a {font-weight: 300; color: #666;} .footer.pc_ver .footer_left_info > ul:not(:first-of-type) {display: flex; gap: 1.5rem; justify-content: flex-start; align-items: center;} .footer.pc_ver .footer_left_info > ul:not(:first-of-type) > li:not(:first-child) {position: relative;} .footer.pc_ver .footer_left_info > ul:not(:first-of-type) > li:not(:first-child):before {content: ""; position: absolute; left: -0.75rem; top: 50%; transform: translateY(-50%); width: 1px; height: 1rem; background-color: #bdbdbd} .footer.pc_ver .footer_left_info > ul:nth-of-type(2) {margin-top: 0.75rem;} .footer.pc_ver .footer_left_info > ul:nth-of-type(3) {margin-top: 0.375rem;} .footer.pc_ver .footer_left_info > p:last-of-type {font-weight: bold; margin-top: 0.75rem;} .footer.pc_ver .footer_right_form > ul {display: flex; justify-content: flex-end; align-items: center; gap: 2rem;} .footer.pc_ver .footer_right_form > ul > li > a {font-weight: bold; color: #666;} .family_site {position: absolute; bottom: 0; right: 0; white-space: nowrap;} .family_site > a {display: flex; justify-content: space-between; align-items: center; color: #666; font-weight: bold; gap: 4.5rem; padding: 0.625rem 2.5rem; background-color: #D9D9D9; border-radius: 3rem;} .family_list {display: none; background-color: #666; width: 100%; padding-top: 1.25rem; padding-bottom: 1.25rem; border-radius: 1.5rem; position: absolute; top: -0.625rem; transform: translateY(-100%);} .family_list > li > a {color: #fff; padding: 0.25rem 2.5rem; display: block;} .family_list > li > a:hover {background-color: #999;} .family_site > a.active {background-color: #666; color: #fff;} .footer.mo_ver .footer_logo {width: 8.125rem;} .footer.mo_ver > ul {margin-top: 1.25rem; display: flex; justify-content: flex-start; align-items: center; gap: 2rem;} .footer.mo_ver > ul > li > a {font-weight: bold; color: #666; font-size: 1.125rem;} .footer.mo_ver .footer_left_info {margin-top: 0.75rem;} .footer.mo_ver .footer_left_info > ul:first-of-type {margin-top: 0.5rem; display: flex; justify-content: flex-start; align-items: center; gap: 0.75rem;} .footer.mo_ver .footer_left_info > ul:first-of-type > li > dl {display: flex; justify-content: flex-start; align-items: center;} .footer.mo_ver .footer_left_info > ul:first-of-type > li > dl > dd > span {margin-left: 0.25rem; margin-right: 0.25rem;} .footer.mo_ver .footer_left_info > ul:nth-of-type(2) {margin-top: 0.75rem;} .footer.mo_ver .footer_left_info > ul:not(:first-of-type) > li:not(:first-child) {margin-top: 0.25rem;} .footer.mo_ver .footer_left_info > ul:not(:first-of-type) > li:not(:last-child) {display: block;} .footer.mo_ver .footer_left_info > ul:nth-of-type(2) > li:not(:last-child) {display: inline-block; margin-top: 0;} .footer.mo_ver .footer_left_info > ul:nth-of-type(2) > li:nth-child(2) {margin-left: 1rem;} .footer.mo_ver .footer_left_info > p:last-of-type {margin-top: 1.25rem; font-weight: bold; color: #666;} .footer.mo_ver .family_site {margin-top: 1.25rem;} @media (max-width: 1024px) { .footer_wrap {display: flex; justify-content: center; padding: 2.5rem 1rem;} .footer.pc_ver {display: none;} .footer.mo_ver {display: inline-block;} .family_site {position: relative; display: block;} } @media (max-width: 480px) { .default_container {padding: 0;} } .wri_right_form > ul > li:not(:first-child) {margin-top: 1.5rem;} /* 아코디언 */ .invt_accordion_wrap {border: 1px solid #E4E4E4;} .invt_accordion_wrap.disabled .invt_accordion_header_wrap {background-color: #e2e2e2;} .invt_accordion_wrap.disabled .invt_accordion_header {cursor: not-allowed; color: #999;} .invt_accordion_header_wrap {display: flex; justify-content: flex-start; align-items: center; background-color: #F7E0DF;} .invt_accordion_header_wrap > input[type="checkbox"] {width: 1.25rem; height: 1.25rem; margin-left: 0.75rem; margin-right: 0.75rem; cursor: pointer;} .invt_accordion_header {padding: 0.75rem; display: flex; width: 100%; justify-content: space-between; align-items: center;} .invt_accordion_header_wrap input[type="checkbox"] ~ .invt_accordion_header {padding-left: 0;} .invt_accordion_header > p {font-weight: bold;} .invt_accordion_header > i {font-size: 0.9rem;} .invt_accordion_body {padding: 1.5rem; background-color: #fff; border-top: 1px solid #E4E4E4;} /* FAQ 아코디언 */ .invt_faq_list_item > ul > li:not(:first-child) {margin-top: 0.75rem !important;} .invt_faq_list_item .invt_accordion_wrap {border: 1px solid #E4E4E4; border-radius: 0.75rem; overflow: hidden;} .invt_faq_list_item .invt_accordion_header_wrap {background-color: #fff;} .invt_faq_list_item .invt_accordion_header {padding: 0.75rem 1.5rem; display: block; margin: 1.5rem 2.25rem 1.25rem; border-bottom: 1px solid #dcdcdc;} .invt_faq_list_item .invt_accordion_header > em, .invt_faq_list_item .invt_accordion_body > div > em {font-size: 1.25rem; font-weight: bold; margin-right: 0.5rem;} .invt_faq_list_item .invt_accordion_body {width: 100%; padding: 0 3.75rem 1.5rem; border-top: none;} .invt_faq_list_item .invt_accordion_body > div {display: flex; justify-content: flex-start; align-items: flex-start;} .invt_faq_list_item .invt_accordion_body > div > span {line-height: 1.875rem;} .invt_container {display: block; width: 100%; max-width: calc(996px + 2rem); margin: 6rem auto; padding-left: 1rem; padding-right: 1rem;} /* .wri_left_main_top_form {display: none;} */ /* 메인페이지 */ #main_pg #content_section {padding-top: 0 !important; padding-bottom: 0 !important;} #main_pg #top_menu_section.scroll {box-shadow: 0px 1px 1px #F7F4F0; transition: box-shadow 0.25s ease-in-out;} #main_pg #content_section .main_bg {width: 100%; background-color: #F7E0DF; position: relative;} #main_pg #top_menu_section:hover {box-shadow: 0px 1px 1px #F7F4F0; transition: all 0.25s ease-in-out;} .main_bg_container {max-width: calc(1200px + 2rem); margin: 0 auto; padding-left: 1rem; padding-right: 1rem; position: relative; height: 25vw; min-height: 650px;} .main_bg_cont {position: absolute; top: 53%; left: 1rem; transform: translateY(-50%); color: #2d2d2d;} .main_bg_cont_top {font-size: 2.25rem; font-weight: 500; color: #2d2d2d;} .main_bg_cont_middle {font-size: 5rem; font-weight: bolder; color: #CD585E; margin-top: 0; font-family: "SMUSnowflake-Bold", sanserif; letter-spacing: 3px; text-shadow: 2px 2px 0 white, -2px 2px 0 white, 2px -2px 0 white, -2px -2px 0 white, 0px 2px 0 white, 0px -2px 0 white, 2px 0px 0 white, -2px 0px 0 white;} .main_bg_cont_bottom {margin-top: 1.5rem;} .main_bg_cont_bottom .card {background-color: #CCB1AA; border-radius: 0.625rem;} .main_bg_cont_bottom .card .card-body {padding: 1.25rem 3.5rem 1.25rem 2.25rem;} .main_bg_cont_bottom .card .card-body > div {display: flex; justify-content: flex-start; align-items: center; gap: 1.25rem; font-size: 1.5rem; color: #fff;} .main_bg_cont_bottom img {width: 2.5rem;} .main_bg_img {position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 30rem;} .mo_main_bg_img {display: none;} .main_bg_cont > * {transform: translateX(-200px); visibility: hidden; opacity: 0;} .main_bg_cont.on > * {transform: translateX(0); visibility: visible; opacity: 1; transition: 1s all ease-out;} .main_bg_cont.on > .main_bg_cont_middle {transition-delay: 0.75s;} .main_bg_cont.on > .main_bg_cont_middle br {display: none;} .main_bg_cont.on > .main_bg_cont_bottom {transition-delay: 1.5s;} .main_container {max-width: calc(1200px + 2rem); margin: 4.5rem auto; padding-left: 1rem; padding-right: 1rem;} .main_quick_btn_form {padding: 1.25rem 0.75rem; background-color: #F7F4F0; border-radius: 1.5rem; overflow: hidden;} .main_quick_btn_form > ul > li {display: inline-block; width: 25%;} .main_quick_btn_form > ul > li:not(:first-child) {border-left: 1px solid #c1c1c1;} .main_quick_btn_form > ul > li > a {padding: 0.5rem 0.75rem; display: block; text-align: center;} .main_quick_btn_form > ul > li > a > img {height: 2.5rem; object-fit: contain;} .main_quick_btn_form > ul > li > a > p {margin-top: 0.75rem; color: #3b3b3b;} .main_best_form {margin-top: 3.75rem;} .main_best_header {display: flex; justify-content: space-between; align-items: center;} .main_best_header > p {font-size: 2rem; font-weight: 500;} .main_best_header > a {color: #666; font-weight: 500;} .main_best_body {margin-top: 1.25rem;} .main_best_body .card > .card-body {background-color: #F5F5F5; padding: 2rem 1rem;} .main_best_body .card > .card-body > img {width: 60%; display: block; margin: 0 auto;} .main_best_body .card > .card-footer {padding: 0; background-color: transparent; border-top: none;} .main_best_body .card > .card-footer > ul {display: table; table-layout: fixed; width: 100%;} .main_best_body .card > .card-footer > ul > li {display: table-cell; vertical-align: middle;} .main_best_body .card > .card-footer > ul > li > a {display: block; border-radius: 0;} .main_best_body .main_best_slide_wrap {padding: 0 5rem; position: relative;} .main_best_body .main_best_slide_wrap .swiper-button-prev, .main_best_body .main_best_slide_wrap .swiper-button-next {width: 3rem; height: 3rem; margin-top: 0; transform: translateY(-50%); background-size: 100% 100%;} .main_best_body .main_best_slide_wrap .swiper-button-prev:hover, .main_best_body .main_best_slide_wrap .swiper-button-next:hover {filter: brightness(0.8); transition: all 0.15s ease-in-out;} .main_best_body .main_best_slide_wrap .swiper-button-prev {background-image: url("/common/css/images/main_arrow_left.png"); left: 0;} .main_best_body .main_best_slide_wrap .swiper-button-next {background-image: url("/common/css/images/main_arrow_right.png"); right: 0;} .main_board_form {margin-top: 7.875rem;} .main_board_form > ul {display: grid; grid-template-columns: 57.5% calc(42.5% - 1.5rem); gap: 1.5rem; grid-auto-rows: 1fr;} .main_board_form > ul > li > .card {background-color: #F5F5F5; border-radius: 1.5rem; height: 100%;} .main_board_form > ul > li > .card > .card-body {padding: 3rem 2.25rem;} .main_board_form dl > dd > ul > li:not(:first-child) {margin-top: 0.75rem;} .main_board_form dl > dd .card {border-radius: 0.625rem;} .main_board_form dl > dd .card > .card-body {padding: 1.5rem 2rem;} .main_board_form dl > dd a {display: block;} .main_board_form dl > dt {display: flex; justify-content: space-between; align-items: center;} .main_board_form dl > dt > div {display: flex; justify-content: flex-start; align-items: center; gap: 0.75rem;} .main_board_form dl > dt > div > img {width: 2.5rem;} .main_board_form dl > dt > div > span {font-size: 2rem; font-weight: bold; color: #3b3b3b;} .main_board_form dl > dt > div > span > a {font-size: 1.75rem;} .main_board_form dl > dt > a {font-weight: 500;color: #666;} .main_board_form dl > dd {margin-top: 1.5rem;} .main_board_form dl > dd a > .card {box-shadow: 2px 2px 3px rgba(0,0,0,0.15);} .main_board_form dl > dd a:hover {transform: translateY(-5px); transition: all 0.25s ease-in-out;} .main_board_form dl > dd a:hover > .card {box-shadow: 3px 3px 6px rgba(0,0,0,0.35); transition: all 0.25s ease-in-out;} .main_board_cont_wrap {display: flex; justify-content: flex-start; align-items: center; gap: 1.125rem; flex-wrap: nowrap;} .main_board_cont_wrap .main_board_cat {color: #666; font-weight: 300; flex: 0 0 5rem; font-size: 1.125rem;} .main_board_cont_wrap + i {position: absolute; top: 50%; right: 2rem; transform: translateY(-50%); font-size: 2rem; color: #8f9091;} .main_board_cont {display: flex; justify-content: flex-start; align-items: center; gap: 0.75rem; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 2rem;} .main_board_cont img {width: 1.5rem;} .main_board_cont p {white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 1.125rem; color: #666;} .main_board_right_form > .card > .card-body > ul > li:last-child {margin-top: 3rem;} .main_board_right_form .main_board_cont_wrap .main_board_cat {flex: 0 0 4rem;} .main_board_right_form .main_board_cont_wrap {flex-wrap: wrap;} .main_board_form .main_board_right_form dl > dd .card > .card-body {padding: 1.5rem 2rem;} .main_cus_ctr_form > dl > dd {margin-top: 1.375rem; color: #3b3b3b;} .main_cus_ctr_form > dl > dd > div:not(.card) {font-size: 2.75rem; font-weight: 500;} .main_cus_ctr_form > dl > dd > .card {margin-top: 0.75rem;} .main_cus_ctr_form > dl > dd > .card p {font-size: 1.5rem; font-weight: 500;} .main_bottom_banner_form.pc_ver {margin-top: 3.75rem;} .main_bottom_banner_form.pc_ver > .swiper-container {border-radius: 1.25rem; overflow: hidden;} .main_bottom_banner_form.mo_ver {display: none;} @media (max-width: 1200px) { .main_bg_img {width: 20rem;} } @media (max-width: 1024px) { .main_bg_container {min-height: 40rem;} .main_bg {overflow: hidden;} .main_bg_cont {z-index: 1; padding-left: 1.5rem; padding-right: 1.5rem;} .main_bg_cont_top {font-size: 1.5rem;} .main_bg_cont_middle {font-size: 3.5rem; margin-top: 1rem; line-height: 4rem;} .main_bg_cont_middle br {display: block !important;} .main_bg_cont_bottom {width: calc(100% - 1rem); margin-top: 2rem;} .main_bg_cont_bottom p {word-break: keep-all;} .main_bg_cont_bottom br {display: none;} .main_bg_img {display: none;} .mo_main_bg_img {display: block; margin: -5rem auto 1rem; width: 80%;} .main_bg_img > img {display: inline-block; width: 70%; display: inline-block; margin-right: -1rem;} .main-best-section {padding: 0 2.25rem;} .main_container {padding-left: 0; padding-right: 0; margin: 3rem auto 0;} .main_quick_btn_form {margin-left: 1.5rem; margin-right: 1.5rem; background-color: transparent;} .main_quick_btn_form > ul {text-align: center; margin-left: -0.5rem; margin-right: -0.5rem;} .main_quick_btn_form > ul > li {width: 50%; padding-left: 0.5rem; padding-right: 0.5rem;} .main_quick_btn_form > ul > li:not(:first-child) {border-left: none;} .main_quick_btn_form > ul > li:nth-child(n+4) {margin-top: 1rem;} .main_quick_btn_form > ul > li > a {background-color: #F5F3EE; padding: 1.5rem 0; border-radius: 1.25rem;} .main_quick_btn_form > ul > li > a > img {width: 100%;} .main_board_form {margin-top: 3rem;} .main_board_form > ul {display: block;} .main_board_form > ul > li > .card {border-radius: 0;} .main_board_form > ul > li.main_board_right_form > .card {background-color: #F5F3EE;} .main_board_cont_wrap .main_board_cat {display: none;} .main_board_form > ul > li.main_board_right_form > .card > .card-body {padding-bottom: 0;} .main_board_right_form > .card > .card-body > ul > li:last-child {padding: 2.5rem 2.25rem 3rem; margin-left: -2.25rem; background-color: #fff; width: 100vw;} .main_board_right_form > .card > .card-body > ul > li:last-child .card-body {padding: 0;} .main_bottom_banner_form.mo_ver {display: block;} .main_bottom_banner_form.mo_ver a {display: block;} .main_bottom_banner_form.mo_ver a > img {width: 100%;} .main_bottom_banner_form.pc_ver {display: none;} } .wri_left_main_top_form {text-align: center; font-size: 1em;} .wri_left_main_top_form > p:nth-of-type(1) {font-size: 1.25em; color: #C9184A;} .wri_left_main_top_nm_wrap {margin-top: 1.5rem; font-size: 1.5em; font-weight: 500;} .wri_left_main_top_img_wrap > img {max-width: 100%; width: 100%;} .wri_left_main_top_info_wrap {font-weight: bold; margin-top: 1.5rem;} .wri_left_main_top_plc {margin-top: 1.25rem;} .wri_left_info_form_lst > li {padding-top: 3.25rem; padding-bottom: 3.25rem;} .wri_left_info_form_lst > li:last-child {margin-bottom: 2.5rem;} .wri_left_info_form_nm_wrap {padding: 2.5rem 0; border-top: 1px dashed #797979; border-bottom: 1px dashed #797979;} .wri_left_info_form_nm_wrap > div {display: flex; justify-content: center; align-items: center; gap: 2rem;} .wri_left_info_form_nm_wrap > div > span:first-of-type {font-size: 1.125rem; color: #575757;} .wri_left_info_form_nm_wrap > div > span:last-of-type {font-size: 1.5rem; color: #252525;} .wri_left_info_form_nm_wrap > div:last-of-type {margin-top: 1.25rem;} .wri_form_optn_lst > li > dl {display: flex; justify-content: flex-start; align-items: flex-start;} .wri_form_optn_lst > li > dl > dt {width: 8rem; line-height: 2.625rem;} .wri_form_optn_lst > li > dl > dd {flex: 1;} .wri_form_optn_lst > li:not(:first-child) {margin-top: 1.25rem;} .wri_form_optn_lst_sxn_pre {margin-top: 1.5rem !important; padding-top: 1.5rem; border-top: 1px dashed #d4d4d4 !important;} .wri_form_optn_lst label {cursor: pointer;} .wri_form_optn_lst > li > dl > dd input[type="checkbox"] + label {line-height: 1.9375rem;} .inv_bankaccntnum > dd > pre {color: #6C757D; font-size: 0.9em; line-height: 1.5em; font-family: inherit; width: 100%;} .imgi_grtng_cont {line-height: 1.5em; font-family: inherit; width: 100%;} .inv_bankaccntnum_lst_wrap {margin-top: 1rem;} .inv_bankaccntnum_lst_wrap > li > .invt_accordion_wrap {border: none;} .inv_bankaccntnum_lst_wrap > li > .invt_accordion_wrap > a {display: block; text-align: center; padding: 1rem; background-color: #E4E4E4; position: relative; font-weight: 400; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem;} .inv_bankaccntnum_lst_wrap > li > .invt_accordion_wrap > a > i {position: absolute; top: 50%; right: 1rem; transform: translateY(-50%); font-size: 0.9em;} .inv_bankaccntnum_lst_wrap .invt_accordion_body {padding: 0;} .inv_bankaccntnum_lst {border: 1px solid #e4e4e4; border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; overflow: hidden;} .inv_bankaccntnum_lst > li {border-top: 1px solid #e4e4e4; padding: 0.75rem;} .inv_bankaccntnum_lst_det_form {font-size: 0.8em;} .inv_bankaccntnum_lst_det_form > li > div {display: flex; justify-content: space-between; align-items: center; flex: 1; gap: 0.5rem;} .inv_bankaccntnum_lst_det_form > li:last-child {margin-top: 1rem;} .inv_bankaccntnum_copy_btn {padding: 0.375rem 0.75rem; background-color: #f3f3f3; border: 1px solid #D4D4D4; border-radius: 0.25rem; white-space: nowrap;} .inv_bankaccntnum_copy_btn:hover {background-color: #D4D4D4; transition: all 0.15s ease;} .trfc_meth_lst > li {position: relative;} .trfc_meth_lst > li > dl > dd input, .trfc_meth_lst > li > dl > dd textarea {max-width: calc(100% - 5rem);} .trfc_meth_lst .obity_fam_lst_tpl_item_del_btn {top: 0.3125rem;} @media (max-width: 600px) { .trfc_meth_lst > li > dl > dd input, .trfc_meth_lst > li > dl > dd textarea {max-width: calc(100% - 2.5rem);} .wri_right_form .obity_fam_lst_tpl_item_del_btn {right: 0;} .trfc_meth_lst .obity_fam_lst_tpl_item_del_btn {top: 0;} } /* 모바일 청첩장 */ .wri_form_bg_cr_optn_lst > li {display: inline-block;} .wri_form_bg_cr_optn_lst > li > input {display: none;} .wri_form_bg_cr_optn_lst > li > label {width: 2.5rem; height: 2.5rem; border: 1px solid #D4D4D4; border-radius: 50%;} .wri_form_bg_cr_optn_lst > li:not(:first-child) {margin-left: 0.5rem;} .wri_form_bg_cr_optn_lst > li:first-child > label {background-color: #fafafa;} .wri_form_bg_cr_optn_lst > li:nth-child(2) > label {background-color: #FEF7F7;} .wri_form_bg_cr_optn_lst > li > input:checked + label {border-color: #000;} .wri_form_det_optn_lst > li:not(:first-child) {margin-top: 0.5rem;} .wri_form_det_optn_lst > li label {cursor: pointer;} .wri_form_theme_optn_lst {display: grid; grid-template-columns: repeat(4, 1fr); gap: 3rem 1.5rem; justify-content: center;} .wri_form_theme_optn_lst > div {text-align: center;} .wri_form_theme_optn_lst .invt_theme_img_wrap {border: 2px solid #D4D4D4; border-radius: 0.25rem; margin-top: 0.25rem;} .wri_form_theme_optn_lst img {width: 100%;} .wri_form_theme_optn_lst input[type="radio"]:checked ~ .invt_theme_img_wrap {border-color: #000;} @media (max-width: 600px) { .wri_form_theme_optn_lst {grid-template-columns: repeat(2, 1fr);} } .wri_form_optn_lst .COMMON_FILEUPLOAD {margin: 0;} .wri_form_optn_lst .COMMON_FILEUPLOAD .limitIfo br {display: none;} .mary_prd_ord_form .wri_form_optn_bas_info_lst > li > dl > dd > ul > li:not(:first-child), .evt_prd_ord_form .wri_form_optn_bas_info_lst > li > dl > dd > ul > li:not(:first-child) {margin-top: 0.5rem;} .mary_mngt_form .wri_form_optn_bas_info_lst > li > dl > dd > ul > li {display: inline-block;} .mary_mngt_form .wri_form_optn_bas_info_lst > li > dl > dd > ul > li:nth-child(2) {padding-left: 0.375rem;} .mary_mngt_form .wri_form_optn_bas_info_lst > li > dl > dd > ul > li:nth-child(3) {padding-left: 1rem;} .mary_mngt_form .wri_form_optn_bas_info_lst > li > dl > dd > ul > li:first-child input {width: 7.5rem;} .mary_mngt_form .wri_form_optn_bas_info_lst > li > dl > dd > ul > li:nth-child(2) input {width: 5rem;} .wri_form_optn_addr {display: flex; gap: 0.5rem; justify-content: flex-start; align-items: center;} .inv_mary_tm_lst {width: 100%; max-width: 20rem; display: flex; gap: 0.5rem;} .inv_mary_tm_lst > * {flex-grow: 1;} [name="invtMaryDetInfo.imdiMaryDt"] {max-width: 20rem;} .go_nav_app_optn label {font-size: 0.9rem; line-height: 1.9375rem;} .wri_form_bankaccntnum_lst > li:not(:first-child) {margin-top: 0.25rem;} .wri_form_bankaccntnum_lst > li:nth-child(2), .wri_form_bankaccntnum_lst > li:nth-child(3) {display: inline-block;} .wri_form_bankaccntnum_lst > li:nth-child(2) {width: 8rem;} .wri_form_bankaccntnum_lst > li:nth-child(3) {width: calc(100% - 8rem); padding-left: 0.25rem;} input.kakao_ico {background: url("/common/css/images/icon/kakao_icon.png") no-repeat 0.25rem center; background-size: 1.25rem 1.25rem; padding-left: 2rem;} .wri_form_odr_chg_lst > li:not(:first-child) {margin-top: 0.5rem;} .wri_form_odr_chg_item {width: 12rem; display: flex; justify-content: space-between; align-items: center; border: 1px solid #DDDDDD; padding: 0.375rem 0.5rem; background-color: #fafafa; cursor: pointer;} .wri_form_odr_chg_item span {font-weight: bold;} li.disabled .wri_form_odr_chg_item {background-color: #d1d0d0; color: #999; cursor: not-allowed;} /* 캘린더 */ .calendar { width: 100%; text-align: center; } .calendar_header { margin-bottom: 1rem; text-align: left;} .calendar_date {font-size: 1.5em;} .inv_mary_tm_rsl_form_wrap {color: #6C757D; margin-top: 0.5rem;} .inv_mary_tm_rsl_form_wrap > span:not(:last-of-type) {margin-right: 0.375rem;} .calendar_days { display: flex; justify-content: space-between; margin-bottom: 1rem; } .calendar_days, .calendar_dates { display: grid; grid-template-columns: repeat(7, 1fr); grid-gap: 1rem; line-height: 2rem;} .calendar_dates {margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #E4E4E4;} .calendar .sunday { color: #D28DA1; } .calendar .saturday { color: #69A5DA; } .calendar .today, .calendar .highlightDate {position: relative; z-index: 1; color: #fff; font-weight: bold;} .calendar .today:before, .calendar .highlightDate:before {content: ""; display: block; width: 2.5rem; height: 2.5rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #C9184A; color: #fff; border-radius: 50%; z-index: -1;} .calendar_dday_wrap {font-size: 1.125em; letter-spacing: 0.5px;} .calendar_dday_wrap em {color: #C9184A;} .calendar_dday_type02 {display: none;} /* 교통수단 */ .inv_trfc_meth_lst > li {padding-top: 1.5rem; padding-bottom: 1.5rem;} .inv_trfc_meth_lst > li:not(:last-child) {border-bottom: 1px solid #D28DA1;} .inv_trfc_meth_lst > li > dl > dt {font-weight: 400; color: #D28DA1;} .inv_trfc_meth_lst > li > dl > dd {color: #6C757D; font-size: 0.75em; margin-top: 0.5rem;} /* 갤러리 이미지 업로드 */ .inv_gallery_slide_view_form > ul > li > div {display: block; width: 100%; height: 0; padding-bottom: 100%; position: relative; background-color: #fff;} .inv_gallery_slide_view_form > ul > li > div > img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover;} .inv_gallery_img_upload_btn input[type="file"] {display: none;} .inv_gallery_img_upload_lst {margin-left: -0.25rem; margin-right: -0.25rem; margin-top: -0.25rem;} .inv_gallery_img_upload_lst > li {display: inline-block; vertical-align: top; width: calc(100% / 3); padding: 0.25rem;} .inv_gallery_img_upload_lst > li > * {display: block; width: 100%; padding-bottom: calc(100% - 2px); height: 0; border: 1px solid #d4d4d4; position: relative;} .inv_gallery_img_upload_default_form label > span {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-decoration: underline; color: #6C757D; font-size: 0.85rem; white-space: nowrap;} .inv_gallery_img_upload_default_form label:hover {border-color: #000; transition: all 0.15s ease;} .inv_gallery_img_upload_lst > li:not(.inv_gallery_img_upload_default_form) > div {overflow: hidden;} .inv_gallery_img_upload_lst > li:not(.inv_gallery_img_upload_default_form) img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} .inv_gallery_img_upload_img_mov_btn {position: absolute; top: 0.5rem; left: 0.5rem; color: #fff; background-color: #000; opacity: 0.6; width: 1.5rem; height: 1.5rem; border-radius: 50%;} .inv_gallery_img_upload_img_mov_btn > i {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} .inv_gallery_img_upload_img_del_btn {position: absolute; top: 0.5rem; right: 0.5rem; color: #fff; background-color: #000; opacity: 0.6; width: 1.5rem; height: 1.5rem; border-radius: 50%;} .inv_gallery_img_upload_img_del_btn > i {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} .inv_gallery_img_upload_img_del_btn:hover .inv_gallery_img_upload_img_mov_btn:hover {opacity: 1;} .inv_gallery_img_upload_img_del_btn:hover > i, .inv_gallery_img_upload_img_mov_btn:hover > i {color: #fff;} .inv_gallery_slide_view_form .swiper-button-next, .inv_gallery_slide_view_form .swiper-button-prev {width: 0.5rem; height: 1rem; background-size: 100% 100%;} .inv_gallery_slide_view_form .swiper-button-next {background-image: url("/common/css/images/icon/main_arrow_right.png");} .inv_gallery_slide_view_form .swiper-button-prev {background-image: url("/common/css/images/icon/main_arrow_left.png");} .inv_gallery_slide_view_form.non-img:not(.non-slide) .swiper-button-next, .inv_gallery_slide_view_form.non-img:not(.non-slide) .swiper-button-prev, .inv_gallery_slide_view_form.non-img:not(.non-slide) .swiper-pagination {display: none;} .inv_gallery_slide_view_form.non-img {padding-bottom: 0;} .inv_gallery_slide_view_form:not(.non-slide) .swiper-pagination {bottom: 1rem; top: auto; width: 7.5rem; left: 50%; transform: translate(-50%, 50%); height: 0.75rem; background-color: #FEF7F7;} .inv_gallery_slide_view_form:not(.non-slide) .swiper-pagination .swiper-pagination-progressbar-fill {background-color: #D28DA1;} .inv_gallery_slide_view_form.non-slide > ul {display: block; margin-left: -0.25rem; margin-right: -0.25rem;} .inv_gallery_slide_view_form.non-slide > ul > li {display: inline-block; vertical-align: top; width: calc(100% / 3); padding-left: 0.25rem; padding-right: 0.25rem} .inv_gallery_slide_view_form.non-slide > ul > li:nth-child(n+4) {margin-top: 0.5rem;} .inv_gallery_slide_view_form.non-slide > ul > li:nth-child(n+10) {display: none;} .inv_gallery_slide_view_form.non-slide > ul > li > /* 슬라이드 + 이미지 미리보기 */ .COMMON_SWIPER_IMG_VIEW_WRAP .COMMON_SWIPER_IMG_VIEW {border-radius: 0.5rem; overflow: hidden;} .COMMON_SWIPER_IMG_VIEW_WRAP .COMMON_SWIPER_IMG_VIEW > ul > li > div {width: 100%; height: 0; padding-bottom: 100%; position: relative; background-color: transparent;} .COMMON_SWIPER_IMG_VIEW_WRAP .COMMON_SWIPER_IMG_VIEW > ul > li > div > img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: contain;} .COMMON_SWIPER_IMG_VIEW_WRAP .swiper_img_paging_box {margin-top: 1rem; position: relative;} .COMMON_SWIPER_IMG_VIEW_WRAP .swiper_img_paging_wrap > ul > li {cursor: pointer; border-radius: 0.375rem; overflow: hidden;} .COMMON_SWIPER_IMG_VIEW_WRAP .swiper_img_paging_wrap > ul > li > div {width: 100%; height: 0; padding-bottom: 100%; position: relative;} .COMMON_SWIPER_IMG_VIEW_WRAP .swiper_img_paging_wrap > ul > li > div > img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover;} .COMMON_SWIPER_IMG_VIEW_WRAP .swiper_img_paging_wrap > ul > li:not(.swiper-slide-active):after {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; background-color: #000; opacity: 0.6;} .COMMON_SWIPER_IMG_VIEW_WRAP .swiper_slide_counter_wrap {position: absolute; bottom: 5%; left: 50%; transform: translatex(-50%); z-index: 99; display: none;} .COMMON_SWIPER_IMG_VIEW_WRAP .swiper_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%);} .COMMON_SWIPER_IMG_VIEW_WRAP .swiper-button-next, .COMMON_SWIPER_IMG_VIEW_WRAP .swiper-button-prev {width: 2.5rem; height: 2.5rem; background-size: 100% 100%; opacity: 0.8;} .COMMON_SWIPER_IMG_VIEW_WRAP .swiper-button-prev {background-image: url("/common/css/images/main_arrow_left.png");} .COMMON_SWIPER_IMG_VIEW_WRAP .swiper-button-next {background-image: url("/common/css/images/main_arrow_right.png");} .COMMON_SWIPER_IMG_VIEW_WRAP .swiper-button-next.swiper-button-disabled, .COMMON_SWIPER_IMG_VIEW_WRAP .swiper-button-prev.swiper-button-disabled {opacity: 0.35;} /* 이미지 확대보기 */ .inv_gallery_img_det_view img {cursor: pointer;} .ui-dialog.ui-widget.img_expand_view_popup {max-width: none; height: 100vh !important; border-radius: 0; background-color: transparent !important; background: none; box-shadow: none !important; border: none !important; width: 100% !important;} .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: 15px; right: 30px; color: #fff !important; font-size: 3rem; 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/arrow_left.png"); background-size: 27px 50px; left: 45px;} .COMMON_IMG_EXPAND_VIEW_WRAP .swiper-button-next {background-image: url("/common/css/images/arrow_right.png"); background-size: 27px 50px; right: 45px;} .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: 72px; bottom: 220px; width: 100%; max-height: 940px;} .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:not(.swiper-slide-active) > .COMMON_IMG_EXPAND_VIEW_IMG_WRAP:after {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; background-color: #000; opacity: 0.6;} .sub_img_expand_view_wrap .swiper-slide {width: 150px;} .sub_img_expand_view_wrap .COMMON_IMG_EXPAND_VIEW_IMG_WRAP {height: 0; padding-bottom: 100px; 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%); object-fit: cover;} .inv_gallery_img_det_view {cursor: pointer;} /* 작성 페이지 하단 푸터 */ .wri_form_bottom_form_wrap {position: fixed; width: 100%; left: 50%; bottom: 0; transform: translateX(-50%); padding: 1rem 0; background-color: #ffffffe6; box-shadow: 0px -1px 2px rgba(0,0,0,0.125); z-index: 1;} .wri_form_bottom_form {max-width: calc(600px + 2rem); margin: 0 auto; padding-left: 1rem; padding-right: 1rem;} /* 메인 이미지 업로드 버튼 */ .inv_upd_ad_img_btn {} /* 청첩장 */ .data-required-ico {position: absolute; top: 50%; left: -1rem; transform: translateY(-50%);} @media (max-width: 877px) { .obity_form .wri_right_form_wrap .inv_obity_tm_lst > li {display: block; margin-left: 0 !important;} .obity_form .wri_right_form_wrap .inv_obity_tm_lst > li:not(:first-child) {margin-top: 0.5rem;} } .inv_upd_ad_img_wrap {width: calc(100% / 4); padding: 0.25rem; margin-left: -0.25rem; min-width: 150px;} .inv_upd_ad_img_wrap .inv_upd_ad_img_btn {width: 100%; height: 0; padding-bottom: calc(100% - 2px); border: 1px solid #d4d4d4; position: relative; display: block; overflow: hidden;} .inv_upd_ad_img_wrap .inv_upd_ad_img_btn:hover {border-color: #000; transition: all 0.15s ease;} .inv_upd_ad_img_wrap .inv_upd_ad_img_btn > span {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-decoration: underline; color: #666; font-size: 0.85rem; white-space: nowrap;} .inv_upd_ad_img_wrap .inv_upd_ad_img_btn > img {position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); object-fit: contain; display: none;} .inv_upd_ad_img_wrap .inv_upd_ad_img_btn > img[src^="/"] {display: block;} .inv_chfmnr_info_lst > li:not(:first-child) {margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px dashed #D4D4D4; position: relative;} .obity_fam_lst_add_btn_wrap {text-align: center; padding-top: 2.5rem;} .obity_fam_lst_add_btn {border: 1px solid #333; border-radius: 3rem; padding: 0.5rem 2.5rem; box-shadow: 0px 0px 3px rgba(0,0,0,0.35);} .obity_fam_lst_add_btn:hover {background-color: #333; color: #fff; transition: all 0.15s ease-in-out;} .obity_fam_lst_tpl_item_del_btn {color: #9E9E9E; position: absolute; top: 1.5rem; right: 0.75rem; font-size: 2rem; line-height: 1;} .obity_form .hasDatepicker {padding-left: 1rem !important; padding-right: 1.75rem; background: url("/common/css/images/icon/inv_cal_ico.png") no-repeat right 0.375rem top 0.5rem; background-size: 1.25rem; text-align: left; background-color: #fff;} .obity_form_bot_btn_lst {display: flex; gap: 0.5rem; justify-content: center; align-items: center; gap: 0.75rem;} .obity_form_bot_btn_lst > li {flex: 1; max-width: 200px;} .obity_form_bot_btn_lst > li > a {display: block;} /* 공통 */ #JS-pixelWrap {display: none !important;} .SHUVIC_JQUERY_DIALOG.ui-dialog {position: fixed; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%); border: none !important; font-family: 'Pretendard Variable", Pretendard'; font-size: 1rem; border-radius: 1rem !important; overflow: hidden; width: calc(480px - 2rem) !important; max-width: calc(100% - 2rem);} .SHUVIC_JQUERY_DIALOG.ui-dialog .ui-widget-header {background-color: transparent;} .SHUVIC_JQUERY_DIALOG.ui-dialog:not([data-layout-type*="popup"]) .ui-dialog-titlebar {padding: 1rem 0 !important;} .SHUVIC_JQUERY_DIALOG.ui-dialog:not([data-layout-type*="popup"]) .ui-dialog-titlebar-close {transform: translateY(-50%); margin-top: 0 !important;} .SHUVIC_JQUERY_DIALOG.ui-dialog:not([data-layout-type="popup-default"]) .ui-dialog-title {display: none;} .SHUVIC_JQUERY_DIALOG.ui-dialog:not([data-layout-type="popup-default"]) .ui-dialog-titlebar-close {margin-top: 0.25rem; font-size: 1.75rem; z-index: 10; color: #c8c8c8;} .SHUVIC_JQUERY_DIALOG.ui-dialog .COMMON_DIALOG_LAYOUT {padding-top: 1.5rem; max-height: 80dvh !important; overflow-y: auto;} .SHUVIC_JQUERY_DIALOG.ui-dialog .COMMON_DIALOG_LAYOUT .wri_left_form_wrap {padding-left: 0; padding-right: 0;} .ui-widget-overlay {background-color: #000 !important; opacity: 0.8;} #DIALOG_ALERT, #DIALOG_CONFIRM {width: 100%; display: flex; justify-content: center; align-items: center;} #DIALOG_ALERT > *, #DIALOG_CONFIRM > * {flex: 1;} .SHUVIC_JQUERY_DIALOG.ui-dialog[data-layout-type*="popup"] .ui-dialog-buttonpane {border-top: none; padding: 1rem 0.625rem 0.625rem;} .SHUVIC_JQUERY_DIALOG.ui-dialog[data-layout-type*="popup"] .ui-dialog-buttonpane button {margin: 0; display: block; width: 100%;} .SHUVIC_JQUERY_DIALOG.ui-dialog[data-layout-type="popup-small"], .SHUVIC_JQUERY_DIALOG.ui-dialog[data-layout-type="popup-letter"] {width: calc(360px - 2rem) !important;} /* popup-default */ .SHUVIC_JQUERY_DIALOG.ui-dialog[data-layout-type="popup-default"] .ui-widget-header {background-color: #F7E0DF; box-shadow: 0px 1px 3px rgba(0,0,0,0.125);} .SHUVIC_JQUERY_DIALOG.ui-dialog[data-layout-type="popup-default"] .ui-widget-header .ui-dialog-title {color: #333; margin-left: 1rem; font-size: 1.25rem;} .SHUVIC_JQUERY_DIALOG.ui-dialog[data-layout-type="popup-default"] .ui-widget-header .ui-dialog-title > i {display: none;} .SHUVIC_JQUERY_DIALOG.ui-dialog[data-layout-type="popup-default"] .ui-widget-header .ui-dialog-titlebar-close {font-size: 1.5rem; transform: translateY(-50%); margin: 0; width: auto; height: auto; right: 1rem;} .SHUVIC_JQUERY_DIALOG.ui-dialog[data-layout-type="popup-default"] .ui-widget-header .ui-dialog-titlebar-close > i {display: block;} /* popup-letter */ .SHUVIC_JQUERY_DIALOG.ui-dialog[data-layout-type="popup-letter"] {overflow: visible; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; box-shadow: none;} .SHUVIC_JQUERY_DIALOG.ui-dialog[data-layout-type="popup-letter"]:after {content: ""; position: absolute; width: 0; height: 0; border-top: 2rem solid #fff; border-left: calc(181px - 1rem) solid transparent; border-right: calc(181px - 1rem) solid transparent; bottom: 1px; left: 50%; transform: translate(-50%, 100%);} .SHUVIC_JQUERY_DIALOG.ui-dialog[data-layout-type="popup-letter"] .ui-widget-header {position: relative; z-index: 11;} .SHUVIC_JQUERY_DIALOG.ui-dialog[data-layout-type="popup-letter"] .ui-dialog-titlebar-close {display: none;} .SHUVIC_JQUERY_DIALOG.ui-dialog[data-layout-type="popup-letter"] .COMMON_DIALOG_LAYOUT {z-index: 10; position: relative; background-color: #fff; border-top-left-radius: 1rem; border-top-right-radius: 1rem;} .SHUVIC_JQUERY_DIALOG.ui-dialog[data-layout-type="popup-letter"] .ui-dialog-buttonpane {position: absolute; z-index: 0; width: 360px; left: -1rem; bottom: 2rem; transform: translateY(100%); padding: 0; background-color: transparent; margin-top: 0;} .SHUVIC_JQUERY_DIALOG.ui-dialog[data-layout-type="popup-letter"] .ui-dialog-buttonpane button {padding: 5rem 0.75rem 0.75rem; box-shadow: none !important;} #DIALOG_ALERT, #DIALOG_CONFIRM {min-width: auto; min-height: 100px !important;} #DIALOG_CONFIRM .confirm_default_form {position: absolute; width: 100%; text-align: center; top: 50%; left: 50%; transform: translate(-50%, -50%);} .ui-dialog .ui-dialog-buttonpane {margin-top: 0 !important;} .ui-dialog-buttonset {display: flex; justify-content: center; align-items: center; gap: 1rem; padding: 0.5rem 1rem;} .ui-dialog-buttonset > button {flex: 1; margin: 0 !important;} .SHUVIC_JQUERY_DIALOG.ui-dialog[data-layout-type*="modal"] {display: block !important; opacity: 1 !important; box-shadow: 0px 2px 4px rgba(0,0,0,0.15);} /* modal-bottom */ .SHUVIC_JQUERY_DIALOG.ui-dialog[data-layout-type="modal-bottom"] {width: 480px !important; max-width: 100%; transform: translate(-50%, 100%); bottom: 0; top: auto !important; animation: 0.5s ease-in-out modal-bottom; animation-fill-mode: forwards; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important;} .SHUVIC_JQUERY_DIALOG.ui-dialog[data-layout-type="modal-bottom"].close {animation: 0.4s ease-in-out modal-bottom-close; animation-fill-mode: forwards;} @keyframes modal-bottom { from { transform: translate(-50%, 100%); } to { transform: translate(-50%, 0%); } } @keyframes modal-bottom-close { from { transform: translate(-50%, 0%); } to { transform: translate(-50%, 100%); } } /* 마음 전하는 곳 */ .obity_dialog_form > dl {text-align: center;} .obity_dialog_form > dl > dt > img {width: 3rem; margin: 0 auto; display: block;} .obity_dialog_form > dl > dt > span {margin-top: 1.25rem; font-size: 1.5rem; display: block;} .obity_dialog_form > dl > dd {margin-top: 1.5rem;} .obity_banknum_lst {display: inline-block; margin: 0 auto;} .obity_banknum_lst > li:not(:first-child) {margin-top: 0.5rem;} .obity_banknum_lst > li > div {display: flex; justify-content: flex-start; align-items: center; gap: 0.5rem;} .obity_banknum_lst > li > div > span {font-weight: bold;} /* 상주 말씀 */ .obity_guid_msg_cont {line-height: 2rem; word-break: keep-all;} /* 부고 전달하기 */ .obity_dialog_modal_form > dl {text-align: center; margin-top: 1.25rem;} .obity_dialog_modal_form > dl > dt > img {display: inline-block; width: 1.75rem; margin-right: 0.75rem; vertical-align: bottom;} .obity_dialog_modal_form > dl > dt > span {font-size: 1.25rem; line-height: 2rem; display: inline-block;} .obity_dialog_modal_form > dl > dd {margin-top: 1.5rem; padding-top: 2rem; border-top: 1px dashed #a9a6a3;} .obity_dialog_modal_form > dl > dd > ul {display: flex; justify-content: space-around; align-items: center; padding-bottom: 2rem;} .obity_dialog_modal_form > dl > dd > ul > li > a {display: block; width: 5rem; height: 5rem; border: 2px solid #dedede; position: relative; border-radius: 1rem; overflow: hidden;} .obity_dialog_modal_form > dl > dd > ul > li > a > img {position: absolute; width: 2rem; top: 50%; left: 50%; transform: translate(-50%, -50%);} .obity_dialog_modal_form > dl > dd > ul > li:first-child > a > img {transform: translate(-50%, -50%) scale(5);} .obity_dialog_modal_form > dl > dd > ul > li > span {margin-top: 0.75rem; font-size: 1rem; display: inline-block;} .obity_dlvr_info {padding-left: 1rem; padding-right: 1rem;} /* 친환경 기부상품 상품소개 */ .dnt_prd_info > ul {display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem;} .dnt_prd_info > ul > li {width: 100%; padding: 0;} .dnt_prd_info > ul > li:after {display: none; } @media (max-width: 800px) { .dnt_prd_info > ul {grid-template-columns: repeat(1, 1fr);} .dnt_prd_lst_info .dnt_prd_lst_img_wrap img {max-height: 150px;} } .dnt_prd_info .card {border: 1px solid #ccc !important; width: 100%; height: 100%; border-radius: 0.5rem; box-shadow: 1px 1px 3px rgba(0,0,0,0.15);} .dnt_prd_info .card > .card-body {position: relative; background-color: transparent; padding: 1.5rem 2rem; display: flex; align-items: center; height: 100%;} .dnt_prd_info .card > .card-body dl {margin-bottom: 0;} .dnt_prd_info .dnt_prd_lst_num {position: absolute; top: -1px; left: -1px; display: inline-block; width: 4rem; height: 4rem; border: 2px solid #233a26; color: #233a26; background-color: #fff; font-size: 1.5rem; border-bottom-right-radius: 100px;} .dnt_prd_info .dnt_prd_lst_num > span {position: absolute; top: 40%; left: 40%; transform: translate(-50%, -50%);} .dnt_prd_info .dnt_prd_lst_info {width: 60%;} .dnt_prd_info .dnt_prd_lst_cont > dl > dt {font-size: 1.75rem; margin-top: 0.75rem;} .dnt_prd_info .dnt_prd_lst_cont > dl > dd {margin-top: 0.5rem; font-size: 1rem; color: #6c757d; line-height: 1.5rem; word-break: keep-all;} .dnt_prd_info .dnt_prd_lst_cont a.btn {width: 80%;} .dnt_prd_info .dnt_prd_lst_info_pric {margin-bottom: 0.5rem;} .dnt_prd_info .dnt_prd_lst_info_pric > span {font-weight: bold; font-size: 1.125rem; color: #000;} .dnt_prd_info .dnt_prd_lst_info_pric > span:nth-child(1) {text-decoration: line-through;} .dnt_prd_info .dnt_prd_lst_info_pric > span:nth-child(2) {margin-left: 0.375rem; margin-right: 0.375rem;} .dnt_prd_info .dnt_prd_lst_info_pric > span:nth-child(3) {color: #dc3545; font-size: 1.25rem;} .dnt_prd_info .dnt_prd_lst_info_pric > span:nth-child(3) > em {font-size: 1rem; margin-left: 0.25rem; display: inline-block; vertical-align: top;} .dnt_prd_info .dnt_prd_lst_info_pric > span:last-of-type {text-decoration: none; font-size: 1.25rem;} .dnt_prd_info .dnt_prd_lst_info_pric > a {display: inline-block; vertical-align: top;} .dnt_prd_lst_img_wrap {position: absolute; top: 50%; right: 1rem; transform: translateY(-50%); width: 35%; display: block; text-align: center;} .dnt_prd_lst_img_wrap:hover, .dnt_prd_lst_img_wrap:focus {opacity: 1;} .dnt_prd_lst_img_wrap:hover:before {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; background-color: #00000099;} .dnt_prd_lst_img_wrap:hover:after {content: "클릭 시 확대보기"; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center;} .dnt_prd_lst_img_wrap img {max-height: 200px; object-fit: contain;} .dnt_prd_info .card:hover {border-color: #233a26 !important; background-color: #233a261a; transition: all 0.15s ease-in-out; box-shadow: 3px 3px 4px rgba(0,0,0,0.35);} .dnt_prd_info .card:hover .dnt_prd_lst_num {background-color: #233a26; color: #fff; transition: all 0.15s ease-in-out;} /* 친환경 뱃지*/ .ui-checkboxradio-icon-badge {position: absolute; top: 5px; left: 5px; z-index: 2; border: 1px solid #2cb12c; color: #2cb12c; background-color: #f2fff2; padding: 0.25rem 0.4rem; font-size: 0.85rem; font-weight: bold;} .ui-checkboxradio-icon-badge:after {content: "친환경"; display: inline-block;} .ui-checkboxradio-create-icon-badge {position: absolute; top: 5px; left: 5px; z-index: 2; border: 1px solid #007bff; color: #007bff; background-color: #cbe4ffe0; padding: 0.25rem 0.4rem; font-size: 0.85rem; font-weight: bold;} .ui-checkboxradio-create-icon-badge:after {content: "보관상품"; display: inline-block;} .dnt_prd_lst_cont .ui-checkboxradio-icon-badge {position: static; transform: none; display: inline-block;} /* Best 뱃지*/ .ui-checkboxradio-create-icon-best-badge {position: absolute; top: 5px; left: 5px; z-index: 2; border: 1px solid #ff4947; color: #ff4947; background-color: #ffe8e8; padding: 0.25rem 0.4rem; font-size: 0.85rem; font-weight: bold;} .ui-checkboxradio-create-icon-best-badge:after {content: "BEST"; display: inline-block;} .dnt_prd_lst_cont .ui-checkboxradio-create-icon-best-badge {position: static; transform: none; display: inline-block;} .ui-checkboxradio-create-icon-best-badge + .ui-checkboxradio-icon-badge {left: 4.625rem;} /* 지도 */ #mapWrap, #mapWrap + div {border: 1px solid #dfdfdf;} #mapWrap + div {margin-top: -1px;} #mapWrap + div > ul {display: table; table-layout: fixed; width: 100%;} #mapWrap + div > ul > li {display: table-cell; vertical-align: middle; position: relative;} #mapWrap + div > ul > li:first-child:after {content: ""; display: inline-block; background-color: #dfdfdf; width: 2px; height: 2.5rem; position: absolute; top: 50%; right: -1px; transform: translateY(-50%);} #mapWrap + div > ul > li > a {display: block; padding-top: 0.75rem; padding-bottom: 0.75rem; text-align: center;} #mapWrap + div > ul > li > a > img {width: 1.25rem; display: inline-block; margin-right: 0.5rem; vertical-align: middle;} #mapWrap + div > ul > li > a > span {display: inline-block; vertical-align: middle;} /* 자주묻는 질문 */ .obity_faq_list_item > ul > li:not(:first-child) {margin-top: -1px;} /* 공지사항 */ .obity_mann_list .table > thead > tr > th {padding-top: 0.5rem; padding-bottom: 0.5rem;} .obity_mann_list .table > tbody > tr > td > a:hover {font-weight: 500; text-decoration: underline;} /* 공지사항 상세폼 */ .obity_mann_info > dl {border-top: 2px solid #000;} .obity_mann_info > dl > dt {padding: 0.75rem;} .obity_mann_info > dl > dt > p {font-size: 1.125rem; margin-bottom: 0.5rem;} .obity_mann_info > dl > dt > span {color: #b1b5b7; font-size: 0.9rem; font-weight: 400;} .obity_mann_info > dl > dd {padding: 0.75rem; border-top: 1px solid #e6e9ec; line-height: 1.5rem; min-height: 30dvh;} .obity_mann_info > ul {border-top: 1px solid #f2f4f6; border-bottom: 1px solid #f2f4f6;} .obity_mann_info > ul > li {line-height: 1; padding: 0.75rem;} .obity_mann_info > ul > li:not(:first-child) {border-top: 1px solid #f2f4f6;} .obity_mann_info > ul > li > a {display: inline-block; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .obity_mann_info > ul > li > a > span:first-child {display: inline-block; vertical-align: 1px;} .obity_mann_info > ul > li > a:hover > span:last-child {font-weight: 500; text-decoration: underline;} /* 부고장 확인 */ .obity_upd_table .col-01 {width: 5.5rem;} .obity_upd_table .col-03 {width: 5.5rem;} .obity_upd_table .col-04 {width: 14.375rem;} .obity_upd_table tbody > tr > td:nth-child(2) {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .obity_info_btn {text-decoration: underline !important;} @media (max-width: 900px) { .obity_srch_info_btn_lst {gap: 0.25rem;} .obity_upd_table .col-04 {width: 8.125rem;} } @media (max-width: 600px) { } @media (max-width: 600px) { .wri_form_optn_lst > li > dl {display: block;} .wri_form_optn_lst > li > dl > dt {width: 100%; font-size: 1rem; line-height: 1.5;} .wri_form_optn_lst > li > dl > dd {margin-top: 0.5rem;} .obity_form .wri_form_optn_lst > li > dl > dt {line-height: normal;} .wri_form_optn_addr > li > a.btn {width: auto !important;} .inv_upd_ad_img_wrap {width: calc(100% / 2);} .obity_table_wrap.type_01 {padding: 1.25rem;} } /* 개인정보처리방침 */ .pinfo_clct_util_agr_info_lst, .pinfo_clct_util_agr_info_lst ul, .pinfo_clct_util_agr_info_lst dl {margin-bottom: 0; padding-left: 0;} .pinfo_clct_util_agr_info_lst > *, .pinfo_clct_util_agr_info_lst ul > * {list-style: none;} .pinfo_clct_util_agr_info_lst > li {margin-top: 3rem;} .pinfo_clct_util_agr_info_lst > li > dl > dt {font-size: 1.375rem;} .pinfo_clct_util_agr_info_lst > li > dl > dd {margin-top: 1.5rem;} .pinfo_clct_util_agr_info_lst > li > ul > li {margin-top: 1.25rem;} .pinfo_clct_util_agr_info_lst > li > ul > li > dl > dt {font-size: 1.125rem; font-weight: 500;} .pinfo_clct_util_agr_info_lst > li > ul > li dl > dt {font-weight: 500;} .pinfo_clct_util_agr_info_lst > li > ul > li > dl > dd {margin-top: 0.75rem;} .pinfo_clct_util_agr_info_lst table {table-layout: fixed; border-top: none;} .pinfo_clct_util_agr_info_lst table > tbody > tr > th, .pinfo_clct_util_agr_info_lst table > tbody > tr > td {border-color: #ced4da; text-align: center; vertical-align: middle; font-size: 1rem; padding: 0.5rem; word-break: break-all;} .pinfo_clct_util_agr_info_lst table > tbody > tr > td ul > li:not(:first-child) {margin-top: 0.5rem;} .pinfo_agr_text_form .pinfo_clct_util_agr_info_lst > li {margin-top: 1.5rem;} .pinfo_agr_text_form .pinfo_clct_util_agr_info_lst > li > dl > dt {font-size: 1.125rem;} .pinfo_agr_text_form .pinfo_clct_util_agr_info_lst table {border-top-color: #000;} .agree_form {max-height: 60dvh !important; overflow-y: scroll !important; margin-top: 2rem !important; padding-left: 1rem !important; padding-right: 1rem !important;} .agree_form .obity_page_title {font-size: 1.5rem;} .agree_form .pinfo_clct_util_agr_info_lst > li > dl > dt {font-size: 1.25rem;} .agree_form .pinfo_clct_util_agr_info_lst > li > ul > li dl > dt {font-size: 1.125rem;} .agree_form_wrap .VALIDATE_ERROR_MSG {box-shadow: none !important;} .agree_form_wrap .VALIDATE_ERROR_MSG label {border-bottom: 1px solid #a94442 !important;} .agree_form_lst > li:first-child span {font-size: 1.125rem; font-weight: bold;} .agree_form_lst > li:not(:first-child) {margin-top: 0.75rem;} .agree_label input[type="checkbox"] {width: 1.25rem; height: 1.25rem; vertical-align: sub;} /* textarea 입력창 높이 조절 표시 비활성화 */ .textarea-no-resize { resize: none; overflow: hidden; } /* 상품목록 */ .divy_prd_list {padding-bottom: 5rem;} .divy_prd_list_det_wrap {margin-top: 1.25rem;} .divy_prd_list_det_form {margin-top: 1.25rem; position: relative; padding-bottom: 2rem;} .divy_prd_list_item_lst {display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 1fr; padding-bottom: 5rem; gap: 4rem 3rem;} .divy_prd_list_item_wrap input[type="checkbox"] {display: none;} .divy_prd_list_item_optn_btn {display: block; padding: 0.375rem 0; display: block; border: 1px solid #ad8b48; width: 80%; margin: 0 auto; text-align: center; color: #ad8b48; border-radius: 0.5rem; cursor: pointer;} .divy_prd_list_item_wrap:not(.disabled) .divy_prd_list_item_optn_btn:hover {background-color: #ad8b48; color: #fff; transition: all 0.15s ease-in-out; opacity: 0.8;} .divy_prd_list_item_wrap input[type="checkbox"]:checked ~ .divy_prd_list_item_info .divy_prd_list_item_optn_btn {background-color: #ad8b48; color: #fff; opacity: 1;} .divy_prd_list_item_img_wrap {width: 90%; margin: 0 auto; padding-bottom: 90%; height: 0; position: relative; display: block;} .divy_prd_list_item_img_wrap > img {height: 90%;position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: contain;} .divy_prd_list_item_info {margin-top: 0.5rem; text-align: center;} .divy_prd_list_item_info .badge {padding: 0.375rem 0.5rem; font-size: 0.85rem;} .divy_prd_list_item_info > dl {text-align: center; margin-top: 0.5rem;} .divy_prd_list_item_info a {margin-top: 1rem; display: block;} .dnt_prd_lst_info_pric {margin-top: 0.25rem;} .dnt_prd_lst_info_pric > span:nth-of-type(1) {font-weight: 500; text-decoration: line-through; color: #8c8c8a;} .dnt_prd_lst_info_pric > span:nth-of-type(2) {margin-right: 0.25rem; margin-left: 0.25rem; font-weight: 500;} .dnt_prd_lst_info_pric > span:nth-of-type(3) {color: #dc3545 !important;} .dnt_prd_lst_info_pric > span:last-of-type {font-size: 1.125rem; font-weight: bold; text-decoration: none; color: #333;} .divy_prd_list .dnt_prd_lst_info_pric {text-align: center;} .divy_prd_list_item_wrap.active .divy_prd_list_item_img_wrap {position: relative;} .divy_prd_list_item_wrap.active .divy_prd_list_item_img_wrap:before {content: ""; width: 100%; height: 100%; border: 2px solid #ad8b48; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 0.5rem; background-color: #ad8b484d;} /* disabled */ .divy_prd_list_item_wrap.disabled a:hover {opacity: 1;} .divy_prd_list_item_wrap.disabled .divy_prd_list_item_info > span, .divy_prd_list_item_wrap.disabled .divy_prd_list_item_info > dl {opacity: 0.5;} .divy_prd_list_item_wrap.disabled .divy_prd_list_cat_badge {opacity: 0.7;} .divy_prd_list_item_wrap.disabled .divy_prd_list_item_img_wrap > img {opacity: 0.3;} .divy_prd_list_item_wrap.disabled .divy_prd_list_item_img_wrap:after {content: "해당 상품은 중복 선택이 불가능 합니다."; display: inline-block; white-space: nowrap; padding: 0.5rem 1rem; background-color: rgba(0, 0, 0, 0.6); color: #fff; font-size: 0.9rem; font-weight: bold; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} .divy_prd_list_item_wrap.disabled .divy_prd_list_item_info > label > span {cursor: not-allowed;} .divy_prd_list_item_wrap.disabled .divy_prd_list_item_optn_btn {border-color: #bbb; background-color: #bbb; color: #fff;} /* 상품 카테고리 뱃지 */ .divy_prd_list_cat_badge_wrap { display: inline-block; position: absolute; top: 0.5rem; right: 0.5rem;} .divy_prd_list_cat_badge {display: inline-flex; justify-content: center; align-items: center; color: #fff; position: relative; aspect-ratio: 1 / 1; border-radius: 1rem; padding: 0.375rem; overflow: hidden;} .divy_prd_list_cat_badge > span {position: relative; text-align: center; word-break: keep-all; font-size: 0.85rem; font-weight: 500;} .divy_prd_list_cat_badge_wrap.type_01 .divy_prd_list_cat_badge {background: linear-gradient(210deg, #7b3bb3 0%, rgb(123 59 179 / 90%) 40%, rgb(169 46 132 / 90%) 70%, #a92e84 100%); background: none; background-color: #3366b9; box-shadow: 1px 1px 3px rgba(0,0,0,0.5);} .divy_prd_list_cat_badge_wrap.type_02 .divy_prd_list_cat_badge {background-color: #727272; box-shadow: 1px 1px 3px rgba(0,0,0,0.35);} @media (max-width: 1023px) { .divy_prd_list_item_lst {grid-template-columns: repeat(3, 1fr); gap: 3rem 2rem;} } @media (max-width: 600px) { .divy_prd_list_item_lst {grid-template-columns: repeat(2, 1fr);} } /* 상품상세 */ .divy_prd_info .dafl_sxn_line {display: none;} .divy_prd_info .card > .card-body {padding: 1.25rem;} .divy_prd_info_top {display: table; table-layout: fixed; width: 100%;} .divy_prd_info_top > * {display: table-cell; vertical-align: top;} .divy_prd_info_top_img_wrap {width: 40%; height: 0; padding-bottom: 40%; position: relative;} .divy_prd_info_top_img_wrap > img {position: absolute; top: 50%; left: 50%; height: 100%; transform: translate(-50%, -50%);} .divy_prd_info .dnt_prd_lst_info_pric {text-align: right; font-size: 1.125rem;} .divy_prd_info .dnt_prd_lst_info_pric > span:nth-of-type(2) {margin-left: 0.5rem; margin-right: 0.5rem;} .divy_prd_info .dnt_prd_lst_info_pric > span:last-of-type {font-size: 1.25rem;} .divy_prd_info_top .card > .card-body {background-color: #f8f8f8;} .divy_prd_info_top_det_info .badge {padding: 0.5rem 0; font-size: 0.9rem; border-radius: 0.25rem; min-width: 120px;} .divy_prd_info_top_det_info {padding-left: 2rem;} .divy_prd_info_top_det_info > dl:first-of-type {margin-top: 1.25rem;} .divy_prd_info_top_det_info > dl:first-of-type > dt {display: flex; justify-content: space-between; align-items: center; padding-bottom: 1.25rem; border-bottom: 1px solid #ddd;} .divy_prd_info_top_det_info > dl:first-of-type > dt > span {font-size: 1.5rem;} .divy_prd_info_top_det_info > dl:first-of-type > dd {margin-top: 1.25rem; padding-bottom: 1.25rem; border-bottom: 1px solid #ddd;} .divy_prd_info_top_det_info > dl:last-of-type {display: flex; justify-content: space-between; align-items: center;} .divy_prd_info_top_det_info > dl:last-of-type > dt {font-size: 1.25rem; font-weight: 500;} .divy_prd_info_top_det_info > dl:last-of-type > dd {font-size: 1.5rem; font-weight: bold; color: #dc3545;} .divy_prd_info_top_det_info > dl:last-of-type > dd em {font-size: 1.25rem; font-weight: 500; color: #333;} .divy_prd_info_top_det_info > a {display: block; padding: 0.75rem 0; font-size: 1.125rem;} .divy_prd_info_bottom {margin-top: 3rem;} .divy_prd_info_bottom .COMMON_TABS > .ui-widget-header {border-bottom-color: #ddd; margin-bottom: 1rem;} .divy_prd_info_bottom .COMMON_TABS.ui-tabs .ui-tabs-nav > li {margin-bottom: 0; margin-right: 1rem; border: none; background-color: transparent;} .divy_prd_info_bottom .COMMON_TABS.ui-tabs .ui-tabs-nav > li > a {font-weight: bold; padding: 0.5rem 1.25rem; font-size: 1.125rem; opacity: 1 !important;} .divy_prd_info_bottom .COMMON_TABS.ui-tabs .ui-tabs-nav > .ui-tabs-active {background-color: transparent; border: none; border-bottom: 4px solid #ad8b48;} .divy_prd_info_bottom .COMMON_TABS.ui-tabs .ui-tabs-nav > .ui-tabs-active > a {color: #ad8b48;} .divy_prd_info_bottom_cont_wrap {padding-left: 0.75rem; padding-right: 0.75rem;} .divy_prd_info_bottom_cont_wrap .card > .card-body {padding: 0 1.25rem 1.25rem;} .divy_prd_info_bottom_cont_wrap .card-body dl + dl {margin-top: 3rem;} .divy_prd_info_bottom_cont_wrap .card-body dl > dd {margin-top: 0.5rem; font-size: 0.95rem;} .divy_prd_info_bottom_cont_wrap .card-body dl > dd ul > li:not(:first-child) {margin-top: 0.25rem;} .divy_prd_info_bottom_cont_wrap .card-body div > span:first-of-type {font-size: 0.6rem; line-height: 1.5rem;} @media (max-width: 600px) { .divy_prd_info .dafl_sxn_line {display: block; width: 100vw; margin-left: -1rem; height: 1rem; margin-top: 3rem; margin-bottom: 3rem; background-color: #e0dfdf;} .divy_prd_info_top {display: block;} .divy_prd_info_top > div {display: block;} .divy_prd_info_top_img_wrap {width: 80%; padding-bottom: 80%; margin: 0 auto;} .divy_prd_info_top_det_info {padding-left: 0; margin-top: 2rem;} .divy_prd_info_top_det_info .badge {min-width: 5rem;} .divy_prd_info_bottom {margin-top: 0rem;} .divy_prd_info_bottom_cont_wrap .invt_accordion_body {padding: 0 1.25rem 0.75rem;} } .img_prdu_list_wrap {display: grid; grid-template-columns : repeat(2, 1fr); gap: 1.5rem 0.75rem;} .img_prdu_list_wrap > li {position: relative; overflow: hidden;} .img_prdu_list_wrap > li > h6 {white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .img_resize_btn {position: absolute;right:0;top:0;background-color: #FFF;border:1px solid #DDD;padding: 5px 10px;border-radius: 0.25rem;} .okflag_frame_wrth_prd_btn {position: relative; width: 100%; padding-bottom: 66%; height: 0;} .okflag_frame_wrth_prd_btn > p {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-repeat: no-repeat; width: 100%; height: 100%; background-size: contain; background-position: center center;} /* 답례문자 */ /* 청첩장 공통 */ .invt_rply_form {padding-bottom: 5rem;} .invt_rply_form_tabs {display: flex; justify-content: center; align-items: center; gap: 0.5rem; margin: 1.5rem 0;} .invt_rply_form_tabs > * {flex: 1;} .invt_rply_form_tabs > button {background-color: #e9e9e9; color: #aaa; padding: 0.5rem 0; border-radius: 0.5rem; font-weight: 500;} .invt_rply_form_tabs > button.active {background-color: #8A7D78; color: #fff;} .invt_rply_form_wrap {background-color: #fff5d2;} .invt_rply_form_wrap textarea {font-size: 1.25rem; background-color: transparent; border: 1px dashed #666; overflow: hidden; resize: none; text-align: center;} .invt_rply_form_wrap textarea:focus {background-color: #fff; border: 1px solid #ced4da;} .invt_rply_form_top_img {width: 100%; background-repeat: no-repeat; background-size: 100% 100%; padding-bottom: 40%;} .invt_rply_form_body {padding: 4.75rem 1.25rem 6.25rem; margin-left: 1.25rem; margin-right: 1.25rem; background-color: #fff; position: relative; overflow: hidden;} .invt_rply_form_body:after {content: ""; width: 40%; height: 5rem; background-color: #fff; position: absolute; bottom: -2.75rem; left: 50%; transform: translateX(-50%); border-top-left-radius: 100%; border-top-right-radius: 100%;} .invt_rply_form_body textarea[name="imrlContDt"], .invt_rply_form_body textarea[name="ierlContDt"] {margin-top: 3.75rem; text-align: center;} .mary_basic_info_wrap, .mary_host_info_wrap {display: flex; justify-content: center; gap: 1.5rem; align-items: center; margin-top: 3rem; flex-wrap: nowrap;} .mary_basic_info_wrap > ul:first-of-type, .mary_basic_info_wrap > ul:nth-of-type(3) {font-size: 1.5rem; color: #343434; font-weight: bold;} .mary_basic_info_wrap > ul:nth-of-type(2) {font-size: 1.25rem; font-weight: 500; color: #676767;} .mary_basic_info_wrap > p {font-weight: bold; color: #343434; font-size: 1.5rem;} .mary_host_info_wrap > ul > li > span {line-height: 1;} .mary_host_info_wrap > ul:first-of-type, .mary_host_info_wrap > ul:last-of-type {font-size: 1.5rem;} .mary_host_info_wrap > ul:nth-of-type(2) {font-size: 2rem;} .mary_host_info_wrap {font-family: "궁서";} .invt_basic_info_wrap {margin-top: 3rem; font-size: 1.5rem; font-weight: bold; text-align: center;} .invt_rply_form_btn_lst {display: flex; justify-content: center; align-items: center; gap: 0.5rem; width: 80%; margin: 3rem auto;} .invt_rply_form_btn_lst > * {flex: 1;} .invt_rply_logo_wrap {width: 5.625rem; margin: 5rem auto 0; padding-bottom: 2rem;} .invt_rply_form.invt_form .invt_rply_logo_wrap {margin-top: 4rem;} /* 일반 */ .invt_rply_form.mary_form[data-params="0001"] .invt_rply_form_wrap {background-color: #fff5d2;} .invt_rply_form.mary_form[data-params="0001"] .invt_rply_form_top_img {background-image: url("/common/css/images/invt_rply_form_top_img_0001.png");} .invt_rply_form.mary_form[data-params="0001"] .invt_rply_form_body:after {background-color: #fff5d2;} /* 혼주 */ .invt_rply_form.mary_form[data-params="0002"] .invt_rply_form_wrap {background-color: #0e2469;} .invt_rply_form.mary_form[data-params="0002"] .invt_rply_form_top_img {background-image: url("/common/css/images/invt_rply_form_top_img_0002.png");} .invt_rply_form.mary_form[data-params="0002"] .invt_rply_form_body:after {background-color: #0e2469;} .invt_rply_form.mary_form[data-params="0002"] .mary_host_info_wrap > ul {color: #fff;} /* 개신교 */ .invt_rply_form.mary_form[data-params="0003"] .invt_rply_form_wrap {background-color: #bfe4d9;} .invt_rply_form.mary_form[data-params="0003"] .invt_rply_form_top_img {background-image: url("/common/css/images/invt_rply_form_top_img_0003.png");} .invt_rply_form.mary_form[data-params="0003"] .invt_rply_form_body:after {background-color: #bfe4d9;} /* 천주교 */ .invt_rply_form.mary_form[data-params="0004"] .invt_rply_form_wrap {background-color: #c8d9ee;} .invt_rply_form.mary_form[data-params="0004"] .invt_rply_form_top_img {background-image: url("/common/css/images/invt_rply_form_top_img_0004.png");} .invt_rply_form.mary_form[data-params="0004"] .invt_rply_form_body:after {background-color: #c8d9ee;} /* 불교 */ .invt_rply_form.mary_form[data-params="0005"] .invt_rply_form_wrap {background-color: #fce5de;} .invt_rply_form.mary_form[data-params="0005"] .invt_rply_form_top_img {background-image: url("/common/css/images/invt_rply_form_top_img_0005.png");} .invt_rply_form.mary_form[data-params="0005"] .invt_rply_form_body:after {background-color: #fce5de;} /* 초대장 */ .invt_rply_form.invt_form .invt_rply_form_wrap {background-color: #ffc986;} .invt_rply_form.invt_form .invt_rply_form_top_img {background-image: url("/common/css/images/invt_rply_form_top_img_0000.png");} .invt_rply_form.invt_form .invt_rply_form_body:after {background-color: #ffc986;} .invt_rply_form.invt_form .invt_rply_form_bottom {margin: 2.5rem 2.5rem 0;} /* 답례문자 확인폼 */ /* 청첩장 */ .invt_rply_form .invt_rply_form_body > div {text-align: center; font-size: 1.25rem;} .invt_rply_form .invt_rply_info_dt {margin-top: 3rem;} .invt_rply_form .invt_rply_info_sendr_nm {margin-top: 0.5rem;} @media (max-width: 600px) { } .empty_body {background-color: #F5F3EE;} /* 초대장, 청첩장 선택, 생성 페이지 */ .invt_wri_optn_form .main_menu_btn_lst {display: flex; justify-content: space-between; align-items: center; gap: 1.5rem;} .invt_wri_optn_form .main_menu_btn_lst > li {flex: 1;} .invt_wri_optn_form .main_menu_btn_lst .card {border-radius: 0.625rem; overflow: hidden;} .invt_wri_optn_form .main_menu_btn_lst .card-body {padding: 1.5rem 3rem;} .invt_wri_optn_form .main_menu_btn_lst dl > dt {font-size: 2rem; text-align: center;} .invt_wri_optn_form .main_menu_btn_lst dl > dd {margin-top: 1rem;} .invt_wri_optn_form .main_menu_btn_lst .btn {margin-top: 1.5rem; display: block;} .invt_wri_optn_form .main_menu_btn_img_wrap > img {height: 10.5rem; object-fit: contain; display: block; margin: 0 auto;} .invt_wri_optn_form .main_menu_btn_lst_wrap {margin-top: 1.5rem;} .input-checkbox-form {display: flex; justify-content: flex-start; align-items: center; gap: 0.5rem; min-height: 1.9375rem;} .input-checkbox-form label {line-height: 1.5 !important; word-break: keep-all;} @media (max-width: 1023px) { .invt_wri_optn_form .main_menu_btn_lst {display: block; max-width: 500px; margin: 0 auto;} .invt_wri_optn_form .main_menu_btn_lst > li:last-child {margin-top: 1.5rem;} } /* 초대장, 청첩장 미리보기 페이지 */ .invt_dlvr_info_wrap {padding: 2.5rem;} .invt_dlvr_info_ico_lst {display: flex; justify-content: space-around; align-items: center; padding-bottom: 1.5rem; max-width: 400px; margin: 4.5rem auto 0;} .invt_dlvr_info_ico_lst > li {text-align: center;} .invt_dlvr_info_ico_lst > li > a {display: block; width: 4rem; height: 4rem; border: 2px solid #dedede; position: relative; border-radius: 1rem; overflow: hidden;} .invt_dlvr_info_ico_lst > li > a > img {position: absolute; width: 2rem; top: 50%; left: 50%; transform: translate(-50%, -50%);} .invt_dlvr_info_ico_lst > li:first-child > a > img {transform: translate(-50%, -50%) scale(5);} .invt_dlvr_info_ico_lst > li > span {margin-top: 0.5rem; font-size: 0.9rem; display: inline-block;} .invt_default_btn {padding: 0.75rem 1.25rem; border: 1px solid #252525; color: #252525; font-size: 1.125rem; border-radius: 50%; min-width: 7.5rem; text-align: center; margin-top: 2.5rem;} .invt_default_btn:hover {background-color: #252525; color: #fff; transition: all 0.15s ease-in-out;} /* 초대장, 청첩장 */ /* 폰트정리 */ [data-font-type="0001"] {font-family: 'TTMongleRomance', sans-serif !important;} [data-font-type="0002"] {font-family: 'GFGoodGothic', sans-serif !important;} [data-font-type="0003"] {font-family: 'TTFineTomorrow', sans-serif !important;} [data-font-type="0004"] {font-family: 'NanumMyeongjo', sans-serif !important;} /* 효과 정리 */ [data-scroll-effect="1"] .wri_left_info_form_lst_item > * {opacity: 0; visibility: hidden; transition: 0.75s; transform: translateY(100px);} [data-scroll-effect="1"] .wri_left_info_form_lst_item.on > * {opacity: 1; visibility: visible; transition: 1.5s; transform: translateY(0);} .invt_info_chf_mnr_item, .invt_info_chf_mnr_item a {color: #fff;} .invt_info_chf_mnr_item > div {display: flex; justify-content: center; gap: 1rem;} .invt_info_chf_mnr_item > div > div:first-child {display: flex; justify-content: flex-end; align-items: baseline; gap: 0.75rem;} .invt_info_chf_mnr_item > div > div:first-child > div:first-child {color: #C3AEA7;} .invt_info_chf_mnr_item > div > div:first-child > div:last-child {width: 5rem; text-align: left; font-size: 1.25rem;} .invt_info_chf_mnr_sxn {width: 2.25rem; position: relative;} .invt_info_chf_mnr_sxn:after {content: ""; position: absolute; width: 100%; height: 0; top: 50%; left: 50%; transform: translate(-50%, -50%); border-top: 1px dashed #fff;} .invt_info_chf_mnr_lst > li:not(:first-child) {margin-top: 1.5rem;} .mary_guest_book_form > dl > dt {text-align: center; color: #fff; font-weight: 400;} .mary_guest_book_form > dl > dd {margin-top: 1.5rem;} .mary_guest_book_form > dl > dd ul {display: flex; justify-content: center; align-items: center; gap: 0.625rem;} .mary_guest_book_form > dl > dd div {margin-top: 0.625rem;} .mary_prd_send_info {font-family: 'NanumMyeongjo', sans-serif !important;} .mary_prd_send_info .COMMON_DIALOG_LAYOUT {padding-bottom: 2rem !important;} .mary_prd_send_info_wrap {padding-left: 1rem; padding-right: 1rem;} .mary_prd_send_info_wrap > dl > dt {text-align: center; color: #000; font-weight: 400;} .mary_prd_send_info_wrap > dl > dd {margin-top: 2.25rem; text-align: center;} .mary_prd_send_info_wrap > dl > dd > p {line-height: 1.5; color: #252525;} .mary_prd_send_info_wrap > dl > dd > dl {margin-top: 2rem; padding-top: 2rem; border-top: 1px dashed #6C6C6C;} .mary_prd_send_info_wrap > dl > dd > dl > dt {font-size: 1.375rem; display: flex; justify-content: center; align-items: center; gap: 0.5rem; font-weight: 400;} .mary_prd_send_info_wrap > dl > dd > dl > dd > ul > li {margin-top: 0.75rem; font-size: 1.25rem; line-height: 1.25;} .mary_prd_send_info_wrap .mary_prd_send_info_cont_header {width: 1.25rem; height: 1.25rem; background-size: contain; background-repeat: no-repeat;} .invt_cel_msg_lst > li:not(:first-child) {border-top: 1px solid #BBB;} .invt_cel_msg_lst > li .card, .invt_cel_msg_lst > li .card-body {background-color: transparent; padding-left: 0.25rem;; padding-right: 0.25rem;} .invt_cel_msg_lst_form_top {display: flex; justify-content: space-between; align-items: center;} .invt_cel_msg_lst_form_top > div {display: flex; justify-content: flex-start; align-items: center; gap: 0.75rem;} .invt_cel_msg_lst_form_top > div > div {font-size: 1.25rem;} .invt_cel_msg_lst_form_top + div {margin-top: 0.5rem;} .mary_form .wri_left_main_top_sub_info_wrap {max-width: 70%; margin: 0 auto;} /* 청첩장 타입1 */ .mary_form[data-layout-type="1001"] .invt_default_btn {border-color: #93695A; color: #93695A;} .mary_form[data-layout-type="1001"] .invt_default_btn:hover {background-color: #93695A; color: #fff;} .mary_form[data-layout-type="1001"] .wri_left_info_form_lst > li {padding-left: 2.5rem; padding-right: 2.5rem;} .mary_form[data-layout-type="1001"] .wri_left_main_top_form {padding-left: 0; padding-right: 0; position: relative; z-index: 1;} .mary_form[data-layout-type="1001"] .wri_left_main_top_form .wri_left_main_top_bg {background-image: url("/common/css/images/mary_invt_img/mary_invt_type_0001_bg.png"); background-size: 100% 100%; width: 100%; height: 100%; z-index: -1; position: absolute; top: 0; left: 50%; transform: translateX(-50%); background-repeat: no-repeat; background-color: #f8efe7;} .mary_form[data-layout-type="1001"] .wri_left_main_top_form .wri_left_main_top_title_wrap {position: absolute; width: 75%; top: 8.5%; left: 50%; transform: translateX(-50%); z-index: 1;} .mary_form[data-layout-type="1001"] .wri_left_main_top_form .wri_left_main_top_cont_wrap {padding-top: 50%; width: 100%;} .mary_form[data-layout-type="1001"] .wri_left_main_top_form .wri_left_main_top_nm_wrap {display: flex; justify-content: center; align-itrems: flex-end; gap: 1.5rem; font-size: 2rem; font-weight: 700;} .mary_form[data-layout-type="1001"] .wri_left_main_top_form .wri_left_main_top_nm_wrap > * {line-height: 2rem;} .mary_form[data-layout-type="1001"] .wri_left_main_top_form .wri_left_main_top_nm_slash {display: inline-block; width: 1px; height: 1.75rem; background-color: #000; vertical-align: middle; transform: rotate(30deg); line-height: 2.25rem;} .mary_form[data-layout-type="1001"] .wri_left_main_top_form .wri_left_main_top_date {font-size: 1.375rem; color: #945640; margin-top: 2.25rem; font-weight: 700;} .mary_form[data-layout-type="1001"] .wri_left_main_top_form .wri_left_main_top_info_wrap {margin-top: 1.75rem; font-size: 1.375rem; color: #6c6c6c; padding-bottom: 4.5rem; font-weight: 400;} .mary_form[data-layout-type="1001"] .wri_left_main_top_form .wri_left_main_top_plc {margin-top: 0.75rem; padding: 0 0.75rem;} .mary_form[data-layout-type="1001"] .wri_left_form {background-color: #FCF9F7; padding-bottom: 0;} .mary_form[data-layout-type="1001"] .wri_left_form_container {padding-left: 0; padding-right: 0;} .mary_form[data-layout-type="1001"] .wri_left_form_container .wri_left_info_form_lst_item > dl > dt {text-align: center;} .mary_form[data-layout-type="1001"] .wri_left_form_container .wri_left_info_form_lst_item > dl > dt > img {height: 1.5rem; display: inline-block;} .mary_form[data-layout-type="1001"] .wri_left_form_container .wri_left_info_form_lst_item > dl > dt > p {margin-top: 1rem; color: #ae7e6d;} .mary_form[data-layout-type="1001"] .wri_left_form_container .wri_left_info_form_lst_item > dl > dt + dd {margin-top: 2.5rem;} .mary_form[data-layout-type="1001"] .wri_left_form_container .imgi_grtng_cont p, .mary_form[data-layout-type="1001"] .wri_left_form_container .imgi_grtng_cont span {font-size: 1.25rem !important; line-height: 2.5rem !important; color: #252525 !important;} .mary_form[data-layout-type="1001"] .wri_left_form_container .calendar_header {display: flex; justify-content: center; align-items: center; gap: 0.375rem; } .mary_form[data-layout-type="1001"] .wri_left_form_container .calendar_header .calendar_date, .mary_form[data-layout-type="1001"] .wri_left_form_container .calendar_header .wri_left_main_top_day_of_the_week, .mary_form[data-layout-type="1001"] .wri_left_form_container .inv_mary_tm_rsl_form_wrap {font-size: 1.25rem; font-weight: 400; color: #945640; line-height: 2.25rem; margin-top: 0;} .mary_form[data-layout-type="1001"] .wri_left_form_container .calendar_days, .mary_form[data-layout-type="1001"] .wri_left_form_container .calendar_dates {padding-left: 0.5rem; padding-right: 0.5rem;} .mary_form[data-layout-type="1001"] .wri_left_form_container .calendar_days {padding-top: 1.5rem; border-top: 1px solid #252525;} .mary_form[data-layout-type="1001"] .wri_left_form_container .calendar_dates {border-color: #252525; padding-bottom: 1.5rem;} .mary_form[data-layout-type="1001"] .wri_left_form_container .calendar_dday_wrap {margin-top: 2rem; font-size: 1.25rem;} .mary_form[data-layout-type="1001"] .wri_left_form_container .invt_cont {background-color: #FCF9F7;} .mary_form[data-layout-type="1001"] .wri_left_form_container .map_info + .trfc_meth {padding-top: 1.5rem;} .mary_form[data-layout-type="1001"] .wri_left_form_container .bank_accnt_num {background-color: #F7F0E8;} .mary_form[data-layout-type="1001"] .wri_left_form_container .inv_trfc_meth_lst > li:not(:last-child) {border-color: #945640;} .mary_form[data-layout-type="1001"] .wri_left_form_container .inv_trfc_meth_lst > li > dl > dt {color: #945640; font-size: 1.25rem;} .mary_form[data-layout-type="1001"] .wri_left_form_container .inv_trfc_meth_lst > li > dl > dd {font-size: 1.125rem;} .mary_form[data-layout-type="1001"] .invt_addr_det_info_lst {text-align: center;} .mary_form[data-layout-type="1001"] .invt_addr_det_info_lst > dt {color: #945640; font-size: 1.25rem;} .mary_form[data-layout-type="1001"] .invt_addr_det_info_lst > dt img {width: 1rem; margin-right: 0.5rem;} .mary_form[data-layout-type="1001"] .invt_addr_det_info_lst > dd {margin-top: 1rem; color: #6c6c6c;} .mary_form[data-layout-type="1001"] .invt_addr_det_info_lst > dd > ul > li:not(:first-child) {margin-top: 0.5rem;} .mary_form[data-layout-type="1001"] .invt_addr_det_info_lst > dd > ul > li > div {display: flex; justify-content: center; align-items: center; gap: 0.25rem;} .mary_form[data-layout-type="1001"] .invt_addr_det_info_lst .invt_addr_det_info_copy_btn {color: #6c6c6c; margin-left: 0.25rem;} .mary_form[data-layout-type="1001"] .invt_addr_det_info_lst .invt_addr_det_info_copy_btn:hover {color: #000; transition: all 0.15s ease-in-out;} .mary_form[data-layout-type="1001"] .wri_left_form_container .inv_bankaccntnum > dt + dd {margin-top: 1.25rem !important;} .mary_form[data-layout-type="1001"] .wri_left_form_container .inv_bankaccntnum > dd > pre {text-align: center;} .mary_form[data-layout-type="1001"] .wri_left_form_container .inv_bankaccntnum_lst_wrap {margin-top: 2.5rem;} .mary_form[data-layout-type="1001"] .wri_left_form_container .inv_bankaccntnum_lst_wrap > li > .invt_accordion_wrap {border: 1px solid #945640; border-radius: 3rem; overflow: hidden; transition: border-radius 0.3s linear;} .mary_form[data-layout-type="1001"] .wri_left_form_container .inv_bankaccntnum_lst_wrap > li > .invt_accordion_wrap > a {background-color: transparent; color: #945640; text-align: left; padding: 1rem 1.25rem;} .mary_form[data-layout-type="1001"] .wri_left_form_container .inv_bankaccntnum_lst {border-top: none;} .mary_form[data-layout-type="1001"] .wri_left_form_container .inv_bankaccntnum_lst_wrap > li > .invt_accordion_wrap.active {border-radius: 1.25rem;} .mary_form[data-layout-type="1001"] .wri_left_form_container .inv_bankaccntnum_lst_wrap > li > .invt_accordion_wrap.active > a {background-color: #945640; color: #fff; transition: all 0.15s linear;} .mary_form[data-layout-type="1001"] .calendar .today:before, .mary_form[data-layout-type="1001"] .calendar .highlightDate:before {background-color: #945640;} .SHUVIC_JQUERY_DIALOG.mary_form[data-layout-type="1001"] {background-color: #836C64 !important;} .SHUVIC_JQUERY_DIALOG.mary_form[data-layout-type="1001"] .invt_info_chf_mnr_header {background-image: url("/common/css/images/mary_invt_img/mary_invt_type_0001_ico_0002.png"); background-repeat: no-repeat; width: 3rem; height: 3rem; background-size: contain; margin: 1.5rem auto 2.5rem;} .SHUVIC_JQUERY_DIALOG.mary_form[data-layout-type="1001"] .COMMON_DIALOG_LAYOUT {padding-left: 1rem; padding-right: 1rem;} .SHUVIC_JQUERY_DIALOG.mary_form[data-layout-type="1001"] .ui-dialog-buttonpane {background-color: #836C64; border-top: none; padding: 0.5rem 1rem 1rem;} .SHUVIC_JQUERY_DIALOG.mary_form[data-layout-type="1001"] .ui-dialog-buttonpane .ui-dialog-buttonset {padding: 0;} .SHUVIC_JQUERY_DIALOG.mary_form[data-layout-type="1001"] .mary_guest_book_header {background-image: url("/common/css/images/mary_invt_img/mary_invt_type_0001_ico_0003.png"); background-repeat: no-repeat; width: 3rem; height: 1rem; background-size: contain; margin: 0.5rem auto 1rem;} .SHUVIC_JQUERY_DIALOG.mary_form.mary_form.mary_prd_send_info[data-layout-type="1001"], .SHUVIC_JQUERY_DIALOG.mary_form.mary_form.mary_prd_send_info[data-layout-type="1001"] .ui-dialog-buttonpane {background-color: #FCF9F7 !important;} .SHUVIC_JQUERY_DIALOG.mary_form[data-layout-type="1001"] .mary_prd_send_info_wrap > dl > dt {color: #B5978C;} .SHUVIC_JQUERY_DIALOG.mary_form[data-layout-type="1001"] .mary_prd_send_info_header {background-image: url("/common/css/images/mary_invt_img/mary_invt_type_0001_ico_0004.png"); background-repeat: no-repeat; width: 3rem; height: 1.125rem; background-size: contain; margin: 0.5rem auto;} .SHUVIC_JQUERY_DIALOG.mary_form[data-layout-type="1001"] .mary_prd_send_info_wrap .mary_prd_send_info_cont_header {background-image: url("/common/css/images/mary_invt_img/mary_invt_type_0001_ico_0005.png");} .SHUVIC_JQUERY_DIALOG.mary_form[data-layout-type="1001"] .mary_prd_send_info_wrap > dl > dd > dl > dt {color: #836C64;} .mary_form[data-layout-type="1001"] .page-link {color: #93695A;} .mary_form[data-layout-type="1001"] .page-item.active .page-link {background-color: #93695A; color: #fff;} /* 청첩장 타입2 */ .mary_form[data-layout-type="1002"] .invt_default_btn {border-color: #4B6FA5; color: #4B6FA5;} .mary_form[data-layout-type="1002"] .invt_default_btn:hover {background-color: #4B6FA5; color: #fff;} .mary_form[data-layout-type="1002"] .wri_left_info_form_lst > li {padding-left: 2.5rem; padding-right: 2.5rem;} .mary_form[data-layout-type="1002"] .wri_left_main_top_form {padding-left: 0; padding-right: 0; position: relative; z-index: 1;} .mary_form[data-layout-type="1002"] .wri_left_main_top_form .wri_left_main_top_bg {background-image: url("/common/css/images/mary_invt_img/mary_invt_type_0002_bg.png"); background-size: contain; width: 100%; height: 100%; z-index: -1; position: absolute; top: 0; left: 50%; transform: translateX(-50%); background-repeat: no-repeat; background-color: #ebedf0;} .mary_form[data-layout-type="1002"] .wri_left_main_top_form .wri_left_main_top_title_wrap {position: absolute; width: 75%; top: 8.5%; left: 50%; transform: translateX(-50%); z-index: 1;} .mary_form[data-layout-type="1002"] .wri_left_main_top_form .wri_left_main_top_cont_wrap {padding-top: 50%; width: 100%;} .mary_form[data-layout-type="1002"] .wri_left_main_top_form .wri_left_main_top_nm_wrap {display: flex; justify-content: center; align-itrems: flex-end; gap: 1.5rem; font-size: 2rem; font-weight: 700;} .mary_form[data-layout-type="1002"] .wri_left_main_top_form .wri_left_main_top_nm_wrap > * {line-height: 2rem;} .mary_form[data-layout-type="1002"] .wri_left_main_top_form .wri_left_main_top_nm_slash {display: inline-block; width: 1px; height: 1.75rem; background-color: #000; vertical-align: middle; transform: rotate(30deg); line-height: 2.25rem;} .mary_form[data-layout-type="1002"] .wri_left_main_top_form .wri_left_main_top_date {font-size: 1.375rem; color: #799BCF; margin-top: 2.25rem; font-weight: 700;} .mary_form[data-layout-type="1002"] .wri_left_main_top_form .wri_left_main_top_info_wrap {margin-top: 1.75rem; font-size: 1.375rem; color: #6c6c6c; padding-bottom: 4.5rem; font-weight: 400;} .mary_form[data-layout-type="1002"] .wri_left_main_top_form .wri_left_main_top_plc {margin-top: 0.75rem; padding: 0 0.75rem;} .mary_form[data-layout-type="1002"] .wri_left_form {background-color: #FCF9F7; padding-bottom: 0;} .mary_form[data-layout-type="1002"] .wri_left_form_container {padding-left: 0; padding-right: 0;} .mary_form[data-layout-type="1002"] .wri_left_form_container .wri_left_info_form_lst_item > dl > dt {text-align: center;} .mary_form[data-layout-type="1002"] .wri_left_form_container .wri_left_info_form_lst_item > dl > dt > img {height: 1.5rem; display: inline-block;} .mary_form[data-layout-type="1002"] .wri_left_form_container .wri_left_info_form_lst_item > dl > dt > p {margin-top: 1rem; color: #4B6FA5;} .mary_form[data-layout-type="1002"] .wri_left_form_container .wri_left_info_form_lst_item > dl > dt + dd {margin-top: 2.5rem;} .mary_form[data-layout-type="1002"] .wri_left_form_container .imgi_grtng_cont p, .mary_form[data-layout-type="1002"] .wri_left_form_container .imgi_grtng_cont span {font-size: 1.25rem !important; line-height: 2.5rem !important; color: #252525 !important;} .mary_form[data-layout-type="1002"] .wri_left_form_container .calendar_header {display: flex; justify-content: center; align-items: center; gap: 0.375rem; } .mary_form[data-layout-type="1002"] .wri_left_form_container .calendar_header .calendar_date, .mary_form[data-layout-type="1002"] .wri_left_form_container .calendar_header .wri_left_main_top_day_of_the_week, .mary_form[data-layout-type="1002"] .wri_left_form_container .inv_mary_tm_rsl_form_wrap {font-size: 1.25rem; font-weight: 400; color: #4B6FA5; line-height: 2.25rem; margin-top: 0;} .mary_form[data-layout-type="1002"] .wri_left_form_container .calendar_days, .mary_form[data-layout-type="1002"] .wri_left_form_container .calendar_dates {padding-left: 0.5rem; padding-right: 0.5rem;} .mary_form[data-layout-type="1002"] .wri_left_form_container .calendar_days {padding-top: 1.5rem; border-top: 1px solid #252525;} .mary_form[data-layout-type="1002"] .wri_left_form_container .calendar_dates {border-color: #252525; padding-bottom: 1.5rem;} .mary_form[data-layout-type="1002"] .wri_left_form_container .calendar_dday_wrap {margin-top: 2rem; font-size: 1.25rem;} .mary_form[data-layout-type="1002"] .wri_left_form_container .invt_cont {background-color: #FCF9F7;} .mary_form[data-layout-type="1002"] .wri_left_form_container .map_info + .trfc_meth {padding-top: 1.5rem;} .mary_form[data-layout-type="1002"] .wri_left_form_container .bank_accnt_num {background-color: #EDF2F6;} .mary_form[data-layout-type="1002"] .wri_left_form_container .inv_trfc_meth_lst > li:not(:last-child) {border-color: #4B6FA5;} .mary_form[data-layout-type="1002"] .wri_left_form_container .inv_trfc_meth_lst > li > dl > dt {color: #4B6FA5; font-size: 1.25rem;} .mary_form[data-layout-type="1002"] .wri_left_form_container .inv_trfc_meth_lst > li > dl > dd {font-size: 1.125rem;} .mary_form[data-layout-type="1002"] .invt_addr_det_info_lst {text-align: center;} .mary_form[data-layout-type="1002"] .invt_addr_det_info_lst > dt {color: #4B6FA5; font-size: 1.25rem; display: flex; justify-content: center; align-items: center;} .mary_form[data-layout-type="1002"] .invt_addr_det_info_lst > dt img {width: 1rem; margin-right: 0.5rem;} .mary_form[data-layout-type="1002"] .invt_addr_det_info_lst > dd {margin-top: 1rem; color: #6c6c6c;} .mary_form[data-layout-type="1002"] .invt_addr_det_info_lst > dd > ul > li:not(:first-child) {margin-top: 0.5rem;} .mary_form[data-layout-type="1002"] .invt_addr_det_info_lst > dd > ul > li > div {display: flex; justify-content: center; align-items: center; gap: 0.25rem;} .mary_form[data-layout-type="1002"] .invt_addr_det_info_lst .invt_addr_det_info_copy_btn {color: #6c6c6c; margin-left: 0.25rem;} .mary_form[data-layout-type="1002"] .invt_addr_det_info_lst .invt_addr_det_info_copy_btn:hover {color: #000; transition: all 0.15s ease-in-out;} .mary_form[data-layout-type="1002"] .wri_left_form_container .inv_bankaccntnum > dt + dd {margin-top: 1.25rem !important;} .mary_form[data-layout-type="1002"] .wri_left_form_container .inv_bankaccntnum > dd > pre {text-align: center;} .mary_form[data-layout-type="1002"] .wri_left_form_container .inv_bankaccntnum_lst_wrap {margin-top: 2.5rem;} .mary_form[data-layout-type="1002"] .wri_left_form_container .inv_bankaccntnum_lst_wrap > li > .invt_accordion_wrap {border: 1px solid #4B6FA5; border-radius: 3rem; overflow: hidden; transition: border-radius 0.3s linear;} .mary_form[data-layout-type="1002"] .wri_left_form_container .inv_bankaccntnum_lst_wrap > li > .invt_accordion_wrap > a {background-color: transparent; color: #4B6FA5; text-align: left; padding: 1rem 1.25rem;} .mary_form[data-layout-type="1002"] .wri_left_form_container .inv_bankaccntnum_lst {border-top: none;} .mary_form[data-layout-type="1002"] .wri_left_form_container .inv_bankaccntnum_lst_wrap > li > .invt_accordion_wrap.active {border-radius: 1.25rem;} .mary_form[data-layout-type="1002"] .wri_left_form_container .inv_bankaccntnum_lst_wrap > li > .invt_accordion_wrap.active > a {background-color: #4B6FA5; color: #fff; transition: all 0.15s linear;} .mary_form[data-layout-type="1002"] .calendar .today:before, .mary_form[data-layout-type="1002"] .calendar .highlightDate:before {background-color: #4B6FA5;} .SHUVIC_JQUERY_DIALOG.mary_form[data-layout-type="1002"] {background-color: #243F67 !important;} .SHUVIC_JQUERY_DIALOG.mary_form[data-layout-type="1002"] .invt_info_chf_mnr_header {background-image: url("/common/css/images/mary_invt_img/mary_invt_type_0002_ico_0002.png"); background-repeat: no-repeat; width: 3rem; height: 3rem; background-size: contain; margin: 1.5rem auto 2.5rem;} .SHUVIC_JQUERY_DIALOG.mary_form[data-layout-type="1002"] .COMMON_DIALOG_LAYOUT {padding-left: 1rem; padding-right: 1rem;} .SHUVIC_JQUERY_DIALOG.mary_form[data-layout-type="1002"] .ui-dialog-buttonpane {background-color: #243F67; border-top: none; padding: 0.5rem 1rem 1rem;} .SHUVIC_JQUERY_DIALOG.mary_form[data-layout-type="1002"] .ui-dialog-buttonpane .ui-dialog-buttonset {padding: 0;} .SHUVIC_JQUERY_DIALOG.mary_form[data-layout-type="1002"] .mary_guest_book_header {background-image: url("/common/css/images/mary_invt_img/mary_invt_type_0002_ico_0003.png"); background-repeat: no-repeat; width: 4rem; height: 4rem; background-size: contain; margin: 0.5rem auto 0;} .SHUVIC_JQUERY_DIALOG.mary_form[data-layout-type="1002"] .ui-dialog-buttonpane .btn-dark-brown {background-color: #0C2141 !important; border-color: #0C2141 !important;} .SHUVIC_JQUERY_DIALOG.mary_form.mary_form.mary_prd_send_info[data-layout-type="1002"], .SHUVIC_JQUERY_DIALOG.mary_form.mary_form.mary_prd_send_info[data-layout-type="1002"] .ui-dialog-buttonpane {background-color: #FAFCFF !important;} .SHUVIC_JQUERY_DIALOG.mary_form[data-layout-type="1002"] .mary_prd_send_info_wrap > dl > dt {color: #A6BEE2;} .SHUVIC_JQUERY_DIALOG.mary_form[data-layout-type="1002"] .mary_prd_send_info_header {background-image: url("/common/css/images/mary_invt_img/mary_invt_type_0002_ico_0004.png"); background-repeat: no-repeat; width: 3rem; height: 1.75rem; background-size: contain; margin: 0.5rem auto;} .SHUVIC_JQUERY_DIALOG.mary_form[data-layout-type="1002"] .mary_prd_send_info_wrap .mary_prd_send_info_cont_header {background-image: url("/common/css/images/mary_invt_img/mary_invt_type_0002_ico_0005.png");} .SHUVIC_JQUERY_DIALOG.mary_form[data-layout-type="1002"] .mary_prd_send_info_wrap > dl > dd > dl > dt {color: #4B6FA5;} .mary_form[data-layout-type="1002"] .page-link {color: #4B6FA5;} .mary_form[data-layout-type="1002"] .page-item.active .page-link {background-color: #4B6FA5; color: #fff;} /* 청첩장 타입3 */ .mary_form[data-layout-type="1003"] .text-linear {background: linear-gradient(180deg, #EF697F, #B21832, #6D0F1F); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .mary_form[data-layout-type="1003"] .invt_default_btn {display: block; margin: 2.5rem auto 0; border: none; color: #fff; background-color: #9A2D43; border-radius: 0.5rem;} .mary_form[data-layout-type="1003"] .invt_default_btn:hover {filter: brightness(1.25); transition: all 0.15s ease-in-out;} .mary_form[data-layout-type="1003"] .page-item.active .page-link {background-color: #9A2D43;} .mary_form[data-layout-type="1003"] .wri_left_form {padding-bottom: 0;} .mary_form[data-layout-type="1003"] .wri_left_form_container {padding-left: 0; padding-right: 0;} .mary_form[data-layout-type="1003"] .wri_left_info_form_lst > li:last-child {margin-bottom: 0;} .mary_form[data-layout-type="1003"] .wri_left_info_form_lst > li {padding-left: 2.5rem; padding-right: 2.5rem; background-color: #fff;} .mary_form[data-layout-type="1003"] .wri_left_info_form_lst > li.invt_dt_calendar {background-color: #9A2D43;} .mary_form[data-layout-type="1003"] .wri_left_info_form_lst > li.invt_cont, .mary_form[data-layout-type="1003"] .wri_left_info_form_lst > li.map_info, .mary_form[data-layout-type="1003"] .wri_left_info_form_lst > li.trfc_meth, .mary_form[data-layout-type="1003"] .wri_left_info_form_lst > li.guest_book, .mary_form[data-layout-type="1003"] .wri_left_info_form_lst > li.invt_dlvr_info_wrap {background-color: #FFF5F7;} .mary_form[data-layout-type="1003"] .wri_left_main_top_form {position: relative;} .mary_form[data-layout-type="1003"] .wri_left_main_top_bg {background-image: url("/common/css/images/mary_invt_img/mary_invt_type_0003_bg.png"); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%;} .mary_form[data-layout-type="1003"] .wri_left_main_top_title_wrap, .mary_form[data-layout-type="1003"] .wri_left_main_top_cont_wrap {position: relative;} .mary_form[data-layout-type="1003"] .wri_left_main_top_title_wrap > img {display: block;} .mary_form[data-layout-type="1003"] .wri_left_main_top_title_wrap > img:first-of-type {width: 45.83%; margin: 0 auto; padding-top: 6.75rem;} .mary_form[data-layout-type="1003"] .wri_left_main_top_title_wrap > img:last-of-type {width: 37.5%; margin: 2rem auto 0;} .mary_form[data-layout-type="1003"] .wri_left_main_top_cont_wrap {margin-top: 2rem;} .mary_form[data-layout-type="1003"] .wri_left_main_top_date {font-size: 1.125rem; font-weight: bold;} .mary_form[data-layout-type="1003"] .wri_left_main_top_info_wrap {margin-top: 0.5rem; font-size: 1.5rem; font-weight: bold;} .mary_form[data-layout-type="1003"] .wri_left_main_top_nm_slash {margin: 0 1rem;} .mary_form[data-layout-type="1003"] .wri_left_main_top_sub_info_wrap {margin-top: 0.5rem; padding-bottom: 6.75rem;} .mary_form[data-layout-type="1003"] .wri_left_main_top_plc {margin-top: 0.5rem;} .mary_form[data-layout-type="1003"] .wri_left_info_form_lst_item > dl > dt {position: relative; padding-left: 1.25rem; font-weight: 400; font-size: 1.125rem; padding-top: 5rem;} .mary_form[data-layout-type="1003"] .wri_left_info_form_lst_item > dl > dt:before {content: ""; width: 2px; height: calc(100% + 3.25rem); position: absolute; left: 0; bottom: 0; background: linear-gradient(180deg, #EF697F, #B21832, #6D0F1F);} .mary_form[data-layout-type="1003"] .wri_left_info_form_lst_item > dl > dt > * {display: inline-block; vertical-align: middle;} .mary_form[data-layout-type="1003"] .wri_left_info_form_lst_item > dl > dt > img {width: 1.75rem; margin-left: 0.5rem; vertical-align: sub;} .mary_form[data-layout-type="1003"] .wri_left_info_form_lst_item > dl > dt + dd {margin-top: 5rem;} .mary_form[data-layout-type="1003"] .invt_dt_calendar > dl > dt {color: #fff;} .mary_form[data-layout-type="1003"] .invt_dt_calendar > dl > dt:before {background: #fff;} .mary_form[data-layout-type="1003"] .invt_dt_calendar > dl > dd {margin-top: 2.5rem;} .mary_form[data-layout-type="1003"] .calendar_days, .mary_form[data-layout-type="1003"] .calendar_dates, .mary_form[data-layout-type="1003"] .calendar .saturday, .mary_form[data-layout-type="1003"] .calendar .sunday {color: #EDC8C8;} .mary_form[data-layout-type="1003"] .calendar_header {margin-bottom: 3rem;} .mary_form[data-layout-type="1003"] .calendar_header > * {font-size: 1.25rem; color: #FFCD94; font-weight: 400;} .mary_form[data-layout-type="1003"] .invt_dt_calendar img {width: 1.25rem; display: inline-block; vertical-align: -0.125rem; margin-right: 0.75rem;} .mary_form[data-layout-type="1003"] .calendar_dates {border-bottom: none;} .mary_form[data-layout-type="1003"] .calendar_dday_wrap {width: calc(100% + 5rem); margin-left: -2.5rem; padding: 1.125rem 0; background-color: #5E1926; color: #fff;} .mary_form[data-layout-type="1003"] .calendar_dday_wrap em {color: #FFC6D1;} .mary_form[data-layout-type="1003"] .invt_addr_det_info_lst > dt {color: #9A2D43; font-size: 1.25rem; display: flex; justify-content: flex-start; align-items: center;} .mary_form[data-layout-type="1003"] .invt_addr_det_info_lst > dt img {width: 1rem; margin-right: 0.5rem;} .mary_form[data-layout-type="1003"] .invt_addr_det_info_lst > dd {margin-top: 1rem; color: #6c6c6c;} .mary_form[data-layout-type="1003"] .invt_addr_det_info_lst > dd > ul > li:not(:first-child) {margin-top: 0.5rem;} .mary_form[data-layout-type="1003"] .invt_addr_det_info_lst > dd > ul > li > div {display: flex; justify-content: flex-start; align-items: center; gap: 0.25rem;} .mary_form[data-layout-type="1003"] .invt_addr_det_info_lst .invt_addr_det_info_copy_btn {background-color: #DFDFDF; color: #9d9d9d; padding: 0.25rem 0.5rem; border: 1px solid #9D9D9D; border-radius: 0.25rem; font-size: 0.85rem; margin-left: 0.25rem;} .mary_form[data-layout-type="1003"] .invt_addr_det_info_lst .invt_addr_det_info_copy_btn:hover {background-color: #9d9d9d; color: #DFDFDF; transition: all 0.15s ease-in-out;} .mary_form[data-layout-type="1003"] .inv_trfc_meth_lst > li:not(:last-child) {border-bottom-color: #9A2D43;} .mary_form[data-layout-type="1003"] .wri_left_form_container .map_info + .trfc_meth {padding-top: 0rem;} .mary_form[data-layout-type="1003"] .calendar .highlightDate {color: #9A2D43; font-weight: 400;} .mary_form[data-layout-type="1003"] .calendar .highlightDate:before {background-image: url("/common/css/images/mary_invt_img/mary_invt_type_0003_img_01.png"); background-color: transparent; background-size: contain; background-repeat: no-repeat; border-radius: 0;} .mary_form[data-layout-type="1003"] .wri_left_form_container .invt_accordion_body {border-top: none;} .mary_form[data-layout-type="1003"] .wri_left_form_container .inv_bankaccntnum > dt + dd {margin-top: 1.25rem !important; padding: 0 1.25rem;} .mary_form[data-layout-type="1003"] .wri_left_form_container .inv_bankaccntnum > dd > pre {text-align: left;} .mary_form[data-layout-type="1003"] .wri_left_form_container .inv_bankaccntnum_lst_wrap {margin-top: 2.5rem;} .mary_form[data-layout-type="1003"] .wri_left_form_container .inv_bankaccntnum_lst, .mary_form[data-layout-type="1003"] .wri_left_form_container .inv_bankaccntnum_lst > li {border: none;} .mary_form[data-layout-type="1003"] .wri_left_form_container .inv_bankaccntnum_lst > li {padding: 0.75rem 0; margin: 0 0.75rem;} .mary_form[data-layout-type="1003"] .wri_left_form_container .inv_bankaccntnum_lst > li:not(:first-child) {border-top: 1px dotted #4A4A4A;} .mary_form[data-layout-type="1003"] .wri_left_form_container .inv_bankaccntnum_lst_wrap > li:first-child > .invt_accordion_wrap {border: 1px solid #FDF6E9; border-radius: 3rem; overflow: hidden; transition: border-radius 0.3s linear;} .mary_form[data-layout-type="1003"] .wri_left_form_container .inv_bankaccntnum_lst_wrap > li:first-child > .invt_accordion_wrap > a {background-color: #FDF6E9; color: #4A4A4A; text-align: left; padding: 1rem 1.25rem; font-weight: 400;} .mary_form[data-layout-type="1003"] .wri_left_form_container .inv_bankaccntnum_lst_wrap > li:first-child .inv_bankaccntnum_lst {background-color: #FDF6E9;} .mary_form[data-layout-type="1003"] .wri_left_form_container .inv_bankaccntnum_lst_wrap > li:last-child > .invt_accordion_wrap {border: 1px solid #F8EBEE; border-radius: 3rem; overflow: hidden; transition: border-radius 0.3s linear;} .mary_form[data-layout-type="1003"] .wri_left_form_container .inv_bankaccntnum_lst_wrap > li:last-child > .invt_accordion_wrap > a {background-color: #F8EBEE; color: #4A4A4A; text-align: left; padding: 1rem 1.25rem; font-weight: 400;} .mary_form[data-layout-type="1003"] .wri_left_form_container .inv_bankaccntnum_lst_wrap > li:last-child .inv_bankaccntnum_lst {background-color: #F8EBEE;} .mary_form[data-layout-type="1003"] .wri_left_form_container .inv_bankaccntnum_lst {border-top: none;} .mary_form[data-layout-type="1003"] .wri_left_form_container .inv_bankaccntnum_lst_wrap > li > .invt_accordion_wrap.active {border-radius: 1.25rem;} .mary_form[data-layout-type="1003"] .guest_book > dl > dt + dd {margin-top: 3rem; padding-left: 1.25rem; padding-right: 1.25rem;} .mary_form[data-layout-type="1003"] .guest_book > dl > dd > p {color: #9A2D43; font-weight: bold; font-size: 1.25rem; margin-bottom: 2.5rem;} .mary_form[data-layout-type="1003"] .invt_cel_msg_lst > li:not(:first-child) {border-top: none; margin-top: 0.625rem;} .mary_form[data-layout-type="1003"] .invt_cel_msg_lst > li .card {border-radius: 0.5rem; overflow: hidden; padding: 0;} .mary_form[data-layout-type="1003"] .invt_cel_msg_lst > li .card-body {background-color: #fff; padding: 1rem 1.25rem;} .SHUVIC_JQUERY_DIALOG.mary_form[data-layout-type="1003"] {background-color: #9A2D43 !important;} .SHUVIC_JQUERY_DIALOG.mary_form[data-layout-type="1003"] .invt_info_chf_mnr_header {background-image: url("/common/css/images/mary_invt_img/mary_invt_type_0003_ico_0002.png"); background-repeat: no-repeat; width: 3.5rem; height: 2.5rem; background-size: contain; margin: 1.5rem auto 2.5rem;} .SHUVIC_JQUERY_DIALOG.mary_form[data-layout-type="1003"] .COMMON_DIALOG_LAYOUT {padding-left: 1rem; padding-right: 1rem;} .SHUVIC_JQUERY_DIALOG.mary_form[data-layout-type="1003"] .ui-dialog-buttonpane {background-color: #9A2D43; border-top: none; padding: 0.5rem 1rem 1rem;} .SHUVIC_JQUERY_DIALOG.mary_form[data-layout-type="1003"] .ui-dialog-buttonpane .ui-dialog-buttonset {padding: 0;} .SHUVIC_JQUERY_DIALOG.mary_form[data-layout-type="1003"] .mary_guest_book_header {background-image: url("/common/css/images/mary_invt_img/mary_invt_type_0003_header_ico_02.png"); background-repeat: no-repeat; width: 2.5rem; height: 1.75rem; background-size: contain; margin: 0.5rem auto 0;} .SHUVIC_JQUERY_DIALOG.mary_form[data-layout-type="1003"] .mary_guest_book_header + span {margin-top: 0.5rem; display: inline-block;} .SHUVIC_JQUERY_DIALOG.mary_form[data-layout-type="1003"] .ui-dialog-buttonpane .btn-brown {background-color: #DFB7BF !important; border-color: #DFB7BF !important;} .SHUVIC_JQUERY_DIALOG.mary_form[data-layout-type="1003"] .ui-dialog-buttonpane .btn-dark-brown {background-color: #5E1926 !important; border-color: #5E1926 !important;} .SHUVIC_JQUERY_DIALOG.mary_form.mary_form.mary_prd_send_info[data-layout-type="1003"], .SHUVIC_JQUERY_DIALOG.mary_form.mary_form.mary_prd_send_info[data-layout-type="1003"] .ui-dialog-buttonpane {background-color: #FCF8F6 !important;} .SHUVIC_JQUERY_DIALOG.mary_form[data-layout-type="1003"] .mary_prd_send_info_wrap > dl > dt {color: #9A2D43;} .SHUVIC_JQUERY_DIALOG.mary_form[data-layout-type="1003"] .mary_prd_send_info_header {background-image: url("/common/css/images/mary_invt_img/mary_invt_type_0003_ico_0004.png"); background-repeat: no-repeat; width: 1.75rem; height: 1.25rem; background-size: contain; margin: 0.5rem auto;} .SHUVIC_JQUERY_DIALOG.mary_form[data-layout-type="1003"] .mary_prd_send_info_wrap .mary_prd_send_info_cont_header {background-image: url("/common/css/images/mary_invt_img/mary_invt_type_0003_ico_0005.png");} .SHUVIC_JQUERY_DIALOG.mary_form[data-layout-type="1003"] .mary_prd_send_info_wrap > dl > dd > dl > dt {color: #9A2D43;} /* 청첩장 타입4 */ .mary_form[data-layout-type="1004"] .text-linear {color: #9C7650;} .mary_form[data-layout-type="1004"] .invt_default_btn {display: block; margin: 2.5rem auto 0; border: none; color: #fff; background-color: #67543F; border-radius: 0.5rem;} .mary_form[data-layout-type="1004"] .invt_default_btn:hover {filter: brightness(1.25); transition: all 0.15s ease-in-out;} .mary_form[data-layout-type="1004"] .page-item.active .page-link {background-color: #67543F;} .mary_form[data-layout-type="1004"] .wri_left_form {padding-bottom: 0;} .mary_form[data-layout-type="1004"] .wri_left_form_container {padding-left: 0; padding-right: 0;} .mary_form[data-layout-type="1004"] .wri_left_info_form_lst > li:last-child {margin-bottom: 0;} .mary_form[data-layout-type="1004"] .wri_left_info_form_lst > li {padding-left: 2.5rem; padding-right: 2.5rem; background-color: #fff;} .mary_form[data-layout-type="1004"] .wri_left_info_form_lst > li.invt_dt_calendar {background-color: #67543F;} .mary_form[data-layout-type="1004"] .wri_left_info_form_lst > li.invt_cont, .mary_form[data-layout-type="1004"] .wri_left_info_form_lst > li.map_info, .mary_form[data-layout-type="1004"] .wri_left_info_form_lst > li.trfc_meth, .mary_form[data-layout-type="1004"] .wri_left_info_form_lst > li.guest_book, .mary_form[data-layout-type="1004"] .wri_left_info_form_lst > li.invt_dlvr_info_wrap {background-color: #FAF6F0;} .mary_form[data-layout-type="1004"] .wri_left_main_top_form {position: relative;} .mary_form[data-layout-type="1004"] .wri_left_main_top_bg {background-image: url("/common/css/images/mary_invt_img/mary_invt_type_0004_bg.png"); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%;} .mary_form[data-layout-type="1004"] .wri_left_main_top_title_wrap, .mary_form[data-layout-type="1004"] .wri_left_main_top_cont_wrap {position: relative;;} .mary_form[data-layout-type="1004"] .wri_left_main_top_title_wrap > img {display: block;} .mary_form[data-layout-type="1004"] .wri_left_main_top_title_wrap > img {width: 57.5%; margin: 0 auto; padding-top: 5rem;} .mary_form[data-layout-type="1004"] .wri_left_main_top_title_wrap ~ .wri_left_main_top_title_wrap > img {width: 37.5%; margin: 2rem auto 0; padding-top: 0;} .mary_form[data-layout-type="1004"] .wri_left_main_top_cont_wrap {margin-top: 2rem;} .mary_form[data-layout-type="1004"] .wri_left_main_top_cont_wrap.type_01 {padding: 1.5rem 2.5rem; border-top: 1px solid #9C7650; border-bottom: 1px solid #9C7650; display: inline-block;} .mary_form[data-layout-type="1004"] .wri_left_main_top_cont_wrap.type_02 {font-size: 1.125rem;} .mary_form[data-layout-type="1004"] .wri_left_main_top_date {font-size: 1.25rem; font-weight: bold; letter-spacing: 3px;} .mary_form[data-layout-type="1004"] .wri_left_main_top_info_wrap {margin-top: 0.5rem; font-size: 1.5rem; font-weight: bold;} .mary_form[data-layout-type="1004"] .wri_left_main_top_info_wrap > span {display: inline-block; text-align: center; font-size: 1.75rem; letter-spacing: 0.75rem; margin-right: -0.75rem;} .mary_form[data-layout-type="1004"] .wri_left_main_top_sub_info_wrap {margin-top: 0.5rem; padding-bottom: 4.5rem;} .mary_form[data-layout-type="1004"] .wri_left_main_top_plc {margin-top: 0.5rem;} .mary_form[data-layout-type="1004"] .wri_left_info_form_lst_item > dl > dt {position: relative; padding-left: 1.25rem; font-weight: bold; font-size: 1.125rem; padding-top: 5rem;} .mary_form[data-layout-type="1004"] .wri_left_info_form_lst_item > dl > dt:before {content: ""; width: 2px; height: calc(100% + 3.25rem); position: absolute; left: 0; bottom: 0; background: #9C7650;} .mary_form[data-layout-type="1004"] .wri_left_info_form_lst_item > dl > dt > * {display: inline-block; vertical-align: middle;} .mary_form[data-layout-type="1004"] .wri_left_info_form_lst_item > dl > dt > img {width: 1.75rem; margin-left: 0.5rem; vertical-align: sub;} .mary_form[data-layout-type="1004"] .wri_left_info_form_lst_item > dl > dt + dd {margin-top: 5rem;} .mary_form[data-layout-type="1004"] .invt_dt_calendar > dl > dt {color: #fff;} .mary_form[data-layout-type="1004"] .invt_dt_calendar > dl > dt:before {background: #fff;} .mary_form[data-layout-type="1004"] .invt_dt_calendar > dl > dd {margin-top: 2.5rem;} .mary_form[data-layout-type="1004"] .calendar_days, .mary_form[data-layout-type="1004"] .calendar_dates, .mary_form[data-layout-type="1004"] .calendar .saturday, .mary_form[data-layout-type="1004"] .calendar .sunday {color: #EDC8C8;} .mary_form[data-layout-type="1004"] .calendar_header {margin-bottom: 3rem;} .mary_form[data-layout-type="1004"] .calendar_header > * {font-size: 1.25rem; color: #FFCD94; font-weight: 400;} .mary_form[data-layout-type="1004"] .invt_dt_calendar img {width: 1.25rem; display: inline-block; vertical-align: -0.125rem; margin-right: 0.75rem;} .mary_form[data-layout-type="1004"] .calendar_dates {border-bottom: none;} .mary_form[data-layout-type="1004"] .calendar_dday_wrap {width: calc(100% + 5rem); margin-left: -2.5rem; padding: 1.125rem 0; background-color: #413329; color: #fff;} .mary_form[data-layout-type="1004"] .calendar_dday_wrap em {color: #FFC6D1;} .mary_form[data-layout-type="1004"] .invt_addr_det_info_lst > dt {color: #67543F; font-size: 1.25rem; display: flex; justify-content: flex-start; align-items: center;} .mary_form[data-layout-type="1004"] .invt_addr_det_info_lst > dt img {width: 1rem; margin-right: 0.5rem;} .mary_form[data-layout-type="1004"] .invt_addr_det_info_lst > dd {margin-top: 1rem; color: #6c6c6c;} .mary_form[data-layout-type="1004"] .invt_addr_det_info_lst > dd > ul > li:not(:first-child) {margin-top: 0.5rem;} .mary_form[data-layout-type="1004"] .invt_addr_det_info_lst > dd > ul > li > div {display: flex; justify-content: flex-start; align-items: center; gap: 0.25rem;} .mary_form[data-layout-type="1004"] .invt_addr_det_info_lst .invt_addr_det_info_copy_btn {background-color: #DFDFDF; color: #9d9d9d; padding: 0.25rem 0.5rem; border: 1px solid #9D9D9D; border-radius: 0.25rem; font-size: 0.85rem; margin-left: 0.25rem;} .mary_form[data-layout-type="1004"] .invt_addr_det_info_lst .invt_addr_det_info_copy_btn:hover {background-color: #9d9d9d; color: #DFDFDF; transition: all 0.15s ease-in-out;} .mary_form[data-layout-type="1004"] .inv_trfc_meth_lst > li:not(:last-child) {border-bottom-color: #67543F;} .mary_form[data-layout-type="1004"] .wri_left_form_container .map_info + .trfc_meth {padding-top: 0rem;} .mary_form[data-layout-type="1004"] .calendar .highlightDate {color: #67543F;} .mary_form[data-layout-type="1004"] .calendar .highlightDate:before {background-image: url("/common/css/images/mary_invt_img/mary_invt_type_0003_img_01.png"); background-color: transparent; background-size: contain; background-repeat: no-repeat; border-radius: 0;} .mary_form[data-layout-type="1004"] .wri_left_form_container .invt_accordion_body {border-top: none;} .mary_form[data-layout-type="1004"] .wri_left_form_container .inv_bankaccntnum > dt + dd {margin-top: 1.25rem !important; padding: 0 1.25rem;} .mary_form[data-layout-type="1004"] .wri_left_form_container .inv_bankaccntnum > dd > pre {text-align: left;} .mary_form[data-layout-type="1004"] .wri_left_form_container .inv_bankaccntnum_lst_wrap {margin-top: 2.5rem;} .mary_form[data-layout-type="1004"] .wri_left_form_container .inv_bankaccntnum_lst, .mary_form[data-layout-type="1004"] .wri_left_form_container .inv_bankaccntnum_lst > li {border: none;} .mary_form[data-layout-type="1004"] .wri_left_form_container .inv_bankaccntnum_lst > li {padding: 0.75rem 0; margin: 0 0.75rem;} .mary_form[data-layout-type="1004"] .wri_left_form_container .inv_bankaccntnum_lst > li:not(:first-child) {border-top: 1px dotted #4A4A4A;} .mary_form[data-layout-type="1004"] .wri_left_form_container .inv_bankaccntnum_lst_wrap > li:first-child > .invt_accordion_wrap {border: 1px solid #FDF6E9; border-radius: 3rem; overflow: hidden; transition: border-radius 0.3s linear;} .mary_form[data-layout-type="1004"] .wri_left_form_container .inv_bankaccntnum_lst_wrap > li:first-child > .invt_accordion_wrap > a {background-color: #FDF6E9; color: #4A4A4A; text-align: left; padding: 1rem 1.25rem; font-weight: 400;} .mary_form[data-layout-type="1004"] .wri_left_form_container .inv_bankaccntnum_lst_wrap > li:first-child .inv_bankaccntnum_lst {background-color: #FDF6E9;} .mary_form[data-layout-type="1004"] .wri_left_form_container .inv_bankaccntnum_lst_wrap > li:last-child > .invt_accordion_wrap {border: 1px solid #F8EBEE; border-radius: 3rem; overflow: hidden; transition: border-radius 0.3s linear;} .mary_form[data-layout-type="1004"] .wri_left_form_container .inv_bankaccntnum_lst_wrap > li:last-child > .invt_accordion_wrap > a {background-color: #F8EBEE; color: #4A4A4A; text-align: left; padding: 1rem 1.25rem; font-weight: 400;} .mary_form[data-layout-type="1004"] .wri_left_form_container .inv_bankaccntnum_lst_wrap > li:last-child .inv_bankaccntnum_lst {background-color: #F8EBEE;} .mary_form[data-layout-type="1004"] .wri_left_form_container .inv_bankaccntnum_lst {border-top: none;} .mary_form[data-layout-type="1004"] .wri_left_form_container .inv_bankaccntnum_lst_wrap > li > .invt_accordion_wrap.active {border-radius: 1.25rem;} .mary_form[data-layout-type="1004"] .guest_book > dl > dt + dd {margin-top: 3rem; padding-left: 1.25rem; padding-right: 1.25rem;} .mary_form[data-layout-type="1004"] .guest_book > dl > dd > p {color: #67543F; font-weight: bold; font-size: 1.25rem; margin-bottom: 2.5rem;} .mary_form[data-layout-type="1004"] .invt_cel_msg_lst > li:not(:first-child) {border-top: none; margin-top: 0.625rem;} .mary_form[data-layout-type="1004"] .invt_cel_msg_lst > li .card {border-radius: 0.5rem; overflow: hidden; padding: 0;} .mary_form[data-layout-type="1004"] .invt_cel_msg_lst > li .card-body {background-color: #fff; padding: 1rem 1.25rem;} .SHUVIC_JQUERY_DIALOG.mary_form[data-layout-type="1004"] {background-color: #67543F !important;} .SHUVIC_JQUERY_DIALOG.mary_form[data-layout-type="1004"] .invt_info_chf_mnr_header {background-image: url("/common/css/images/mary_invt_img/mary_invt_type_0004_ico_0002.png"); background-repeat: no-repeat; width: 3.5rem; height: 2.5rem; background-size: contain; margin: 1.5rem auto 2.5rem;} .SHUVIC_JQUERY_DIALOG.mary_form[data-layout-type="1004"] .COMMON_DIALOG_LAYOUT {padding-left: 1rem; padding-right: 1rem;} .SHUVIC_JQUERY_DIALOG.mary_form[data-layout-type="1004"] .ui-dialog-buttonpane {background-color: #67543F; border-top: none; padding: 0.5rem 1rem 1rem;} .SHUVIC_JQUERY_DIALOG.mary_form[data-layout-type="1004"] .ui-dialog-buttonpane .ui-dialog-buttonset {padding: 0;} .SHUVIC_JQUERY_DIALOG.mary_form[data-layout-type="1004"] .mary_guest_book_header {background-image: url("/common/css/images/mary_invt_img/mary_invt_type_0004_header_ico_02.png"); background-repeat: no-repeat; width: 2.5rem; height: 1.75rem; background-size: contain; margin: 0.5rem auto 0;} .SHUVIC_JQUERY_DIALOG.mary_form[data-layout-type="1004"] .mary_guest_book_header + span {margin-top: 0.5rem; display: inline-block;} .SHUVIC_JQUERY_DIALOG.mary_form[data-layout-type="1004"] .ui-dialog-buttonpane .btn-brown {background-color: #8E7865 !important; border-color: #8E7865 !important;} .SHUVIC_JQUERY_DIALOG.mary_form[data-layout-type="1004"] .ui-dialog-buttonpane .btn-dark-brown {background-color: #413329 !important; border-color: #413329 !important;} .SHUVIC_JQUERY_DIALOG.mary_form.mary_form.mary_prd_send_info[data-layout-type="1004"], .SHUVIC_JQUERY_DIALOG.mary_form.mary_form.mary_prd_send_info[data-layout-type="1004"] .ui-dialog-buttonpane {background-color: #FAF6F0 !important;} .SHUVIC_JQUERY_DIALOG.mary_form[data-layout-type="1004"] .mary_prd_send_info_wrap > dl > dt {color: #67543F;} .SHUVIC_JQUERY_DIALOG.mary_form[data-layout-type="1004"] .mary_prd_send_info_header {background-image: url("/common/css/images/mary_invt_img/mary_invt_type_0004_ico_0004.png"); background-repeat: no-repeat; width: 1.75rem; height: 1.25rem; background-size: contain; margin: 0.5rem auto;} .SHUVIC_JQUERY_DIALOG.mary_form[data-layout-type="1004"] .mary_prd_send_info_wrap .mary_prd_send_info_cont_header {background-image: url("/common/css/images/mary_invt_img/mary_invt_type_0004_ico_0005.png");} .SHUVIC_JQUERY_DIALOG.mary_form[data-layout-type="1004"] .mary_prd_send_info_wrap > dl > dd > dl > dt {color: #67543F;} /* 초대장 공통 */ .invt_form:not(.obity_sub_container)[data-layout-type] {font-family: 'NanumMyeongjo', sans-serif !important;} .invt_form .wri_left_form_container {padding-left: 0; padding-right: 0;} .invt_form .wri_left_form_container .wri_left_info_form_lst_item {padding: 4.5rem 1.25rem;} .invt_form .wri_left_form {padding-bottom: 0;} .invt_form .wri_left_info_form_lst > li:last-child {margin-bottom: 0;} .invt_form .wri_left_main_top_form {position: relative; padding: 3.375rem;} .invt_form .wri_left_main_top_sub_form {position: relative; padding: 11.25rem 6.25rem 10.5rem;} .invt_form .wri_left_main_top_bg {position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); object-fit: fill;} .invt_form .wri_left_main_top_cont_wrap {padding: 2rem 3rem; display: flex; flex-direction: column; gap: 2rem; align-items: center;} .invt_form .wri_left_main_top_year > span {display: block; text-align: center; font-size: 1.875rem; line-height: 2rem;} .invt_form .wri_left_main_top_title_wrap {width: 100%; height: 0; padding-bottom: 100%; border-radius: 50%; position: relative;} .invt_form .wri_left_main_top_title_wrap > div {position: absolute; text-align: center; width: 100%;} .invt_form .wri_left_main_top_title_wrap > div:first-of-type {top: 2.5rem; font-size: 0.625rem; color: #fff; font-weight: 300;} .invt_form .wri_left_main_top_title_wrap > .wri_left_main_top_title {top: 50%; left: 50%; transform: translate(-50%, -50%);font-weight: bold; width: 80%;} .invt_form .wri_left_main_top_title_wrap > .wri_left_main_top_title > span {font-size: 3rem; line-height: 1; word-break: break-all; display: block; letter-spacing: 1px;} .invt_form .wri_left_main_top_title_wrap > div:last-of-type {bottom: 2.5rem; font-size: 1.25rem; line-height: 1.25rem; font-weight: 300;} .invt_form .wri_left_main_top_plc {margin-top: 0.5rem;} .invt_form .wri_left_main_top_info {font-size: 1.125rem;} .invt_form .wri_left_main_top_line {width: 2px; height: 2.5rem;} .invt_form .wri_left_main_top_sub_info_lst {text-align: center;} .invt_form .wri_left_main_top_sub_info_lst > li > dl > dt {font-size: 0.9rem; padding: 0 1.6875rem; line-height: 2rem; display: inline-block; border-radius: 50%;} .invt_form .wri_left_main_top_sub_info_lst > li > dl > dd {margin-top: 1.25rem; font-size: 1.25rem; font-weight: 500; line-height: 2.25rem;} .invt_form .wri_left_main_top_sub_info_lst > li:first-child {padding-bottom: 2.625rem;} .invt_form .wri_left_main_top_sub_info_lst > li:last-child {padding-top: 2.625rem; border-top: 1px dashed #000;} .invt_form .wri_left_info_form_lst_item > dl {text-align: center;} .invt_form .wri_left_info_form_lst_item > dl > dt > p {display: inline-block; line-height: 2rem; font-size: 1rem; min-width: 5.5rem; padding: 0 1.25rem; border-radius: 50%;} .invt_form .wri_left_info_form_lst_item.grtng_form > dl {text-align: center;} .invt_form .wri_left_info_form_lst_item.grtng_form > dl > dt {font-size: 1.5rem;} .invt_form .wri_left_info_form_lst_item.grtng_form > dl > dd {font-size: 1.125rem;} .invt_form .calendar_header {text-align: center; margin-bottom: 2rem; padding-bottom: 2rem; border-bottom: 1px solid #fff;} .invt_form .calendar_dates {margin-bottom: 2rem; padding-bottom: 2rem;} .invt_form .calendar_dday_wrap {letter-spacing: 2px; font-size: 1.25rem;} .invt_form .COMMON_SWIPER_IMG_VIEW_WRAP .swiper_img_paging_box {margin-top: 0.75rem;} .invt_form .wri_left_info_form_lst_item.map_info > dl > dd > p {font-size: 1.25rem; line-height: 2rem; text-align: center;} .invt_form #mapWrap {margin-top: 2rem !important;} .invt_form #mapWrap + div {border: none; margin-top: 1.25rem;} .invt_form .trfc_meth_wrap {margin-top: 3.75rem; padding-left: 2.5rem; padding-right: 2.5rem;} .invt_form .trfc_meth_wrap > ul > li:not(:first-child) {margin-top: 2rem; padding-top: 2rem; border-top: 1px solid #000;} .invt_form .trfc_meth_wrap > ul > li > dl > dt {font-size: 1.125rem; line-height: 2.25rem;} .invt_form .trfc_meth_wrap > ul > li > dl > dd {line-height: 1.875rem;} .invt_form .invt_ctc_info_lst > li {} .invt_form .invt_ctc_info_lst > li > dl > dt {font-size: 1.25rem; line-height: 2.25rem;} .invt_form .invt_ctc_info_lst > li > dl > dd {margin-top: 0.75rem; font-size: 1.25rem; line-height: 2.25rem;} .invt_form .invt_ctc_info_lst > li > ul {margin-top: 2.5rem; display: flex; justify-content: center; gap: 1.875rem;} .invt_form .invt_ctc_info_lst > li > ul > li > a {width: 4.5rem; height: 4.5rem; position: relative; border: 1px solid #000; border-radius: 50%;} .invt_form .invt_ctc_info_lst > li > ul > li > a > i {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.375rem;} .invt_form .invt_ctc_info_lst > li > ul > li:first-child > a > i {transform: translate(-50%, -50%) rotate(90deg);} /* 초대장 타입1 */ .invt_form[data-layout-type="2001"] .wri_left_info_form_lst:first-of-type {background-color: #384570;} .invt_form[data-layout-type="2001"] .wri_left_info_form_lst:last-of-type {position: relative; z-index: 1;} .invt_form[data-layout-type="2001"] .wri_left_info_form_lst:last-of-type:before {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; background-image: url("/common/css/images/invt_img/invt_type_0001_bottom_bg.png"); background-repeat: no-repeat; background-size: 100%; z-index: -1;} .invt_form[data-layout-type="2001"] .wri_left_info_form_lst_item > dl > dt > p {color: #384570; background-color: #B0926A;} .invt_form[data-layout-type="2001"] .wri_left_info_form_lst_item > dl > dd {margin-top: 3.75rem;} .invt_form[data-layout-type="2001"] .wri_left_main_top_cont_wrap {border: 1px solid #B0926A;} .invt_form[data-layout-type="2001"] .wri_left_main_top_year > span {color: #9A793C;} .invt_form[data-layout-type="2001"] .wri_left_main_top_title_wrap {background-color: #384570;} .invt_form[data-layout-type="2001"] .wri_left_main_top_title_wrap > .wri_left_main_top_title {color: #e3c387;} .invt_form[data-layout-type="2001"] .wri_left_main_top_title_wrap > div:last-of-type {color: #e3c387; font-weight: 400;} .invt_form[data-layout-type="2001"] .wri_left_main_top_info {color: #B0926A;} .invt_form[data-layout-type="2001"] .wri_left_main_top_line {background-color: #b0926a;} .invt_form[data-layout-type="2001"] .wri_left_main_top_sub_info_lst > li > dl > dt {background-color: #CBDBEB; color: #A38762;} .invt_form[data-layout-type="2001"] .wri_left_main_top_sub_info_lst > li > dl > dd {color: #B0926A;} .invt_form[data-layout-type="2001"] .wri_left_main_top_sub_info_lst > li:last-child {border-top-color: #B0926A;} .invt_form[data-layout-type="2001"] .wri_left_info_form_lst > li:first-child {padding-top: 10rem;} .invt_form[data-layout-type="2001"] .grtng_form > dl > dt {color: #E3C387;} .invt_form[data-layout-type="2001"] .grtng_form > dl > dd {color: #fff; position: relative; padding-top: 2.5rem; margin-top: 6.25rem;} .invt_form[data-layout-type="2001"] .grtng_form > dl > dd:before {content: ""; width: 1px; height: 3.75rem; background-color: #e3c387; position: absolute; top: 0; left: 50%; transform: translate(-50%, -100%);} .invt_form[data-layout-type="2001"] .calendar {padding-left: 2.5rem; padding-right: 2.5rem;} .invt_form[data-layout-type="2001"] .calendar_header {border-color: #E3C387;} .invt_form[data-layout-type="2001"] .calendar_date {color: #E3C387;} .invt_form[data-layout-type="2001"] .calendar_dates {border-color: #E3C387;} .invt_form[data-layout-type="2001"] .calendar_days, .invt_form[data-layout-type="2001"] .calendar_dates {color: #fff;} .invt_form[data-layout-type="2001"] .calendar .sunday {color: #EE7E7E;} .invt_form[data-layout-type="2001"] .calendar .saturday {color: #fff} .invt_form[data-layout-type="2001"] .calendar_dday_wrap {color: #fff;} .invt_form[data-layout-type="2001"] .calendar .today:before, .invt_form[data-layout-type="2001"] .calendar .highlightDate:before {background-color: #B0926A;} .invt_form[data-layout-type="2001"] .wri_left_info_form_lst_item.map_info > dl > dd > p {color: #e3c387;} .invt_form[data-layout-type="2001"] .wri_left_info_form_lst_item.map_info #mapWrap + div > ul > li > a > span {color: #fff;} .invt_form[data-layout-type="2001"] .wri_left_info_form_lst_item.map_info #mapWrap + div > ul > li:first-child:after {background-color: #fff; width: 1px;} .invt_form[data-layout-type="2001"] .trfc_meth_wrap > ul > li:not(:first-child) {border-top-color: #E3C387;} .invt_form[data-layout-type="2001"] .trfc_meth_wrap > ul > li > dl > dt {color: #E3C387;} .invt_form[data-layout-type="2001"] .trfc_meth_wrap > ul > li > dl > dd {color: #fff;} .invt_form[data-layout-type="2001"] .wri_left_info_form_lst:last-of-type > .wri_left_info_form_lst_item > dl > dt > p {color: #A38762; background-color: #CBDBEB;} .invt_form[data-layout-type="2001"] .invt_ctc_info_lst > li > dl > dt, .invt_form[data-layout-type="2001"] .invt_ctc_info_lst > li > dl > dd {color: #B0926A;} .invt_form[data-layout-type="2001"] .invt_ctc_info_lst > li > ul > li > a {border-color: #B0926A; color: #B0926A;} .invt_form[data-layout-type="2001"] .invt_ctc_info_lst > li > ul > li > a:hover {background-color: #B0926A; color: #fff; transition: all 0.15s ease-in-out;} .invt_form[data-layout-type="2001"] .dlvr_msg_form {color: #B0926A; font-size: 1.125rem;} /* 초대장 타입2 */ .invt_form[data-layout-type="2002"] .wri_left_main_top_form, .invt_form[data-layout-type="2002"] .wri_left_main_top_sub_form {background-color: #384570;} .invt_form[data-layout-type="2002"] .wri_left_info_form_lst:first-of-type {background-color: #F1F1F1;} .invt_form[data-layout-type="2002"] .wri_left_info_form_lst:last-of-type {position: relative; z-index: 1; background-color: #384570;} .invt_form[data-layout-type="2002"] .wri_left_info_form_lst:last-of-type:before {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; background-image: url("/common/css/images/invt_img/invt_type_0001_bottom_bg.png"); background-repeat: no-repeat; background-size: 100%; z-index: -1;} .invt_form[data-layout-type="2002"] .wri_left_info_form_lst_item > dl > dt > p {color: #D0BEA6; background-color: #384570;} .invt_form[data-layout-type="2002"] .wri_left_info_form_lst_item > dl > dd {margin-top: 3.75rem;} .invt_form[data-layout-type="2002"] .wri_left_main_top_cont_wrap {border: 1px solid #B0926A;} .invt_form[data-layout-type="2002"] .wri_left_main_top_year > span {color: #D0BEA6;} .invt_form[data-layout-type="2002"] .wri_left_main_top_title_wrap {background-color: #D0BEA6;} .invt_form[data-layout-type="2002"] .wri_left_main_top_title_wrap > .wri_left_main_top_title {color: #384570;} .invt_form[data-layout-type="2002"] .wri_left_main_top_title_wrap > div:last-of-type {color: #384570; font-weight: 400;} .invt_form[data-layout-type="2002"] .wri_left_main_top_info {color: #D0BEA6;} .invt_form[data-layout-type="2002"] .wri_left_main_top_line {background-color: #b0926a;} .invt_form[data-layout-type="2002"] .wri_left_main_top_sub_info_lst > li > dl > dt {background-color: #CBDBEB; color: #A38762;} .invt_form[data-layout-type="2002"] .wri_left_main_top_sub_info_lst > li > dl > dd {color: #D0BEA6;} .invt_form[data-layout-type="2002"] .wri_left_main_top_sub_info_lst > li:last-child {border-top-color: #B0926A;} .invt_form[data-layout-type="2002"] .wri_left_info_form_lst > li:first-child {padding-top: 10rem;} .invt_form[data-layout-type="2002"] .grtng_form > dl > dt {color: #384570;} .invt_form[data-layout-type="2002"] .grtng_form > dl > dd {color: #B0926A; position: relative; padding-top: 2.5rem; margin-top: 6.25rem;} .invt_form[data-layout-type="2002"] .grtng_form > dl > dd:before {content: ""; width: 1px; height: 3.75rem; background-color: #384570; position: absolute; top: 0; left: 50%; transform: translate(-50%, -100%);} .invt_form[data-layout-type="2002"] .calendar {padding-left: 2.5rem; padding-right: 2.5rem;} .invt_form[data-layout-type="2002"] .calendar_header {border-color: #E3C387;} .invt_form[data-layout-type="2002"] .calendar_date {color: #E3C387;} .invt_form[data-layout-type="2002"] .calendar_dates {border-color: #E3C387;} .invt_form[data-layout-type="2002"] .calendar_days, .invt_form[data-layout-type="2002"] .calendar_dates {color: #384570;} .invt_form[data-layout-type="2002"] .calendar .sunday {color: #EE7E7E;} .invt_form[data-layout-type="2002"] .calendar .saturday {color: #384570;} .invt_form[data-layout-type="2002"] .calendar_dday_wrap {color: #384570;} .invt_form[data-layout-type="2002"] .calendar .highlightDate {color: #D0BEA6;} .invt_form[data-layout-type="2002"] .calendar .today:before, .invt_form[data-layout-type="2002"] .calendar .highlightDate:before {background-color: #384570;} .invt_form[data-layout-type="2002"] .wri_left_info_form_lst_item.map_info > dl > dd > p {color: #e3c387;} .invt_form[data-layout-type="2002"] .wri_left_info_form_lst_item.map_info #mapWrap + div > ul > li > a > span {color: #B0926A;} .invt_form[data-layout-type="2002"] .wri_left_info_form_lst_item.map_info #mapWrap + div > ul > li:first-child:after {background-color: #B0926A; width: 1px;} .invt_form[data-layout-type="2002"] .trfc_meth_wrap > ul > li:not(:first-child) {border-top-color: #E3C387;} .invt_form[data-layout-type="2002"] .trfc_meth_wrap > ul > li > dl > dt {color: #E3C387;} .invt_form[data-layout-type="2002"] .trfc_meth_wrap > ul > li > dl > dd {color: #4F4F4F;} .invt_form[data-layout-type="2002"] .wri_left_info_form_lst:last-of-type > .wri_left_info_form_lst_item > dl > dt > p {color: #384570; background-color: #B0926A;} .invt_form[data-layout-type="2002"] .invt_ctc_info_lst > li > dl > dt, .invt_form[data-layout-type="2002"] .invt_ctc_info_lst > li > dl > dd {color: #fff;} .invt_form[data-layout-type="2002"] .invt_ctc_info_lst > li > ul > li > a {border-color: #B0926A; color: #B0926A;} .invt_form[data-layout-type="2002"] .invt_ctc_info_lst > li > ul > li > a:hover {background-color: #B0926A; color: #fff; transition: all 0.15s ease-in-out;} .invt_form[data-layout-type="2002"] .dlvr_msg_form {color: #fff; font-size: 1.125rem;} .invt_form[data-layout-type="2002"] .invt_dlvr_info_ico_lst > li > a {background-color: #fff; border: none;} .invt_form[data-layout-type="2002"] .invt_dlvr_info_ico_lst > li > span {color: #fff;} /* 초대장, 청첩장 검색,수정 */ .invt_srch_list_form {max-width: 600px; margin: 1.5rem auto 0;} .invt_srch_list_form .card {border-radius: 1.25rem; border :1px solid #dcdcdc; overflow: hidden; box-shadow: 0px 0px 10px 0px rgba(0,0,0,5%);} .invt_srch_list_form .card > .card-body {padding: 2.25rem;} .invt_srch_list_form_top {display: flex; gap: 1.75rem; justify-content: center; align-items: center;} .invt_srch_list_form_img_wrap {width: 10rem; height: 10rem; overflow: hidden; position: relative; border-radius: 50%;} .invt_srch_list_form_img_wrap > img {position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%);} .invt_srch_list_form_info {flex: 1; overflow: hidden;} .invt_srch_list_form_info > dl > dt {white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 1.5rem; font-weight: 400; line-height: 3rem;} .invt_srch_list_form_info > dl > dd {margin-top: 0.75rem;} .invt_srch_list_form_info > dl > dd > ul > li:not(:first-child) {margin-top: 0.5rem;} .invt_srch_list_form_info > dl > dd > ul > li > dl {display: flex; justify-content: flex-start; align-items: center; gap: 1.5rem;} .invt_srch_list_form_info > dl > dd > ul > li > dl > * {line-height: 1.5rem;} .invt_srch_list_form_info > dl > dd > ul > li > dl > dt {width: 5rem; font-weight: 500; color: #878787;} .invt_srch_list_form_cat {margin-right: 0.25rem;} .invt_srch_list_form_bottom {margin-top: 1.25rem; padding-top: 1.25rem; border-top: 1px solid #dcdcdc;} .invt_srch_list_form_bottom > ul {display: flex; justify-content: space-between; align-items: center; gap: 1rem;} .invt_srch_list_form_bottom > ul > li {flex: 1;} .invt_srch_list_form_bottom > ul > li > a {display: block;} .pupa_hnr_custom_form {text-align: center;} .pupa_hnr_custom_title {border-radius: 50px; padding: .5rem 1rem; border: 2px solid #997252; min-width: 150px; margin: 1rem auto 1rem; text-align: center; font-size: 1.15rem; font-weight: 400; color: #715136; display: inline-block;} .pupa_hnr_custom_form table tr > th {text-align: left; background-color: #ec771f80; font-weight: 400;} .pupa_hnr_custom_form table tr > th > div {display: flex; justify-content: flex-start; align-items: center; gap: 0.25rem;} .pupa_hnr_custom_form table tr > th span:first-of-type {font-size: 1.25rem; font-weight: 300;} .pupa_hnr_custom_form table tr > td {display: flex; gap: 1rem;} /* 제품 신청하기 */ .mary_prd_ord_form .wri_form_container, .evt_prd_ord_form .wri_form_container {padding-left: 1rem; padding-right: 1rem; max-width: calc(800px + 2rem); margin: 0 auto 6rem;} .mary_prd_ord_form .wri_form_container .wri_right_form_wrap, .evt_prd_ord_form .wri_form_container .wri_right_form_wrap {max-width: none;} .mary_prd_ord_form .wri_right_form > ul > li, .evt_prd_ord_form .wri_right_form > ul > li {margin-top: 0;} .mary_prd_ord_form .wri_right_form > ul > li:nth-child(n+3), .evt_prd_ord_form .wri_right_form > ul > li:nth-child(n+3) {margin-top: 1.5rem;} .mary_prd_ord_form .wri_form_optn_addr {display: block;} .evt_prd_ord_form .wri_form_optn_addr {display: block;} /* 모달 팝업 */ html.overflow_hidden {overflow: hidden;} .app_instl_popup_form_mask {position: fixed; width: 100%; height: 100vh; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #00000066; z-index: 10001;} .app_instl_popup_form {position: fixed; bottom: 4rem; left: 50%; transform: translate(-50%, 100%); background-color: #F7E0DF; padding: 4.5rem 3rem 3rem; width: 90%; max-width: 500px; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; animation: appinstlpopupform 1.5s ease-out; animation-fill-mode: forwards;} .app_instl_popup_logo {background-image: url("/common/css/images/main_logo.png"); width: 12rem; padding-bottom: 2.5rem; background-size: contain; background-repeat: no-repeat; display: inline-block; position: absolute; top: 1.25rem; left: 50%; transform: translateX(-50%);} .app_instl_popup_close_btn {position: absolute; top: 0.5rem; right: 1rem; font-size: 1.5rem; color: #cdcdcd;} .app_instl_popup_info > p > span {font-weight: 600; font-size: 1.25rem;} .app_instl_btn_wrap {text-align: center; margin-top: 1.5rem;} .app_instl_btn_wrap .app_instl_btn {display: inline-block; background-color: #09c7c7; padding: 0.5rem 2.5rem; text-align: center; min-width: 200px; border-radius: 2rem; color: #fff;} .app_instl_btn_wrap .app_uninstl_btn {display: inline-block; margin-top: 1rem; color: #c8c8c8; text-decoration: underline;} @keyframes appinstlpopupform { from { transform: translate(-50%, 100%); } to { transform: translate(-50%, 0); } } /* 퀵 링크 팝업 */ .app_instl_popup_form.qck_lnk_popup_form {z-index: 1; padding: 6.5rem 1.25rem 5rem; animation-duration: 1s;} .qck_lnk_popup_info h5 {color: #3f3c3f;} .qck_lnk_popup_info_lst {margin-top: 1rem;} .qck_lnk_popup_info_lst > li:not(:last-child) {border-bottom: 1px solid #ddd;} .qck_lnk_popup_info_lst > li > a {display: flex; justify-content: flex-start; align-items: center; gap: 1rem; width: 100%; padding: 0.75rem 0; position: relative; flex-wrap: nowrap; padding-right: 1.5rem; color: #3f3c3f;} .qck_lnk_popup_info_lst > li > a > i {position: absolute; right: 0.5rem; top: 50%; transform: translateY(-50%); font-size: 1.5rem;} .qck_lnk_popup_info_lst > li > a > dl {flex: 1;} .qck_lnk_popup_info_lst > li > a > dl > dt {font-size: 1.125rem; line-height: 1.5;} .qck_lnk_popup_info_lst > li > a > dl > dd {font-size: 0.875rem; word-break: keep-all; line-height: 1.5;} .qck_lnk_popup_info_lst .logo_img_wrap {width: 4rem; height: 4rem; position: relative; border-radius: 50%; overflow: hidden; border: 1px solid #ddd;} .qck_lnk_popup_info_lst .logo_img_wrap > img {width: 90%; height: 90%; object-fit: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} .qck_lnk_popup_info_lst > li:nth-child(1) .logo_img_wrap, .qck_lnk_popup_info_lst > li:nth-child(2) .logo_img_wrap {background-color: #fff;} .qck_lnk_popup_info_lst > li:nth-child(3) .logo_img_wrap {background-color: #233a26cc;} .empty_body {background-color: #F5F3EE;} dsfsdf {}