@charset "utf-8";


/* 주문 상세 */
.order_wrap {display: flex; justify-content:space-between; gap:60px;}

.product-wrap {flex: 1 1 0; max-width: 560px; width: 20%;}
.product-view {display: flex; justify-content: space-between; position: relative; border-top: 3px solid #000; gap: 40px;}

/* 주문상세 swipe */
.swiper {width: 100%; margin-left: inherit; margin-right: inherit;}
.swiper-slide {display:flex; text-align:center; font-size:18px; background: #444; justify-content: center; align-items: center; background-size: cover; background-position: center;}
.swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover;}
.swiper-slide a { display: block; width: 100%}

.mother-swipe { width: 100%;  max-width: 560px;  aspect-ratio: 1 / 1;}
.mother-swipe .swiper-slide {background:yellow;}

.thumb-swipe {margin-top: 20px; height:80px; box-sizing: border-box;}
.thumb-swipe .swiper-slide {position: relative; width:80px !important; height: 80px; opacity: 1;}

.thumb-swipe .swiper-slide-thumb-active::after { content: ""; position: absolute; inset: 0; box-shadow:inset 0 0 0 1.5px #fff3b0,0 0 8px rgba(255, 230, 120, 0.45);}


        @media (max-width: 1024px) {

            .order_wrap {display: block;}
            .product-wrap {flex:none; width:100%; margin:0 auto 60px;}

        }
        @media (max-width: 768px) {
            .product-wrap {margin-bottom: 30px;}

            .thumb-swipe {display: none;}

            .mother-swipe .swiper-wrapper {animation: swipeHint 1.8s ease-in-out 1;}
            @keyframes swipeHint {
                0% {transform: translateX(0);}
                50% {transform: translateX(-45px);}
                100% {transform: translateX(0);}
            }

        }


.order-input-wrap {flex:1; min-width: 0;}

.order-input-wrap .product-name {font-size: 28px; color: #333; font-family:'S-CoreDream-6Bold'; margin:12px 0 14px;}
.order-input-wrap .product-detail-sub {font-size: 18px; color: #666; font-family:'S-CoreDream-3Light';}

.order-sheet {margin-top: 20px; border-top: 1px solid #000;}
.order-sheet ul {}
.order-sheet ul li {display: flex; padding:12px 0 12px 20px; border-bottom: 1px solid #d9d9d9;}
.order-sheet ul li strong {flex:0 1 130px; display: flex; align-items: center; font-size:16px; color: #666; font-family:'S-CoreDream-5Medium'; font-weight: 500;}
.order-sheet ul li > div {flex:1; min-width:0; font-size:16px; color: #333; font-family:'S-CoreDream-5Medium';}
.order-sheet .date_time {display: flex; justify-content: space-between; align-items: center; gap: 8px;}
.order-sheet .date_time > * {flex:1; width:100%}

.order-sheet .file_link {text-decoration:underline;}

.order-sheet .controller {padding:16px 20px; background: #f4f4f4;}
.order-sheet .controller .item {width:100%; margin:0;}
.order-sheet .controller .item ~ .item {margin-top:10px;}
.order-sheet .controller .item .minus {background:#fff url(../images/control_minus.png) center center / 14px 2px no-repeat;}
.order-sheet .controller .item .plus {background:#fff url(../images/control_plus.png) center center / 14px no-repeat;}
.order-sheet .controller .item .num {font-size:16px; background: #fff;}

.order-sheet .person-manage .controller .control {justify-content: flex-start;}
.order-sheet .person-manage .controller .control > button,
.order-sheet .person-manage .controller .control > .num input{width:40px; height:40px; outline:none; border: none; text-align: center;}
.order-sheet .person-manage .controller .control > .num input {font-size: 16px; font-weight: bold;}
.order-sheet .person-manage .controller strong {color: #333;}

.order-sheet .person-manage .controller .manual-input {width:250px; height:40px; font-size: 15px; color: #000; padding:0 10px; font-family:'S-CoreDream-5Medium'; outline: none;}
.order-sheet .person-manage .controller .manual-input::placeholder {font-size: 15px; color: #666; font-family:'S-CoreDream-3Light';}

    @media (max-width: 768px) {

        .order-sheet ul li {padding:12px 0px;}
        .order-sheet ul li strong {flex:0 1 120px;}
        .order-sheet ul li.responsive {display: block;}
        .order-sheet ul li.responsive strong {display: block; margin-bottom:8px;}
        .order-sheet .person-manage {margin-bottom: 0;}
        .order-sheet .input_alert_msg {margin-top: 5px;}

    }


.order-button-set {display: flex; justify-self: end; justify-content: end; width:100%; max-width:511px; gap:16px; margin-top:25px; margin-left: auto;}
.order-button-set > button {display: flex; width:50%; justify-content: center; align-items: center; height:60px; font-size: 18px; border-radius: 10px; font-family:'S-CoreDream-5Medium'; margin-left: auto;}
.order-button-set .bascket {color: #0E8772; border: 1px solid #0e8772; background: #fff;}
.order-button-set .bascket:before {content: ''; display: inline-block; width:24px; height:24px; margin-right: 5px; background:url(../images/order-basket.png) center center / cover no-repeat;}
.order-button-set .pay-now {color: #fff; border: 1px solid #0e8772; background: #0e8772;}

.order-price {text-align: right; margin-top: 28px;}
.order-price span {font-size: 26px; color: #000; font-family:'S-CoreDream-5Medium'; font-weight: 500;}
.order-price strong {display: inline-block; margin-left:40px; font-size:40px; color: #0E8772; font-family:'S-CoreDream-6Bold'; font-weight: 600;}

        @media (max-width: 1024px) {
            .order-button-set {width: 100%; max-width:100%;}
        }

        @media (max-width: 768px) {
            .order-price strong {margin-left:20px; font-size:32px;}
        }


.contact-number {padding:20px; margin:40px 0 60px; background: #f7f7f7;}
.contact-number p {font-size:18px; color: #333; font-family:'S-CoreDream-5Medium'; font-weight: 500; vertical-align: middle;}
.contact-number p:before {position: relative; content: ''; display: inline-block; width:24px; height:24px; top:-2px; margin-right: 5px; background:url(../images/ex-mark.png) center center / 24px no-repeat; vertical-align: middle;}

        @media (max-width: 768px) {
            .contact-number {margin:20px 0 30px;}
            .contact-number p {font-size:16px;}
            .contact-number p:before { width:20px; height:20px; top:-2px}
        }


.product-view .detail-wrap {flex:1; border-right: 1px solid #ddd;}

.detail-wrap-tab {display: flex; position: sticky; top:0; justify-content: space-between; background: #efefef;}
.detail-wrap-tab a {display: flex; flex: 1; width:100%; height:60px; justify-content: center; align-items: center; color: #464545; font-size:16px; font-family:'S-CoreDream-5Medium'; font-weight: 500;}
.detail-wrap-tab a:first-child {border-right: 1px solid #d7d7d7;}

.viewport {padding-top: 60px;}
.viewport .img-area {padding:0 60px; background: #fff;}


        @media (max-width: 768px) {
            .viewport {padding-top: 30px;}
            .viewport .img-area {padding:0px; background: #fff;}
        }



.sub-controller {position: sticky; top:30px; flex:0 0 340px; background: #fff;}
.sub-controller .order-sheet {position: sticky; top:0; border-top: none; padding-top: 40px; margin-top: 0; background: #fff;}
.sub-controller .order-sheet ul li {display: block; border-bottom:none; padding:0;}
.sub-controller .order-sheet ul li ~ li {margin-top: 25px;}
.sub-controller .order-sheet ul li strong {display: block; margin-bottom: 5px;}

.order-sub-price {display: flex; padding:20px 0 15px; justify-content: flex-end; align-items:baseline; border-bottom: 1px solid #000;}
.order-sub-price span {display: inline-block; margin-right: 10px; font-size: 20px; }
.order-sub-price strong {font-size: 30px; color:#0E8772;}


        @media (max-width: 1024px) {

            .sub-controller {display: none;}
            .product-view .detail-wrap {border-right: none;}

        }


.order-sub-title {display: inline-block; margin-top: 60px; padding:0 40px; margin-bottom:12px; font-size: 22px; color: #333; font-family:'S-CoreDream-6Bold';}

.product-terms-area {max-height:400px; padding:24px 0; margin:0 40px; overflow-y: auto; color: #666; font-size: 14px; border-top: 1px solid #000; line-height: 29px;}



        @media (max-width: 768px) {

            .order-sub-title {padding:0; margin-top: 30px;}
            .product-terms-area {margin:0;}
            

        }




/* 1댑스 탭 */
.tab_area {}
.tab_head {display: flex; justify-content: space-between; align-items: center; margin-bottom:24px;}
.tab_head ul {display: flex; width: 100%; justify-content:space-between; align-items: center; border: 1px solid #d1d1d1;}
.tab_head li {width: 100%;}
.tab_head li + li {border-left: 1px solid #d1d1d1;}
.tab_head li button {display: flex; width: 100%; height: 56px; padding:0 5px; justify-content: center; align-items: center; font-size: 17px; font-family:'S-CoreDream-4Regular'; font-style:normal; transition: all 100ms;}
.tab_head li button.on {color: #fff; background: #004098; transition: all 100ms;}

.tab_body {}
.tab_body .tab-content.on {display: block;}
.tab_body > div {display: none; background: #fff;}



/* 2댑스 탭 */
.tab_in_tab ul {display:flex; overflow-x:auto; white-space:nowrap; gap: 8px; padding-bottom:15px; -webkit-overflow-scrolling:touch;}
.tab_in_tab li {flex: 0 0 auto;}
.tab_in_tab ul li button {display: flex; justify-content:center; align-items:center; height:40px; padding:0 20px; border:1px solid #D1D1D1; border-radius: 100px; background: #fff; white-space: nowrap;}
.tab_in_tab ul li button.on {color:#fff; border:1px solid #004098; background:#004098;}




/* 체험신청 섬네일 게시판 */
.thumb_info {margin-top: 15px;}
.thumb_info {display: flex; flex-direction:column; color:#666; gap:4px;}
.thumb_info .tit {display: -webkit-box; -webkit-box-orient: vertical; color: #333; width:100%; min-width: 0; -webkit-line-clamp:2; text-overflow: ellipsis; overflow: hidden; white-space: normal; font-family:'S-CoreDream-5Medium'; font-size: 18px;}
.thumb_info .text {width:100%; min-width: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 16px; font-family:'S-CoreDream-3Light';}
.thumb_info .date {display: block; font-size:14px; font-family:'S-CoreDream-3Light';}
.thumb_info .badge_box {display: flex; gap:8px; margin-bottom: 10px;}



         @media (max-width:768px) {
            .thumb_info .badge_box {display: flex; gap:4px;}
         }



.thumb_board {position: relative; padding-top: 30px; border-top: 2px solid #000;}
.thumb_board ul {display: grid; grid-template-columns: repeat(4, 1fr); gap:24px; max-width:1400px}
.thumb_board ul li {position: relative; min-width: 0; margin-bottom: 40px;}
.thumb_board .thumb_img {position: relative; overflow: hidden; border-radius:18px; box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.25); aspect-ratio: 4/3; display: flex; justify-content: center; align-items: center; overflow:hidden; text-align: center;}
.thumb_board .thumb_img img {display: block; width: 100%; height:100%; object-fit: cover; object-position: center; aspect-ratio: 4/3;}
.thumb_board .thumb_img .badge {position: absolute; left:10px; top:10px; z-index: 1;}

.thumb_board ul li.exp_deadline .thumb_img:before {content:''; display:block; position: absolute; left:0; top:0; z-index: 1; width:100%; height:100%; background:rgba(0,0,0,0.5)}

/* .thumb_board ul li.exp_deadline .thumb_img > a:after {content:attr(data-end-exp); display:flex; justify-content: center; align-items: center; position: absolute;  width: 50%; aspect-ratio: 1 / 1; left:50%; top:50%; transform: translate(-50%, -50%); border: 2px solid #fff; color: #fff; border-radius: 50%; z-index: 1; font-size: 24px;} */


.thumb_board ul li .end_exp_band {display:flex; justify-content: center; align-items: center; position: absolute;  width: 55%; aspect-ratio: 1 / 1; left:50%; top:7%; transform: translateX(-50%); border: 2px solid #fff; color: #fff; border-radius: 50%; z-index: 1; font-size: 24px;}
.thumb_board ul li .end_exp_band strong {display: block; text-align:center; font-size: 32px;}
.thumb_board ul li .end_exp_band span {display: block; font-size: 18px; text-align: center;}



         @media (max-width: 1200px) {
            .thumb_board ul li .end_exp_band strong {font-size: 28px;}
            .thumb_board ul li .end_exp_band span {font-size: 16px;}
         }

         @media (max-width: 1024px) {
            .thumb_board ul li .end_exp_band {}
            .thumb_board ul li .end_exp_band strong {font-size: 24px;}
            .thumb_board ul li .end_exp_band span {font-size: 14px;}
         }

         @media (max-width: 430px) {
            .thumb_board ul li .end_exp_band {}
            .thumb_board ul li .end_exp_band strong {font-size: 32px;}
            .thumb_board ul li .end_exp_band span {font-size: 16px;}
         }



/* 페이징 */
.paging_nav {display: flex; justify-content: center; align-items: center; width:100%; margin-top: 60px;}
.paging_nav a {display: flex; justify-content:center; align-items: center; width:36px; height:36px;}

.paging_nav ul, .paging_nav ol {display: flex; justify-content: center; align-items: center;}
.paging_nav ul li:nth-child(2) {margin:0 2px;}
.paging_nav ul a {text-indent: -9999px; color:transparent; border: 1px solid #cfcfcf;}

.paging_nav .first_page {background:#fff url(../images/first_page.png) center center / 20px no-repeat;}
.paging_nav .prev_ten_page {background:#fff url(../images/prev_ten_page.png) center center / 20px no-repeat;}
.paging_nav .prev_page {background:#fff url(../images/prev_page.png) center center / 20px no-repeat;}
.paging_nav .next_page {background:#fff url(../images/next_page.png) center center / 20px no-repeat;}
.paging_nav .next_ten_page {background:#fff url(../images/next_ten_page.png) center center / 20px no-repeat;}
.paging_nav .last_page {background:#fff url(../images/last_page.png) center center / 20px no-repeat;}

.paging_nav .mobile_num_set {display: none; font-size:22px;}
.paging_nav .mobile_num_set {margin:0 18px; color: #D84A38;}
.paging_nav .mobile_num_set .max {color: #333;}
.paging_nav .mobile_num_set .current:after {content: '/'; height:36px; font-weight: 700; margin: 0 5px; color: #333;}

.paging_nav .num_set {margin:0 13px;}
.paging_nav .num_set a {border-radius: 50%; font-size: 16px; color: #333;}
.paging_nav .num_set .current {color: #fff; background: #555;}


        @media (max-width: 768px) {

            .paging_nav {margin-top: 40px;}
            .paging_nav .num_set {display: none;}
            .paging_nav .mobile_num_set {display:flex; justify-content:center; align-items: center; height:36px;}

        }




/* 테이블 상단 검색 영역 */
.top_search_box {display: flex; justify-content: center; align-items: center; padding:20px 40px; gap:8px; background: #f5f6f8;}
.search_tit {flex:0 0 auto;}
.top_search_box .top_calendar {display: flex; align-items: center; gap: 8px; }
.top_search_box .top_calendar span {display: inline-block; padding:0 5px;}
.top_search_box .top_calendar input {width:160px; height:40px; font-size:13px; padding:0 24px 0 12px;}
.top_search_box .top_search {display: flex; gap:8px; align-items: center;}
.top_search_box .top_search button {display: flex; min-width:30px; height: 40px; padding: 8px 21px; justify-content: center;align-items:center; color: #fff; gap:5px; font-size: 15px; border-radius: 8px; background: #4F5663; flex:0 0 auto}


        @media (max-width: 768px) {

            .top_search_box {flex-direction: column; margin:0 -20px; padding:20px; } 
            .top_search_box .top_calendar {width:100%;}
            .top_search_box .top_calendar input {width: 100%;}

            .top_search_box .top_search {width: 100%;}

            .top_search .inp {width:100%; flex:1; min-width:0}

        }




/* 인풋 & 버튼 */
input.inp {height:40px; padding:0 10px; font-family:'S-CoreDream-3Light'; color: #000; outline:none}
input.inp.mode01 {height:50px; padding:0 10px; font-family:'S-CoreDream-3Light'; color: #000; border-radius: 8px;}
.exp_select {width:97px; height:40px; padding:0 7px; font-size: 13px; color: #000; font-family:'S-CoreDream-3Light'; }

input.inp.sm {width:94px}
input.inp.md {width:154px}
input.inp.md2 {width:240px}
input.inp.lg {width:316px}

select.exp_select.sm {width:90px}
select.exp_select.md {width:154px}
select.exp_select.md2 {width:240px}
select.exp_select.lg {width:315px}
select.exp_select.mode01 {height:50px; border-radius: 8px; font-size: 15px; color: #000; border: 1px solid #ccc; font-family:'S-CoreDream-5Medium';}


.input_alert_msg {padding-top: 3px; align-self: flex-start; color:#d32f2f; font-size: 14px; font-weight: 200; font-family:'S-CoreDream-3Light';}

.ui_cal, .experience-date {height:40px; padding:0 24px 0 12px; background:#fff url(../images/cal_icon.png) right 12px center / 24px no-repeat; outline: none; min-width:0; cursor:default}
.ui_cal.mode01,
.experience-date.mode01 {border-radius:8px; height:50px; padding:0 10px; border: 1px solid #ccc; font-size: 15px; color: #000; font-family:'S-CoreDream-5Medium';}
.ui_cal.mode01::placeholder,
.experience-date.mode01::placeholder {font-size: 15px; color: #666;}



.green_check {}
.green_check input {position: absolute; opacity: 0;}
.green_check span {display: inline-block; padding-left:25px; background:url(../images/ex-checkbox.png) left center / 20px no-repeat;}
.green_check input:checked + span {background:url(../images/ex-checkbox_chk.png) left center / 20px no-repeat;}

.blue_check {}
.blue_check input {position: absolute; opacity: 0;}
.blue_check span {display: inline-block; padding-left:25px; background:url(../images/ex-checkbox.png) left center / 20px no-repeat;}
.blue_check input:checked + span {background:url(../images/ex-checkbox_chk.png) left center / 20px no-repeat;}

.blue_check.only {}
.blue_check.only input {position: absolute; opacity: 0; width:20px; height:20px;}
.blue_check.only span {display: inline-block; padding-left:20px; background:url(../images/ex-blue-checkbox.png) left center / 20px no-repeat; text-indent: -9999px;}
.blue_check.only input:checked + span {background:url(../images/ex-blue-checkbox-on.png) left center / 20px no-repeat;}

.blue_radio {position: relative;}
.blue_radio input {position: absolute; opacity: 0;}
.blue_radio span {display: inline-block; padding-left:26px; color: #333; font-size: 15px; background:url(../images/blue_radio.png) left center / 20px no-repeat; font-family:'S-CoreDream-5Medium';}
.blue_radio input:checked + span {background:url(../images/blue_radio_chk.png) left center / 20px no-repeat;}

.blue_radio + .blue_radio {margin-left: 10px;}


.chain_input_set {position: relative; display:flex; justify-content: flex-start; gap:8px; align-items: center;}

.form_btn {display:inline-flex; min-width:60px; height:40px; padding:0 16px; justify-content: center; align-items: center; font-size: 13px; font-family:'S-CoreDream-5Medium';}
.form_btn.gray {color: #333; border: 1px solid #bac4ce; background: #edf1f5;}
.form_btn.blue {color: #fff; border: 1px solid #005bac; background: #005bac;}
.form_btn.white {color: #000; border: 1px solid #666; background: #fff;}
.form_btn.green {color: #fff; border: 1px solid #4F5663; background: #4F5663;}
.form_btn.round5 {border-radius:5px;}
.form_btn.round8 {border-radius:8px;}

.form_btn.sm {width:auto; padding:0 20px;}
.form_btn.xsm {height:auto; width:auto; min-width:70px; padding:7px 14px; border-radius:5px; flex:0 0 auto;}
.form_btn.md {height:50px; padding:0 24px;}

.certification_number {position: relative;}
.certification_number span {position: absolute; right:10px; top:50%; transform: translateY(-50%); font-size:13px; color:#005bac;}

.flex-auto {flex:1 1 auto;}

/* 달력, 00시, 00분 */
.flex-date {display: flex; gap: 8px; width:100%;}
.flex-date .ui_cal {flex:2;}
.flex-date .exp_select {flex:1; min-width:0}


.bottom_btn_set {display: flex; gap:10px; width:100%; justify-content:center;}
.bottom_btn_set button {display: flex; min-width:100px; height:60px; padding:0 42px; justify-content: center; align-items: center; border-radius: 10px; font-size:18px; font-family:'S-CoreDream-5Medium';}
.bottom_btn_set.left {justify-content: flex-start;}
.bottom_btn_set.right {justify-content: flex-end;}
.green_square_btn {color: #fff; border:1px solid #0e8772; background: #0e8772;}
.white_square_btn {color: #0e8772; border:1px solid #0e8772; background: #fff;}

/* 뱃지 */
.badge {display:inline-flex; justify-content:center; align-items:center; padding:2px 8px; font-size: 14px; color: #333; border-radius: 6px; width: fit-content; flex: 0 0 auto;}
.badge.cate {border: 1px solid #666; background: #fff;}
.badge.class01 {background: #1a99e5; color: #fff;}
.badge.class02 {background: #ff7119; color: #fff;}
.badge.class03 {background: #18a88f; color: #fff;}
.badge.class04 {background: #4f5663; color: #fff;}
.badge.md {padding:4px 10px; border-radius:10px; font-family:'S-CoreDream-3Light';}


        @media (max-width: 768px) {

            .m-flex-form {display: flex; justify-content: space-between; align-items: center; gap: 8px;}
            .m-flex-auto {flex:1;}
            .m-flex-hold {flex:0 0 auto;}

            .certification_number {flex: 1; min-width: 0;}

            .phone_inputs {display: flex; align-items: center; gap: 8px; flex: 1;  min-width: 0;}
            .phone_inputs .exp_select,
            .phone_inputs .inp {flex: 1 1 auto; min-width: 0; width:100%}

            input.inp.sm {width:100%}

            input.inp.sm {width:100%}
            input.inp.md {width:100%}
            input.inp.lg {width:100%}

            select.exp_select.sm {width:100%}
            select.exp_select.md {width:100%}
            select.exp_select.lg {width:100%}

            .chain_input_set .exp_select {flex:1 1 auto;}

            .form_btn.xsm.xsm-mb-ver {height:40px; width:100%; min-width:70px; padding:7px 14px; border-radius:5px;}

            .bottom_btn_set button {width: calc(50% - 5px);}
            .bottom_btn_set button:only-child {width:100%}

        }




.table_scroll_area {position: relative;}
.table_scroll_area .fn_print {position: absolute; right:0; top:-50px;}
.table_scroll_fn {width: 100%; -webkit-overflow-scrolling: touch;}

/* 섬네일 테이블 */
.exp_table {border-top: 2px solid #000; table-layout: fixed;}
.exp_table thead th {padding:14px 12px; font-size: 15px;}
.exp_table tbody {border-top: 1px solid #c4c4c4;}
.exp_table tbody tr {border-bottom: 1px solid #c4c4c4;}
.exp_table tbody td {padding: 30px 12px;}
.exp_table img {width: 120px; height: 120px;}

/* 리스트형 테이블 */
.list_table {border-top: 2px solid #000; table-layout: fixed;}
.list_table thead th {padding:10px 0; font-size: 15px;}
.list_table tbody {border-top: 1px solid #c4c4c4;}
.list_table tbody tr {border-bottom: 1px solid #c4c4c4;}
.list_table tbody td {padding:10px 5px;}
.list_table tbody td span.br {display: block;}
.list_table tbody td.tit {text-align: left;}
.list_table tbody td.tit.center {text-align: center;}


/* 정보형 테이블 */
.info_table {border: none; border-collapse: collapse; border-top: 2px solid #000; table-layout: fixed;}
.info_table thead {background: #f7f8f9;}
.info_table thead th {padding:12px; font-size: 16px; font-family:'S-CoreDream-5Medium'; font-weight: 500; border: 1px solid #c4c4c4;}
.info_table tbody {}
.info_table tbody tr {}
.info_table tbody th {padding:12px; border: 1px solid #c4c4c4; background: #f7f8f9; font-family:'S-CoreDream-5Medium'; font-weight: 500;}
.info_table tbody td {padding:12px; border: 1px solid #c4c4c4; font-size: 16px; font-family:'S-CoreDream-4Regular'; font-weight: 200;}
.info_table tbody td span.br {display: block;}
.info_table tr:first-child th { border-left: none; }
.info_table tr:last-child td  { border-right: none; } 
.info_table td:first-child, .info_table th:first-child { border-left: none; }
.info_table td:last-child, .info_table th:last-child   { border-right: none; }



.img_between {display: flex; align-items: center; padding-left: 10px;}
.img_between .info {display: flex; flex-direction: column; align-items: flex-start; margin-left: 25px;}
.img_between .tit {text-align: left;}
.img_between .date {display: block; margin-top: 5px; text-align: left;}
.img_between .blue_check {align-self: center; margin-right: 20px;}
.img_between .badge_group {display: flex; justify-content: flex-start; align-items: center;  gap: 4px; margin-bottom: 8px; flex-wrap: wrap;}


/* 테이블 결과 없음 */
.board_nodata {padding:82px 0;}
.board_nodata p {padding-top:102px; text-align: center; color: #333; font-size: 20px; font-family:'S-CoreDream-3Light'; background:url(../images/state-empty.png) center top / 72px no-repeat;}


         @media (max-width:1200px) {

            .table_scroll_fn {overflow-x: auto;}
            .list_table.t_scroll_1200 {width:1200px;}

        }


        @media (max-width:1024px) {
            
            .list_table.t_scroll_1024 {width:1024px;}
            .exp_table img {width:100px; height:100px;}

        }


        @media (max-width: 768px) {

            .exp_table,
            .exp_table thead,
            .exp_table tbody,
            .exp_table tr,
            .exp_table td {display: block; width: 100%;}

            .exp_table colgroup, 
            .exp_table thead,
            .exp_table thead {display: none;}

            .td_responsive {display: block; width: 100%;}

            .exp_table tbody tr {display: flex; flex-wrap: wrap; padding:16px 0;}
            .exp_table tbody td {padding:0;} 

            .exp_table td.summary {margin-bottom: 9px; border-bottom: 1px solid #ddd;}
            .exp_table td.summary.nobdb {margin-bottom:20px; border:none}
            

            .exp_table .img_between {align-items: flex-start; padding-left: 0; padding-bottom: 16px; }
            .exp_table .img_between .info {margin-left: 16px;}
            .exp_table .img_between .date {font-size: 13px; color: #666;}
            .exp_table  .img_between .blue_check {position: relative; top:29px; align-self: normal; margin-right: 10px;}

            .exp_table img {width:80px; height:80px;}

            .exp_table td.has_th {display: flex; justify-content: space-between; align-items: flex-start; }
            .exp_table td.has_th::before {
                display: block;
                content: attr(data-label);
                font-weight: 600;
                color: #666;
                font-size: 14px;
                text-align: left;
                font-family:'S-CoreDream-1Thin';
                position: relative;
                top:2px
            }


            .exp_table tbody .info-list {padding:8px 16px 0;}
            .exp_table tbody .info-list div {display:flex;}
            .exp_table tbody .info-list div p {color:#000;}
            .exp_table tbody .info-list.solo {padding-top: 16px; border-top: 1px solid #ddd;}

            .exp_table tbody .amount {padding:16px 16px 0; border-top: 1px solid #DDD;}


            .table_scroll_fn {overflow-x: hidden;}
            .table_scroll_area .fn_print {top: 24px;}
            .list_table.res.t_scroll_1200,
            .list_table.res.t_scroll_1024 {width: 100%;}

            .list_table.res colgroup {display: none;}


            .list_table.res {border-top: none;}
            .list_table.res,
            .list_table.res tbody,
            .list_table.res tr,
            .list_table.res td {display: block; width: 100%;}

            .list_table.res thead {display: none;}

            .list_table.res thead th .blue_check.only span {padding-left: 32px;}

            .list_table.res .hide {display: none;}

            .list_table.res tbody {margin-top: 5px;}
            .list_table.res tbody tr {position: relative; text-align: left; padding:13px 0 15px; overflow: hidden;}
            .list_table.res tbody td {text-align: right; vertical-align: top; padding:5px 0;}
            .list_table.res tbody td span.br{display: inline-block; }
            .list_table.res tbody td span.br ~ .br{margin-left: 5px;}
            .list_table.res tbody td.tit {padding-left: 33px; text-align: left; font-family:'S-CoreDream-5Medium';}
            .list_table.res tbody td.tit.text-only {padding-left: 0;}
            .list_table.res tbody td .light-text {font-family:'S-CoreDream-3Light' !important; font-weight: 400 !important; color: #666;}
            .list_table.res tbody td.chk {position: absolute; left:0; top:15px; }
            .list_table.res tbody td.chk span {display: inline-block; width:20px; height:20px; text-indent: -9999px; color: transparent;}
            .list_table.res td.ib {display: inline-block; width:auto;}
            .list_table.res td.block {display:block; width:100%;}
            .list_table.res .last_btn {margin-top: 10px;}
            .list_table.res .last_btn .form_btn {width:100%; height:40px;}
            .list_table.res .last_btn.w50p {width:calc(50% - 4px);}
            .list_table.res .last_btn.fl-l {float: left;}
            .list_table.res .last_btn.fl-r {float: right;}
            
            

            .list_table.res td.has_th {display: flex; justify-content: space-between; align-items: flex-start;}
            .list_table.res td.has_th::before {
                display: block;
                content: attr(data-label);
                font-weight: 600;
                color: #666;
                font-size: 14px;
                text-align: left;
                font-family:'S-CoreDream-1Thin';
                position: relative;
                top:2px
            }

        }




.total_price {display: flex; padding:30px; justify-content: flex-end; align-items: center; border-bottom: 1px solid #c4c4c4; background: #f9f9f9;}
.total_price span {position: relative; top:1px; font-size: 13px; font-weight: 500;}
.total_price strong {display: inline-block; margin-left: 16px; color: #0E8772; font-size: 22px; font-family:'S-CoreDream-6Bold';}


        @media (max-width: 768px) {
                    .total_price {padding:25px 15px;}
        }





.table_box {margin-top: 60px;}
.table_title {display: flex; justify-content: space-between; align-items: self-end; margin-bottom: 16px; }
.table_title h3 {font-size: 26px; color: #333; font-family:'S-CoreDream-6Bold';}

/* 우측 th 테이블 */
.row_table {border-top: 1px solid #000;}
.row_table tbody tr { border-bottom: 1px solid #d9d9d9;}
.row_table tbody th {padding:14px 12px 13px 12px; text-align: left; font-size: 16px; font-family:'S-CoreDream-1Thin'; color: #000;}
.row_table tbody td {text-align: left; padding:10px 0;}


        @media (max-width: 768px) {

            .row_table.res colgroup {display: none;}
            .row_table.res tbody {border-bottom:1px solid #d9d9d9}
            .row_table.res tbody tr {display: block; padding:10px; border-bottom: none}
            .row_table.res tbody th {display: block; width: 100%; padding:0; font-size: 15px;}
            .row_table.res tbody td {display: block; width: 100%; padding:0; margin-top: 10px;}

        }



.in_table_title {display: block; margin-bottom:8px; font-size: 20px; color: #333d4b; font-family:'S-CoreDream-5Medium'; font-weight: normal;}

.terms_box {height:350px; overflow-y:auto; padding:24px 0 18px; color: #666; border-top: 1px solid #000; border-bottom: 10px solid #fff; box-shadow: 0 1px 0 0 #d9d9d9;}

        @media (max-width: 768px) {

            .terms_box {height:300px; padding:16px 0}
        }




/* 체험신청결제 : 일반결제 */
.payment_area {padding:30px;}
.payment_list {display: flex; justify-content: space-between; gap:8px;}
.payment_list li {display: flex; position: relative; height:56px; flex:1 0 0; align-items: center; justify-content:center;}
.payment_list li button {display: block; width:100%; height:100%; padding:0 10px; border-radius: 4px; border: 1px solid #e5e8eb; background: #fff;}
.payment_list .mark {position: absolute; left:-5px; top:-6px; display: flex; height:18px; align-items: center; padding:0 8px; font-size: 10px; color: #fff; font-family:'Noto Light'; font-weight: normal; border-radius: 50px; background: #3182f6;}

.payment_methods {padding:20px 16px;}
.payment_methods li {font-size: 15px; color: #4e5968; font-family:'Noto Regular'; line-height: 29px;}
.payment_methods li span {display: inline-block; margin-right:5px} 
.payment_methods li img {vertical-align: middle; position: relative; top:-1px;}

.gray_arrow_link {display: inline-block; color: #4e5968; font-size: 13px; font-family:'Noto Light'; line-height: 29px;}

        @media (max-width: 768px){
            .payment_area {padding:15px;}
            .payment_list {flex-wrap: wrap;}
            .payment_list li {flex: 0 0 calc(50% - 4px)};
        }




.important_red {color: #d32f2f; font-size: 14px; line-height: 29px; font-family:'S-CoreDream-5Medium';}

.in_table_dot_list {}
.in_table_dot_list li {position: relative; font-size: 14px; color: #333; font-family:'S-CoreDream-3Light'; padding-left:10px}
.in_table_dot_list li:before {content: ''; position: absolute; left:0; top:9px; display: inline-block; width:3px; height:3px; background: #000;}

/* 체험신청 결제방법 */
.cash-receipt {margin-top: 10px;}
.cash-receipt .item {display:flex; align-items: center;}
.cash-receipt .item ~ .item {margin-top: 8px;}
.cash-receipt .item label {flex:0 0 170px;}
.cash-receipt .item .input_set select ,
.cash-receipt .item .input_set input {width:90px}


        @media (max-width:768px){
            .cash-receipt .item .input_set {display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; gap: 4px; align-items: center;}
            .cash-receipt .item .input_set input,
            .cash-receipt .item .input_set select { width: 100%; }
            .cash-receipt .item {display: flex; flex-direction: column; align-items: flex-start;}
            .cash-receipt .item label {flex: none; margin-bottom: 6px;}
            .cash-receipt .item .input_set {width: 100%;}
        }



.refund_account {margin-top:-8px;}
.refund_account li {display:inline-block; margin-right:10px; margin-top: 8px; font-family:'S-CoreDream-4Regular'; font-weight: normal; color: #666;}
.refund_account strong {display:inline-block; width:60px; font-size: 14px; font-weight: normal; color:#666;}
.refund_account input {width:240px;}


        @media (max-width:768px){
            .refund_account {width:100%; margin-top: 10px;}
            .refund_account li {width: 100%; margin:0;}
            .refund_account li ~ li {margin-top: 8px;}
            .refund_account li input {margin-top: 4px;}
        }



/* 장바구니 하단 노티박스 */
.bottom-noti {padding:30px; margin-top: 60px; background:#f7f7f7;}
.bottom-noti strong {display: flex; align-items:center; color: #0E8772; font-size: 18px; font-family:'S-CoreDream-3Light';}
.bottom-noti strong:before {content: ''; display: inline-block; width:24px; height:24px; margin-right: 5px; background:url(../images/ex-mark.png) left center / cover no-repeat;}
.bottom-noti ul {padding-left: 32px; margin-top: 10px;}
.bottom-noti ul li {font-size: 14px; color: #000; font-family:'S-CoreDream-3Light';}
.bottom-noti ul li + li {margin-top: 4px;}


        @media (max-width:768px){
            .bottom-noti {padding:15px; margin-top: 30px; }
            .bottom-noti ul {padding-left:5px; margin-top: 10px;}
        }



/* +, - 컨트롤러 */
.person-manage .personnel-setting {display:flex; justify-content: flex-start; margin-bottom: 8px;}
.person-manage .controller {display:flex; width: 100%; flex-direction: column; justify-content:center; align-items: flex-start;}
.person-manage .controller .groupInput {display:flex; width: 100%; min-width:0; justify-content: space-between;  flex-direction: column; }
.person-manage .controller strong {display: inline-block; margin-right:15px;}
.person-manage .item {display:flex; width:240px; justify-content:space-between; align-items: center; margin-top: 10px;}

.person-manage .control {display:flex; justify-content: center; align-items: center; border: 1px solid #ccc; border-radius:5px; overflow:hidden;}
.person-manage .control > * {display:flex; height:30px; width:30px; justify-content: center; align-items: center;}
.person-manage .control .num {border:1px solid #ccc; border-width: 0px 1px;}
.person-manage .control .minus {background:url(../images/control_minus.png) center center / 16px no-repeat; text-indent: -9999px;}
.person-manage .control .plus {background:url(../images/control_plus.png) center center / 14px no-repeat; text-indent: -9999px;}
.person-manage .control .manual-input {width:90px; height:30px; border: none; border-radius: 5px;}


        @media (max-width:1200px){
            .person-manage {display: flex; flex-direction: column; justify-content: center; align-items: center;}
            .person-manage .personnel-setting {width: 100%; justify-content:flex-start;}
        }

            @media (max-width:768px){
            .person-manage {margin-bottom: 16px;}
            .person-manage .personnel-setting {width: 100%; justify-content: flex-start;}
            .person-manage .controller {width: 100%; justify-content:space-between; align-items: center; margin-bottom: -5px;}
            .person-manage .controller strong {display: inline-block; margin-right:15px; font-weight: 600; color: #666; font-size: 14px; text-align: left;  font-family: 'S-CoreDream-1Thin';}
            .person-manage .item {margin:0; margin-top: 8px; width: 100%;}
        }



.top-util {position: relative; display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}
.top-util .noti-text {font-size: 14px; color: #666;}
.top-util .blue_check {position: absolute; left:10px; bottom:-46px;}

        @media (max-width:768px){
            .top-util {display: flex; flex-wrap: wrap; align-items: center; }
            .top-util .noti-text {width: 100%; margin-bottom: 10px;}
            .top-util .blue_check {position:relative; left:0; bottom:0; margin-right: auto;}
            .top-util .blue_check span {text-indent: 0; font-size: 13px; padding-left: 25px;}
            .top-util .form_btn {padding:5px 14px;}
        }



/* 완료페이지 상단 텍스트 영역 */
.grand_top {padding:40px 0; background: #F5F6F8; text-align: center;}
.grand_top strong {display: block; padding-top: 92px; font-size: 24px; color: #005BAC; text-align: center; margin-bottom: 16px; font-family:'S-CoreDream-5Medium';}
.grand_top p {font-size: 15px; color: #333;}
.grand_top p + p {margin-top:3px;} 

.grand_top.wait strong {background:url(../images/grand-top-wait.png) center top / 72px no-repeat;}
.grand_top.complete strong {background:url(../images/grand-top-complete.png) center top / 72px no-repeat;}


        @media (max-width:768px){
            .grand_top {padding:30px 0;}
            .grand_top strong {padding-top: 67px; font-size: 18px; margin-bottom: 14px;}
            .grand_top p {font-size: 14px;}
            .grand_top p + p {margin-top:3px;} 

            .grand_top.wait strong {background:url(../images/grand-top-wait.png) center top / 54px no-repeat;}
            .grand_top.complete strong {background:url(../images/grand-top-complete.png) center top / 54px no-repeat;}
            
        }




/* 달력 : 일정 입력 ver */
.experience-date-cal {width:640px; padding:0; border-radius: 10px; margin:10px 0; overflow: hidden;}
.experience-date-cal table {margin:0;}

.experience-date-cal .ui-datepicker-header {width:210px; margin:10px auto 0; padding:0; border:none; background:#fff;}
.experience-date-cal .ui-datepicker-prev,
.experience-date-cal .ui-datepicker-next,
.experience-date-cal .ui-datepicker-prev-hover,
.experience-date-cal .ui-datepicker-next-hover {top:0px;}
.experience-date-cal .ui-datepicker-prev,
.experience-date-cal .ui-datepicker-prev-hover {left:7px;}
.experience-date-cal .ui-datepicker-next,
.experience-date-cal .ui-datepicker-next-hover {right:7px;}
.experience-date-cal .ui-datepicker-prev .ui-icon {background: url(../images/experience-date-cal-prev.png') center center / cover no-repeat;}
.experience-date-cal .ui-datepicker-next .ui-icon {background: url(../images/experience-date-cal-next.png') center center / cover no-repeat;}
.experience-date-cal .ui-datepicker-title {justify-content: center; font-size: 18px; font-weight: 500; margin-bottom:10px; font-family:'S-CoreDream-5Medium';}

.experience-date-cal .ui-state-default, 
.experience-date-cal .ui-widget-content .ui-state-default, 
.experience-date-cal .ui-widget-header .ui-state-default{border:none; color: #000; background:#fff; font-family:'S-CoreDream-4Regular'; text-align:left;}
.experience-date-cal th {padding:0; width:calc(100%/7); height:40px; font-size: 15px; border: 1px solid #eee;}
.experience-date-cal th span {width: 100%; font-family:'S-CoreDream-4Regular'; font-weight:normal; color: #000;}
.experience-date-cal td {position: relative; padding:0; width:calc(100%/7); height:56px;  font-size: 15px; border: 1px solid #eee; }
.experience-date-cal td span, 
.experience-date-cal td a {width: 100%; height:56px; text-align: left; padding:4px 8px 8px 8px; }
.experience-date-cal input, 
.experience-date-cal select, 
.experience-date-cal textarea, 
.experience-date-cal button, 
.experience-date-cal .ui-datepicker-title select, 
.experience-date-cal .ui-datepicker table {font-size: 15px;}

.experience-date-cal .cal-text {position: absolute; left:6px; bottom:2px; padding: 0; height:auto; text-align: left; font-size: 13px; color: #666; font-family:'S-CoreDream-3Light';}


.experience-date-cal .ui-datepicker-calendar thead tr .ui-datepicker-week-end:first-child a,
.experience-date-cal .ui-datepicker-calendar thead tr .ui-datepicker-week-end:first-child span {color:#ff1800;}
.experience-date-cal .ui-datepicker-calendar thead tr .ui-datepicker-week-end:last-child a,
.experience-date-cal .ui-datepicker-calendar thead tr .ui-datepicker-week-end:last-child span {color:#004fd2;}
.experience-date-cal .ui-datepicker-calendar tbody tr .ui-datepicker-week-end:first-child a,
.experience-date-cal .ui-datepicker-calendar tbody tr .ui-datepicker-week-end:first-child span {color:#ff1800;}
.experience-date-cal .ui-datepicker-calendar tbody tr .ui-datepicker-week-end:last-child a, 
.experience-date-cal .ui-datepicker-calendar tbody tr .ui-datepicker-week-end:last-child span{color:#004fd2;}

.experience-date-cal .ui-datepicker-calendar tbody tr .ui-datepicker-week-end.ui-datepicker-current-day a,
.experience-date-cal .ui-datepicker-calendar thead tr .ui-datepicker-week-end.ui-datepicker-current-day a {color: #fff;}

.experience-date-cal .ui-datepicker-current-day a {background:#004098; color: #fff;}
.experience-date-cal .ui-datepicker-current-day .cal-text {color: #fff;}
.experience-date-cal .ui-state-disabled, .ui-widget-content .ui-state-disabled, 
.experience-date-cal .ui-widget-header .ui-state-disabled {color: #999; opacity: 1; }

.experience-date-cal .ui-state-hover,
.experience-date-cal .ui-widget-content .ui-state-hover,
.experience-date-cal .ui-widget-header .ui-state-hover,
.experience-date-cal .ui-state-focus,
.experience-date-cal .ui-widget-content .ui-state-focus,
.experience-date-cal .ui-widget-header .ui-state-focus {font-weight:normal; color:inherit; border:none; background:none;}

.experience-date-cal .anniversary {}
.experience-date-cal .anniversary span {color: #999;  background: #f8f8f8;}
.experience-date-cal .anniversary span.cal-text {color: #666;}

.experience-date-cal .ui-state-hover,
.experience-date-cal .ui-widget-content .ui-state-hover,
.experience-date-cal .ui-widget-header .ui-state-hover,
.experience-date-cal .ui-state-focus,
.experience-date-cal .ui-widget-content .ui-state-focus,
.experience-date-cal .ui-widget-header .ui-state-focus {font-weight:normal; color:inherit; border:none; background:none;}


        @media (max-width: 1024px) {

            .experience-date-cal {width:90%; }

        }

        @media (max-width: 768px) {

            .experience-date-cal {margin:10px 0;}
            .experience-date-cal .cal-text {display: none;}
            .experience-date-cal td {line-height: 50px; text-align: center;}
            .experience-date-cal td span, .experience-date-cal td a {padding:4px; vertical-align: middle;}
            .experience-date-cal .ui-state-default, .experience-date-cal .ui-widget-content .ui-state-default, .experience-date-cal .ui-widget-header .ui-state-defaul {text-align: center;}

        }


/* 달력 : 신규 saas 디자인 */
.default-date-cal {width:380px; padding:20px; border-radius: 10px; margin-top: 10px;}
.default-date-cal .ui-datepicker-title {font-size: 18px; font-weight: 500; margin-bottom:10px; font-family:'S-CoreDream-5Medium';}
.default-date-cal .ui-datepicker-header {padding:0; border:none; background:#fff;}
.default-date-cal .ui-datepicker-prev,
.default-date-cal .ui-datepicker-next,
.default-date-cal .ui-datepicker-prev-hover,
.default-date-cal .ui-datepicker-next-hover {top:0px;}
.default-date-cal .ui-datepicker-prev,
.default-date-cal .ui-datepicker-prev-hover {left:7px;}
.default-date-cal .ui-datepicker-next,
.default-date-cal .ui-datepicker-next-hover {right:7px;}
.default-date-cal .ui-datepicker-prev .ui-icon {background: url(../images/experience-date-cal-prev.png') center center / cover no-repeat;}
.default-date-cal .ui-datepicker-next .ui-icon {background: url(../images/experience-date-cal-next.png') center center / cover no-repeat;}

.default-date-cal .ui-state-default, 
.default-date-cal .ui-widget-content .ui-state-default, 
.default-date-cal .ui-widget-header .ui-state-default{border:none; color: #000; background:#fff; font-family:'S-CoreDream-4Regular'; text-align: center;}
.default-date-cal th {padding:0; width:calc(100%/7); height:40px; font-size: 15px;}
.default-date-cal th span {width: 100%; font-family:'S-CoreDream-4Regular'; font-weight:normal; color: #000;}
.default-date-cal td {padding:0; width:calc(100%/7); font-size: 15px;}
.default-date-cal td span, 
.default-date-cal td a {padding:0; width: 100%; height:40px; line-height: 40px;}
.default-date-cal input, 
.default-date-cal select, 
.default-date-cal textarea, 
.default-date-cal button, 
.default-date-cal .ui-datepicker-title select, 
.default-date-cal .ui-datepicker table {font-size: 15px;}
.default-date-cal .ui-datepicker-calendar thead tr .ui-datepicker-week-end:first-child a,
.default-date-cal .ui-datepicker-calendar thead tr .ui-datepicker-week-end:first-child span {color:#ff1800;}
.default-date-cal .ui-datepicker-calendar thead tr .ui-datepicker-week-end:last-child a,
.default-date-cal .ui-datepicker-calendar thead tr .ui-datepicker-week-end:last-child span {color:#004fd2;}
.default-date-cal .ui-datepicker-calendar tbody tr .ui-datepicker-week-end:first-child a,
.default-date-cal .ui-datepicker-calendar tbody tr .ui-datepicker-week-end:first-child span {color:#ff1800;}
.default-date-cal .ui-datepicker-calendar tbody tr .ui-datepicker-week-end:last-child a, 
.default-date-cal .ui-datepicker-calendar tbody tr .ui-datepicker-week-end:last-child span{color:#004fd2;}

.default-date-cal .ui-datepicker-calendar tbody tr .ui-datepicker-week-end.ui-datepicker-current-day a,
.default-date-cal .ui-datepicker-calendar thead tr .ui-datepicker-week-end.ui-datepicker-current-day a {color: #fff;}

.default-date-cal .ui-datepicker-current-day a {border-radius: 8px; background:#004098; color: #fff;}
.default-date-cal .ui-state-disabled, .ui-widget-content .ui-state-disabled, 
.default-date-cal .ui-widget-header .ui-state-disabled {color: #999; opacity: 1;}




/* 팝업 : 컨텐츠 */
.pop-cont h2 {margin-bottom:16px; font-family:'S-CoreDream-5Medium'; font-weight: 500;}

.print-viewer {border-top: 2px solid #000;}
.print-viewer .date {display: flex; justify-content: flex-end; align-items:center; height:48px; padding:0 20px; background:  #f9f9f9;}
.print-viewer .inner {padding:20px;}
.print-viewer .tit { font-size: 18px; color: #333; font-family:'S-CoreDream-5Medium';}
.print-viewer .sub {margin-top:10px; font-size: 14px; color: #666; font-family:'S-CoreDream-3Light'; font-weight: 200;}
.print-viewer .list {margin-top: 20px;}
.print-viewer .list li {display: flex;}
.print-viewer .list li ~ li {margin-top: 5px;}
.print-viewer .list li strong {flex:0 1 160px; color: #666; font-family:'S-CoreDream-3Light'; font-weight: 200;}
.print-viewer .list li p {flex:1; font-size: 16px; color: #333;font-family:'S-CoreDream-3Light'; font-weight: 200; }




/* 자산관리 */
.asset-management {display:flex; justify-content:space-between; border-top: 1px solid #000;}

.place-list {flex:1; padding:30px; height:738px; overflow-y:auto; background: #F5F6F8;}
.place-list ul {}
.place-list ul li ~ li {margin-top: 12px;}
.place-list .place-select {width: 100%; text-align: left; padding:16px 20px; border: 1px solid #d9d9d9; background: #fff; gap:8px; border-radius: 12px;}
.place-list .place-select strong {display: block; margin-top:10px; font-size: 18px; color: #333; font-weight: 500; font-family:'S-CoreDream-5Medium';}
.place-list .place-select p {margin-top: 9px; color: #666; font-size: 16px; font-family:'S-CoreDream-3Light';}
.place-list .place-select.on {border:1px solid #2d54c1; background:#fff url(../../images/assetmanage/round_blue_chk.png) right  20px center / 32px no-repeat; outline: 1px solid #2d54c1;}


.place-controller {padding:30px 0 0 30px; background: #fff; width:400px}
.place-controller ul li ~ li {margin-top: 16px;}
.place-controller ul li strong {display: inline-block; margin-bottom:8px; color: #666; font-size: 14px; font-family:'S-CoreDream-4Regular'; font-weight: 500;}



@media (max-width: 960px) {
    .asset-management {flex-direction: column; margin:0 -20px;}
    .place-list { max-height:710px; height:auto; padding:20px;}

    .place-controller {padding:30px 20px; width: 100%; border-top: 1px solid #ddd;}
}

/* Paging */
._paging {padding: 60px 0 0 0;}
._paging > ._inner > ul {margin: 0 13px;}
._paging > ._inner > ul li strong {width: 35px; height: 35px; line-height:32px; border-radius: 100%; background-color: #555; border-color: #555;}
._paging > ._inner > a {width: 35px;height: 35px;line-height:35px;background-image: url('../images/arrow-page.png') !important;background-repeat: no-repeat;background-color: transparent;border: 0;}
._paging > ._inner > a._first {background-position: 0 0;}
._paging > ._inner > a._last {background-position: 0 -175px;}
._paging > ._inner > a._listNext, ._paging ._inner a._listPrev {display: block;}
._paging > ._inner > a._listNext {background-position: 0 -140px;}
._paging > ._inner > a._next {background-position: 0 -105px;}
._paging > ._inner > a._listPrev {background-position: 0 -35px;}
._paging > ._inner > a._prev {background-position: 0 -70px;}
._paging ._inner a, ._paging ._inner strong {border: 0; line-height: 33px;}






/* 공통 */
.w100p {width: 100%;}

@media (max-width: 1024px) {
    .tablet-hidden {display: none !important;}
}

@media (max-width: 768px) {
    .mw100 {width: 100% !important;}
    .mobile-hidden {display: none !important;}
    .mb_br {display: block;}
    .mb-text-left {text-align: left !important;}
    .mb-text-light {font-family:'S-CoreDream-3Light' !important; font-weight: 400 !important;}
    .mb-mb10 {margin-bottom: 10px !important;}
}