@charset "utf-8";


/* 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;}



/* 페이징 */
.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(/sites/module_new/images/saas20/first_page.png) center center / 20px no-repeat;}
.paging_nav .prev_ten_page {background:#fff url(/sites/module_new/images/saas20/prev_ten_page.png) center center / 20px no-repeat;}
.paging_nav .prev_page {background:#fff url(/sites/module_new/images/saas20/prev_page.png) center center / 20px no-repeat;}
.paging_nav .next_page {background:#fff url(/sites/module_new/images/saas20/next_page.png) center center / 20px no-repeat;}
.paging_nav .next_ten_page {background:#fff url(/sites/module_new/images/saas20/next_ten_page.png) center center / 20px no-repeat;}
.paging_nav .last_page {background:#fff url(/sites/module_new/images/saas20/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;}
        }
.contest-wrap{max-width: 1400px;margin: 0 auto;}
.contest-wrap .input-row + .input-row{margin-top:40px}

/* 테이블 상단 검색 영역 */
.top_search_box {display: flex;justify-content: center;align-items: center;padding: 30px 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}
.top_search_box select{padding: 0 10px;height: 40px;font-family: 'S-CoreDream-3Light';color: #000;}
.top_search_box .self-l{margin-right: 10px;}
.top_search_box .search-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';background-color: #4F5663;color: #fff;}

        @media (max-width: 768px) {
            .top_search_box {margin:0 -20px; padding:20px; } 
		    .top_search_box span{display:none}
            .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; vertical-align: bottom;}
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 ;}
input.inp.all {width:100%}
input.inp + input.inp{/* margin-top:5px; */}

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.all {width:100%}
select.exp_select.mode01 {height:50px; border-radius: 8px; font-size: 15px; color: #000; border: 1px solid #ccc; font-family:'S-CoreDream-5Medium';}

.inp-textrea {width: 100%; height:200px; overflow-y: auto; outline:none; font-family:'S-CoreDream-3Light';}


.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(/sites/module_new/images/saas20/cal_icon.png) right 12px center / 24px no-repeat; outline: none; min-width:0;}
.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;}

.only_check_text{
    text-align: right;
}
.only_check_text > span{margin-right: 15px;font-family: 'S-CoreDream-5Medium';color:#555}
.green_check {}
.green_check input {position: absolute; opacity: 0;}
.green_check span {display: inline-block; padding-left:25px; background:url(/sites/museumcontest/images/common/ex-checkbox.png) left center / 20px no-repeat;}
.green_check input:checked + span {background:url(/sites/museumcontest/images/common/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(/sites/museumcontest/images/common/ex-checkbox.png) left center / 20px no-repeat;}
.blue_check input:checked + span {background:url(/sites/museumcontest/images/common/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(/sites/museumcontest/images/common/ex-blue-checkbox.png) left center / 20px no-repeat; text-indent: -9999px;}
.blue_check.only input:checked + span {background:url(/sites/museumcontest/images/common/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: #888;font-size: 15px;background:url(/sites/museumcontest/images/common/blue_radio.png) left center / 20px no-repeat;font-family:'S-CoreDream-5Medium';}
.blue_radio input:checked + span {background:url(/sites/museumcontest/images/common/blue_radio_chk.png) left center / 20px no-repeat;color: #333}

.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: 85px;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: #1d6c40;border: 1px solid #1d6c40;/* background: #1d6c40; */}
.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; 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;align-items: center;gap: 8px;}
            .m-flex-auto {}
            .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%}
        
           .chain_input_set{display: block;}
           .chain_input_set .authcode{display: flex;margin-top: 10px;gap: 10px;justify-content: space-between;}
        .chain_input_set .authcode input.inp.md{width: calc(100% - 94px);}

        }




.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;}



/* 리스트형 테이블 */
.list_table {border-top: 2px solid #000; table-layout: fixed;}
.list_table thead th {font-size: 16px;height: 60px;}
.list_table tbody {border-top: 1px solid #c4c4c4;}
.list_table tbody tr {border-bottom: 1px solid #c4c4c4;}
.list_table tbody td {padding: 12px 5px;height: 60px;}

.list_table tbody td .congrats ~ .form_btn {
    padding: 0px 8px;
    height: 28px;
    color: #1d6c40;
    border: 1px solid #1d6c40;
    border-radius: 6px;
    transition: all .3s;
    margin-left: 10px;
}
.list_table tbody td .congrats ~ .form_btn:hover{background-color:#1d6c40;color:#fff;}
.list_table tbody td a{}
.list_table tbody td a:hover{text-decoration:underline}
.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; }



/* 테이블 결과 없음 */
.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(/sites/module_new/images/saas20/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;}
        }

        @media (max-width: 768px) {
             .td_responsive {display: block; width: 100%;}
            .table_scroll_fn {overflow-x: hidden;}
            .table_scroll_fn:not(:has(.res)) {overflow-x: auto;}
            .table_scroll_fn:not(:has(.res)) .list_table tr th:nth-child(1),
            .table_scroll_fn:not(:has(.res)) .list_table tr td:nth-child(1){display:none}
            .table_scroll_fn:not(:has(.res)) .list_table colgroup col:nth-child(1){display:none}
            .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
            }
        }

.agree_box + .agree_box {margin-top: 50px; }
.table_title {display: flex; justify-content: space-between; align-items: self-end; margin-bottom: 8px; }
.table_title h3 {font-size: 20px; color: #333; font-family:'S-CoreDream-5Medium';}

.congrats{font-weight: bold;display: inline-block;padding-left: 22px;line-height: .9;border-radius: 6px;font-size: 15px;position: relative;}
.congrats:before{content:"";width: 20px;height: 20px;background-image:url("/sites/museumcontest/images/sub/icon-premier.png");display: block;background-size: cover;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.not-congrats{display:inline-block;padding:2px 15px;font-size:14px;border-radius:10px;background-color:#f5f5f5}
/* 우측 th 테이블 */
.row_table {border-top: 1px solid #555;border-bottom: 1px solid #555;}
.row_table + .row_table{border-top:none;}
.row_table tbody tr + tr {border-top: 1px solid #d9d9d9;}
.row_table tbody th {padding: 14px 1.5% 14px 0.5%;text-align: right;font-size: 14px;font-family:'S-CoreDream-4Regular';color: #333;position: relative;}
.row_table tbody th .row-num{position: relative;display: inline-block;max-width: 28px;text-align: center;border-radius: 50px;line-height: 1.5;margin-left: 3px;font-size: 12px;padding: 1px 3px;min-width: 20px;background-color: #18a88f;color: #fff;letter-spacing: -.5px;font-weight: normal;}
.row_table tbody td {text-align: left;padding: 30px 0;}
.row_table tbody td .btn_inp{
    display: flex;
    gap: 4px;
}
.row_table tbody td .inp3-wrap{
    display: flex;
    gap: 4px;
    width: 100%;
    justify-content: space-between;
}
.row_table tbody td .inp3-wrap .sm{
    flex: 1;
    width: inherit;
}
    
.row_table tbody td .btn_inp .form_btn.blue{font-size:12px;padding: 0px 10px;width: 79px;min-width:79px}
.row_table tbody td .btn_inp .inp{
    margin-bottom: 0;
    width: calc(100% - 78px);
}
.th-left th{text-align: left !important; }
.row_table.three.th-division th:after{content:":";display: inline-block;position:absolute;right: 36px;}

        @media (max-width: 920px) {
            .row_table.three  colgroup {display: none;}
            .row_table.three tbody {border-bottom:1px solid #d9d9d9}
            .row_table.three tbody tr {display: table-row;border-bottom: none;}
            .row_table.three tbody th {display: inline-block;font-size: 15px;text-align:left;padding: 6px 4px;width: 18%;}
            .row_table.three tbody td {display: inline-block;width: 82%;padding: 8px 0px;margin-top: 10px;}
            .row_table.three.th-division th{width: 25%;padding: 14px 4px;line-height: 1.5;}

            .row_table.three.th-division tbody tr td{width: 75%;/* border-bottom:1px solid #d9d9d9; */padding: 14px 0px;margin-top: 0;line-height: 1.5;position: relative;min-height: 54px;}
            .row_table.three.th-division tbody tr td:before{content:"";display: block;position:absolute;left: -202px;width: 1000px;bottom: 0;background-color: #ddd;height: 1px;}     
            .row_table.three.th-division tbody tr:last-child td::before{display:none}
            .row_table.three.th-division tbody tr td:after{display:none}

            .row_table.three.th-division tr{border-top: none;}		  
            .row_table.three.th-division tr:last-child th,
            .row_table.three.th-division tr:last-child td{border-bottom: none;}
            #dlvyDetailAdres{margin-top:5px}
        }


        @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;}
		  
            .row_table.two_row tbody tr {padding:0 10px;}
            .row_table.two_row tbody tr:last-of-type {padding-bottom: 15px;}
            .row_table.res.two_row tbody th {margin-top: 15px; font-weight: 500; font-family:'S-CoreDream-5Medium';}
            .row_table.three.th-division  th:after{right: 18px;}
        }




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

.terms_box {padding: 40px;box-shadow: 2px 2px 6px 0px #bbbbbb78;background-color: #f7f7f7;border-radius: 20px;}
.terms_box .important_text{line-height: 1.5;font-size: 14px;overflow-y:auto;color: #666;max-height: 170px;padding-right: 12px;}

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


/* 문서관리 */
.file-view-box {height:50px;margin-bottom: 10px;border: 1px solid #ccc;outline: none;padding:12px;overflow-y: auto;font-size: 14px;font-family:'S-CoreDream-4Regular';}
.file-info-text {margin-top: 10px; color: #666; font-size: 14px; font-weight: 500;}
.m-flex-form{position:relative}
.m-flex-form .form_btn.white{position:absolute;right:0}

.num-info-box {padding:30px; border-radius: 18px; background: #F2F8FF;}
.num-info-box ol {counter-reset:count; font-size:16px; color: #333; font-weight:200; line-height: 1.5; font-family:'S-CoreDream-4Regular';}
.num-info-box ol li ~ li {margin-top: 4px;}
.num-info-box ol li::before {counter-increment: count; content: counter(count) ". ";}

/* 공통 */
.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;}
}