@charset "utf-8";
@import url(/css/common/program.css);

@media (max-width: 1400px) { 
#body_layout .body_wrap{overflow: hidden;}
}

.txt.color2 { color: #E93660; font-weight: 700; } /*빨간색*/
.txt { color: #444; font-size: 15px; } /*기본텍스트*/
.color3 { color: #178E8E; } 
.h-title {color: #000;}


.cate1 { background-color:#0033A5; } 
.cate2 { background-color:#139505; } 
.cate3 { background-color:#E93660; } 
.cate4 { background-color:#5E39C9; } 
.cate5 { background-color:#178E8E; } 
.cate6 { background-color:#004E87; } 

table td .status { max-width:100%; min-width:50px; padding:7px 5px; } 

.pilsu:after,.card-body .form-group .control-label label .pilsu:after, .card-body .label .pilsu:after, .form-horizontal.bucket-form .form-group .control-label label .pilsu:after, .form-horizontal .label .pilsu:after { width: 14px; height: 14px; background-size: contain; color: #fff; content: ''; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0.337891C6.80208 0.337891 7.55859 0.492839 8.26953 0.802734C8.98047 1.10352 9.60026 1.51823 10.1289 2.04688C10.6576 2.57552 11.0723 3.19531 11.373 3.90625C11.6829 4.60807 11.8379 5.36003 11.8379 6.16211C11.8379 6.97331 11.6829 7.73438 11.373 8.44531C11.0723 9.14714 10.6576 9.76237 10.1289 10.291C9.60026 10.8197 8.98047 11.2389 8.26953 11.5488C7.55859 11.8496 6.80208 12 6 12C5.19792 12 4.44141 11.8496 3.73047 11.5488C3.01953 11.2389 2.39974 10.8197 1.87109 10.291C1.34245 9.76237 0.923177 9.14714 0.613281 8.44531C0.3125 7.73438 0.162109 6.97331 0.162109 6.16211C0.162109 5.36003 0.3125 4.60807 0.613281 3.90625C0.923177 3.19531 1.34245 2.57552 1.87109 2.04688C2.39974 1.51823 3.01953 1.10352 3.73047 0.802734C4.44141 0.492839 5.19792 0.337891 6 0.337891ZM5.41211 8.5L8.91211 5L8.10547 4.16602L5.42578 6.85938L3.9082 5.3418L3.08789 6.16211L5.41211 8.5Z' fill='%230033A5'/%3E%3C/svg%3E%0A"); } 
.help-block.small { color: #444; } 
.help-block { font-size: 15px; } 
.h2 { font-size: 24px; } 
.text-right { margin-bottom: 20px; } 
.text-right .help-block { margin-top: -35px; } 
.fe-btn.fe-btn-sm { padding:10px 14px 9px; border-radius: 8px; } 
.fe-btn.fe-btn-lg { min-width: 180px; height: 50px; padding: 14px 18px 12px; border-radius: 10px; line-height: 1.2; } 

.no-img:before { border: none; } 

.btn-default:active, .btn-default:focus, .btn-default:hover{border-color: rgb(23, 142, 142);}

/*검색바*/
.search-wrap .form-control[disabled],.search-wrap .form-control[readonly],.search-wrap fieldset[disabled] .form-control { background-color: #EDEDED; } 

.search-wrap .program--search.appointment-wrap { padding: 34px 40px 40px; text-align: left; } 
 
 .search-wrap .program--search.appointment-wrap .item { display: flex; align-items: center; margin: 6px 0; overflow: hidden; } 


 .search-wrap .program--search.appointment-wrap .item3 .btn--submit { padding: 0; margin-left: 3px; } 
 .search-wrap .program--search.appointment-wrap .item3 .fe-btn { display: inline-block; width: 100%; height: 36px; padding: 5px 34px 3px 14px; margin: 0; border: 1px #178E8E; border-radius: 5px; background-color: #178E8E; color: #fff; font-weight: 400; font-size: 15px; letter-spacing: -0.3px; background-repeat: no-repeat; background-position: center right 11px; background-image: url("data:image/svg+xml,%3Csvg width='16' height='15' viewBox='0 0 16 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.2559 6.36914C13.2559 7.24805 13.0859 8.08008 12.7461 8.86523C12.418 9.63867 11.9609 10.3125 11.375 10.8867C10.8008 11.4609 10.127 11.918 9.35352 12.2578C8.58008 12.5859 7.75391 12.75 6.875 12.75C5.99609 12.75 5.16992 12.5859 4.39648 12.2578C3.62305 11.918 2.94336 11.4609 2.35742 10.8867C1.7832 10.3125 1.32617 9.63867 0.986328 8.86523C0.658203 8.08008 0.494141 7.24805 0.494141 6.36914C0.494141 5.49023 0.658203 4.66406 0.986328 3.89062C1.32617 3.11719 1.7832 2.44336 2.35742 1.86914C2.94336 1.29492 3.62305 0.84375 4.39648 0.515625C5.16992 0.175781 5.99609 0.00585938 6.875 0.00585938C7.75391 0.00585938 8.58008 0.175781 9.35352 0.515625C10.127 0.84375 10.8008 1.29492 11.375 1.86914C11.9609 2.44336 12.418 3.11719 12.7461 3.89062C13.0859 4.66406 13.2559 5.49023 13.2559 6.36914ZM6.875 11.2559C7.54297 11.2559 8.16992 11.127 8.75586 10.8691C9.35352 10.6113 9.875 10.2656 10.3203 9.83203C10.7656 9.38672 11.1113 8.87109 11.3574 8.28516C11.6152 7.6875 11.7441 7.04883 11.7441 6.36914C11.7441 5.70117 11.6152 5.07422 11.3574 4.48828C11.1113 3.89062 10.7656 3.375 10.3203 2.94141C9.875 2.49609 9.35352 2.14453 8.75586 1.88672C8.16992 1.62891 7.54297 1.5 6.875 1.5C6.20703 1.5 5.57422 1.62891 4.97656 1.88672C4.39062 2.14453 3.875 2.49609 3.42969 2.94141C2.98438 3.375 2.63281 3.89062 2.375 4.48828C2.12891 5.07422 2.00586 5.70117 2.00586 6.36914C2.00586 7.04883 2.12891 7.6875 2.375 8.28516C2.63281 8.87109 2.98438 9.38672 3.42969 9.83203C3.875 10.2656 4.39062 10.6113 4.97656 10.8691C5.57422 11.127 6.20703 11.2559 6.875 11.2559ZM11.3574 11.9414L14.416 15L15.4883 13.9102L12.4473 10.8691L11.3574 11.9414Z' fill='white'/%3E%3C/svg%3E%0A"); } 

.search-wrap .program--search.appointment-wrap .item .appo-right select.form-control { margin-right: 3px; } 

 .search-wrap .form-control { margin: 0; } 
 
 .search-wrap .program--search.appointment-wrap .item > span { display: inline-block; float: left; min-width: 90px; margin-right: 15px; color: #363c5a; font-weight: 900; line-height: 40px; } 
 .search-wrap .program--search.appointment-wrap .item .item-tit { position: relative; padding-left: 15px; color: #000; font-weight: 700; font-size: 16px; line-height: 24px; letter-spacing: -0.32px; } 
 .search-wrap .program--search.appointment-wrap .item .item-tit:before { position: absolute; top: 50%; left: 0; width: 3px; height: 3px; background-color: #000; content: ''; transform: translate(0,-50%); } 
 .search-wrap .program--search.appointment-wrap .item .item-tit label { margin-bottom: 0; } 
 
 .search-wrap .program--search.appointment-wrap .fe-btn { width: auto; min-width: 97px; } 
 
 .search-wrap .program--search.appointment-wrap .item .appo-right { 
 display: flex; float: left; width: 100%; line-height: 36px; } 
 
 .search-wrap .program--search.appointment-wrap .item .appo-right > input[type=radio] { position: relative; top: -3px; } 
 
 .search-wrap .program--search.appointment-wrap .item2 .appo-right:nth-child(4) select.form-control { margin-right: 0; } 
 .search-wrap .program--search.appointment-wrap .item4 .appo-right:last-child select.form-control { margin-right: 0; } 

 .search-wrap .program--search.appointment-wrap .item .appo-right label:not(:last-child) { margin-right: 35px; } 
 
 .search-wrap .program--search.appointment-wrap .item .appo-right label input[type=radio],
 .search-wrap .program--search.appointment-wrap .item .appo-right label input[type=checkbox] { margin: 0 3px 2px 0; } 
 .search-wrap .program--search.appointment-wrap .item .appo-right label { color: #666; font-weight: 400; font-size: 16px; } 
 .search-wrap .program--search.appointment-wrap .search--btn { display: block; width: 100%; padding-top: 30px; margin-top: 30px; text-align: center; border-top: 1px solid #D9D9D9; } 
 
 .search-wrap .program--search.appointment-wrap .search--btn span,
 .search-wrap .program--search.appointment-wrap .search--btn button { width: auto; min-width: 160px; height: 50px; padding: 0; font-size: 15px; text-align: center; } 
 
 .search-wrap .program--search.appointment-wrap .search--btn button i { display: inline-block; width: 18px; height: 18px; margin-right: 0; margin-left: 5px; background-size: contain; background-repeat: no-repeat; } 
 
 .search-wrap .program--search.appointment-wrap .ip_w70 { display: inline-block; width: 70px; } 
 
 .search-wrap .program--search.appointment-wrap .item .appo-right .date_btn { padding: 5px; border-radius: 5px; background: #2c63ba; color: #fff; font-size: 15px; } 
 
 .search-wrap .program--search.appointment-wrap .item .appo-right .date-group { display: flex; width: 100%; height: 36px; margin-left: 0; flex-wrap: wrap; } 
 
 .search-wrap .program--search.appointment-wrap .item .appo-right .date-group .date { display: inline-block; width: calc(50% - 25px); margin: 0; } 
 
 .search-wrap .program--search.appointment-wrap .item .appo-right .date-group .date .search-wrap .form-control { background: #fff; } 
 
 .search-wrap .program--search.appointment-wrap .item .appo-right .date-group .date .date__icon { position: relative; top: 1px; } 
 
 .search-wrap .program--search .form__split { display: inline-block; width: 50px; padding: 0; text-align: center; } 
 
 .search-wrap .apppoin_tb td .dev { display: block; color: #666; font-size: 14px; } 
 
 .search-wrap .appointment_btn { margin-top: 30px; text-align: center; } 
 
 .search-wrap .appointment_btn .btn { min-width: 198px; border-radius: 5px; line-height: 30px; text-align: center; } 
 
 .search-wrap #occupationDiv { display: block; position: absolute; top: 160px; left: 145px; width: 85%; z-index: 100; padding: 20px; border: 2px solid #ddd; background: #fff; } 
 
 .search-wrap #occupationDiv .occupation-h6box .select-box { padding: 10px 0; overflow: hidden; } 
 
 .search-wrap #occupationDiv .occupation-h6box .select-box h6 { display: inline-block; vertical-align: top; } 
 
 .search-wrap #occupationDiv .occupation-h6box .select-box .select-conbox { display: inline-block; width: 87%; margin-left: 20px; } 
 
 .search-wrap #occupationDiv .occupation-h6box .select-box .select-conbox span { font-size: 12px; } 
 
 .search-wrap #occupationDiv .occupation-h6box .select-box a { display: inline-block; width: 9px; height: 9px; margin-left: 5px; background: url(/images/common/close.png) no-repeat; font-size: 0; overflow: hidden; } 
 
 .search-wrap #occupationDiv .occupation-h6box .h6-title { overflow: hidden; } 
 
 .search-wrap #occupationDiv .occupation-h5box ul { padding: 5px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } 
 
 .search-wrap #occupationDiv .occupation-h6box .h6-title > li { float: left; width: 31%; margin-right: 3%; text-align: center; } 
 
 .search-wrap #occupationDiv .occupation-h6box .h6-title > li > .h6-title-depth { display: block; padding: 5px; border: 1px solid #0aa699; background: #0aa699; color: #fff; } 
 
 .search-wrap #occupationDiv .occupation-h6box .h6-title > li:nth-child(3) { margin-right: 0; margin-bottom: 0 !important; } 
 
 .search-wrap #occupationDiv .occupation-h6box .h6-title .h6-contents { height: 180px; z-index: 100; padding: 10px 5px; border: 1px solid #ddd; text-align: left; overflow: auto; } 
 
 .search-wrap #occupationDiv .occupation-h6box .h6-title .h6-contents > li { line-height: 26px; } 
 
 .search-wrap #occupationDiv .occupation-h6box .h6-title .h6-contents label { display: inline-block; width: 80%; margin-right: 2px; font-size: 12px; vertical-align: top; } 
 
 .search-wrap #occupationDiv .occupation-h6box .h6-title .h6-contents input[type="checkbox"] { display: inline-block; position: relative; top: -6px; margin-right: 5px; margin-bottom: 0px; vertical-align: text-bottom; } 
 
 
 
 .search-wrap .form-control.tel { width: 80px; } 
 
 .search-wrap .form-control + span { padding: 0 2px; font-weight: bold; font-size: 13px; } 
 
 .search-wrap .form-control { padding: 0 25px 2px 12px; border: 1px solid #A0A0A0; border-radius: 5px !important; background-color: #FFF; } 
 .search-wrap .form-control::placeholder { } 
 
 .search-wrap .form-control[type="tel"] { width: 100px; } 
 
 .search-wrap .form-control.error { background-size: 16px; background-repeat: no-repeat; background-position: 98% 50%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm-1-5h2v2h-2v-2zm0-8h2v6h-2V7z' fill='rgba(234,84,85,1)'/%3E%3C/svg%3E"); border-color: #EA5455; } 
 
 .search-wrap .form-control.valid { border-color: #28c76f; } 
 
 .search-wrap .form-error-message { padding-top: 2px; background: none; background: none !important; font-weight: bold; font-size: 13px; line-height: 1.3; letter-spacing: -1px; } 
 
 .search-wrap .error.form-error-message:before { /* background-color: #dc3545; */
 display: inline-block; position: relative; top: -1px; padding: .25em .4em; padding-top: .35em; margin-right: 2px; border-radius: .25rem; font-weight: 700; font-size: 74%; line-height: 1; text-align: center; white-space: nowrap; content: "ERROR"; vertical-align: baseline; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; } 
 
 .search-wrap .error.form-error-message:before { background-color: #dc3545; color: #fff; } 
 
 .search-wrap .error.form-error-message > span { background: none; } 
 
 .search-wrap .form-control.datepicker { position: relative; left: 0; max-width: 231px; background-size: 18px; background-repeat: no-repeat; background-position: 98% 50%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M17 3h4a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h4V1h2v2h6V1h2v2zm3 8H4v8h16v-8zm-5-6H9v2H7V5H4v4h16V5h-3v2h-2V5zm-9 8h2v2H6v-2zm5 0h2v2h-2v-2zm5 0h2v2h-2v-2z' fill='rgba(54,60,90,1)'/%3E%3C/svg%3E"); opacity: 1; box-shadow: none; } 
 
 .search-wrap .inquiry--btn + .search-wrap .error.form-error-message, .search-wrap .form-inline + .search-wrap .error.form-error-message { margin-top: 5px; } 

 @media (max-width: 1140px) { 
 .search-wrap .program--search.appointment-wrap .item .appo-right label:not(:last-child) { margin-right: 10px; } 
 } 
 @media (max-width: 915px) { 
 .search-wrap .program--search.appointment-wrap .item1 .appo-right { flex-wrap: wrap; } 
 .search-wrap .program--search.appointment-wrap .item .appo-right label { margin-bottom: 0; line-height: 26px; } 
 } 
 @media (max-width: 715px) { 
 .search-wrap .program--search.appointment-wrap .item2 .appo-right { justify-content: space-between; flex-wrap: wrap; } 
 .search-wrap .program--search.appointment-wrap .item2 .appo-right select.form-control { width: calc(100% / 2 - 2px); margin-right: 0; } 
 .search-wrap .program--search.appointment-wrap .item2 .appo-right select.form-control:first-child,
 .search-wrap .program--search.appointment-wrap .item2 .appo-right select.form-control:nth-child(2) { margin-bottom: 4px; } 
 } 


 @media (max-width: 570px) { 
 .search-wrap .program--search.appointment-wrap { padding: 14px 20px 20px; } 
 .search-wrap .program--search.appointment-wrap .search--btn { padding-top: 20px; margin-top: 20px; } 
 .date-group .date .form-control { padding-right: 10px; } 
 .search-wrap .program--search .form__split { width: 23px; } 
 .search-wrap .program--search.appointment-wrap .item3 .fe-btn { width: auto; min-width: 40px; padding: 5px; font-size: 0; } 
 } 
 @media (max-width: 460px) { 
 .search-wrap .program--search.appointment-wrap .item .item-tit { display: block; } 
 } 
/*입력폼 - 우선순위 대상자 조회하기*/
.form-horizontal.bucket-form>.form-group.view { } 
.form-horizontal.bucket-form>.form-group.view .form-box { align-items: center; } 
.form-horizontal.bucket-form>.form-group.view .form-box .col-sm-3 { padding-top: 0; padding-bottom: 0; } 
.form-horizontal.bucket-form>.form-group.view .form-box .form-control { margin:0; } 
.form-horizontal.bucket-form>.form-group.view .fe-btn { height: 36px; margin: 0; } 
 
@media (max-width: 575px) { 
 .form-horizontal.bucket-form>.form-group.view .form-box { display: block !important; } 
 .form-horizontal.bucket-form>.form-group.view .fe-btn { margin-bottom: 5px; } 
 .form-horizontal.bucket-form>.form-group.view .form-box .col-sm-3 { padding: 0; } 
 .search-wrap .program--search.appointment-wrap .item .appo-right .date-group .date { width: calc(50% - 12px); } 
 } 
 @media (max-width: 460px) { 
 .search-wrap .program--search.appointment-wrap .item .item-tit { margin-bottom: 3px; } 
 .search-wrap .program--search.appointment-wrap .item { display: block; margin: 3px 0; } 
 } 
 @media (max-width: 415px) { 
 .search-wrap .program--search.appointment-wrap .search--btn span, .search-wrap .program--search.appointment-wrap .search--btn button { width: calc(100% / 2 - 2px); min-width: 10px; } 
 } 
 @media (max-width: 356px) { 
 .search-wrap .program--search .form__split { display: none; } 
 .search-wrap .program--search.appointment-wrap .item .appo-right .date-group .date:first-child { margin-right: 2px; } 
 } 

 /* 모달*/
.modal-container { display: block; width: 100%; height: 100%; } 
.modal-container .modal__body { z-index: 9999; background-color: #fff; } 
.modal-container .modal:before { display: inline-block; width: 0; height: 100%; margin-left: -1em; content: ''; vertical-align: middle; } 
.modal-container .modal__open { height: 100%; overflow: hidden; } 
.modal-container .modal__open .modal { z-index: 99999; overflow-x: hidden; overflow-y: auto; } 
.modal-container .modal__backdrop { position: absolute; top: 0; right: 0; left: 0; background-color: rgba(0, 0, 0, .6); } 
.modal-container .modal__body { display: inline-block; position: fixed; top: 50%; left: 50%; width: 900px; max-height: 90%; padding: 20px 0 0 0; margin: -1% auto 0; background: #fff; text-align: left; box-shadow: 0 0 24px rgba(0, 0, 0, .5); transform: translate(-50%, -50%); transition: all .4s ease-out; vertical-align: middle; overflow-y: auto; } 
.modal-container .moda__-header { padding: 10px 0; margin: 0 15px; border-bottom: 1px solid #e6e6e6; } 
.modal-container .modal .modalTitle,
.modal-container .modal__title { color: #000; font-size: 1.2em; } 
.modal-container .modal__content { position: relative; padding: 20px; } 
.modal-container .modal__footer { padding: 8px 15px; background: #fafafa; text-align: center; border-top: 1px solid #e6e6e6; } 
.modal-container .modal__close { position: absolute; top: 0; right: 0; font-size: 0; } 
.modal-container .modal__close-button span { display: inline-block; position: relative; width: 60px; height: 60px; z-index: 10; background: #178E8E; } 
.modal-container .modal__close-button span:after,
.modal-container .modal__close-button span:before { display: inline-block; position: absolute; top: 50%; left: 50%; background-color: #fff; content: ''; vertical-align: middle; transform: rotate(-45deg); } 
.modal-container .modal__close-button span:before { left: 50%; width: 43px; height: 1px; margin-top: 0; margin-left: -22px; } 
.modal-container .modal__close-button span:after { width: 1px; height: 43px; margin-top: -22px; } 
.modal-container .modal.fade .modal--backdrop { opacity: 0; transition: opacity 1s; } 
.modal-container .modal.fade.active .modal__backdrop { opacity: .75; transition: opacity 1s; } 
.modal-container .bbs-file__download { } 
.modal-container .bbs-file__download .fe-btn { padding: 0; padding-top: 8px; border: none !important; } 
.modal-container .bbs-file__download .fe-btn .txt { display: inline-block; width: 100%; height: auto; margin: 0 10px; margin-top: -9px; color: #666; line-height: 1.3; } 
.modal-container .bbs-file__download .fe-btn:hover .txt,
.modal-container .bbs-file__download .fe-btn:focus .txt,
.modal-container .bbs-file__download .fe-btn:visited .txt { color: #000; } 
.modal-container .bbs-file__download .fe-btn:hover,
.modal-container .bbs-file__download .fe-btn:focus,.fe-btn.outline.fe-btn-dark:visited:focus { background-color: #fff !important; color: #666 !important; } 
.modal-container .fe-btn.outline.fe-btn-dark:hover .fa-down,.modal-container .fe-btn.outline.fe-btn-dark:focus .fa-down,.modal-container .fe-btn.outline.fe-btn-dark:link:hover .fa-down,.modal-container .fe-btn.outline.fe-btn-dark:link:focus .fa-down.modal-container, .fe-btn.outline.fe-btn-dark:visited:hover .fa-down,.modal-container .fe-btn.outline.fe-btn-dark:visited:focus .fa-down { background-image: url("data:image/svg+xml; charset=utf8,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.29958 12.9234L9.24811 12.9717L3.63951 7.71377L4.97285 6.4638L8.21289 9.50125L8.21289 1H10.2129L10.2129 9.56753L13.561 6.4288L14.8943 7.67877L9.29971 12.9236L9.29958 12.9234ZM16.2129 14H2.21289V16H16.2129V14Z' fill='rgb(33, 37, 41)'/%3E%3C/svg%3E"); } 
.modal-container .ir-bbs.ir-file { width: 30px; margin-top: -9px; } 
.modal__content .table .fe-btn-info:after,
.modal__content .table .fe-btn-info:hover:after { display: none; } 
@media only screen and (max-width:950px) { 
 .modal-container .modal__body { width: 90%; } 
 } 
@media only screen and (max-width:770px) { 
 .modal-container .modal__close-button span { width: 50px; height: 50px; } 
 .modal-container .modal__close-button span:before { left: 50%; width: 28px; height: 1px; margin-top: 0; margin-left: -14px; } 
 .modal-container .modal__close-button span:after { width: 1px; height: 28px; margin-top: -14px; } 
 } 
@media only screen and (max-width:767px) { 
 .modal-container .modal__content { padding-top: 30px; } 
 .modal-container .form-horizontal.bucket-form .form-group>div.control-label { max-width: 35% !important; flex: 0 0 35% !important; } 
 .modal-container .form-horizontal.bucket-form .form-group>div[class^=col-] { max-width: 65%; flex: 0 0 65%; } 
 } 
@media only screen and (max-width:470px) { 
 .modal-container .form-horizontal.bucket-form .form-group>div[class^=col-] { max-width: 100% !important; flex: 0 0 100% !important; } 
 } 



/* 비고 보완내용 팝업 :s*/

.notice-wrap .notice-content { display: inline-block; display: none; position: absolute; top: 50%; left: 50%; width: 100%; max-width: 460px; height: auto; z-index: 1; padding: 40px; border: 1px solid #DDDDDD; background-color: #fff; color: #858C94; text-align: left; transform: translate(-50%, -50%); box-shadow: 0px 0px 20px rgb(0 0 0 / 6%); -ms-box-shadow: 0px 0px 20px rgb(0 0 0 / 6%); } 
.notice-wrap .notice-content.active { display:block; } 
.notice-wrap .notice-content .inner { display: block; position: relative; width: 100%; height: 100%; } 
.notice-wrap .notice-content .nc-head { } 
.notice-wrap .notice-content .nc-head .nc-title { display: block; margin-bottom: 20px; color: #222; font-weight: 700; font-size: 18px; line-height: 1; letter-spacing: -0.02em; } 
.notice-wrap .notice-content .nc_mid { margin-bottom: 18px; border: 1px solid #DDDDDD; border-left: none; border-right: none; } 
.notice-wrap .notice-content .nc_mid .nc_text { display: block; padding: 20px 0 28px; font-weight: 400; line-height: 19px; letter-spacing: -0.02em; } 
.notice-wrap .notice-content .nc-footer ul:after { display:block; clear:both; content:''; } 
.notice-wrap .notice-content .nc-footer ul li { display: inline-block; position: relative; float: left; padding-right: 22px; font-weight: 400; font-size: 15px; line-height: 19px; } 
.notice-wrap .notice-content .nc-footer ul li:before { display: inline-block; position: absolute; top: 3px; right: 8px; width: 1px; height: 14px; background-color: #ddd; content:''; } 
.notice-wrap .notice-content .nc-footer ul li:last-child { padding: 0; } 
.notice-wrap .notice-content .nc-footer ul li:last-child:before { display:none; } 
.notice-wrap .notice-content .btn-wrap { position: absolute; top: 0; right: 0; } 
.notice-wrap .notice-content .btn-wrap .fe-btn-close { display: inline-block; width: 35px; min-width: 30px !important; height: 35px !important; padding: 0; margin: 0; margin-top: -9px; border: 1px solid #178E8E; border-radius: 50%; background-color: #178E8E; font-size: 0; font-size: 0 !important; background-repeat: no-repeat; background-position: 50%; background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 1.00714L8.99286 0L5 3.99286L1.00714 0L0 1.00714L3.99286 5L0 8.99286L1.00714 10L5 6.00714L8.99286 10L10 8.99286L6.00714 5L10 1.00714Z' fill='white'/%3E%3C/svg%3E%0A"); } 
.notice-wrap .notice-content .fe-btn:after { opacity: 0; } 
/* 비고 보완내용 팝업 :e*/



/*대표/미디어 리스트*/
.cnt-wrap .h2 { display: inline-block; margin-right: 8px; margin-bottom: 0; } 
.cnt-wrap .obj { display: block; margin: 0 -13px; } 
.cnt-wrap .obj:after { display: block; clear: both; content: ''; } 
.cnt-wrap .obj .col { display: inline-block; float: left; width: 33.3333%; border: 10px solid transparent; } 
.cnt-wrap .obj .col .link { display: block; border: 1px solid #ddd; border-radius: 20px; overflow: hidden; transition:0.3s; } 
.cnt-wrap .obj .col .link:hover,.cnt-wrap .obj .col .link:focus,.cnt-wrap .obj .col .link:active { border: 1px solid #178E8E; box-shadow: 0 8px 15px 0 rgba(0,0,0,0.1); } 

.cnt-wrap .obj .col .link .thumb { position: relative; } 
.cnt-wrap .obj .col .link .thumb .img { display:block; width:auto; max-width:none; height: 215px; margin: 0 auto; } 

.cnt-wrap .obj .col .link .thumb .check-txt { display:block; padding: 24px 35px 23px; text-align: center; border-top: 1px solid #ddd; } 
.cnt-wrap .obj .col .link .thumb .check-txt .status { display: inline-block; padding: 6px 15px; margin-bottom: 12px; border-radius: 30px; color: #fff; font-size: 16px; } 
.cnt-wrap .obj .col .link .thumb .check-txt .status5 { border: 1px solid #178E8E; background-color: #178E8E; } /*체험마을*/
.cnt-wrap .obj .col .link .thumb .check-txt .status6 { border: 1px solid #5E39C9; background-color: #5E39C9; } /*농가맛집*/
.cnt-wrap .obj .col .link .thumb .check-txt .title-wrap { display: flex; align-items: center; } 
.cnt-wrap .obj .col .link .thumb .check-txt .place { display: inline-block; width: 100%; margin-top: 7px; color: #666; font-weight: 400; font-size: 16px; line-height: 1.3; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } 
.cnt-wrap .obj .col .link .thumb .check-txt .place .ico { display: inline-block; position: relative; top: -14.5px; width: 18px; height: 18px; font-size: 0; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%3Csvg width='11' height='15' viewBox='0 0 11 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.5 0.00585938C6.22656 0.00585938 6.90625 0.146484 7.53906 0.427734C8.18359 0.697266 8.74023 1.07227 9.20898 1.55273C9.68945 2.02148 10.0645 2.57227 10.334 3.20508C10.6152 3.83789 10.7559 4.51758 10.7559 5.24414C10.7559 6.22852 10.4805 7.29492 9.92969 8.44336C9.37891 9.58008 8.77539 10.6348 8.11914 11.6074C7.46289 12.5801 6.85938 13.3887 6.30859 14.0332C5.76953 14.6777 5.5 15 5.5 15C5.5 15 5.22461 14.6777 4.67383 14.0332C4.13477 13.3887 3.53711 12.5801 2.88086 11.6074C2.22461 10.6348 1.62109 9.58008 1.07031 8.44336C0.519531 7.29492 0.244141 6.22852 0.244141 5.24414C0.244141 4.51758 0.378906 3.83789 0.648438 3.20508C0.929688 2.57227 1.30469 2.02148 1.77344 1.55273C2.25391 1.07227 2.81055 0.697266 3.44336 0.427734C4.08789 0.146484 4.77344 0.00585938 5.5 0.00585938ZM5.5 7.49414C6.12109 7.49414 6.64844 7.27734 7.08203 6.84375C7.52734 6.39844 7.75 5.86523 7.75 5.24414C7.75 4.62305 7.52734 4.0957 7.08203 3.66211C6.64844 3.2168 6.12109 2.99414 5.5 2.99414C4.87891 2.99414 4.3457 3.2168 3.90039 3.66211C3.4668 4.0957 3.25 4.62305 3.25 5.24414C3.25 5.86523 3.4668 6.39844 3.90039 6.84375C4.3457 7.27734 4.87891 7.49414 5.5 7.49414Z' fill='%23E93660'/%3E%3C/svg%3E%0A"); } 

.cnt-wrap .title-wrap { display: block; height: 52px; text-align: center; } 
.cnt-wrap .title-wrap .tit { display: -webkit-box; width: 100%; color: #222; font-weight: 700; font-size: 20px; line-height: 1.3; letter-spacing: -0.9px; text-align: left; text-align: center; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; } 

@media screen and (max-width:1330px) { 
 .cnt-wrap .obj .col .link .thumb .check-txt .place { font-size: 15px; } 
 .cnt-wrap .obj .col .link .thumb .check-txt { padding: 24px 20px 23px; } 
 } 
@media screen and (max-width:1330px) { 
 .cnt-wrap .title-wrap .tit { font-size: 18px; } 
 } 
@media screen and (max-width:970px) { 
 .cnt-wrap .obj .col { width: calc(100% / 3); } 
.cnt-wrap .obj .col .link .thumb .check-txt { padding:20px; } 
 } 

@media screen and (max-width:800px) { 
 .cnt-wrap .obj .col { width: 50%; } 
 } 
 @media screen and (max-width:700px) { 
 .cnt-wrap .obj .col .link .thumb .check-txt { padding: 23px 15px 20px; } 
 } 
@media screen and (max-width:500px) { 
 .cnt-wrap .obj .col { width: 100%; } 
 } 

/*대표/통합예약 리스트 - 버튼 없을때*/
.list-wrap { display: block; } 
.list-wrap .txt { font-size: 16px; line-height: 1.1; letter-spacing: -1px; } 
.list-wrap .title-wrap { display: flex; align-items: center; margin-bottom: 20px; } 
 .list-wrap .item { display: block; width: 100%; margin-bottom: 20px; } 
 .list-wrap .item:last-child { margin-bottom: 0; } 
 .list-wrap .item .inner-box { display: block; position:relative; padding: 50px; border: 1px solid #DDD; border-radius: 20px; transition:all 0.3s; } 
 .list-wrap .item .inner-box:hover, .list-wrap .item .inner-box:focus { border: 1px solid #178E8E; box-shadow: 0 8px 15px 0 rgba(0,0,0,0.1); } 
 .list-wrap .item .card--body { display:block; width:100%; height:100%; padding:0; } 
 .list-wrap .item .card--body .statusgory { display:block; padding:0; border:0; font-size:0; letter-spacing:0; word-spacing:0; } 
 .list-wrap .item .card--body .title { display:block; padding-bottom: 0; color: #222; font-weight: 700; font-size: 28px; line-height: 28px; letter-spacing: -1px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } 
 .list-wrap .item .card--body .list-1st { display: flex; margin-top:0; margin-bottom: 0; flex-wrap: wrap; } 
 .list-wrap .item .card--body .list-1st li { position: relative; width: 50%; padding-left: 123px; margin-top: 6px; margin-bottom: 6px; margin-left: 0; color: #444; font-weight: 400; font-size: 16px; line-height: 1.3; letter-spacing: 0.01em; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-word; } 
 .list-wrap .item .card--body .list-1st li.inform { -webkit-line-clamp: 3; } 
 .list-wrap .item .card--body .list-1st li:last-child { margin-bottom:0; } 
 .list-wrap .item .card--body .list-1st li:after { display:block; clear:both; content:''; } 
 .list-wrap .item .card--body .list-1st li:before { position: absolute; top: 10px; left:0; width:3px; height:3px; border-radius:50%; background: #178E8E; } 
 .list-wrap .item .card--body .list-1st li .tit { display:inline-block; position:absolute; top:0; left:8px; color: #178E8E; font-weight: 700; font-size: 16px; line-height: 22px; letter-spacing: 0.01em; text-align: center; } 
.list-wrap .item .card--body .list-1st li.w100 { width:100%; } 
.list-wrap .item .card--body .list-1st.col-li { flex-direction:column; } 
.list-wrap .item .card--body .list-1st.col-list_1 li { width:100%; } 

 .list-wrap .status { min-width: 80px; margin-bottom: 8px; } 


 .tab-ul.type2 { margin-bottom: 76px; } 

/*대표/통합예약 리스트 - 버튼 있을때*/
.list-wrap .item.sub-btn { position: relative; } 
.list-wrap .item.sub-btn .inner-box { border: none; border-radius: 20px; } 
.list-wrap .item.sub-btn .inner-box:hover,.list-wrap .item.sub-btn .inner-box:focus { border: none; box-shadow: none; } 
.list-wrap .item.sub-btn .item-inner:hover,.list-wrap .item.sub-btn .item-inner:focus { border: 1px solid #178E8E; box-shadow: 0 8px 15px 0 rgba(0,0,0,0.1); } 
.list-wrap .item.sub-btn .item-inner { position: relative; border: 1px solid #DDD; border-radius: 20px; transition: 0.3s; } 
.list-wrap .item.sub-btn .card--body .title { padding-right: 210px; } 
.list-wrap .item.sub-btn .btn-wrap { display: inline-block; position: absolute; top: 80px; right: 50px; } 
.list-wrap .item.sub-btn .btn-wrap .fe-btn { justify-content: space-between; min-width: 192px; height: 50px; padding: 17px 18px 15px 20px; margin: 0; border-radius: 8px; font-size: 16px; } 
.list-wrap .item.sub-btn .title { padding-right: 10px; } 

@media screen and (max-width:1040px) { 
 .list-wrap .item .inner-box { padding: 31px 35px; } 
 .list-wrap .txt { font-size: 15px; letter-spacing: -0.5px; } 
 .list-wrap .item.sub-btn .btn-wrap { top: 60px; right: 36px; } 
 .list-wrap .item .card--body .list-1st li { padding-left: 113px; } 
 } 

@media screen and (max-width:990px) { 
 .list-wrap .item.sub-btn .btn-wrap { top: 60px; right: 30px; } 
 } 
 @media screen and (max-width:660px) { 
 .list-wrap .item .card--body .title { font-size: 24px; } 
 .list-wrap .item .card--body .list-1st li { padding-left: 10px; } 
 .list-wrap .item .card--body .list-1st li .tit { display: block; position: relative; left: auto; text-align: left; } 
 .list-wrap .item .inner-box { padding: 21px 25px; } 
 .list-wrap .item.sub-btn .inner-box { padding: 21px 25px 0; } 
 .list-wrap .item.sub-btn .btn-wrap { top: 30px; right: 30px; } 
 .list-wrap .item.sub-btn .card--body .title { padding-right: 0; } 
 .list-wrap .item.sub-btn .btn-wrap { display: block; position: relative; top: auto; right: auto; padding: 10px 25px 21px; } 
 } 

 @media screen and (max-width:420px) { 
 .list-wrap .item .card--body .list-1st li { width: 100%; } 
 .list-wrap .item.sub-btn .btn-wrap { padding-top: 10px; } 
 } 

/*대표/통합예약 리스트 - 한 줄에 2개씩 들어갈때*/
.list-wrap.list-2 .ui-list__card .obj,.list-wrap.list-2 .board--card--list .obj { margin: -15px; } 
.list-wrap.list-2 .item { padding: 15px; margin-bottom: 0; } 
.list-wrap.list-2 .item .card--body .title { } 
.list-wrap.list-2 .item .card--body { border: none; } 
.list-wrap.list-2 .item .card--body .list-1st li { display: block; width: 100%; margin-bottom: 12px; } 
.list-wrap.list-2 .item .card--body .list-1st li:last-child { margin-bottom: 0; } 
.list-wrap.list-2 .board--card--list .obj .card--body ul li em,.list-wrap.list-2 .board--card--list.type2 .obj .card--body ul li em { width: 100%; } 
.list-wrap.list-2 .item.sub-btn .btn-wrap { z-index: 10; } 
.list-wrap.list-2 .item.sub-btn .btn-wrap .fe-btn { min-width: 160px; } 
.list-wrap.list-2 .board--card--list .obj .card--body ul li em:before,.list-wrap.list-2 .board--card--list.type2 .obj .card--body ul li em:before { display: none; } 
.list-wrap.list-2 .board--card--list .obj .card--body ul li em,.list-wrap.list-2 .board--card--list.type2 .obj .card--body ul li em { padding-left: 0; font-weight: 400; } 
.list-wrap.list-2 .item.sub-btn .card--body .title { padding-right: 163px; } 

@media screen and (max-width:1280px) { 
 .list-wrap.list-2 .item .inner-box { padding: 30px; } 
 .list-wrap.list-2 .item.sub-btn .btn-wrap { top: 30px; right: 30px; } 
 .list-wrap.list-2 .item .card--body .title { font-size: 24px; } 
 .list-wrap.list-2 .item.sub-btn .btn-wrap .fe-btn { min-width: auto; } 
 .list-wrap.list-2 .item.sub-btn .card--body .title { padding-right: 163px; } 
 } 
@media screen and (max-width:1080px) { 
 .list-wrap.list-2 .ui-list__card .obj, .list-wrap.list-2 .board--card--list .obj { margin: -10px; } 
 .list-wrap.list-2 .item { padding: 10px; } 
 .list-wrap.list-2 .item.sub-btn .card--body .title { padding-right: 130px; } 
 } 

@media screen and (max-width:980px) { 
 .list-wrap.list-2 .item.sub-btn .card--body .title { padding-right: 110px; } 
 .list-wrap.list-2 .item.sub-btn .btn-wrap { top: 40px; } 
 .list-wrap.list-2 .item.sub-btn .btn-wrap .fe-btn { height: auto; padding: 10px; } 
 } 
@media screen and (max-width:960px) { 
 .list-wrap.list-2 .ui-list__card .obj, .list-wrap.list-2 .board--card--list .obj { display: block; width: 100%; margin: 0; } 
 .list-wrap.list-2 .item { max-width: 100%; padding: 0; margin-bottom: 20px; } 
 } 

@media screen and (max-width:660px) { 
 .list-wrap.list-2 .item .card--body .list-1st li { padding-left: 115px; } 
 .list-wrap.list-2 .item .card--body .list-1st li .tit { display: inline-block; position: absolute; left: 8px; } 
 .list-wrap.list-2 .item.sub-btn .btn-wrap { position: absolute; top: 30px; right: 30px; padding: 0; } 
 } 
 
 @media screen and (max-width:470px) { 
 .list-wrap.list-2 .item.sub-btn .card--body .title { padding-right: 0; } 
 .list-wrap.list-2 .item .inner-box { padding: 25px; } 
 .list-wrap.list-2 .item.sub-btn .inner-box { padding-bottom: 0; } 
 .list-wrap.list-2 .item.sub-btn .btn-wrap { display: block; position: relative; top: auto; right: auto; padding: 15px 25px 25px; } 
 .list-wrap.list-2 .item.sub-btn .btn-wrap .fe-btn { min-width: 192px; height: 50px; padding: 17px 18px 15px 20px; } 
 } 
 @media screen and (max-width:400px) { 
 .list-wrap.list-2 .item .card--body .list-1st li .tit { display: block; position: relative; left: auto; } 
 .list-wrap.list-2 .item .card--body .list-1st li { padding-left: 10px; } 
 } 
 






/*관광명소 상세*/
.tour-detail .view-wrap { display: block; position: relative; margin-bottom: 50px; } 
.tour-detail .view-wrap .item-inner { position: relative; min-height: 366px; padding: 50px 70px; padding-bottom: 36px; padding-left: 520px; background-color: #F6FAFA; } 
.tour-detail .view-wrap .thm--box { position: absolute; top: 50px; left: 70px; width: 400px; height: 266px; overflow: hidden; } 
.tour-detail .view-wrap .thm--box .inner { position: relative; width: 100%; height: 266px; background-color: #fff; } 
.tour-detail .view-wrap .thm--box .inner > div { position: relative; width: 100%; height: 100%; } 
.tour-detail .view-wrap .thm--box .inner .img { display: block; position: absolute; top: 50%; left: 50%; width: auto; max-width: 100%; min-width: auto; height: 100%; background-size: cover; transform: translate(-50%,-50%); } .tour-detail .view-wrap .card--body .title { display:block; } 

.tour-detail .view-wrap .card--body .title { display: block; } 
.tour-detail .view-wrap .card--body .title-inner { display: block; } 
.tour-detail .view-wrap .card--body .title-inner:after { display: block; clear: both; content: ''; } 
.tour-detail .view-wrap .card--body .title-inner .title { display: block; color: #222; font-weight: 700; font-size: 30px; line-height: 1.3; word-break: keep-all; } 

.tour-detail .view-wrap .card--body .title-inner .link { display: inline-block; width: 48px; height: 48px; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='48' height='48' rx='24' fill='white'/%3E%3Cpath d='M24 15.5762L33.1738 22.9023L32.0137 24.3418L31.3262 23.7832V32.0762H25.8262V25.6738H22.1738V32.0762H16.6738V23.7832L15.9863 24.3418L14.8262 22.9023L24 15.5762Z' fill='%23007979'/%3E%3C/svg%3E%0A"); } 
.tour-detail .view-wrap .card--body .title-inner .link .txt { font-size: 0; line-height: 0; } 
.tour-detail .view-wrap .card--body .list-1st { margin-top: 25px; } 
.tour-detail .view-wrap .card--body .list-1st li { min-height: 26px; padding-left: 103px; } 
.tour-detail .view-wrap .card--body .list-1st li em { display: inline-block; position: absolute; top: 0; left: 18px; width: 81px; color: #333; font-weight: 700; } 
.tour-detail .view-wrap .card--body .list-1st li em .fa { display: none; } 
.tour-detail .view-wrap .card--body .list-1st li em:before { position: absolute; top: 8px; right: 0; width: 1px; height: 12px; background-color: #ddd; content: ''; } 
.tour-detail .view-wrap .inner-wrap .card--body .list-1st li { color: #444; font-weight: 400; font-size: 16px; letter-spacing: -0.32px; } 
.tour-detail .view-wrap .inner-wrap .card--body .list-1st li:after { display: block; clear: both; content: ''; } 
.tour-detail .view-wrap .inner-wrap .card--body .list-1st li:before { top: 10px; left: 0; width: 3px; height: 3px; background: #178E8E; } 
.tour-detail .view-wrap .inner-wrap .card--body .list-1st li .tit { display: inline-block; position: absolute; top: 0px; left: 10px; color: #178E8E; font-weight: 700; font-size: 16px; letter-spacing: -0.32px; } 
.tour-detail .view-wrap .card--body .des { display: block; color: #fff; word-break: keep-all; } 

.tour-detail .middleinner { display: block; } 

.tour-detail .view-wrap .thm--box .img-layer { position: absolute; right: 0; bottom: 0; width: 50px; height: 50px; } 
.tour-detail .view-wrap .thm--box .img-layer .fe-btn { display: block; position: relative; width: 100%; height: 100%; margin: 0; border: rgba(0,0,0,0.5); background: rgba(0,0,0,0.5); font-size: 0; } 
.tour-detail .view-wrap .thm--box .img-layer .fe-btn:after { position:absolute; top: 50%; left: 50%; width: 24px; height: 24px; content:''; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 18C11.775 17.9996 13.4988 17.4054 14.897 16.312L19.293 20.708L20.707 19.294L16.311 14.898C17.405 13.4997 17.9996 11.7754 18 10C18 5.589 14.411 2 10 2C5.589 2 2 5.589 2 10C2 14.411 5.589 18 10 18ZM10 4C13.309 4 16 6.691 16 10C16 13.309 13.309 16 10 16C6.691 16 4 13.309 4 10C4 6.691 6.691 4 10 4Z' fill='white'/%3E%3Cpath d='M11.4121 8.58603C11.7911 8.96603 12.0001 9.46802 12.0001 10H14.0001C14.001 9.47445 13.8977 8.95392 13.6961 8.46851C13.4946 7.9831 13.1989 7.54245 12.8261 7.17202C11.3121 5.66002 8.68707 5.66002 7.17407 7.17202L8.58607 8.58803C9.34607 7.83003 10.6561 7.83203 11.4121 8.58603Z' fill='white'/%3E%3C/svg%3E%0A"); transform: translate(-50%, -50%); } 
.tour-detail .view-wrap .status { display: inline-block; padding: 5px 14px; margin-bottom: 12px; border-radius: 30px; color: #fff; font-size: 16px; } 
.tour-detail .view-wrap .status5 { border: 1px solid #178E8E; background-color: #178E8E; } /*체험마을*/
.tour-detail .view-wrap .status6 { border: 1px solid #5E39C9; background-color: #5E39C9; } /*농가맛집*/


#blackout { height:100%!important; } 
@media(max-width:500px) { 
 #imgLayer { width:90%!important; } 
 } 

@media(max-width:1260px) { 
 .tour-detail .view-wrap .item-inner { padding: 50px; padding-left: 490px; } 
 .tour-detail .view-wrap .card--body .title-inner .title { margin-top: 0; font-size: 35px; } 
 .tour-detail .view-wrap .card--body .title-inner .link { width: 40px; height: 40px; } 
 .tour-detail .view-wrap .thm--box .inner .img { width: auto; height: auto; } 
 .tour-detail .view-wrap .card--body .title-inner .title { font-size: 25px; } 
 } 

 @media(max-width:1090px) { 
 .tour-detail .view-wrap .thm--box { left: 30px; width: 390px; } 
.tour-detail .view-wrap .item-inner { padding-left: 450px; } 
 } 

@media(max-width:1023px) { 
 .tour-detail .view-wrap .item-inner { padding: 45px 35px 35px; } 
.tour-detail .view-wrap .thm--box { position:absolute; top:20px; left:20px; width:320px; margin:0; } 
.tour-detail .view-wrap .card--body { display: block; position:relative; } 
.tour-detail .view-wrap .card--body .status { position: absolute; top: 33px; left: 0; margin-bottom: 0; } 
 .tour-detail .view-wrap .card--body .title-inner .title { display: block; width: 100%; margin-bottom: 10px; } 
.tour-detail .view-wrap .card--body .title em { font-size:22px; } 
.tour-detail .view-wrap .card--body .list-1st { margin-top:10px; } 
.tour-detail .view-wrap .thm--box { position: relative; top: auto; left: auto; width:100%; max-width:578px; margin: 0 auto; } 
 .tour-detail .view-wrap .card--body .title-inner { position: relative; padding-top: 70px; } 
 } 
@media(max-width:767px) { 
 .tour-detail .view-wrap .item-inner { padding:30px; } 
 .tour-detail .view-wrap .card--body .title-inner .title { font-size: 22px; } 
 .tour-detail .view-wrap .item:before { position: absolute; top: 0; left: -1000%; width: 10000%; height: 100%; z-index: -1; background-color: #F6FAFA; content:''; } 
 .tour-detail .view-wrap .item:after { position: absolute; top: 0; right: -1000%; width: 10000%; height: 100%; z-index: -1; background-color: #F6FAFA; content:''; } 
 .tour-detail .view-wrap .item-inner { padding: 40px 0 30px; border-radius: 0; } 
 } 

 @media(max-width:600px) { 
 .tour-detail .view-wrap .card--body .title-inner .link { width: 33px; height: 33px; } 
 } 

@media(max-width:500px) { 
 .tour-detail .view-wrap .item { position: relative; } 

.tour-detail .view-wrap .thm--box { max-width:390px; } 
.tour-detail .view-wrap .thm--box .inner { } 
.tour-detail .view-wrap .card--body .list-1st { /* padding: 10px; */ } 
.tour-detail .view-wrap .card--body .list-1st li { padding-left:90px; } 
 } 
@media(max-width:450px) { 
 .tour-detail .view-wrap .card--body .title-inner .title { font-size: 20px; } 
 .tour-detail .view-wrap .card--body .title-inner .link { width: 27px; height: 27px; } 
 .tour-detail .view-wrap .thm--box .inner { } 
 .tour-detail .view-wrap .inner-wrap .card--body .list-1st li { padding-top: 20px; padding-left: 10px; font-size: 15px; line-height: 1.3; } 
 .tour-detail .view-wrap .inner-wrap .card--body .list-1st li:nth-child(1) { margin-bottom: 10px; } 
 .tour-detail .view-wrap .inner-wrap .card--body .list-1st li:before { top: 8px; } 
 .tour-detail .view-wrap .inner-wrap .card--body .list-1st li .tit { font-size: 15px; } 
 .tour-detail .view-wrap .thm--box .img-layer .btn { padding:11px 10px 9px 26px; background-position:23% center; } 
 } 
 @media(max-width:400px) { 
 .tour-detail .view-wrap .item-inner { padding: 30px 0; } 
 .tour-detail .view-wrap .card--body .title-inner .title { font-size: 20px; } 
 .tour-detail .view-wrap .card--body .title-inner .link { width: 23px; height: 23px; } 
 } 








/* 메인 컨텐츠 스타일 설정 */ 
.tour-detail .ui--item { position: relative; padding: 80px 0 80px 351px; } 
.tour-detail .ui--item:after { position: absolute; top: -1px; left: -1000%; width: 10000%; height: 100%; z-index: -1; content: ''; border-bottom: 1px dashed #D3D3D3; } 
.tour-detail .ui--item .ui--title { display: inline-block; position: absolute; top: auto; left: 0; } 
.tour-detail .ui--item .ui--title .h3 { display: inline-block; position: relative; min-width: 190px; margin-bottom: 0; color: #0D1218; font-weight: 600; font-size: 30px; line-height: 40.5px; font-family: "Gmarket Sans"; letter-spacing: -1.5px; text-align: center; } 
.tour-detail .ui--item .ui--obj p { margin: 0; color: #555; font-weight: 400; font-size: 18px; line-height: 22px; letter-spacing: -0.34px; } 
.tour-detail .ui-map-area { display: block; width: 100%; min-height: 550px; border: 1px solid #ddd; } 

.tour-detail .ui--item4 { } 
.tour-detail .ui--item.item4 .ui--obj .list-1st { display: flex; align-items: center; } 
.tour-detail .ui--item.item4 .ui--obj .list-1st .info { display: inline-block; width: calc(100% / 3 - 13px); min-height: 200px; padding: 47px 22px; margin-top: 0; margin-left: 20px; border: 1px solid #DDD; text-align: center; } 
.tour-detail .ui--item.item4 .ui--obj .list-1st .info:first-child { margin-left:0; } 
.tour-detail .ui--item.item4 .ui--obj .list-1st .info:before { display:none; } 
.tour-detail .ui--item.item4 .ui--obj .list-1st .tit { display: block; padding-bottom: 15px; margin-bottom: 15px; color: #222; font-weight: 700; font-size: 18px; letter-spacing: -0.9px; border-bottom: 1px dashed #DDD; } 
.tour-detail .view-wrap .thm--box { display: block; max-width: 400px; height: 250px; } 
.tour-detail .view-wrap .thm--box .inner { display: block; position: relative; width: 100%; height: 100%; overflow: hidden; } 
.tour-detail .view-wrap .thm--box .inner .img { position: absolute; top: 0; top: 50%; left: 50%; width: auto; width: 100%; max-width: none; height: 103%; height: auto; max-height: none; transform: translateX(-50%); transform: translate(-50%, -50%); } 


@media(max-width:1540px) { 
 .tour-detail .ui--item { padding-left: 220px; } 
 } 

@media(max-width:1320px) { 
 .tour-detail .ui--item.item4 .ui--obj .list-1st .info { min-height: 210px; padding: 42px 22px; } 
 } 
@media(max-width:1280px) { 
 .tour-detail .ui--item.item4 .ui--obj .list-1st .info { min-height: 200px; padding: 32px 22px; font-size:15px; } 
 } 
@media(max-width:840px) { 
 .tour-detail .ui--item { padding-left: 0; } 
 .tour-detail .ui--item .ui--title { display: block; position: relative; left: auto; margin-bottom: 10px; } 
 .tour-detail .ui--item .ui--title .h3 { display: block; min-width: 10px; text-align: left; } 
 } 
 @media(max-width:610px) { 
 .tour-detail .ui--item.item4 .ui--obj .list-1st .info { min-height: 210px; } 
 } 
 @media(max-width:550px) { 
 .tour-detail .ui--item.item4 .ui--obj .list-1st { display:block; } 
 .tour-detail .ui--item.item4 .ui--obj .list-1st .info { display: block; width: 100%; min-height: 150px; margin-bottom: 20px; margin-left: 0; } 
 } 
 
 @media(max-width:450px) { 
 .tour-detail .view-wrap .thm--box { height: 200px; } 
 } 
 @media(max-width:370px) { 
 .tour-detail .view-wrap .thm--box { height: 170px; } 
 } 



/* 탭 */
.content-quick { display: block; position: relative; height: 55px; text-align: center; } 
.content-quick:after { position: absolute; top: -1px; left: -1000%; width: 10000%; height: 100%; z-index: -1; content: ''; border-bottom: 1px solid #ddd; } 
.content-quick .link { display: inline-block; position: relative; min-width: 150px; padding: 13px 5px; color: #444; font-weight: 400; font-size: 18px; line-height: 24.3px; font-family: "Gmarket Sans"; letter-spacing: -0.9px;z-index: 2; } 
.content-quick .link.on,.content-quick .link:hover,.content-quick .link:focus,.content-quick .link:active { color: #009394; } 
.content-quick .link::before { position: absolute; bottom: 0; bottom: -4px; left: 50%; width: 0; height: 4px; background-color: #009394; content: ''; transform: translate(-50%,0); transition: all 0.5s; } 
.content-quick .link.on:before, .content-quick .link:hover:before,.content-quick .link:focus::before { width: 100%; } 


.content-quick.fixed { display: block; position: fixed; top: 0; left: 0; width: 100%; z-index:100; background: #fff; } 
.content-quick.tab-fix { display: flex; justify-content: center; align-items: center; position: fixed; top: 0; left: 50%; width: 100%; z-index: 10; background-color: #fff; flex-wrap: wrap; transform: translateX(-50%); } 

.content-quick.tab-fix .link::before { bottom: -1px; } 




@media(max-width:860px) { 
 .content-quick .link { min-width: 110px; } 
 } 
@media(max-width:670px) { 
 .content-quick .link { min-width: 100px; font-size: 16px; } 
 } 
@media(max-width:595px) { 
 .content-quick { height: auto; text-align: left; } 
 .content-quick .link { width: calc(100%/ 3 - 5px); min-width: 10px; padding: 13px 5px 10px; text-align: center; } 
 .tour-detail .ui--item { padding: 50px 0; } 
 .content-quick .link.on:before, .content-quick .link:hover:before,.content-quick .link:focus::before { bottom: 0; } 
 .content-quick.tab-fix { justify-content: flex-start; padding: 0 10px; } 
 .content-quick.tab-fix .link { width: 33.33333%; } 
 } 
@media(max-width:410px) { 
 .content-quick .link { width: calc(100%/ 2 - 2px); } 
 .content-quick.tab-fix .link { width: 50%; } 
 } 




/*관광명소 상세*/
.view-tour .view-wrap { display: block; position: relative; margin-bottom: 50px; } 
.view-tour .view-wrap .item-inner { position: relative; min-height: 366px; padding: 50px 70px; padding-bottom: 36px; padding-left: 520px; background-color: #F6FAFA; } 
.view-tour .view-wrap .thm--box { position: absolute; top: 50px; left: 70px; width: 400px; height: 266px; overflow: hidden; } 
.view-tour .view-wrap .thm--box .inner { position: relative; width: 100%; height: 266px; background-color: #fff; } 
.view-tour .view-wrap .thm--box .inner > div { position: relative; width: 100%; height: 100%; } 
.view-tour .view-wrap .thm--box .inner .img { display: block; position: absolute; top: 50%; left: 50%; width: auto; max-width: 100%; min-width: auto; height: 100%; background-size: cover; transform: translate(-50%,-50%); } .view-tour .view-wrap .card--body .title { display:block; } 

.view-tour .view-wrap .card--body .title { display: block; } 
.view-tour .view-wrap .card--body .title-inner { display: block; } 
.view-tour .view-wrap .card--body .title-inner:after { display: block; clear: both; content: ''; } 
.view-tour .view-wrap .card--body .title-inner .title { display: block; color: #222; font-weight: 700; font-size: 30px; line-height: 1.3; word-break: keep-all; } 

.view-tour .view-wrap .card--body .title-inner .link { display: inline-block; width: 48px; height: 48px; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='48' height='48' rx='24' fill='white'/%3E%3Cpath d='M24 15.5762L33.1738 22.9023L32.0137 24.3418L31.3262 23.7832V32.0762H25.8262V25.6738H22.1738V32.0762H16.6738V23.7832L15.9863 24.3418L14.8262 22.9023L24 15.5762Z' fill='%23007979'/%3E%3C/svg%3E%0A"); } 
.view-tour .view-wrap .card--body .title-inner .link .txt { font-size: 0; line-height: 0; } 
.view-tour .view-wrap .card--body .list-1st { margin-top: 25px; } 
.view-tour .view-wrap .card--body .list-1st li { min-height: 26px; padding-left: 103px; } 
.view-tour .view-wrap .card--body .list-1st li em { display: inline-block; position: absolute; top: 0; left: 18px; width: 81px; color: #333; font-weight: 700; } 
.view-tour .view-wrap .card--body .list-1st li em .fa { display: none; } 
.view-tour .view-wrap .card--body .list-1st li em:before { position: absolute; top: 8px; right: 0; width: 1px; height: 12px; background-color: #ddd; content: ''; } 
.view-tour .view-wrap .inner-wrap .card--body .list-1st li { color: #444; font-weight: 400; font-size: 16px; letter-spacing: -0.32px; } 
.view-tour .view-wrap .inner-wrap .card--body .list-1st li:after { display: block; clear: both; content: ''; } 
.view-tour .view-wrap .inner-wrap .card--body .list-1st li:before { top: 10px; left: 0; width: 3px; height: 3px; background: #178E8E; } 
.view-tour .view-wrap .inner-wrap .card--body .list-1st li .tit { display: inline-block; position: absolute; top: 0px; left: 10px; color: #178E8E; font-weight: 700; font-size: 16px; letter-spacing: -0.32px; } 
.view-tour .view-wrap .card--body .des { display: block; color: #fff; word-break: keep-all; } 

.view-tour .middleinner { display: block; } 

.view-tour .view-wrap .thm--box .img-layer { position: absolute; right: 0; bottom: 0; width: 50px; height: 50px; } 
.view-tour .view-wrap .thm--box .img-layer .fe-btn { display: block; position: relative; width: 100%; height: 100%; margin: 0; border: rgba(0,0,0,0.5); background: rgba(0,0,0,0.5); font-size: 0; } 
.view-tour .view-wrap .thm--box .img-layer .fe-btn:after { position:absolute; top: 50%; left: 50%; width: 24px; height: 24px; content:''; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 18C11.775 17.9996 13.4988 17.4054 14.897 16.312L19.293 20.708L20.707 19.294L16.311 14.898C17.405 13.4997 17.9996 11.7754 18 10C18 5.589 14.411 2 10 2C5.589 2 2 5.589 2 10C2 14.411 5.589 18 10 18ZM10 4C13.309 4 16 6.691 16 10C16 13.309 13.309 16 10 16C6.691 16 4 13.309 4 10C4 6.691 6.691 4 10 4Z' fill='white'/%3E%3Cpath d='M11.4121 8.58603C11.7911 8.96603 12.0001 9.46802 12.0001 10H14.0001C14.001 9.47445 13.8977 8.95392 13.6961 8.46851C13.4946 7.9831 13.1989 7.54245 12.8261 7.17202C11.3121 5.66002 8.68707 5.66002 7.17407 7.17202L8.58607 8.58803C9.34607 7.83003 10.6561 7.83203 11.4121 8.58603Z' fill='white'/%3E%3C/svg%3E%0A"); transform: translate(-50%, -50%); } 
.view-tour .view-wrap .status,
.view-tour .view-wrap .title-inner .category { display: inline-block; padding: 5px 14px; margin-bottom: 12px; border-radius: 30px; color: #fff; font-size: 16px; } 
.view-tour .view-wrap .status5 { border: 1px solid #178E8E; background-color: #178E8E; } /*체험마을*/
.view-tour .view-wrap .status6 { border: 1px solid #5E39C9; background-color: #5E39C9; } /*농가맛집*/
#blackout { height:100%!important; } 

@media(max-width:500px) { 
 #imgLayer { width:90%!important; } 
 } 

@media(max-width:1260px) { 
 .view-tour .view-wrap .item-inner { padding: 50px; padding-left: 490px; } 
 .view-tour .view-wrap .card--body .title-inner .title { margin-top: 0; font-size: 35px; } 
 .view-tour .view-wrap .card--body .title-inner .link { width: 40px; height: 40px; } 
 .view-tour .view-wrap .thm--box .inner .img { width: auto; height: auto; } 
 .view-tour .view-wrap .card--body .title-inner .title { font-size: 25px; } 
 } 

@media(max-width:1090px) { 
 .view-tour .view-wrap .thm--box { left: 30px; width: 390px; } 
 .view-tour .view-wrap .item-inner { padding-left: 450px; } 
 } 

@media(max-width:1023px) { 
 .view-tour .view-wrap .item-inner { padding: 45px 35px 35px; } 
 .view-tour .view-wrap .thm--box { position:absolute; top:20px; left:20px; width:320px; margin:0; } 
 .view-tour .view-wrap .card--body { display: block; position:relative; } 
 .view-tour .view-wrap .card--body .status { position: absolute; top: 33px; left: 0; margin-bottom: 0; } 
 .view-tour .view-wrap .card--body .title-inner .title { display: block; width: 100%; margin-bottom: 10px; } 
 .view-tour .view-wrap .card--body .title em { font-size:22px; } 
 .view-tour .view-wrap .card--body .list-1st { margin-top:10px; } 
 .view-tour .view-wrap .thm--box { position: relative; top: auto; left: auto; width:100%; max-width:578px; margin: 0 auto; } 
 .view-tour .view-wrap .card--body .title-inner { position: relative; padding-top: 70px; } 
 } 
@media(max-width:767px) { 
 .view-tour .view-wrap .item-inner { padding:30px; } 
 .view-tour .view-wrap .card--body .title-inner .title { font-size: 22px; } 
 .view-tour .view-wrap .item:before { position: absolute; top: 0; left: -1000%; width: 10000%; height: 100%; z-index: -1; background-color: #F6FAFA; content:''; } 
 .view-tour .view-wrap .item:after { position: absolute; top: 0; right: -1000%; width: 10000%; height: 100%; z-index: -1; background-color: #F6FAFA; content:''; } 
 .view-tour .view-wrap .item-inner { padding: 40px 0 30px; border-radius: 0; } 
 } 

@media(max-width:600px) { 
 .view-tour .view-wrap .card--body .title-inner .link { width: 33px; height: 33px; } 
 } 

@media(max-width:500px) { 
 .view-tour .view-wrap .item { position: relative; } 

 .view-tour .view-wrap .thm--box { max-width:390px; } 
 .view-tour .view-wrap .thm--box .inner { } 
 .view-tour .view-wrap .card--body .list-1st { /* padding: 10px; */ } 
 .view-tour .view-wrap .card--body .list-1st li { padding-left:90px; } 
 } 
@media(max-width:450px) { 
 .view-tour .view-wrap .card--body .title-inner .title { font-size: 20px; } 
 .view-tour .view-wrap .card--body .title-inner .link { width: 27px; height: 27px; } 
 .view-tour .view-wrap .thm--box .inner { } 
 .view-tour .view-wrap .inner-wrap .card--body .list-1st li { padding-top: 20px; padding-left: 10px; font-size: 15px; line-height: 1.3; } 
 .view-tour .view-wrap .inner-wrap .card--body .list-1st li:nth-child(1) { margin-bottom: 10px; } 
 .view-tour .view-wrap .inner-wrap .card--body .list-1st li:before { top: 8px; } 
 .view-tour .view-wrap .inner-wrap .card--body .list-1st li .tit { font-size: 15px; } 
 .view-tour .view-wrap .thm--box .img-layer .btn { padding:11px 10px 9px 26px; background-position:23% center; } 
 } 
@media(max-width:400px) { 
 .view-tour .view-wrap .item-inner { padding: 30px 0; } 
 .view-tour .view-wrap .card--body .title-inner .title { font-size: 20px; } 
 .view-tour .view-wrap .card--body .title-inner .link { width: 23px; height: 23px; } 
 } 


/* 메인 컨텐츠 스타일 설정 */
.view-tour .ui--item { position: relative; padding: 80px 0; border-bottom: 1px dotted #D3D3D3; } 
.view-tour .ui--item .ui--title { display: block; position: relative; } 
.view-tour .ui--item .ui--title .h3 { display: inline-block; position: relative; margin-bottom: 0; color: #0D1218; font-weight: 600; font-size: 30px; line-height: 40.5px; font-family: "Gmarket Sans"; letter-spacing: -1.5px; } 
.view-tour .ui--item .ui--title .h3:after { position: absolute; top: -3px; right: -13px; width: 8px; height: 8px; border-radius: 100%; background-color: #009393; content: ''; background-repeat: no-repeat; } 
.view-tour .ui--item .ui--obj p { margin: 0; color: #555; font-weight: 400; font-size: 16px; line-height: 27px; letter-spacing: -0.32px; } 
.view-tour .ui-map-area { display: block; width: 100%; border: 1px solid #ddd; } 
.view-tour .ui-map { display:block; width:100%; height:100%; min-height: 550px; } 



.blog-review { position: relative; padding: 10px 0 0; } 
.ui--item .blog-review .slide_control { display: block; position: static; float: right; padding: 0; margin-right: 60px; background-color: transparent; } 
.ui--item .blog-review .slide_control button { width: 23px; height: 23px; background-repeat: no-repeat; background-position: center center; transition: 0.3s; } 
.ui--item .blog-review .slide_control button span { font-size: 0; } 
.ui--item .blog-review .slide_control .txt { font-size: 0; } 
.ui--item .blog-review .slide_control .prev,
.ui--item .blog-review .slide_control .next { position: absolute; top: calc(50% - 30px); width: 50px; height: 50px; z-index: 9; border: 1px solid #DDDDDD; border-radius: 50%; background-color: #F5F5F5; background-repeat: no-repeat; background-position: center; transition: all .2s; } 
.ui--item .blog-review .slide_control .prev { left: -12px; background-image: url("data:image/svg+xml,%3Csvg width='9' height='13' viewBox='0 0 9 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.34082 11.2676L6.99316 12.6377L0.65918 6.46094L6.99316 0.306641L8.34082 1.67676L3.42188 6.46094L8.34082 11.2676Z' fill='black'/%3E%3C/svg%3E%0A"); } 
.ui--item .blog-review .slide_control .next { right: -12px; background-image: url("data:image/svg+xml,%3Csvg width='9' height='13' viewBox='0 0 9 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.65918 11.2676L2.00684 12.6377L8.34082 6.46094L2.00684 0.306641L0.65918 1.67676L5.57812 6.46094L0.65918 11.2676Z' fill='black'/%3E%3C/svg%3E%0A"); } 
.ui--item .blog-review .slide_control .prev:hover,
.ui--item .blog-review .slide_control .prev:focus,
.ui--item .blog-review .slide_control .next:hover,
.ui--item .blog-review .slide_control .next:focus { background-color: #fff; } 

.blog-review .dots,.blog-review .slick-dots { display: inline-block; height: 12px; } 
.blog-review .slick-dots li { display: inline-block; justify-content: center; align-items: center; margin-right:11px; vertical-align: top; } 
.blog-review .slick-dots li .button { display: block; width: 12px; height: 12px; border-radius: 50px; background: #B8C4CC; font-size: 0; transition: all 0.3s; } 
.blog-review .slick-dots li .button span { font-size: 0; } 
.blog-review .slick-dots li.slick-active .button { width:30px; background: #00AFA2; } 

.blog-review,.blog-review .slide { width: 100%; } 
.blog-review { width:calc(100% + 28px); margin:0 -14px; } 
.blog-review .slide { position: relative; } 
.blog-review .slick-slide > div { padding:0 14px; } 
.blog-review .slide .item { display:inline-block; position: relative; width: 100%; } 
.blog-review .slick-slide,
.blog-review .slick-slide > div,.blog-review .slide .item { width: 100%; } 
.blog-review .slide:after,.blog-review .slide .item:after,.blog-review .nav-slide:after { display:block; clear: both; content: ''; } 
.blog-review .slide .item * { word-break: keep-all; } 
.blog-review .slide .item .title { display: inline-block; float: left; color: #222; font-weight: bold; font-size: 36px; line-height: 1.2; } 

.blog-review .slide .thumb { position:relative; width:100%; height:207px; background-size:cover; background-position:center; overflow:hidden; border-bottom: 1px solid #ddd; } 
.blog-review .slide .thumb:after { display:block; position:absolute; bottom:-76px; left:30px; width:50px; height:80px; border-radius:50%; background:rgba(0, 132, 132, 0.3); content:''; opacity:0; transition:all .5s; -webkit-transition:all .5s; } 
.blog-review .slide a:focus .thumb:after,.blog-review .slide a:hover .thumb:after { transform:scale(9); -webkit-transform:scale(14); opacity:1; } 
.blog-review .slide .thumb .more { position:absolute; top:50%; left:50%; width:55px; height:55px; z-index:1; margin:-27.5px 0 0 -27.5px; opacity:0; transition:all .3s; -webkit-transition:all .3s; } 
.blog-review .slide .thumb .more:before,.blog-review .slide .thumb .more:after { display:block; position: absolute; top:50%; left:50%; content: ''; transform:translate(-50%,-50%); } 
.blog-review .slide .thumb .more:before { width:100%; height: 1px; background:#fff; } 
.blog-review .slide .thumb .more:after { width: 1px; height:100%; background:#fff; } 
.blog-review .slide a:focus .thumb .more,.blog-review .slide a:hover .thumb .more { animation:spinspin2 2s ease-out; -webkit-animation:spinspin2 2s ease-out; opacity:1; } 
.blog-review .slide .info { display: block; padding: 33px 31px 31px; text-align: center; } 
.blog-review .slide .item .blog-link { display: block; border: 1px solid #ddd; border-radius: 20px; overflow: hidden; } 
.blog-review .slide .info .title { display: block; width: 100%; color: #222; font-weight: 600; font-size: 25px; font-family: "Gmarket Sans"; letter-spacing: -2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.blog-review .slide .info .txt,.blog-review .slide .info .date { display: block; color: #666; font-weight: 400; font-size: 16px; line-height: 1.3; letter-spacing: -0.8px; } 
.blog-review .slide .info .txt { margin-top: 33px; margin-bottom: 30px; letter-spacing: -1px; } 
.blog-review .slide .info .date { } 
.blog-review .slide .info .date .ico { display: inline-block; position: relative; top: -12px; width: 13px; height: 15px; margin-right: 5px; background-size: contain; font-size: 0; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%3Csvg width='14' height='16' viewBox='0 0 14 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.25 1.63477H10.75V0.134766H9.25V1.63477H4.75V0.134766H3.25V1.63477H1.75C0.92275 1.63477 0.25 2.30752 0.25 3.13477V13.6348C0.25 14.462 0.92275 15.1348 1.75 15.1348H12.25C13.0773 15.1348 13.75 14.462 13.75 13.6348V3.13477C13.75 2.30752 13.0773 1.63477 12.25 1.63477ZM12.2515 13.6348H1.75V4.63477H12.25L12.2515 13.6348Z' fill='%23AAAAAA'/%3E%3Cpath d='M6.24998 11.6952L10.5302 7.41499L9.46973 6.35449L6.24998 9.57424L4.53023 7.85449L3.46973 8.91499L6.24998 11.6952Z' fill='%23AAAAAA'/%3E%3C/svg%3E%0A"); } 


@media (max-width:1490px) { 
 .blog-review .slide_control .prev { left: -55px; } 
 .blog-review .slide_control .next { right: -55px; } 
 } 
@media (max-width:1480px) { 
 .blog-review .slide_control .prev { left: -15px; z-index: 1; } 
 .blog-review .slide_control .next { right: -15px; z-index: 1; } 
 } 

@media (max-width:1360px) { 
 .blog-review .slide .info .title { font-size: 23px; } 
 } 
@media (max-width:1280px) { 
 .slick-slide img { margin: 0 auto; } 
 } 
@media (max-width:1023px) { 
 .blog-review .slide .thumb:after { width: 60px; } 
 } 
@media (max-width: 768px) { 
 .blog-review .slide_control { display: block; margin-top: -63px; margin-right: 10px; margin-bottom: 10px; } 
 .blog-review .slide_control .prev,.blog-review .slide_control .next { position: relative; top: 0; } 
 .blog-review .slide_control .prev { left: 0; } 
 .blog-review .slide_control .next { right: 0; } 
 } 
@media (max-width: 700px) { 
 .blog-review .slick-list { width: 100%; } 
 .blog-review .slide .thumb { height: auto; } 
 .blog-review .slide .thumb:after { width: 82px; } 
 } 
@media (max-width: 520px) { 
 .blog-review .slide_control { margin-top: -60px; } 
 .blog-review .slide .item-thum { height: 330px; } 
 .blog-review .slide .thum-inner .thum-img { width: auto; } 
 .blog-review .slide_control .prev, .blog-review .slide_control .next { width: 40px; height: 40px; } 
 } 
@media (max-width:350px) { 
 .blog-review .slide .info .title { font-size: 22px; } 
 } 

 

/* 갤러리 */
.tour-detail .item2 { padding-top: 0; margin-top: 80px; } 
.ui-thumb__photo.bottom__photo { width: 100%; height: 100%; } 
.ui-thumb__photo.bottom__photo .bigslide { display: block; position: relative; width: 100%; height: 550px; margin-bottom: 20px; } 
.ui-thumb__photo.bottom__photo .slider-for { position: relative; } 
.ui-thumb__photo.bottom__photo .slider-nav { position: relative; width: calc(100% + 13px); height: 140px; padding: 0; margin-left: -8px; background-color: #fff; } 
.ui-thumb__photo.bottom__photo .slider-nav .images-fade { position: relative; width: 100%; height: 100%; } 
.ui-thumb__photo.bottom__photo .slider-nav .images-fade:after { display: block; position: absolute; top:0; left:0; width: 100%; height: 100%; border: 5px solid #009393; content: ""; opacity: 0; transition: all .2s; box-sizing: border-box; } 
.slick-slide img { width: auto; height: auto; margin: 0 auto; } 
.ui-thumb__photo .slider-nav .slick-list .slick-track { margin: 0; } 
.ui-thumb__photo .slider-nav .slick-list .slick-track .slick-slide { width: 240px; height: 140px; padding: 0 8px; margin-bottom: 15px; overflow: hidden; } 
.ui-thumb__photo .slider-nav .slick-list .slick-track .slick-slide > div { width: 100%; height: 100%; } 
.ui-thumb__photo .slider-for .slick-list .slick-track .slick-slide { } 
.ui-thumb__photo.bottom__photo .slider-nav .slick-slide.slick-current.slick-active .images-fade::after { opacity: 1; } 
.ui-thumb__photo.bottom__photo .slider-nav .images-fade img { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; line-height: 0; transform: translate(-50%, -50%); object-fit: cover; } 
.ui-thumb__photo .slide_control { display: flex; align-items: center; position:absolute; right: 0; bottom: 0; z-index: 10; padding: 13px 17px; padding-left: 24px; background-color: rgba(0,0,0,0.4); } 
.ui-thumb__photo .slide_control::after { display:block; clear:both; content:''; } 
.ui-thumb__photo .slide_control .total,.slide_control button,.slide_control .total *,.slide_control button * { display:inline-block; height:20px; } 
.ui-thumb__photo .slide_control .total { display:inline-flex; align-items:center; margin-right: 20px; color: #FFF; font-weight: 600; font-size: 16px; } 
.ui-thumb__photo .slide_control .total span { height:auto; font-weight: bold; font-size: 16px; } 
.ui-thumb__photo .slide_control .total .current { margin-right: 7px; color:#71E5FF; } 
.ui-thumb__photo .slide_control .total .line { position:relative; height: 15px; margin-top: -10px; } 
.ui-thumb__photo .slide_control .total .count { margin-left: 7px; } 
.ui-thumb__photo .slide_control .total .line em { display:block; position:relative; width:100%; height:100%; } 
.ui-thumb__photo .slide_control button { width:23px; background-repeat:no-repeat; background-position:center center; transition: 0.3s; } 
.ui-thumb__photo .slide_control button span { font-size: 0; } 
.ui-thumb__photo .slide_control .prev { background-image: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10.59L2.67341 6L7 1.41L5.66802 0L0 6L5.66802 12L7 10.59Z' fill='white'/%3E%3C/svg%3E%0A"); } 
.ui-thumb__photo .slide_control .next { background-image: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10.59L4.32659 6L0 1.41L1.33198 0L7 6L1.33198 12L0 10.59Z' fill='white'/%3E%3C/svg%3E%0A"); } 
.ui-thumb__photo .slide_control .play { display:none; background-image: url("data:image/svg+xml,%3Csvg width='7' height='10' viewBox='0 0 7 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0L0 10L7 5L0 0Z' fill='white'/%3E%3C/svg%3E%0A"); } 
.ui-thumb__photo .slide_control .stop { background-position: -2px; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='10' y='7' width='2' height='10' fill='white'/%3E%3Crect x='15' y='7' width='2' height='10' fill='white'/%3E%3C/svg%3E%0A"); } 

.ui-thumb__photo .slider-for .slick-list .slick-track .slick-slide > div { display: block; position: relative; width: 100%; height: 100%; background-color: #F6FAFA; } 
.ui-thumb__photo .slider-for .slick-list .slick-track .slick-slide .images-fade { position: relative; width: 100%; height: 530px; height: 100%; border: none; overflow: hidden; } 
.ui-thumb__photo .slider-for .slick-list .slick-track .slick-slide .images-fade .img { display: block; position: absolute; top: 50%; left: 50%; width: 100%; max-width: none; height: auto; max-height: none; transform: translate(-50%,-50%); } 
@media (max-width:1520px) { 
 .ui-thumb__photo.bottom__photo .bigslide { } 
 } 
@media (max-width:750px) { 
 .ui-thumb__photo.bottom__photo { display: block; height: 100%; } 
.ui-thumb__photo.bottom__photo .bigslide { width: 100%; height: 350px; margin-right: 0; } 
.ui-thumb__photo.bottom__photo .slider-nav { display: block; padding-top: 20px; } 
 .ui-thumb__photo.bottom__photo .slider-nav { width: 100%; height: 150px; } 
 .ui-thumb__photo .slider-nav .slick-list { } 
 .ui-thumb__photo .slider-nav .slick-list .slick-track { } 
 .ui-thumb__photo .slider-nav .slick-list .slick-track .slick-slide { width: 187px !important; height: 123px; margin-bottom: 0; } 
 .ui-thumb__photo .slider-for .slick-list .slick-track .slick-slide .images-fade { width: auto; height: 100%; } 
 .ui-thumb__photo .slick-slide img { margin: 0 auto; } 
 } 
@media (max-width:480px) { 
 .ui-thumb__photo.bottom__photo .bigslide { height: 100%; min-height: 30px; } 
 .ui-thumb__photo .slider-for .slick-list .slick-track .slick-slide .images-fade .img { display: block; position: relative; top: auto; left: auto; width: 100%; max-width: none; height: auto; max-height: none; transform: translate(0,0); } 
.ui-thumb__photo .slider-for .slick-list .slick-track .slick-slide .images-fade { height: auto; } 
 } 
 

 @media (max-width:425px) { 
 .tour-detail .item2 { margin-top: 50px; } 
 } 

/*테이블*/
 .tour-detail .table.mobile tr td { border-left: 1px solid #ddd; border-right: 1px solid #ddd; } 

 /*오시는길*/
 .ui-map { display: block; width: auto; max-width: 1070px; height: 550px; background-color: #F6FAFA; } 

.tour-detail .btn-wrap { display:block; margin-top: 80px; text-align: center; } 



.brochure_list { width: calc(100% + 20px); margin:0 -10px; } 
.brochure_list:after { display:block; clear:both; content:''; visibility:hidden; } 
.brochure_list .item { position: relative; float:left; height: 314px; padding: 30px 35px 30px 240px; border: 1px solid #ddd; } 
.brochure_list.grid-2 .item { position: relative; width: calc(50% - 20px); margin:10px; border-radius:20px; } 
.brochure_list.grid-3 .item { width: calc(33.3333% - 30px); height: 314px; padding: 30px 35px 30px 244px; margin:10px 15px; border-radius:15px; } 
.brochure_list .item .inner .con:after { display:block; clear:both; content:''; visibility:hidden; } 
.brochure_list .item .inner .con .img_box { position: absolute; top: 30px; left: 30px; width: 180px; height: 254px; border:1px solid #eeee; overflow: hidden; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05); } 
.brochure_list .item .inner .con .img_box span { display: block; position:relative; width:100%; height:100%; background: #f4f4f4; overflow: hidden; } 
.brochure_list .item .inner .con .img_box span img { position:absolute; top:50%; left:50%; width: auto; max-width: 1000%; height: 100%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); } 
.brochure_list .item .inner .con .info { display: block; } 
.brochure_list .item .inner .con .info .tit { display:block; margin: 20px 0 15px; color:#000; font-weight:500; font-size:18px; line-height: 1.2; overflow:hidden; text-overflow: ellipsis; } 
.brochure_list .item .inner .con .info .tit .s-tit { display: block; margin-bottom: 8px; color: #178E8E; font-weight: 500; font-size: 17px; } 
.brochure_list .item .inner .con .info .tit .m-tit { display: -webkit-box; height: 60px; color: #222; font-weight: 700; font-size: 26px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 

.brochure_list .item .inner .con .info .btn_wrap { } 
.brochure_list .item .inner .con .info .btn_wrap .fe-btn { display: flex; justify-content: space-between; align-items: center; width: 100%; height: 50px; padding: 18px 20px; margin: 0; border-radius: 8px; } 
.brochure_list .item .inner .con .info .btn_wrap .fe-btn.outline { margin-bottom: 8px; } 
.brochure_list .item .inner .con .info .btn_wrap .fe-btn .fa { margin-right: 0; } 



.brochure_list.grid-3 { width: calc(100% + 30px); margin: 0 -15px; } 
.brochure_list.grid-3 .item .inner .con .info .tit { margin-top: 24px; } 

@media only screen and (max-width:1330px) { 
 .brochure_list.grid-3 { width: calc(100% + 25px); margin: 0 -10px; } 
 .brochure_list.grid-3 .item { width: calc(33.3333% - 25px); padding: 20px 25px 20px 234px; margin: 10px; } 
 .brochure_list.grid-3 .item .inner .con .info .tit { margin-top: 34px; } 
 } 
@media only screen and (max-width:1260px) { 
 .brochure_list.grid-3 { width: calc(100% + 20px); } 
 .brochure_list.grid-3 .item { width: calc(100% / 2 - 20px); } 
 } 


@media only screen and (max-width:930px) { 
 .brochure_list .item,.brochure_list.grid-3 .item { height: 294px; padding: 20px 25px 20px 210px; } 
 .brochure_list .item .inner .con .img_box { width: 160px; height: 235px; } 
 .brochure_list.grid-3 .item .inner .con .info .tit { margin-top: 24px; } 
 } 
@media only screen and (max-width:900px) { 
 .brochure_list .item,.brochure_list.grid-3 .item { height: 294px; padding: 20px 25px 20px 210px; } 
 .brochure_list .item .inner .con .img_box { width: 160px; height: 234px; } 
 } 

@media only screen and (max-width:800px) { 
 .brochure_list .item,.brochure_list.grid-3 .item { height: 284px; padding: 20px 25px 20px 190px; } 
 .brochure_list .item .inner .con .img_box { width: 150px; height: 224px; } 
 .brochure_list .item .inner .con .img_box { left: 25px; } 
 } 
@media only screen and (max-width:730px) { 
 .brochure_list,.brochure_list.grid-3 { width: 100%; margin: 0; } 
 .brochure_list.grid-2 .item { width: 100%; margin: 0; margin-bottom: 15px; } 
 .brochure_list.grid-3 .item { width: 100%; margin: 0; margin-bottom: 15px; } 
 .brochure_list .item { padding-left: 205px; } 
 } 
@media only screen and (max-width:400px) { 
 .brochure_list .item .inner .con .img_box { display: block; position: relative; top: auto; left: auto; margin: 0 auto; margin-bottom: 20px; } 
 .brochure_list .item, .brochure_list.grid-3 .item { height: auto; padding: 20px; } 
 } 


/*
#body_layout .lnb_wrap { display: none; } 
#body_layout .contents_wrap { max-width: 1420px; width: 100%; } 
 
*/

.prog-select.mobile-select { position:relative; width:100%; } 
.prog-select .tab-select-title { display:none; } 
.prog-select.mobile-select .tab-select-title { display:flex; justify-content:space-between; align-items:center; position:relative; width:100%; height:50px; padding:0 20px; border:1px solid #178E8E; border-radius:8px; color: #178E8E; font-weight: 700; font-size: 15px; } 
.prog-select.mobile-select .tab-select-title::after { display:block; width:24px; height:24px; margin:0 5px; content:""; background-repeat:no-repeat; background-position:center; background-image: url("data:image/svg+xml,%3Csvg width='18' height='11' viewBox='0 0 18 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.2453 9.62486C9.62925 10.2409 8.63051 10.2409 8.01451 9.62486C7.39851 9.00886 7.39851 8.01013 8.01451 7.39412L14.6539 0.754749C15.2699 0.138747 16.2686 0.138748 16.8846 0.75475C17.5006 1.37075 17.5006 2.36949 16.8846 2.98549L10.2453 9.62486Z' fill='%23178E8E'/%3E%3Cpath d='M10.2453 7.39412C10.8613 8.01013 10.8613 9.00886 10.2453 9.62486C9.62925 10.2409 8.63051 10.2409 8.01451 9.62486L1.37514 2.98549C0.759135 2.36949 0.759135 1.37075 1.37514 0.75475C1.99114 0.138748 2.98987 0.138747 3.60588 0.754749L10.2453 7.39412Z' fill='%23178E8E'/%3E%3C/svg%3E%0A"); } 
.prog-select.mobile-select .tab-ul { display:none; position:absolute; top:60px; left:50%; width:100%; height:176px; z-index:20; padding:5px 16px; margin:0 auto; border:3px solid #178E8E; border-radius:10px; background:#fff; text-align:left; box-shadow:0px 0px 39.2437px rgba(194, 98, 98, 0.1); overflow-y:auto; transform:translate(-50%, 0); } 
.prog-select.mobile-select .on+.tab-ul { display:flex; } 
.prog-select.mobile-select .tab-ul::-webkit-scrollbar { width:8px; /* 스크롤바의 너비 */ } 
.prog-select.mobile-select .tab-ul::-webkit-scrollbar-track { background:transparent; /*스크롤바 뒷 배경 색상*/ } 
.prog-select.mobile-select .tab-ul::-webkit-scrollbar-thumb { height:5px; /* 스크롤바의 길이 */ background:rgba(21, 152, 159, .3); /* 스크롤바의 색상 */ } 
.prog-select.mobile-select .tab-ul li { float:none; width:100%; max-width:100%; height:40px; min-height:40px; margin-top:0; background-color:#fff; flex:0 0 100%; } 
.prog-select.mobile-select .tab-ul li a { border:0 solid #000; } 
.prog-select.mobile-select .tab-ul li span { padding:5px; } 
.prog-select.mobile-select .tab-ul li.on a::after,
.prog-select.mobile-select .tab-ul li a:hover:after,
.prog-select.mobile-select .tab-ul li a:focus:after { display:none; } 
@media (min-width: 767.98px) { 
 .prog-select.mobile-select .tab-select-title { display: none; } 
 } 




.table.search-table .search-button { display: inline-block; width: auto; min-width: 73px; height: 36px; padding: 5px 34px 3px 14px; border: 1px #178E8E; border-radius: 5px; background-color: #178E8E; color: #fff; font-weight: 400; font-size: 15px; letter-spacing: -0.3px; background-repeat: no-repeat; background-position: center right 11px; background-image: url("data:image/svg+xml,%3Csvg width='16' height='15' viewBox='0 0 16 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.7559 6.36914C13.7559 7.24805 13.5859 8.08008 13.2461 8.86523C12.918 9.63867 12.4609 10.3125 11.875 10.8867C11.3008 11.4609 10.627 11.918 9.85352 12.2578C9.08008 12.5859 8.25391 12.75 7.375 12.75C6.49609 12.75 5.66992 12.5859 4.89648 12.2578C4.12305 11.918 3.44336 11.4609 2.85742 10.8867C2.2832 10.3125 1.82617 9.63867 1.48633 8.86523C1.1582 8.08008 0.994141 7.24805 0.994141 6.36914C0.994141 5.49023 1.1582 4.66406 1.48633 3.89062C1.82617 3.11719 2.2832 2.44336 2.85742 1.86914C3.44336 1.29492 4.12305 0.84375 4.89648 0.515625C5.66992 0.175781 6.49609 0.00585938 7.375 0.00585938C8.25391 0.00585938 9.08008 0.175781 9.85352 0.515625C10.627 0.84375 11.3008 1.29492 11.875 1.86914C12.4609 2.44336 12.918 3.11719 13.2461 3.89062C13.5859 4.66406 13.7559 5.49023 13.7559 6.36914ZM7.375 11.2559C8.04297 11.2559 8.66992 11.127 9.25586 10.8691C9.85352 10.6113 10.375 10.2656 10.8203 9.83203C11.2656 9.38672 11.6113 8.87109 11.8574 8.28516C12.1152 7.6875 12.2441 7.04883 12.2441 6.36914C12.2441 5.70117 12.1152 5.07422 11.8574 4.48828C11.6113 3.89062 11.2656 3.375 10.8203 2.94141C10.375 2.49609 9.85352 2.14453 9.25586 1.88672C8.66992 1.62891 8.04297 1.5 7.375 1.5C6.70703 1.5 6.07422 1.62891 5.47656 1.88672C4.89062 2.14453 4.375 2.49609 3.92969 2.94141C3.48438 3.375 3.13281 3.89062 2.875 4.48828C2.62891 5.07422 2.50586 5.70117 2.50586 6.36914C2.50586 7.04883 2.62891 7.6875 2.875 8.28516C3.13281 8.87109 3.48438 9.38672 3.92969 9.83203C4.375 10.2656 4.89062 10.6113 5.47656 10.8691C6.07422 11.127 6.70703 11.2559 7.375 11.2559ZM11.8574 11.9414L14.916 15L15.9883 13.9102L12.9473 10.8691L11.8574 11.9414Z' fill='white'/%3E%3C/svg%3E%0A"); } 

@media (max-width: 768px) { 
 .table.search-table colgroup,
 .table.search-table thead th { display: none; } 
 .table.search-table tbody tr { display: block; } 
 .table.search-table tbody td { display: block; position: relative; width: 100%; padding: 10px; border: none; text-align: left; box-sizing: border-box; word-break: keep-all; word-wrap: break-word; border-bottom: 1px dashed #ccc; } 
 .table.search-table tbody [data-cell-header]:before { display: inline-block; min-width: 20%; padding-right: 10px; margin-right: 15px; color: #222; font-weight: 700; font-size: 16px; content: attr(data-cell-header); border-right: 1px solid #ccc; } 
 .table.search-table tbody .btn-td[data-cell-header]:before { display: none; } 
 .table.search-table tbody td input,
 .table.search-table tbody td select { display: inline-block; width: calc(80% - 30px); } 
 .table.search-table .search-button { width: 100%; padding: 5px 14px 3px 14px; background-image: none; } 
 } 

 @media (max-width: 330px) { 
 .table.search-table tbody [data-cell-header]:before{width: 25%; padding-right: 2px;margin-right: 8px;}
 .table.search-table tbody td input,
 .table.search-table tbody td select {width: calc(75% - 15px);}
 }
/* @media (max-width: 490px) { 
 .table.search-table tbody [data-cell-header]:before { display: block; width: 100%; padding: 10px; margin-bottom: 10px; background-color: #FAFAFA; border-right: none; border-bottom: 1px solid #ddd; box-sizing: border-box; } 
 .table.search-table tbody td { padding: 0; } 
 .table.search-table tbody td input,
 .table.search-table tbody td select { display: block; width: calc(100% - 20px); margin: 10px; } 
 .table.search-table .search-button { width: calc(100% - 20px); } 
 }  */



/* 230906 공통 calendar : s
.pclui-23-03 .ui-calendar { display: flex; position: relative; margin-top: 30px; border: none; overflow: hidden; } 
.pclui-23-03 .ui-calendar:before { display: none; } 
.pclui-23-03 .ui-calendar .calendar-area { max-width: 475px; } 
.pclui-23-03 .ui-calendar .calendar-area.col2 { flex: 0 0 50%; } 
.pclui-23-03 .ui-calendar .calendar-area .calendar { clear: both; width: 100%; padding: 0; } 

.pclui-23-03 .ui-calendar .calendar-area .calendar .calHeader { position: relative; text-align: center; } 
.pclui-23-03 .ui-calendar .calendar-area .calendar .calHeader .calBtn { top: 0; width: 40px; height: 40px; cursor: pointer; } 
.pclui-23-03 .ui-calendar .calendar-area .calendar .calHeader .prev { position: absolute; left: 0; background-size: 100%; font-size: 0; background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='19.5' fill='white' stroke='%23D9D9D9'/%3E%3Cpath d='M23 15.41L18.6734 20L23 24.59L21.668 26L16 20L21.668 14L23 15.41Z' fill='%23757D86'/%3E%3C/svg%3E%0A"); } 
.pclui-23-03 .ui-calendar .calendar-area .calendar .calHeader .next { position: absolute; right: 0; font-size: 0; background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='19.5' transform='matrix(-1 0 0 1 40 0)' fill='white' stroke='%23D9D9D9'/%3E%3Cpath d='M17 15.41L21.3266 20L17 24.59L18.332 26L24 20L18.332 14L17 15.41Z' fill='%23757D86'/%3E%3C/svg%3E%0A"); } 
.pclui-23-03 .ui-calendar .calendar-area .calendar .calHeader .calDate { display: inline-block; margin-top: 4px; color: #222; font-weight: 700; font-size: 28px; line-height: normal; letter-spacing: normal; text-align: center; } 
.pclui-23-03 .ui-calendar .calendar-area .calendar .schcal_tbl { width: 100%; margin-top: 20px; border-top: 2px solid #000; } 
.pclui-23-03 .ui-calendar .calendar-area .calendar .schcal_tbl th { padding: 14px 10px; color: #222; font-weight: bold; font-size: 15px; text-align: center; border-bottom: 1px solid #DDD; } 
.pclui-23-03 .ui-calendar .calendar-area .calendar .schcal_tbl .sun,
.pclui-23-03 .ui-calendar .calendar-area .calendar .schcal_tbl .sun > div > a { color: #C50000; } 
.pclui-23-03 .ui-calendar .calendar-area .calendar .schcal_tbl .sat,
.pclui-23-03 .ui-calendar .calendar-area .calendar .schcal_tbl .sat > div > a { color: #0052CD; } 

.pclui-23-03 .ui-calendar .calendar-area .calendar .schcal_tbl tbody tr:first-child td { padding-top: 10px; } 
.pclui-23-03 .ui-calendar .calendar-area .calendar .schcal_tbl tbody tr td:first-child { padding-left: 0; } 
.pclui-23-03 .ui-calendar .calendar-area .calendar .schcal_tbl tbody tr td:last-child { padding-right: 0; } 
.pclui-23-03 .ui-calendar .calendar-area .calendar .schcal_tbl td { height: 61px; padding: 5px; border: none; background-color: #fff; } 
.pclui-23-03 .ui-calendar .calendar-area .calendar .schcal_tbl td > div { display: inline-flex; justify-content: center; align-items: center; position: relative; width: 100%; height: 61px; border: 1px solid #ddd; background: #fff; font-size: 15px; background-position: center center; background-repeat: no-repeat; } 
.pclui-23-03 .ui-calendar .calendar-area .calendar .schcal_tbl td > div > a { display: block; width: 100%; height: 61px; padding: 18px 10px 17px 10px; text-align: center; } 

.pclui-23-03 .ui-calendar .calendar-area .info { padding-top: 30px; margin: 24px 0 0 0; text-align: left; border-top: 1px solid #ddd; } 
.pclui-23-03 .ui-calendar .calendar-area .calendar .info span { display: inline-block; min-width: 85px; padding: 9px 17px; border-radius: 5px; color: #222; font-weight: 400; font-size: 15px; line-height: normal; letter-spacing: -0.3px; text-align: center; } 
.pclui-23-03 .ui-calendar .calendar-area .calendar .info .select { border: 1px solid #0033A5; background-color: #0033A5; color: #fff; } 
.pclui-23-03 .ui-calendar .calendar-area .calendar .info span + span { margin-left: 4px; } 
.pclui-23-03 .ui-calendar .calendar-area .calendar .info .off { border: 1px solid #F3F3F3; background-color: #F3F3F3; background-image: url("data:image/svg+xml,%3Csvg width='83' height='36' viewBox='0 0 83 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.544483 35.3982L81.8081 0.538362' stroke='%23DDDDDD'/%3E%3Crect x='13.6758' y='6.96826' width='55' height='22' fill='%23F3F3F3'/%3E%3C/svg%3E%0A"); background-position: center center; background-repeat: no-repeat; } 
.pclui-23-03 .ui-calendar .calendar-area .calendar .info .today { border: 2px solid #0033A5; background: none; } 
.pclui-23-03 .ui-calendar .calendar-area .calendar .info .on { border: 1px solid #ddd; } 

.pclui-23-03 .ui-calendar .calendar-area .calendar tbody tr .select > div { background: #0033A5; border-color: #0033A5; } 
.pclui-23-03 .ui-calendar .calendar-area .calendar tbody tr .select > div,
.pclui-23-03 .ui-calendar .calendar-area .calendar tbody tr .select > div > a { color: #fff; } 

.pclui-23-03 .ui-calendar .calendar-area .calendar tbody tr .today { background: none; } 
.pclui-23-03 .ui-calendar .calendar-area .calendar tbody tr .today > div { border: 2px solid #0033A5; } 

.pclui-23-03 .ui-calendar .calendar-area .calendar tbody tr .off > div { background-color: #F3F3F3; background-image: url("data:image/svg+xml,%3Csvg width='60' height='61' viewBox='0 0 60 61' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.30518 59.999L58.8076 0.500001' stroke='%23DDDDDD'/%3E%3Crect x='21.0566' y='19.2495' width='18' height='22' fill='%23F3F3F3'/%3E%3C/svg%3E%0A"); } 


.pclui-23-03 .ui-calendar .time-area { float: right; width: 100%; max-width: 565px; padding-top: 15px; padding-top: 15px; margin-left: 40px; } 
.pclui-23-03 .ui-calendar .time-area .time-title { display: block; margin-bottom: 10px; color: #222; font-weight: 700; font-size: 24px; line-height: normal; } 
.pclui-23-03 .ui-calendar .time-area .timeBtnGroup { display: block; padding: 30px 20px 30px 30px; margin-bottom: 30px; border-radius: 10px; background: #F8F8F8; } 
.pclui-23-03 .ui-calendar .time-area .timeBtnGroup ul { display: block; width: 100%; height: 220px; padding-right: 11px; overflow-y: scroll; } 

.pclui-23-03 .ui-calendar .time-area .timeBtnGroup ul::-webkit-scrollbar { width: 4px; } 
.pclui-23-03 .ui-calendar .time-area .timeBtnGroup ul::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.2); } 
.pclui-23-03 .ui-calendar .time-area .timeBtnGroup ul::-webkit-scrollbar-track { background: rgba(0,0,0,0.08); } 
.pclui-23-03 .ui-calendar .time-area .timeBtnGroup ul li { display: block; position: relative; height: 49px; padding: 14px 30px; border: 1px solid #DDD; border-radius: 5px; background-color: #fff; } 
.pclui-23-03 .ui-calendar .time-area .timeBtnGroup ul li + li { margin-top: 8px; } 
.pclui-23-03 .ui-calendar .time-area .timeBtnGroup ul .res-off .inning,
.pclui-23-03 .ui-calendar .time-area .timeBtnGroup ul .res-off .time,
.pclui-23-03 .ui-calendar .time-area .timeBtnGroup ul .res-off .inwon,
.pclui-23-03 .ui-calendar .time-area .timeBtnGroup ul .res-off .inning { text-decoration-line: line-through; } 

.pclui-23-03 .ui-calendar .time-area .timeBtnGroup ul li span { display: inline-block; } 
.pclui-23-03 .ui-calendar .time-area .timeBtnGroup ul li button { display: block; line-height: 18px; } 
.pclui-23-03 .ui-calendar .time-area .timeBtnGroup ul li button .check { margin: 0; } 
.pclui-23-03 .ui-calendar .time-area .timeBtnGroup ul li .inning { min-width: 40px; color: #444; font-weight: 700; font-size: 16px; line-height: normal; text-align: center; text-align: left; } 
.pclui-23-03 .ui-calendar .time-area .timeBtnGroup ul li .time { min-width: 110px; margin-left: -4px; color: #444; font-size: 16px; line-height: normal; text-align: left; } 
.pclui-23-03 .ui-calendar .time-area .timeBtnGroup ul li .inwon { position: relative; padding-left: 15px; color: #444; font-size: 16px; line-height: normal; text-align: center; } 
.pclui-23-03 .ui-calendar .time-area .timeBtnGroup ul li .inwon:before { position: absolute; top: 4px; left: 0; width: 1px; height: 12px; background-color: #ccc; content: ''; } 
.pclui-23-03 .ui-calendar .time-area .timeBtnGroup ul li .inwon .inwon-point { color: #E93660; font-weight: 700; } 
.pclui-23-03 .ui-calendar .time-area .timeBtnGroup ul li .status { position: absolute; top:14px; right: 30px; font-size: 15px; line-height: normal; text-align: center; } 
.pclui-23-03 .ui-calendar .time-area .timeBtnGroup ul li .status.status0 { color: #0052CD; } 
.pclui-23-03 .ui-calendar .time-area .timeBtnGroup ul li .status.status1 { color: #C50000; } 
.pclui-23-03 .ui-calendar .time-area .result { display: block; min-height: 97px; padding: 24px 30px; border-radius: 10px; background: #F8F8F8; } 
.pclui-23-03 .ui-calendar .time-area .result .result-tit { display: inline-block; position: relative; padding-left: 23px; color: #178E8E; font-weight: 700; font-size: 16px; line-height: normal; letter-spacing: -0.48px; text-align: center; } 
.pclui-23-03 .ui-calendar .time-area .result .result-tit::before { position: absolute; top: 0; left: 0; width:20px; height: 20px; content: ''; background-position: center center; background-repeat: no-repeat; } 
.pclui-23-03 .ui-calendar .time-area .result .date .result-tit::before { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 1.5H15.5V15.6602H0.5V1.5H3V0.660156H4.66016V1.5H11.3398V0.660156H13V1.5ZM13.8398 14V5.66016H2.16016V14H13.8398ZM7.16016 12.3398L5.98828 11.1484L4.66016 9.83984L5.85156 8.64844L7.16016 9.97656L10.1484 6.98828L11.3398 8.16016L7.16016 12.3398Z' fill='%23178E8E'/%3E%3C/svg%3E%0A"); } 
.pclui-23-03 .ui-calendar .time-area .result .time .result-tit::before { background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 0.672852C9.58854 0.672852 10.6152 0.883138 11.5801 1.30371C12.5449 1.71191 13.3861 2.27474 14.1035 2.99219C14.821 3.70964 15.3838 4.55078 15.792 5.51562C16.2126 6.4681 16.4229 7.48861 16.4229 8.57715C16.4229 9.67806 16.2126 10.7109 15.792 11.6758C15.3838 12.6283 14.821 13.4632 14.1035 14.1807C13.3861 14.8981 12.5449 15.4671 11.5801 15.8877C10.6152 16.2959 9.58854 16.5 8.5 16.5C7.41146 16.5 6.38477 16.2959 5.41992 15.8877C4.45508 15.4671 3.61393 14.8981 2.89648 14.1807C2.17904 13.4632 1.61003 12.6283 1.18945 11.6758C0.78125 10.7109 0.577148 9.67806 0.577148 8.57715C0.577148 7.48861 0.78125 6.4681 1.18945 5.51562C1.61003 4.55078 2.17904 3.70964 2.89648 2.99219C3.61393 2.27474 4.45508 1.71191 5.41992 1.30371C6.38477 0.883138 7.41146 0.672852 8.5 0.672852ZM8.5 14.9229C9.37826 14.9229 10.2008 14.7559 10.9678 14.4219C11.7347 14.0879 12.4027 13.6364 12.9717 13.0674C13.5531 12.486 14.0046 11.8118 14.3262 11.0449C14.6602 10.278 14.8271 9.4554 14.8271 8.57715C14.8271 7.71126 14.6602 6.89486 14.3262 6.12793C14.0046 5.34863 13.5531 4.67448 12.9717 4.10547C12.4027 3.53646 11.7347 3.08496 10.9678 2.75098C10.2008 2.41699 9.37826 2.25 8.5 2.25C7.62174 2.25 6.79915 2.41699 6.03223 2.75098C5.2653 3.08496 4.59115 3.53646 4.00977 4.10547C3.44076 4.67448 2.98926 5.34863 2.65527 6.12793C2.33366 6.89486 2.17285 7.71126 2.17285 8.57715C2.17285 9.4554 2.33366 10.278 2.65527 11.0449C2.98926 11.8118 3.44076 12.486 4.00977 13.0674C4.59115 13.6364 5.2653 14.0879 6.03223 14.4219C6.79915 14.7559 7.62174 14.9229 8.5 14.9229ZM7.70215 3.82715V7.79785H4.54785V9.375H9.29785V3.82715H7.70215Z' fill='%23178E8E'/%3E%3C/svg%3E%0A"); } 

.pclui-23-03 .ui-calendar .time-area .result .date .result-con,
.pclui-23-03 .ui-calendar .time-area .result .time ul li { display: inline-block; margin-left: 10px; color: #444; font-size: 16px; line-height: normal; letter-spacing: -0.48px; text-align: center; } 
.pclui-23-03 .ui-calendar .time-area .result .time ul { display: inline-block; } 
.pclui-23-03 .ui-calendar .time-area .result .time ul li + li { margin-left: 0; } 

.pclui-23-03 .ui-calendar .time-area .btn-wrap { margin-top: 30px; } 
.pclui-23-03 .ui-calendar .time-area .btn-wrap .fe-btn { width: calc(50% - 5px); height: 50px; margin: 0; } 
.pclui-23-03 .ui-calendar .time-area .btn-wrap .fe-btn + .fe-btn { margin-left: 6px; } 

.pclui-23-03 .ui-calendar .fe-btn { display: inline-flex; justify-content: center; align-items: center; width: auto; max-width: 100%; padding: 10px 12px; margin: 3px; margin-bottom: 0; border: 1px solid transparent; border-radius: 5px; color: inherit; font-size: 15px; line-height: 1; cursor: pointer; background-image: none; overflow-wrap: break-word; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } 
.pclui-23-03 .ui-calendar .fe-btn.fe-btn-primary { border: 1px #178E8E; background-color: #178E8E; color: #fff; } 
.pclui-23-03 .ui-calendar .fe-btn.fe-btn-primary.outline { border: 1px solid #178E8E; background-color: #fff; color: #178E8E; } 
.pclui-23-03 .ui-calendar .fe-btn.fe-btn-primary:hover,
.pclui-23-03 .ui-calendar .fe-btn.fe-btn-primary:focus { border: 1px solid #178E8E; background-color: #fff; color: #178E8E; } 
.pclui-23-03 .ui-calendar .fe-btn.fe-btn-primary.outline:hover,
.pclui-23-03 .ui-calendar .fe-btn.fe-btn-primary.outline:focus { background-color: #178E8E; color: #fff; } 

@media (max-width: 1360px) { 
 .pclui-23-03 .ui-calendar .calendar-area { max-width: 420px; } 
 } 

@media (max-width: 1280px) { 
 .pclui-23-03 .ui-calendar .calendar-area,
 .pclui-23-03 .ui-calendar .time-area { width: calc(50% - 10px); max-width: 100%; } 
 } 

@media (max-width: 1080px) { 
 .pclui-23-03 .ui-calendar .time-area { min-width: 482px; } 
 } 

@media (max-width: 1024px) { 
 .pclui-23-03 .ui-calendar { flex-direction: column; } 
 .pclui-23-03 .ui-calendar .calendar-area,
 .pclui-23-03 .ui-calendar .time-area { width: 100%; } 
 .pclui-23-03 .ui-calendar .time-area { min-width: auto; padding-top: 0; margin-top: 30px; margin-left: 0; } 
 } 

@media (max-width: 540px) { 
 .pclui-23-03 .ui-calendar .time-area .timeBtnGroup { padding: 20px 10px 20px 20px; } 
 .pclui-23-03 .ui-calendar .time-area .timeBtnGroup ul { height: 232px; padding-right: 10px; } 
 .pclui-23-03 .ui-calendar .time-area .timeBtnGroup ul li { height: 72px; padding: 14px 15px; } 
 .pclui-23-03 .ui-calendar .time-area .timeBtnGroup ul li .inning,
 .pclui-23-03 .ui-calendar .time-area .timeBtnGroup ul li .time,
 .pclui-23-03 .ui-calendar .time-area .timeBtnGroup ul li .inwon { font-size: 15px; } 
 .pclui-23-03 .ui-calendar .time-area .timeBtnGroup ul li .inwon { display: block; padding-left: 0; margin-top: 5px; text-align: left; } 
 .pclui-23-03 .ui-calendar .time-area .timeBtnGroup ul li .inwon:before { display: none; } 
 .pclui-23-03 .ui-calendar .time-area .timeBtnGroup ul li .status { top: 50%; right: 15px; transform: translateY(-50%); } 

 .pclui-23-03 .ui-calendar .time-area .result { padding: 20px; } 
 .pclui-23-03 .ui-calendar .time-area .result .result-tit { display: block; margin-bottom: 5px; text-align: left; } 
 .pclui-23-03 .ui-calendar .time-area .result .date { margin-bottom: 15px; } 
 .pclui-23-03 .ui-calendar .time-area .result .date .result-con,
 .pclui-23-03 .ui-calendar .time-area .result .time ul li { margin-left: 0; text-align: left; } 
 } 

@media (max-width: 440px) { 
 .pclui-23-03 .ui-calendar .calendar-area .calendar .schcal_tbl td > div > a { padding: 18px 0 17px 0; } 

 .pclui-23-03 .ui-calendar .calendar-area .calendar .info span { min-width: 70px; padding: 9px; } 
 } 

@media (max-width: 400px) { 
 .pclui-23-03 .ui-calendar .calendar-area .calendar .schcal_tbl td,
 .pclui-23-03 .ui-calendar .calendar-area .calendar .schcal_tbl td > div,
 .pclui-23-03 .ui-calendar .calendar-area .calendar .schcal_tbl td > div > a { height: 50px; } 
 .pclui-23-03 .ui-calendar .calendar-area .calendar .schcal_tbl td { padding: 2px; } 
 .pclui-23-03 .ui-calendar .calendar-area .calendar .schcal_tbl td > div > a { padding: 13px 0; } 

 .pclui-23-03 .ui-calendar .time-area .timeBtnGroup ul li .inning { display: block; margin-bottom: 5px; } 
 .pclui-23-03 .ui-calendar .time-area .timeBtnGroup ul li .time { margin-left: 0; } 
 .pclui-23-03 .ui-calendar .time-area .result .date .result-con,
 .pclui-23-03 .ui-calendar .time-area .result .time ul li { font-size: 15px; } 
 } 

@media (max-width: 380px) { 
 .pclui-23-03 .ui-calendar .calendar-area .calendar .info span { min-width: 62px; padding: 9px 4px; font-size: 14px; } 

 .pclui-23-03 .ui-calendar .time-area .timeBtnGroup ul { height: 198px; } 
 .pclui-23-03 .ui-calendar .time-area .timeBtnGroup ul li { height: 95px; } 
 } 

@media (max-width: 360px) { 
 .pclui-23-03 .ui-calendar .time-area .btn-wrap .fe-btn { width: 100%; } 
 .pclui-23-03 .ui-calendar .time-area .btn-wrap .fe-btn + .fe-btn { margin-top: 5px; margin-left: 0; } 
 } 
230906 공통 calendar : e */



/* 230907 문화관광 list : s
.culture-list { position: relative; overflow: hidden; } 
.culture-list .obj { display: flex; flex-direction: row; margin: 0 -15px; flex-wrap: wrap; } 
.culture-list .obj.col4 .col { max-width: 25%; flex: 0 0 25%; } 
.culture-list .obj .col { float: none; width: 100%; height: 480px; border: 15px solid transparent; } 
.culture-list .obj .col .inner-box { position: relative; background-color: #fff; } 
.culture-list .obj .col .inner-box a { display: block; width: 100%; height: 100%; border: none; } 
.culture-list .obj .col .inner-box a .item { position: relative; min-height: auto; border: 1px solid #DDD; overflow: hidden; } 
.culture-list .obj .col .inner-box a .item .thm--box,
.culture-list .obj .col .inner-box a .item .thm--box .inner { height: 220px; } 
.culture-list .obj .col .inner-box a .item .thm--box { display: block; width: 100%; height: 100%; } 
.culture-list .obj .col .inner-box a .item .thm--box .inner { display: block; position: relative; width: 100%; text-align: center; overflow: hidden; } 
.culture-list .obj .col .inner-box a .item .thm--box .inner img { position: absolute; top: 50%; left: 50%; width: auto; max-width: none; height: 100%; max-height: none; transform: translate(-50%, -50%); } 
230907 문화관광 list : e */


/*캘린더 1 :s */
/* calendar : s */

.calendar-wrap .calendar-list th { border: none; background: #fff; } 
.calendar-wrap .calendar-header__inner { display: flex; justify-content: space-between; align-items: center; } 
.calendar-wrap .ui-calendar { border:none; overflow: visible; } 
.calendar-wrap .ui-calendar .calendar-area .calendar { padding:0; padding-bottom:30px; } 
.calendar-wrap .ui-calendar .calendar-area .calendar .table-wrap { padding:60px 70px 37px; } 
.calendar-wrap .calendar-area .calendar-header { padding: 39px 50px; margin: 0; margin-top:0; border-top: 2px solid #000; } 
.calendar-wrap .calendar-summary { margin-top: 15px; } 
.calendar-wrap .calendar-summary .calendar-text { display:inline-block; margin: 0; } 
.calendar-wrap .calendar-summary .calendar-text .fa.fa-check { display:inline-block; width:20px; height:20px; margin-right:5px; border-radius:50%; background-color:#1e3a63; color:#fff; font-size:14px; line-height:21px; text-align:center; vertical-align: text-top; } 
.calendar-list { margin: 0; } 
.calendar-list__day,.calendar-list__content { text-align: center; } 
.calendar-list th.saturday { color: #007CBC; } 
.calendar-list th.sunday { color: #CB0000; } 
.calendar-list .saturday .calendar-list__day { color: #007CBC; } 

.calendar-list thead tr:first-child th { border-top: 1px solid #000; } 


.calendar-list tr td:first-child { border-left: none; } 
.calendar-list tr td:last-child { border-right: none; } 
.calendar-list__link { text-align: left; } 
.calendar-wrap .calendar-summary .calendar-caption li .calendar-label { display:inline-block; width: 20px; height:20px; margin-right: 5px; border-radius:50%; color:#fff; font-size: 16px; line-height: 20px; text-align:center; } 
.calendar-list td:first { border-left:none; } 
.ui-calendar .calendar-area .today { border: 1px solid #d1d1d1; background-image: none; } 
.calendar-wrap .calendar-summary .calendar-caption li .p { padding: 1px 0px 1px 1px; background-color:#E93660; } 
.calendar-wrap .calendar-summary .calendar-caption li .m { padding: 1px 0px 1px 0px; background-color:#0094FF; } 
.calendar-wrap .calendar-summary .calendar-caption li .d { padding: 0px 0px 1px 1px; background-color:#00A999; } 
.calendar-wrap .calendar-summary .calendar-caption li .r,
.calendar-wrap .calendar-summary .calendar-caption li .e{ padding: 1px 0px 1px 0px; background-color:#5E39C9; } 
.calendar-wrap .calendar-summary .calendar-caption { display:inline-block; float:right; } 
.calendar-wrap .calendar-summary .calendar-caption:after { display:block; clear:both; content:''; } 
.calendar-wrap .calendar-summary .calendar-caption li { float:left; margin-left:30px; font-size: 16px; text-align: right; } 
.calendar-wrap .calendar__month strong { display:inline-block; } 




.calendar-wrap .calendar-list__content > div { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.calendar-wrap .calendar-list__content button { margin-bottom: 3px; } 
.calendar-wrap .calendar-list__content button:last-child { margin-bottom: 0px; } 
.calendar-wrap .calendar-list__content button > .calendar-label { display:inline-block; width: 20px; height: 20px; padding-right:1px; margin-right: 6px; border-radius:50%; color:#fff; line-height: 20px; text-align:center; } 
.calendar-wrap .calendar-list__content button > .calendar-label.p { padding: 1px 0px 1px 1px; background-color:#E93660; } 
.calendar-wrap .calendar-list__content button > .calendar-label.m { padding: 1px 0px 1px 0px; background-color:#0094FF; } 
.calendar-wrap .calendar-list__content button > .calendar-label.d { padding: 0px 0px 1px 1px; background-color:#00A999; } 
.calendar-wrap .calendar-list__content button > .calendar-label.r,
.calendar-wrap .calendar-list__content button > .calendar-label.e { padding: 1px 0px 1px 0px; background-color:#5E39C9; } 
.calendar-wrap .calendar__month { margin-top: 0; line-height: 45px; } 
.calendar-wrap .calendar__next-month, .calendar__prev-month { position: relative; background-repeat: no-repeat; background-image: none; } 
.calendar-wrap .calendar__next-month { padding-right: 65px; } 
.calendar-wrap .calendar__prev-month { padding-left: 65px; } 
.calendar-wrap .calendar__next-month::after,.calendar-wrap .calendar__prev-month::before { position: absolute; top: 50%; width: 50px; height: 50px; background-size: contain; content: ''; background-repeat: no-repeat; transform: translate(0, -50%); } 
.calendar-wrap .calendar__prev-month::before { left: 0; background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='25' cy='25' r='25' fill='%23178E8E'/%3E%3Cpath d='M33.25 23.9238V25.75H20.252L25.3867 30.8633L24.0762 32.1738L16.75 24.8262L24.0977 17.5L25.3867 18.7891L20.252 23.9238H33.25Z' fill='white'/%3E%3C/svg%3E%0A"); } 
.calendar-wrap .calendar__next-month::after { right: 0; background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='25' cy='25' r='25' fill='%23178E8E'/%3E%3Cpath d='M16.75 23.9238V25.75H29.748L24.6133 30.8633L25.9238 32.1738L33.25 24.8262L25.9023 17.5L24.6133 18.7891L29.748 23.9238H16.75Z' fill='white'/%3E%3C/svg%3E%0A"); } 


@media screen and (max-width:1070px) { 
 .calendar-wrap .calendar-area .calendar-header { padding: 20px 0; } 
 } 

@media screen and (max-width:900px) { 
 .calendar-wrap .calendar__month { padding: 0; } 
 .calendar-wrap .calendar-area .calendar-header { padding: 20px; } 
 .calendar-wrap .calendar-list__content button > .calendar-label {margin-right: 3px;} 
 } 

@media screen and (max-width:824px) { 
 .calendar-wrap .ui-calendar .calendar-area .calendar .table-wrap { padding: 60px 28px 37px; } 
 .calendar-wrap .calendar-summary .calendar-caption { display:block; float:none; margin-top:5px; } 
 .calendar-wrap .calendar-summary .calendar-caption li { min-width: 93px; margin-left:0; text-align:left; } 
 .calendar-wrap .calendar-summary .calendar-caption li .calendar-label { display:inline-block; } 
 } 

 @media only screen and (max-width: 767px) { 
 .ui-calendar .calendar-area, .ui-calendar .time-area { padding: 0; } 
 } 

@media only screen and (max-width: 720px) { 
 .calendar-wrap .calendar-list__content button > .calendar-label { display: inline-block; } 
 .calendar-wrap .calendar-list__inner { position: relative; min-height: 45px; } 
 .calendar-wrap .calendar__month { padding: 0; } 
 .calendar-wrap .calendar-area .calendar-header { padding: 20px 0; } 
 .calendar-wrap .calendar__next-month,.calendar-wrap .calendar__prev-month { font-size: 0; } 
 .calendar-wrap .calendar-list__day, .calendar-wrap .calendar-list__content { font-size: 16px; text-align: left; } 
 .calendar-list tr td:first-child { border-left: 1px solid #d1d1d1; } 
 .calendar-list tr td:last-child { border-right: 1px solid #d1d1d1; } 
 } 
@media screen and (max-width:450px) { 
 .calendar-wrap .calendar-summary .calendar-caption { display:flex; justify-content:flex-start; align-items:center; float:none; width:100%; min-width:none; flex-wrap:wrap; } 
 .calendar-wrap .calendar__next-month::after, .calendar-wrap .calendar__prev-month::before { width: 40px; height: 40px; } 
 } 
@media screen and (max-width:387px) { 
 .calendar-wrap .calendar__month { font-size: 20px; } 
 .calendar-wrap .calendar__next-month,
 .calendar-wrap .calendar__prev-month { padding: 0 10px; } 
 } 
/* calendar : e */

/* tooltip : s */
.calendar-wrap .notice-content { position:absolute; top: -205px; left: 50%; width: 320px; z-index: 999; border:1px solid #000; background:#fff; transform: translate(-50%, 0); box-shadow:0px 7px 10px rgba(0, 0, 0, 0.12); } 
/* .notice-content:before { position:absolute; left:50%; bottom: -18px; width:22px; height:15px; transform:translate(-50%, 0); content:''; /* background-image: url("data:image/svg+xml,%3Csvg width='22' height='15' viewBox='0 0 22 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-inside-1_601_9563' fill='white'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22 1.22493V0H0V1.22493H0.172134L11.005 15L21.8278 1.22493H22Z'/%3E%3C/mask%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22 1.22493V0H0V1.22493H0.172134L11.005 15L21.8278 1.22493H22Z' fill='white'/%3E%3Cpath d='M22 0H23V-1H22V0ZM22 1.22493V2.22493H23V1.22493H22ZM0 0V-1H-1V0H0ZM0 1.22493H-1V2.22493H0V1.22493ZM0.172134 1.22493L0.958187 0.60677L0.657904 0.22493H0.172134V1.22493ZM11.005 15L10.2189 15.6182L11.0054 16.6182L11.7913 15.6178L11.005 15ZM21.8278 1.22493V0.22493H21.3418L21.0415 0.607123L21.8278 1.22493ZM21 0V1.22493H23V0H21ZM0 1H22V-1H0V1ZM1 1.22493V0H-1V1.22493H1ZM0 2.22493H0.172134V0.22493H0V2.22493ZM-0.613918 1.84309L10.2189 15.6182L11.791 14.3818L0.958187 0.60677L-0.613918 1.84309ZM11.7913 15.6178L22.6142 1.84274L21.0415 0.607123L10.2187 14.3822L11.7913 15.6178ZM21.8278 2.22493H22V0.22493H21.8278V2.22493Z' fill='black' mask='url(%23path-1-inside-1_601_9563)'/%3E%3C/svg%3E%0A"); } */
.calendar-wrap .notice-content:before { display: block; position: absolute; bottom: -14px; left: 50%; width: 0; z-index: 1; content: ''; border-color: #fff transparent; border-style: solid; border-width: 14px 11px 0 11px; transform:translate(-50%, 0); } 
.calendar-wrap .notice-content:after { display: block; position: absolute; bottom: -15px; left: 50%; width: 0; z-index: 0; content: ''; border-color: #000 transparent; border-style: solid; border-width: 14px 11px 0 11px; transform:translate(-50%, 0); } 
.calendar-wrap .notice-content .inner { width: 100%; height: 100%; min-height: 184px; padding: 25px 30px; } 
.calendar-wrap .notice-content .inner .title { display:block; font-size:22px; letter-spacing: -0.02em; } 
.calendar-wrap .notice-content .inner > ul { margin-top: 7px; } 
.calendar-wrap .notice-content .inner > ul li { padding-left:20px; } 
.calendar-wrap .notice-content .inner > ul li:not(:first-child) { margin-top: 4px; } 
.calendar-wrap .notice-content .inner > ul li .sub { position: relative; color:#003584; font-weight: bold; } 
.calendar-wrap .notice-content .inner > ul li .sub:before { position:absolute; top:0; left:-20px; width:18px; height:18px; content:''; background-repeat:no-repeat; background-position:center center; } 
.calendar-wrap .notice-content .inner > ul li .sub.date:before { background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.75 0.713867H10.625V0H9.21387V0.713867H3.53613V0H2.125V0.713867H0V12.75H12.75V0.713867ZM11.3389 4.25V11.3389H1.41113V4.25H11.3389ZM4.66504 8.91504L5.66113 9.92773L9.21387 6.375L8.20117 5.37891L5.66113 7.91895L4.54883 6.79004L3.53613 7.80273L4.66504 8.91504Z' fill='%23003584'/%3E%3C/svg%3E%0A"); } 
.calendar-wrap .notice-content .inner > ul li .sub.time:before { background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.84473 0.564453C8.98145 0.188151 8.06283 0 7.08887 0C6.11491 0 5.19629 0.188151 4.33301 0.564453C3.46973 0.929688 2.71712 1.43327 2.0752 2.0752C1.43327 2.71712 0.924154 3.46973 0.547852 4.33301C0.182617 5.18522 0 6.09831 0 7.07227C0 8.05729 0.182617 8.98145 0.547852 9.84473C0.924154 10.6969 1.43327 11.444 2.0752 12.0859C2.71712 12.7279 3.46973 13.237 4.33301 13.6133C5.19629 13.9785 6.11491 14.1611 7.08887 14.1611C8.06283 14.1611 8.98145 13.9785 9.84473 13.6133C10.708 13.237 11.4606 12.7279 12.1025 12.0859C12.7445 11.444 13.248 10.6969 13.6133 9.84473C13.9896 8.98145 14.1777 8.05729 14.1777 7.07227C14.1777 6.09831 13.9896 5.18522 13.6133 4.33301C13.248 3.46973 12.7445 2.71712 12.1025 2.0752C11.4606 1.43327 10.708 0.929688 9.84473 0.564453ZM9.29688 12.3018C8.61068 12.6006 7.87467 12.75 7.08887 12.75C6.30306 12.75 5.56706 12.6006 4.88086 12.3018C4.19466 12.0029 3.59147 11.599 3.07129 11.0898C2.56217 10.5697 2.1582 9.96647 1.85938 9.28027C1.57161 8.59408 1.42773 7.85807 1.42773 7.07227C1.42773 6.29753 1.57161 5.56706 1.85938 4.88086C2.1582 4.18359 2.56217 3.5804 3.07129 3.07129C3.59147 2.56217 4.19466 2.1582 4.88086 1.85938C5.56706 1.56055 6.30306 1.41113 7.08887 1.41113C7.87467 1.41113 8.61068 1.56055 9.29688 1.85938C9.98307 2.1582 10.5807 2.56217 11.0898 3.07129C11.61 3.5804 12.014 4.18359 12.3018 4.88086C12.6006 5.56706 12.75 6.29753 12.75 7.07227C12.75 7.85807 12.6006 8.59408 12.3018 9.28027C12.014 9.96647 11.61 10.5697 11.0898 11.0898C10.5807 11.599 9.98307 12.0029 9.29688 12.3018ZM6.375 6.375V2.82227H7.80273V7.78613H3.55273V6.375H6.375Z' fill='%23003584'/%3E%3C/svg%3E%0A"); } 
.calendar-wrap .notice-content .inner > ul li .sub.place:before { left:-21px; background-image: url("data:image/svg+xml,%3Csvg width='12' height='15' viewBox='0 0 12 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.03906 0.427734C7.40625 0.146484 6.72656 0.00585938 6 0.00585938C5.27344 0.00585938 4.58789 0.146484 3.94336 0.427734C3.31055 0.697266 2.75391 1.07227 2.27344 1.55273C1.80469 2.02148 1.42969 2.57227 1.14844 3.20508C0.878906 3.83789 0.744141 4.51758 0.744141 5.24414C0.744141 6.05188 0.929688 6.91492 1.30078 7.83313C1.38184 8.03394 1.47168 8.2373 1.57031 8.44336C2.12109 9.58008 2.72461 10.6348 3.38086 11.6074C4.03711 12.5801 4.63477 13.3887 5.17383 14.0332L6 15L6.80859 14.0332C7.35938 13.3887 7.96289 12.5801 8.61914 11.6074C9.27539 10.6348 9.87891 9.58008 10.4297 8.44336C10.9805 7.29492 11.2559 6.22852 11.2559 5.24414C11.2559 4.51758 11.1152 3.83789 10.834 3.20508C10.5645 2.57227 10.1895 2.02148 9.70898 1.55273C9.24023 1.07227 8.68359 0.697266 8.03906 0.427734ZM7.58203 6.84375C7.14844 7.27734 6.62109 7.49414 6 7.49414C5.37891 7.49414 4.8457 7.27734 4.40039 6.84375C3.9668 6.39844 3.75 5.86523 3.75 5.24414C3.75 4.62305 3.9668 4.0957 4.40039 3.66211C4.8457 3.2168 5.37891 2.99414 6 2.99414C6.62109 2.99414 7.14844 3.2168 7.58203 3.66211C8.02734 4.0957 8.25 4.62305 8.25 5.24414C8.25 5.86523 8.02734 6.39844 7.58203 6.84375Z' fill='%23003584'/%3E%3C/svg%3E%0A"); } 
.calendar-wrap .notice-content .inner > ul li .txt { padding-left:15px; color: #444; } 
.calendar-wrap .ui-calendar.col1 .calendar-list tbody tr td .calendar-list__inner .calendar-list__content .calendar-label>span { display: block; width: 100%; height: 100%; max-height: 18px; line-height: 1.2; white-space: nowrap; overflow: hidden; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; } 

@media (max-width: 640px) { 
 .calendar-wrap #tooltip { display: none; } 
 } 

/*캘린더 1 :e */

/*캘린더 2 : s*/

.year_w { border-top:1px solid #000; } 
.year_w .ui.uia li { padding: 0 77px; border-bottom: 1px solid #ddd; } 
.year_w .ui.uia li:first-child,.year_w .ui.uia li:nth-child(3n) { background-color: #F9F9F9; } 
.year_w .ui.uia .item { display:block; position:relative; min-height:118px; padding:43px 20px; padding-right:0; padding-left: 165px; overflow:hidden; } 
.year_w .ui.uia .item:focus,
.year_w .ui.uia .item:active { z-index:2; border:0; background: #fff; } 
.year_w .ui.uia .item:after { float:right; width:25px; height:100%; background:url(/site/common/img/ui/uia_arr.png) no-repeat 0 50%; content:""; } 
.year_w .ui.uia .item .month,.year_w .ui.uia .item .inner { display:inline-block; } 
.year_w .ui.uia .item .month { position:absolute; top:43px; left:0; } 
.year_w .ui.uia .item .inner { width:100%; margin-top: -8px; } 
.year_w .ui.uia .item .inner .link:last-child { border-bottom:0; } 
.year_w .ui.uia .item b { color:#cccccc; font-size:18px; } 

/* .year_w .ui.uia.qna .item { padding-left:126px; } */
.year_w .ui.uia.qna .question,
.year_w .ui.uia.qna .inner .answer { display:inline-block; font-weight:bold; font-size:30px; line-height:1; } 

.year_w .ui.uia.qna .question { top:17px; color:#222; font-size:35px; } 
.year_w .ui.uia.qna .inner .link { display:block; position:relative; padding:17px 0; margin-top: 0; color: #444; font-size: 18px; border-bottom:1px solid #eeeeee; } 

.year_w .ui.uia.qna .inner a * { } 
.year_w .ui.uia.qna .inner .link:after { display:block; clear:both; content:''; } 
/* .year_w .ui.uia.qna .inner p:first-child { padding-top:0 } */
.year_w .ui.uia.qna .inner .link .cate { display:inline-block; min-width:90px; height:31px; padding: 0 10px; border-radius:20px; color:#fff; font-size: 16px; line-height:31px; text-align:center; } 
.info_box .cate { display:inline-block; min-width:90px; height:31px; padding: 0 10px; border-radius:20px; color:#fff; font-size: 16px; line-height:31px; text-align:center; } 


.year_w .ui.uia.qna .inner .link b { display:inline-block; margin:0 14px; color:#222; font-size:20px; } 

.year_w .ui.uia.qna .inner .fe-btn { justify-content: space-around; float: right; min-width: 115px; height: auto; padding: 9px 12px 7px 15px; margin: 0; border-radius: 5px; font-size: 16px; line-height: 1; } 
.year_w .ui.uia.qna .inner .fe-btn:hover { color:#fff; } 
.year_w .ui.uia.qna .inner .fe-btn .fa-barr { position: relative; top: -1px; width: 18px; height: 18px; } 
@media screen and (max-width:1200px) { 
 .year_w .ui.uia li { padding: 0 50px; } 
 } 
@media screen and (max-width:1150px) { 
 .year_w .ui.uia.qna .inner .fe-btn { min-width: auto; padding:10px 10px 9px; font-size: 0; } 
 .year_w .ui.uia.qna .inner .fe-btn .fa { margin-left:0; background-size:100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 11V5H13V11H19V13H13V19H11V13H5V11H11Z' fill='rgba(23,142,142,1)'%3E%3C/path%3E%3C/svg%3E"); } 
 .year_w .ui.uia.qna .inner .fe-btn:hover .fa { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 11V5H13V11H19V13H13V19H11V13H5V11H11Z' fill='rgba(255,255,255,1)'%3E%3C/path%3E%3C/svg%3E"); } 
 .year_w .ui.uia .item { padding-left: 85px; } 
 } 
@media screen and (max-width:990px) { 
 .year_w .ui.uia.qna .inner .link span { display:block; max-width:81px; margin-bottom:5px; } 
 } 
 @media screen and (max-width:770px) { 
 .year_w .ui.uia.qna .inner .link b { margin-right: 0; font-size: 16px; } 
 } 



 @media screen and (max-width:680px) { 
 .year_w .ui.uia .item .month { position:static; margin-bottom:10px; } 
.year_w .ui.uia .item { padding-top: 20px; padding-bottom: 20px; padding-left:0; } 
.year_w .ui.uia li { padding: 0 30px; } 
.year_w .ui.uia.qna .inner .link b { margin-left: 0; } 
.year_w .ui.uia.qna .inner .fe-btn { float:right; margin-top:-3px; } 
.year_w .ui.uia.qna .question { font-size: 30px; } 
.year_w .ui.uia.qna .inner .link .cate { min-width: 10px; padding: 0px 10px; font-size: 15px; } 
.year_w .ui.uia.qna .inner .link span.fe-btn { position: absolute; top: -33px; right: 0; margin-bottom: 0; } 
 } 



 
 .ui-depth--list li { position: relative; padding: 15px 15px 13px; margin-top: -1px; border: 1px solid #d7d7d7; } 
 .ui-depth--list li:after { display: block; clear: both; visibility: hidden; } 
 .ui-depth--list .odd { background-color: #fbfbfb; } 
 .ui-depth--list .depth-table-0th { padding-left: 15px; } 
 .ui-depth--list .depth-table-1th { padding-left: 30px; } 
 .ui-depth--list .depth-table-2th { padding-left: 60px; } 
 .ui-depth--list .depth-table-3th { padding-left: 66px; } 
 .ui-depth--list .depth-table-4th { padding-left: 75px; } 
 .ui-depth--list .depth-table-0th .ui-yesan--title { color: #232323; font-weight: 700; font-size: 20px; line-height: 1.2; } 
 .ui-depth--list .depth-table-1th .ui-yesan--title { padding-left: 15px; background:url("data:image/svg+xml,%3Csvg width='9' height='10' viewBox='0 0 9 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 5C9 7.48528 6.98528 9.5 4.5 9.5C2.01472 9.5 0 7.48528 0 5C0 2.51472 2.01472 0.5 4.5 0.5C6.98528 0.5 9 2.51472 9 5ZM6.00037 5.00009C6.00037 5.82852 5.32879 6.50009 4.50037 6.50009C3.67194 6.50009 3.00037 5.82852 3.00037 5.00009C3.00037 4.17166 3.67194 3.50009 4.50037 3.50009C5.32879 3.50009 6.00037 4.17166 6.00037 5.00009Z' fill='%23007676'/%3E%3C/svg%3E%0A"); color: #404040; font-size: 18px; line-height: 1.2;; background-repeat: no-repeat; background-position: 0 center; } 
 .ui-depth--list .depth-table-2th .ui-yesan--title,.ui-depth--list .depth-table-3th .ui-yesan--title,.ui-depth--list .depth-table-4th .ui-yesan--title { padding-left: 10px; color: #404040; line-height: 1.2; background-repeat: no-repeat; background-position: 0 center; } 
 .ui-depth--list .depth-table-2th .ui-yesan--title { font-size: 17px; background-image: url(/pcms/common/images/ir/title_icon_05.png); } 
 .ui-depth--list .depth-table-3th .ui-yesan--title { font-size: 16px; background-image: url(/pcms/common/images/ir/title_icon_06.png); } 
 .ui-depth--list .depth-table-4th .ui-yesan--title { font-size: 14px; background-image: url(/pcms/common/images/ir/title_icon_07.png); } 
 .ui-depth--list .ui-yesan--button { position: absolute; top: 9px; right: 15px; } 
 .ui-depth--list .ui-yesan--button .btn-file { } 
 .ui-depth--list .ui-yesan--button .btn-file:first-child { border-left: 0; } 
 .ui-depth--list .ui-yesan--button .btn-file .left { position: relative; top: -1px; right: auto; margin-right: 3px; transform: translate(0, 0%); } 
 .ui-depth--list .ui-yesan--button .btn-file * { vertical-align:middle; } 
 .ui-depth--list .ui-yesan--button .btn-file .ir-link { width: 15px; height: 15px; background-size:100%; background-position:0 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M4 15h2v5h12V4H6v5H4V3a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-6zm6-4V8l5 4-5 4v-3H2v-2h8z' fill='rgba(149,164,166,1)'/%3E%3C/svg%3E"); } 
 .ui-depth--list .ui-yesan--button .btn-file:hover .ir-link,
 .ui-depth--list .ui-yesan--button .btn-file:focus .ir-link { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M4 15h2v5h12V4H6v5H4V3a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-6zm6-4V8l5 4-5 4v-3H2v-2h8z' fill='rgba(149,164,166,1)'/%3E%3C/svg%3E"); } 
 .ui-depth--list .ui-yesan--button .btn-file .ir-down { width: 15px; height: 15px; background-size:100%; background-position:0 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M13 10h5l-6 6-6-6h5V3h2v7zm-9 9h16v-7h2v8a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-8h2v7z' fill='rgba(149,164,166,1)'/%3E%3C/svg%3E"); } 

 @media (max-width: 640px) { 
 .ui-depth--list .ui-yesan--button .btn-file { padding-left: 20px; } 
 .ui-depth--list li { padding: 10px 15px 10px; } 
 .ui-depth--list .depth-table-0th .ui-yesan--title { font-size: 18px; } 
 .ui-depth--list .depth-table-0th { padding: 12px 15px 8px; } 
 .ui-depth--list .depth-table-1th .ui-yesan--title { font-size: 16px; } 
 .ui-depth--list .depth-table-2th { padding-left: 20px; } 
 .ui-depth--list .depth-table-1th { padding-left: 20px; } 
 .ui-depth--list .ui-yesan--button .btn-file .ir-link,
 .ui-depth--list .ui-yesan--button .btn-file .ir-download { display: none; } 
 .ui-depth--list .ui-yesan--button .btn-file { padding: 3px 7px; } 
 .ui-depth--list .depth-table-3th { padding-left: 36px; } 
 .ui-depth--list .depth-table-2th .ui-yesan--title { font-size: 16px; } 
 .ui-depth--list .depth-table-4th { padding-left: 45px; } 
 } 

 @media (max-width: 400px) { 
 .ui-depth--list .ui-yesan--button { position: relative; top: auto; right: auto; margin-top: 5px; } 
 } 




/* 차트 박스 */
.chart-wrap { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 40px; flex-wrap: wrap; } 

.chart-wrap .chart-box { position: relative; width: 100%; height: 359px; min-height: auto; margin-bottom: 0; border: 1px solid #DBDBDB; } 
.charts { width: 100%; height: 100%; } 
.chart-wrap .chart-table-box { width: 100%; height: 100%; } 
.chart-wrap.col2 .chart-box { width: 48%; height: 100%; min-height: 218px; margin-bottom: 0; flex : 0 0 48%; } 
.chart-wrap.col2 .chart-table-box { width: 48%; height: auto; flex : 0 0 48%; } 
.chart-wrap.col2 .chart-table-box .text-right .help-block { margin-top: -21px; } 

@media (max-width: 930px) { 
 .chart-wrap.col2 .chart-box { width: 60%; max-width: 100%; flex: 0 0 60%; } 
 .chart-wrap.col2 .chart-table-box { width: 38%; flex: 0 0 38%; } 
 } 
@media (max-width: 767px) { 
 .chart-wrap.col2 { display: block; } 
 .chart-wrap.col2 .chart-box { width: 100%; flex: 0 0 100%; } 
 .chart-wrap.col2 .chart-table-box { width: 100%; max-width: 100%; margin-top: 40px; flex: 0 0 100%; } 
 } 


/*대표 - 공유재산안내*/
.share-list .program--search--index { padding: 16px 0; margin-top: -20px; } 


.ui-view { display: block; } 


.identity-wrap .inner { border: 5px solid transparent; } 
.identity-wrap .item { min-height: 482px; padding: 20px; border: 1px solid #cacaca; text-align: center; } 
.list-box { padding: 10px; margin: 30px 0 0 0; text-align: left; border-top: 1px dotted #ccc; } 
.txt-wrap .m-txt, .txt-wrap .s-txt, .list-1st>li { line-height: 1.3; } 


/* SNS 로그인 */
.identity-wrap .ui-list__column .inner .item .icon { width: 53px; height: 53px; margin-top: 10px; background: url(/images/prog/ir.png); } 
.identity-wrap .ui-list__column .inner .item .icon1 { background-position: -144px -33px; } 
.identity-wrap .ui-list__column .inner .item .icon2 { background-position: -30px -33px; } 
.identity-wrap .ui-list__column .inner .item .h2 { margin-top: 10px; } 
.identity-wrap .sns-btn { display: block; } 
.identity-wrap .sns-btn .fe-btn { display: block; width: 100%; margin: 3px 0; font-weight: bold; font-size: 16px; } 
.identity-wrap .sns-btn .fe-btn.fe-naver { border:1px solid #00c300; background-color:#00c300; color: #fff; } 
.identity-wrap .sns-btn .fe-btn.fe-kakao { border:1px solid #FFE100; background-color: #FFE100; color: #391F1F; } 
.identity-wrap .sns-btn .fe-btn.fe-google { border:1px solid #ddd; background-color: #fff; color: #000; } 

.identity-wrap .sns-btn .fe-btn::before { display: inline-block; width: 30px; height: 30px; margin-right: 12px; margin-bottom: 2px; background-size: contain; content: ''; background-repeat: no-repeat; background-position: 50%; vertical-align: middle; } 
.identity-wrap .sns-btn .fe-btn.fe-naver:before { background-image: url(/pcms/common/images/ir/sns/naver.svg); } 
.identity-wrap .sns-btn .fe-btn.fe-kakao::before { background-image: url(/pcms/common/images/ir/sns/kakao_talk.svg); } 
.identity-wrap .sns-btn .fe-btn.fe-google::before { background-image: url(/pcms/common/images/ir/sns/google.svg); } 

.identity-wrap .sns-btn .fe-btn > span { display: inline-block; min-width: 125px; text-align: left; } 
@media screen and (max-width:985px) { 
 .identity-wrap .item { min-height: 512px; } 
 } 
@media screen and (max-width:850px) { 
 .identity-wrap .col3>* { max-width: 50%; flex: 0 0 50%; } 
 } 
@media screen and (max-width:560px) { 
 .identity-wrap .col3>* { max-width: 100%; flex: 0 0 100%; } 
 .identity-wrap .item { min-height: 10px; } 
 } 


 .tour-view .ui-map-info--multi { display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: calc(50% + 12px); width: 295px; height: auto; min-height: 154px; padding:11px 30px 37px; align-content: center; flex-wrap: wrap; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%3Csvg width='295' height='154' viewBox='0 0 295 154' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_6309_5250)'%3E%3Cpath d='M15 31.0518C15 20.0061 23.9543 11.0518 35 11.0518H260C271.046 11.0518 280 20.0061 280 31.0518V96.0518C280 107.097 271.046 116.052 260 116.052H35C23.9543 116.052 15 107.097 15 96.0518V31.0518Z' fill='white'/%3E%3Cpath d='M147.887 134.052L131 107.802H164.775L147.887 134.052Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_6309_5250' x='0' y='0.0517578' width='295' height='153' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='7.5'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_6309_5250'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_6309_5250' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A"); transform: translate(-50%, -97%); } 
 .tour-view .ui-map-info--multi .ui-map-info__title { display: block; margin-bottom: 5px; color: #222; font-weight: 700; font-size: 16px; line-height: 22px; /* 137.5% */ text-align: center; font-style: normal; } 
 
 .tour-view .ui-map-info--multi .ui-map-info__content { display: block; width: 100%; color: #222; font-weight: 400; font-size: 16px; line-height: 22px; /* 137.5% */ letter-spacing: -0.48px; text-align: center;
 white-space: normal; font-style: normal; } 
.map-navi .ui-tabs { display: flex; justify-content: center; align-items: center; position: relative; height: 58px; margin-bottom: 20px; border-radius: 10px; background: #F6F6F6; overflow: hidden; } 
.map-navi .ui-tabs:after,
.map-navi .ui-tabs:before { display: block; position: absolute; top:19px; width: 1px; height: 20px; z-index: 1; background: #DDDDDD; content: ""; } 
.map-navi .ui-tabs:after { left:calc(100% / 3 ); } 
.map-navi .ui-tabs:before { right: calc(100% / 3 ); } 
.map-navi .ui-tabs button { position: relative; width: calc(100% / 3 ); height: 100%; z-index: 2; border: 1px solid transparent; background: transparent; } 
.map-navi .ui-tabs button:hover,.map-navi .ui-tabs button:focus { color: #178E8E; } 
.map-navi .ui-tabs button.ov { display: flex; justify-content: center; align-items: center; border-radius: 10px; background: #178E8E; color: #fff; cursor: default; } 
.map-navi .ui-tabs button.ov:hover,.map-navi .ui-tabs button.ov:focus { color: #fff; } 

.map-navi .list-box { padding: 20px 15px 30px 27px; margin: 0; border: 1px solid #EEEE; border-top: 0 solid #000; } 
.map-list { padding-right: 15px; } 
.map-list::-webkit-scrollbar { width: 5px; } 
.map-list::-webkit-scrollbar-thumb { height: 25%; border-radius: 15px; background:rgba(0, 0, 0, 0.15); } 
.map-list::-webkit-scrollbar-track { border-radius: 15px; background: #DDDDDD; } 

.map-navi .map-list { display: block; height: 390px; overflow: auto; } 

.map-list .item { display: flex; justify-content: space-between; align-items: center; padding: 20px 0; border-bottom: 1px dashed #EEEEEE; } 
.map-list .item .hover-btn { display: flex; justify-content: flex-start; align-items:center; width: calc(100% - 120px ); align-content: flex-start; flex-wrap: wrap; } 
.map-list .item .hover-btn i { display: block; width: 23px; height: 28px; padding-top: 6px; padding-right: 1px; margin-top: -5px; color: #FFF; font-weight: 600; font-size: 13px; line-height: normal; font-family: 'Gmarket Sans'; letter-spacing: -0.5px; text-align: center; flex: 0 0 23px; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%3Csvg width='23' height='28' viewBox='0 0 23 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.000113705 11.2136C0.000113705 5.06237 5.01073 0.0517578 11.1689 0.0517578C17.3272 0.0517578 22.3378 5.06237 22.3378 11.2206C22.3783 20.2115 11.1689 27.0518 11.1689 27.0518C11.1476 27.0366 11.0999 27.0055 11.0286 26.9592C9.6853 26.0851 -0.0383335 19.7582 0.000113705 11.2136Z' fill='%23178E8E'/%3E%3C/svg%3E%0A"); font-style: normal; } 

.map-list .item .hover-btn b { display: block; width: calc(100% - 38px); margin-bottom: 6px; margin-left: 15px; color: #222; font-weight: 400; font-size: 20px; line-height: 135%; /* 27px */ font-family: 'Gmarket Sans'; letter-spacing: -1px; text-align: left; white-space: nowrap; font-style: normal;
 overflow: hidden; text-overflow: ellipsis; } 

.map-list .item .hover-btn span { display: block; width: 100%; padding-left: 38px; color: #444; font-weight: 400; font-size: 16px; line-height: 135%; /* 21.6px */ letter-spacing: -0.8px; text-align: left; white-space: nowrap; font-style: normal;
 overflow: hidden; text-overflow: ellipsis; } 
.map-list .item .findway-btn { justify-content: space-between; width: 117px; height: 36px; padding-right: 12px; padding-left: 15px; } 

.map-navi .ui-map .map-view { width: 100%; height: 100%; } 
@media(max-width:767px) { 
 .tour-detail .ui--item .ui--title .h3 { 
 font-size: 26px; 
 } 
 } 
@media(max-width:560px) { 
 .map-navi .list-box { padding-right: 15px; padding-left: 15px; } 
 .map-list .item .hover-btn b { margin-left: 10px; } 
 .map-list .item .hover-btn span { padding-left: 30px; } 
 .map-list .item .hover-btn { width: calc(100 - 100px); } 
 .map-list .item .findway-btn { width: 85px; padding-right: 6px; padding-left: 8px; } 
 .blog-review .slide .info { 
 padding: 20px 15px; 
 } 
 } 
@media(max-width:490px) { 
 .tour-detail .ui--item .ui--title .h3 { 
 font-size: 22px; 
 } 
 } 

 
/* 
@media(max-width:1070px) { 
 .ui-map .map-navi { padding-left: 30px; padding-right: 20px; } 
 .ui-map .map-navi:after { width: calc(100% - 30px); } 
 } 
@media(max-width:990px) { 
 .ui-map .map-navi .map-list li button { padding: 0 77px 0 43px; padding-top: 0; } 
 .ui-map .map-navi .map-list li button i { width: 36px; height: 50px; padding-top: 11px; } 
 .ui-map .map-navi .map-list li button b { margin-bottom: 0; margin-top: 2px; line-height: 1.2; } 
 .ui-map .map-navi .naver-map:before { display: none; } 
 .ui-map .map-navi .naver-map { right: 10px; padding: 6px 10px 5px 9px; } 
 } 

@media(max-width:900px) { 
 .ui-map .map-navi { padding: 40px 20px 40px 30px; } 
 .ui-map .map-navi .naver-map { font-size: 0; width: 30px; height: 30px; } 
 .ui-map .map-navi .naver-map::after { display: block; position: absolute; content: ''; width: 17px; height: 15px; left: 6px; top: 7px; background-image: url(/images/tour/prog/find-ico.png); background-repeat: no-repeat; } 
 .ui-map .map-navi .map-list li button { padding-left: 47px; } 
 } 
@media(max-width:790px) { 
 .ui-map .map-view { display: block; width: 100%; margin-right: 0; } 
.ui-map .map-navi { display: block; float: none; width: 100%; padding-top: 20px; padding-right: 0; padding-left: 0px; } 
.ui-map .map-navi .map-list { height: 400px; } 
.ui-map .map-navi:after { bottom: 6px; width: calc(100% - 5px); } 
 } 
 @media(max-width:787px) { 
 .ui-map .map-navi { padding-top: 0; } 
 .ui-map .map-view { height: 410px; } 
 .ui-white-block { padding: 20px; } 
 .ui-map .map-navi { height: 490px; padding-bottom: 20px; } 
 } 
 @media(max-width:425px) { 
 .tour-detail .ui--item.item4 { padding: 150px 0; } 
 } 
 @media(max-width:400px) { 
 .ui-map .map-navi .map-list li button i { width: 40px; height: 50px; padding-top: 11px; padding-right: 4px; background-size: contain; } 
 
 .ui-map .map-navi .map-list li button { padding-left: 48px; } 
 .ui-map .map-navi .map-list li button b { margin-bottom: 0; font-size: 18px; } 
 .ui-map .map-view { height: 300px; } 
 .ui-tabs button.ov, .ui-tabs button:hover, .ui-tabs button:focus,.ui-tabs button { font-size: 15px; } 
 } 
 */

 .table .status { position: relative; min-width: 10px; padding: 0; padding-left: 10px; border: none !important; background-color: transparent; } 
 .table .status1 { color: #C8264C; } 
 .table .status2 { color: #004E87; } 
 .table .status3 { color: #007171; } 
 .table .status4 { color: #444; } 
 .table .status:before { position: absolute; top: 7px; left: 0; width: 4px; height: 4px; border-radius: 100%; content: ''; } 
 .table .status.status2 { color: #004E87; } 
 .table .status1:before { background-color: #C8264C; } 
 .table .status2:before { background-color: #004E87; } 
 .table .status3:before { background-color: #007171; } 
 .table .status4:before { background-color: #444; } 

 .table-responsive.active.mobile, .table-responsive.active.mobile.icon{min-height: 150px;}