@charset "utf-8";

/* topbox */
/*
.com_calendar .ui-topbox .inner .txtwrap .con-box p {font-size: 16px;font-weight: 400;padding-left: 10px;position: relative;}
.com_calendar .ui-topbox .inner .txtwrap .con-box p:before{position:absolute;content:'';width: 4px;height: 4px;border-radius: 100%;background-color: #555;left: 0;top: 10px;}
.com_calendar .ui-topbox .inner .txtwrap .con-box span {font-size: 16px;font-weight: 400;padding-left: 17px;position: relative;color: #BB201C;line-height: 1.5;letter-spacing: -0.04em;margin-top: 10px;}
.com_calendar .ui-topbox .inner .txtwrap .con-box .txt-tip:before {left: -5px;}

.com_calendar .vlist__column {width: calc(100% + 20px);margin: 0 -20px;}
.com_calendar .vlist__column .txt-box-type02-wrap {display: block; width: 100%;}
.com_calendar .c-topbox {display: block;width: 100%;height: 100%;}
.vlist__column {margin: 0;padding: 0;}
.vlist__column.col3 .inner {width: 33.3333%;border: 10px solid transparent !important;margin: 0;}
.vlist__column .inner .item {padding: 27px 20px;border: 1px solid #efefef;border-top-color: #BB201C;}
.com_calendar .c-topbox .txt-box-type02-wrap {border-right: 20px solid transparent;border-left: 20px solid transparent;}

.list-1st>li.accent::before {background: #BB201C;}
.list-1st>li.txtr, .txtr {color: #BB201C;font-size: 15px;}
@media screen and (max-width:1028px) {
    .vlist__column.col4 .inner {flex: 0 0 50%;
        max-width: 50%;}
}
@media screen and (max-width:767px) {
    .com_calendar .vlist__column {width: 100%;margin: 0;}
    .vlist__column .inner {width: 100%;margin-left: 0;margin-right: 0;}.com_calendar .c-topbox .txt-box-type02-wrap{border: none;}
}
@media screen and (max-width:580px) {
    .vlist__column.col4 .inner {flex: 0 0 100%;
        max-width: 100%;}
}

.com_calendar .c-topbox .txt-box.type02 {}

.ui-calendar{border-top:3px solid #282626;display:block;border-left:0;border-right:0;border-bottom: 0;margin-top: 61px;}
.ui-calendar:before{display:none}
.ui-calendar:after{content:'';display:block;clear:both}
.ui-calendar .table thead {border-bottom: 1px solid #ededed;}
.ui-calendar .calendar-area,.ui-calendar .time-area{border-top:0;width:calc(50% - 20px);max-width:calc(50% - 20px);flex:0 0 calc(50% - 20px)}
.ui-calendar .calendar-area{float:left;margin-right:40px}
.ui-calendar .time-area{float:right;height: 100%;padding-bottom: 0;}
.ui-calendar .calendar-area .calendar,.ui-calendar .time-area{padding-top:35px;padding-left:0;padding-right:0;border-bottom: 1px solid #ccc;}
.ui-calendar .time-area {min-height: 681px;padding-bottom: 30px;}
.ui-calendar .calendar-area .calendar .calHeader,.ui-calendar .time-area .date_tit{height:71px}
.ui-calendar .calendar-area .calendar .schcal_tbl,.time_box .table,.ui-calendar .time-area .time_box{margin-top:0}
.ui-calendar .calendar-area .calendar .calHeader .calDate,.ui-calendar .time-area .date_tit,.ui-calendar .time-area .date_tit span{font-size:34px}
.ui-calendar .calendar-area .calendar .calHeader .calDate,.ui-calendar .time-area .date_tit{color:#000}
.ui-calendar .time-area .date_tit{padding-left:30px;padding-top:5px;text-align: center;}
.ui-calendar .calendar-area .calendar .calHeader .calDate{display:inline-block;margin:0 90px;font-size: 34px;font-weight: 700;font-family: 'Noto Sans KR';}
.ui-calendar .calendar-area .calendar .schcal_tbl,.time_box .table{border-top:1px solid #000;border-bottom:transparent}
.ui-calendar .calendar-area .calendar .schcal_tbl{border-bottom:1px solid #ccc}
.ui-calendar .calendar-area .calendar .calHeader .calBtn{top: 2px;}
.ui-calendar .calendar-area .calendar .calHeader .prev,.ui-calendar .calendar-area .calendar .calHeader .next{right:auto;left:auto}
.ui-calendar .calendar-area .calendar .calHeader .prev{left:calc(50% - 149px);width: 9px;height: 15px;background-position: 50%;background-repeat: no-repeat;top: 17%;background-image: url("data:image/svg+xml,%3Csvg width='9' height='15' viewBox='0 0 9 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 13.5L1.5 7.5L7.5 1.5' stroke='black' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");}
.ui-calendar .calendar-area .calendar .calHeader .next{right:calc(50% - 149px);background-image: url("data:image/svg+xml,%3Csvg width='9' height='15' viewBox='0 0 9 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 13.5L7.5 7.5L1.5 1.5' stroke='black' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");width: 9px;height: 15px;background-position: 50%;background-repeat: no-repeat;top: 17%;}
.ui-calendar .calendar-area .calendar .schcal_tbl th,.ui-calendar .time-area .table thead th{font-size:20px}
.ui-calendar .calendar-area .calendar .schcal_tbl th{padding:25px 0 21px;color:#282626;border-bottom:1px solid #EDEDED}
.ui-calendar .calendar-area .calendar .schcal_tbl tr:first-child td{padding-top:26px}
.ui-calendar .calendar-area .calendar .schcal_tbl tr:last-child td{padding-bottom:28px}
.ui-calendar .calendar-area .calendar .schcal_tbl td a{font-size:17px;color:#000}
.ui-calendar .calendar-area .calendar .schcal_tbl td{border:transparent;height:80px;padding:20px 0 25px;display:table-cell}
.ui-calendar .calendar-area .calendar .schcal_tbl td div,.ui-calendar .calendar-area .calendar .schcal_tbl td a{display:inline-flex;align-items:center;justify-content:center;height:33px;width:33px;border-radius:50%;font-size:17px}
.ui-calendar .calendar-area .calendar .schcal_tbl td div{background-position:center center;background-repeat:no-repeat;padding:0;background-size:auto 100%;color: #222;padding-bottom: 2px;}
.ui-calendar .calendar-area .calendar .schcal_tbl td.off{background:#fff}

.ui-calendar .calendar-area .calendar .schcal_tbl td.today{background:transparent}
.ui-calendar .calendar-area .calendar .schcal_tbl td.holiday{background:transparent}
.ui-calendar .calendar-area .info,
.ui-calendar .time-area .info{display:block;text-align:left;padding-left:40px;margin:29px 0 0}
.ui-calendar .time-area .info span,
.ui-calendar .calendar-area .info span,.ui-calendar .calendar-area .info .select{border:transparent;background:transparent;font-size:17px;padding:0 0 0 30px;line-height:1;margin-right:21px;color:#000;font-weight:400;position:relative; display:inline-block;letter-spacing: -1px;}
.ui-calendar .calendar-area .info span:before,
.ui-calendar .time-area .info span:before{content:"";display:inline-block;width:20px;height:20px;border-radius:50%;position:absolute;top:-2px;left:0;background-position:center center;background-repeat:no-repeat}
.ui-calendar .calendar-area .calendar .schcal_tbl td.select a,.ui-calendar .calendar-area .calendar .schcal_tbl td.select >div,.ui-calendar .calendar-area .info .select:before{background-color: #BB201C!important;color:#fff}
.ui-calendar .calendar-area .calendar .schcal_tbl td.on a,.ui-calendar .calendar-area .calendar .schcal_tbl td.on >div,.ui-calendar .calendar-area .info .on:before,.ui-calendar .time-area .info .on:before{background: none;background-color: #282626;color:#fff;}
.ui-calendar .time-area .info .op:before{background-color: #D01A1A;}


.ui-calendar .calendar-area .calendar .schcal_tbl td.today a,.ui-calendar .calendar-area .calendar .schcal_tbl td.today >div,.ui-calendar .calendar-area .info .today:before{border: 1px solid #BB201C;}
.ui-calendar .calendar-area .calendar .schcal_tbl td.off > div,.ui-calendar .calendar-area .calendar .schcal_tbl td.off a,.ui-calendar .calendar-area .info .off:before{background-color:#EFEFEF;background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_1619_3997' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Ccircle cx='10' cy='10' r='9.5' fill='%23EFEFEF' stroke='%23EAEAEA'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1619_3997)'%3E%3Cline x1='11.2625' y1='-3.28317' x2='-5.10115' y2='13.0805' stroke='%23DBDBDB'/%3E%3Cline x1='13.0807' y1='-2.67721' x2='-3.28291' y2='13.6864' stroke='%23DBDBDB'/%3E%3Cline x1='14.8988' y1='-2.07125' x2='-1.46479' y2='14.2924' stroke='%23DBDBDB'/%3E%3Cline x1='16.7171' y1='-1.46481' x2='-7.35884' y2='22.6111' stroke='%23DBDBDB'/%3E%3Cline x1='18.5352' y1='-0.858849' x2='-5.54072' y2='23.2171' stroke='%23DBDBDB'/%3E%3Cline x1='20.3534' y1='-0.252892' x2='-3.72248' y2='23.823' stroke='%23DBDBDB'/%3E%3Cline x1='22.1717' y1='0.353065' x2='-1.90425' y2='24.429' stroke='%23DBDBDB'/%3E%3Cline x1='23.9898' y1='0.959022' x2='-0.0861302' y2='25.0349' stroke='%23DBDBDB'/%3E%3Cline x1='25.808' y1='1.56547' x2='1.73211' y2='25.6414' stroke='%23DBDBDB'/%3E%3Cline x1='27.6261' y1='2.17142' x2='3.55022' y2='26.2473' stroke='%23DBDBDB'/%3E%3Cline x1='29.4444' y1='2.77738' x2='5.36846' y2='26.8533' stroke='%23DBDBDB'/%3E%3Cline x1='31.2625' y1='3.38334' x2='7.18657' y2='27.4593' stroke='%23DBDBDB'/%3E%3C/g%3E%3C/svg%3E%0A");color:#000;border:1px solid #dbdbdb}
.ui-calendar .calendar-area .calendar .schcal_tbl td.off.sun > div,
.ui-calendar .calendar-area .calendar .schcal_tbl td.off.sun a{color:#c30c57}

.ui-calendar .calendar-area .calendar .schcal_tbl td.holiday > div,.ui-calendar .calendar-area .calendar .schcal_tbl td.holiday a,.ui-calendar .calendar-area .info .holiday:before{border:1px solid #BB201C;color:#000000}


.ui-calendar .calendar-area .info span:before{content:'';display:inline-block;width:20px;height:20px}
.ui-calendar .time-area .time_box{border-top:0;height: 543px;}
.ui-calendar .time-area .date_tit span{display:inline-block;margin-right:8px;color: #BB201C;}
.ui-calendar .time-area .table,.ui-calendar .time-area .table thead,.ui-calendar .time-area .table tbody{display:block;width:100%;}
.ui-calendar .time-area .table tr{display:flex;width:100%;justify-content: space-between;}

.ui-calendar .time-area .table th,.ui-calendar .time-area .table td{display:inline-block}
.ui-calendar .time-area .table .num{width:15%;font-weight: 700;}
.ui-calendar .time-area .table .time{width:30%}
.ui-calendar .time-area .table .pay{width:20%}
.ui-calendar .time-area .table .apply{width:35%}
.ui-calendar .time-area .table tbody{max-height: 448px;height:100%;overflow-y:auto;margin-top: 20px;}
.ui-calendar .time-area .table th,.ui-calendar .time-area .table td{border:transparent;text-align:center}
.ui-calendar .time-area .table thead th{height:79px;background:transparent;display:inline-flex;align-items:center;justify-content:center;line-height:1.2}
.ui-calendar .time-area .table thead th.apply{}
.ui-calendar .time-area .table td{font-size:17px;color:#282626;padding: 5px 10px;display:inline-flex;align-items:center;justify-content:center;line-height:1.3;position: relative;font-family: 'Noto Sans KR';}
.ui-calendar .time-area .table tr td:first-child:before{display:none;content:'';width:7px;min-width: 7px;height:7px;background-color:#1095CE;border-radius: 50%; margin-right:5px;}
.ui-calendar .time-area .table tr:first-child td:first-child:before{}
.ui-calendar .time-area .table tr.op  td:first-child::before{background-color: #D01A1A;}
.ui-calendar .time-area .table tr:first-child td[colspan="3"]{width:100%;}

.ui-calendar .time-area .table tr:first-child td{}
.ui-calendar .time-area .table td .checkbox-box{justify-content:center;width:100%;}
.ui-calendar .time-area .table td .checkbox-box .radio-inline{max-width:158px;height:46px;width:100%;position:relative;padding:0}
.ui-calendar .time-area .table td .checkbox-box .radio-inline button,
.ui-calendar .time-area .table td .checkbox-box input[type=radio]{position:absolute;top:0;left:50%;transform:translateX(-50%);display:block;width:100%;height:100%;cursor:pointer;margin:0}
.ui-calendar .time-area .table td .checkbox-box .readonly,
.ui-calendar .time-area .table td .checkbox-box input[readonly]{cursor:auto}
.ui-calendar .time-area .table td .checkbox-box .radio-text{display:flex;width:100%;height:100%;align-items:center;justify-content:center;padding:0 10px 2px;min-width:158px;border: 1px solid #BB201C;color: #BB201C;}
.ui-calendar .time-area .table td .checkbox-box .radio-text.deadline {border: 1px solid #666;color: #666;}
.com_calendar .table tbody tr td button {display:flex;width:100%;height:100%;align-items:center;justify-content:center;padding:5px 10px;max-width: 160px;border: 1px solid #BB201C;color: #BB201C;}
.com_calendar .table tbody tr td button.deadline {border: 1px solid #666;color: #666;}

.ui-calendar .time-area .table td .checkbox-box .radio-inline button.on + .radio-text,
.ui-calendar .time-area .table td .checkbox-box input[type=radio]:checked + .radio-text,
.ui-calendar .time-area .table td .checkbox-box input[type=radio]:focus + .radio-text,
.ui-calendar .time-area .table td .checkbox-box input[type=radio]:hover + .radio-text,
.ui-calendar .time-area .table td .checkbox-box input[type=radio]:active + .radio-text,
.ui-calendar .time-area .table td .checkbox-box input[type=radio].on + .radio-text{background:#1095CE;color:#fff}
.ui-calendar .time-area .table td .checkbox-box .readonly .radio-text,
.ui-calendar .time-area .table td .checkbox-box input[readonly] + .radio-text,
.ui-calendar .time-area .table td .checkbox-box input[readonly]:focus + .radio-text,
.ui-calendar .time-area .table td .checkbox-box input[readonly]:hover + .radio-text,
.ui-calendar .time-area .table td .checkbox-box input[readonly]:active + .radio-text,
.ui-calendar .time-area .table td .checkbox-box input[readonly].on + .radio-text{background:#E8E8E8;color:#282626}


.ui-calendar .time-area .table td .checkbox-box .radio-inline.disabled{}
.ui-calendar .time-area .table td .checkbox-box .radio-inline.disabled .radio-text{background-color: #282626; color:#fff}
.ui-calendar .time-area .table td .checkbox-box .radio-inline.disabled input[type=radio]{cursor: default;}
.ui-calendar .time-area .table td .checkbox-box .radio-inline.disabled input[type=radio]:checked + .radio-text,
.ui-calendar .time-area .table td .checkbox-box .radio-inline.disabled input[type=radio]:focus + .radio-text,
.ui-calendar .time-area .table td .checkbox-box .radio-inline.disabled input[type=radio]:hover + .radio-text,
.ui-calendar .time-area .table td .checkbox-box .radio-inline.disabled input[type=radio]:active + .radio-text,
.ui-calendar .time-area .table td .checkbox-box .radio-inline.disabled input[type=radio].on + .radio-text{background-color: #282626; color:#fff}

.ui-calendar .time-area .table tr.no_data{margin: 10px 0;}
.ui-calendar .time-area .table tr.no_data:first-child{margin-top: 20px;}

.ui-calendar .time-area .table tr.no_data td:first-child:before{display:none}

.ui-calendar .time-area .table tr.no_data,.ui-calendar .time-area .table tr.no_data > td,.ui-calendar .time-area .table tr.no_select,.ui-calendar .time-area .table tr.no_select > td{width:100%;display:block;text-align:left;padding:0 10px 0 6px}
.ui-calendar .time-area .table tr.no_data .text,.ui-calendar .time-area .table tr.no_select .text{padding:14.5px 23px;border-radius:5px;box-shadow:2px 2px 6px 0 rgb(0 0 0 / 20%);background:#fff;height:75px;width:calc(100% - 6px);display:flex;width:100%;align-items:center;font-size:19px;color:#666;margin:0 0 16px;line-height:1.2}



@media screen and (max-width:1173px) {
    .ui-calendar .time-area {min-height: 681px;}
    .ui-calendar .time-area .table .apply{width: 42%;}
}

@media screen and (max-width:1060px) {
    #txt {padding:0;}
    .ui-calendar .calendar-area,.ui-calendar .time-area{float:none;width:100%;max-width:100%;flex:0 0 100%}
    .ui-calendar .time-area{padding-top:0;border-top:1px solid #000;padding-bottom: 26px;}
    .ui-calendar .time-area .time_box{height: auto;}
    .ui-calendar .time-area .date_tit{height:auto;padding:30px 0;text-align:center}
    .ui-calendar .time-area {min-height: 0;padding-bottom: 10px;}
}

@media (max-width:940px) {
	.table-responsive {overflow-x: hidden;}
    .ui-calendar .calendar-area .calendar .schcal_tbl td div, .ui-calendar .calendar-area .calendar .schcal_tbl td a {font-size: 15px;}
}

@media screen and (max-width:767px) {

    .ui-calendar .calendar-area, .ui-calendar .time-area{padding-left: 0; padding-right: 0;}
    .ui-calendar .calendar-area .calendar {padding:30px 20px;}

}

@media screen and (max-width:540px) {
    .ui-calendar .calendar-area{padding-left:0;padding-right:0}
    .ui-calendar .calendar-area .calendar{padding-top:15px;padding-bottom: 10px;}
    .ui-calendar .calendar-area .calendar .calHeader{height:58px}
    .ui-calendar .calendar-area .calendar .calHeader .calDate{font-size:26px}
    .ui-calendar .time-area{margin-top:0}
    .ui-calendar .time-area .table thead th{font-size:16px;height:59px}
    .ui-calendar .time-area .table .time{width:30%}
    .ui-calendar .time-area .table .apply{width:40%;padding-right:29px}
    .ui-calendar .time-area .table td{padding:6.5px}
    .ui-calendar .time-area .table tr:first-child td{padding-top:16px}


    .ui-calendar .time-area{padding-bottom: 14px;}
    .ui-calendar .time-area .info,
    .ui-calendar .calendar-area .info{padding-left:0;display:flex;flex-wrap:wrap}
    .ui-calendar .time-area .info span,
    .ui-calendar .calendar-area .info span,.ui-calendar .calendar-area .info span,.ui-calendar .calendar-area .info .select{width:50%;margin-right:0;margin-bottom:15px}
    .ui-calendar .time-area .date_tit,.ui-calendar .time-area .date_tit span{font-size:30px}
    .ui-calendar .calendar-area .calendar .calHeader .prev{left:calc(50% - 99px)}
    .ui-calendar .calendar-area .calendar .calHeader .next{right:calc(50% - 99px)}
    .ui-calendar .calendar-area .calendar .calHeader .calDate{margin:0;padding-top:7px}
}
@media screen and (max-width:500px) {
    .ui-calendar .time-area .table .num{min-width:59px}
    .ui-calendar .time-area .table th.num{padding-left:22px}
    .ui-calendar .time-area .table td .checkbox-box .radio-text{font-size:15px;min-width:131px}
    .ui-calendar .time-area .table tr.no_data .text,.ui-calendar .time-area .table tr.no_select .text{padding:10px;font-size:16px;height:55px}
}
@media screen and (max-width:400px) {
    .ui-calendar .time-area .table thead th,.ui-calendar .time-area .table td{font-size:15px}
    .ui-calendar .time-area .date_tit,.ui-calendar .time-area .date_tit span{font-size:20px}
    .ui-calendar .time-area .table tbody{padding-left:7px}
    .ui-calendar .time-area .table td .checkbox-box .radio-text{font-size:15px;min-width:auto}
}
[class*=reservation] .table td{text-align:center}
[class*=reservation] .table td.reserve .btn{min-width:100%;text-align:center;justify-content:center;border-radius:5px;padding-top:7px}
[class*=reservation] .table td.reserve .btn:after{display:none}
.custom-search.exhibit .program--search .data{display:inline-block;line-height:41px;margin:0 2px}


@media screen and (max-width:940px) {
    .custom-search.exhibit .d-flex{width:100%}
    .custom-search.exhibit .d-flex:first-child{margin-bottom:5px}
    .custom-search.exhibit .program--search .search--date{max-width:calc(50% - 6px);width:100%}
    .custom-search.exhibit .program--search .search--text{width:calc(100% - 215px)}
}
@media screen and (max-width:860px) {
    .custom-search.exhibit .program--search .fieldset{display:table}
}
@media screen and (max-width:767px) {
    .custom-search.exhibit .program--search .search--text{width:100%}
    .custom-search.exhibit .program--search .search--btn{width:100%;margin: 3px 0 0;}
    .custom-search.exhibit .program--search .fieldset{display:block}
}
.txt-box2.custom .txt-tip:before{width:19.36px;height:16px;top:10px}
.txt-box2.custom strong{font-size:20px}
.my_page.re_info .table td{text-align:center}
.my_page.re_info .table td.reserve .btn{min-width:100%;text-align:center;justify-content:center;border-radius:5px;padding-top:7px;font-size:14px}
.my_page.re_info .table td.reserve .btn:after{display:none}


.text-center.agree{margin-top:50px;}
.text-center.agree .btn{padding:14px 48px 12px 19px;}


@media screen and (max-width:920px) {
    .col-sm-3.div_indv{display: block;width: 100%;max-width: 100%;}
}
@media screen and (max-width:350px) {
.reservation_write .box-footer .btn {display: block;width: 100%;}
.reservation_write .box-footer .btn:last-child {margin-top: 5px;}
}

 


*/