@charset "utf-8";

/* ----------------------------------------------------------------------------------------------------------------
Element
------------------------------------------------------------------------------------------------------------------*/

/* ---------------------------------------
Form
--------------------------------------- */
/* selectBox */
.selectBox {height:38px; padding:0 34px 0 10px; border:1px solid #ddd; border-radius:6px; background:url(../_images/culturelab/element/ico_selectDown.svg)no-repeat right 10px center; color:#000; appearance:none;}
.selectBox option {color:#707070; font-size:16px;}
.selectBox option:hover {background:#F5F7F9; color:#000;}
.selectBox option[selected] {background:#F5F7F9; color:#000;}
/* textarea */
.cbUi_textarea {border:1px solid #D9D9D9; border-radius:6px; font-size:14px; color:#000; width:100%; padding:10px; background:#fff; box-sizing:border-box; resize:none;}

.wrap-droplist.cbUiCard {display:inline-block;}
.wrap-droplist.cbUiCard .droplist-button {display:flex; width:auto; padding:10px; padding-right:36px; border:1px solid #ddd; border-radius:6px; font-size:16px; font-weight:normal;}
.wrap-droplist.cbUiCard .droplist-button:before {opacity:0.5;}
.wrap-droplist.cbUiCard .droplist {top:0%; border:0; border-radius:4px; padding:10px 0; background:#F7F7F7; padding-top:30px;}
.wrap-droplist.cbUiCard .droplist li {font-size:15px; padding:0 14px;}
.wrap-droplist.cbUiCard .droplist li:focus {outline-offset:-2px;}
.wrap-droplist.cbUiCard .droplist li:not(.disabled):hover, 
.wrap-droplist.cbUiCard .droplist li:not(.disabled):focus, 
.wrap-droplist.cbUiCard .droplist li:not(.disabled).focused{background-color:transparent;}
.wrap-droplist.cbUiCard .btnClose {display:none !important; position:absolute; z-index:3; top:10px; right:14px; width:12px; height:12px; padding:0 !important; border:0; border-radius:0; background:url(../_images/culturelab/element/ico_tostClose.svg)no-repeat; background-size:contain; color:transparent; font-size:0 !important;}
.wrap-droplist.cbUiCard .btnClose::before {display:none;}
.wrap-droplist.cbUiCard.active .btnClose {display:block !important;}

.wrap-droplist.cbUi {display:inline-block; width:100%;}
.wrap-droplist.cbUi .droplist-button {display:block; height:46px; padding:10px; padding-right:36px; overflow:hidden; border:1px solid #D9D9D9; border-radius:6px; font-size:14px; font-weight:normal; }
.wrap-droplist.cbUi .droplist-button:before {}

/* input */
.inputWrap .cbUi[type="text"] {height:46px; border:1px solid #D9D9D9; border-radius:6px; font-size:14px;}
.inputWrap .cbUi[type="text"]:disabled {background:#EBEBEB; color:#8E8E8E; border:0;}
/* input - formReset */
.inputWrap .formReset {position:relative;}
.inputWrap .formReset .cbUi[type="text"] {padding-right:36px; box-sizing:border-box;}
.inputWrap .formReset .btnReset {position:absolute; top:50%; opacity:0; right:10px; width:20px; height:20px; background:url(../_images/culturelab/element/ico_reset.svg) no-repeat; color:transparent; font-size:0; cursor:pointer; transform:translate(0, -50%);}
.inputWrap .formReset input:valid ~ input[type="reset"] {opacity:1;}
/* input - address */
.inputWrap .addon_btn {position:relative;}
.inputWrap .addon_btn .cbUi[type="text"] {padding-right:90px; box-sizing:border-box;}
.inputWrap .addon_btn .btnAddon {position:absolute; top:50%; right:10px; padding:10px; border-radius:4px; background:#000; color:#fff; font-size:12px; font-weight:700; cursor:pointer; transform:translate(0, -50%);}
/* searchWrap */
.searchWrap {display:flex; position:relative; width:100%;}
.searchWrap input {height:46px; padding:0 20px; border-radius:30px;}
.searchWrap .addon {position:absolute; z-index:1; top:3px; right:3px;}
.searchWrap .addon span.hding {display:flex; justify-content:center; align-items:center; width:20px; height:20px; margin:10px; color:#6e768f;}
.searchWrap .addon button {width:60px; height:40px; background:url(../_images/culturelab/element/ico_btnSearch.svg)no-repeat center center;}

/* optionBlock */
.optionBlock {display:flex; align-items:center; height:34px; padding:0 18px; border:1px solid #2189FF; background:#fff; border-radius:20px;}
.optionBlock .title {font-size:14px; font-weight:400; white-space:nowrap;}
.optionBlock .btnOptionRemove {width:16px; height:16px; margin-left:10px; background:url(../_images/culturelab/element/ico_optionClose.svg)no-repeat; color:transparent; font-size:0;}

/* optCheck
-------------------------------------*/
.optCheck {position:relative; display:inline-block;}
.optCheck input[type=checkbox] {position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; opacity:0;}
.optCheck input[type=checkbox]+label {display:flex; justify-content:flex-start; align-items:center; font-size:15px; cursor:pointer; visibility:visible; word-break:break-all;     position: relative;}
.optCheck input[type=checkbox]:disabled+label {cursor:default; opacity:0.4;}
.optCheck input[type=checkbox]:disabled+label:before {color:#ddd;}
.optCheck input[type=checkbox]+label:before {content:''; display:block; width:23px; height:18px; background:url(../_images/culturelab/element/ico_hart_off.svg) no-repeat center;}
.optCheck input[type=checkbox]:checked+label:before {background:url(../_images/culturelab/element/ico_hart_on.svg) no-repeat center;}
.optCheck input[type=checkbox]:focus ~ label {outline:-webkit-focus-ring-color auto 1px;}

/* button */
.culturelab_wrap .button span {position:relative; z-index:1;}
.culturelab_wrap .button {display:flex; justify-content:center; align-items:center; position:relative; height:36px; padding:0 20px; overflow:hidden; border:none; border-radius:20px; background:#fff; color:#2e2e2e; line-height:1; white-space:nowrap; cursor:pointer; transition:all 0.1s ease 0s;}
.culturelab_wrap .button:hover {}
.culturelab_wrap .button:active {}
.culturelab_wrap .button:focus {outline:2px dotted #555 !important;} /* KDP-66522 웹 접근성 수정 241029 아웃라인칼라 변경 예외 메뉴*/
.culturelab_wrap .button:disabled {cursor:default; pointer-events:none;}
.culturelab_wrap .button:disabled:hover {color:rgba(0,0,0,0.2);}
.culturelab_wrap .button:disabled:hover:after {content:""; display:none;}

.culturelab_wrap button.gray {background:#F5F5F5; color:#000;}
.culturelab_wrap button.gray.active {background:#2189FF; color:#fff;}
.culturelab_wrap button.btnEdit {display:flex;align-items: center;height: 26px;font-weight:700;font-size: 14px;text-decoration:underline;}
.culturelab_wrap button.btnEdit::before {content:''; display:block; width:19px; height:19px; margin-right:8px; background:url(../_images/culturelab/element/ico_edit.svg)no-repeat;}
.culturelab_wrap button.more {height:40px; border:1px solid #000; font-weight:700;}
.culturelab_wrap button.more::after {content:''; display:block; width:16px; height:16px; margin-left:10px; background:url(../_images/culturelab/element/ico_arrowDown.svg)no-repeat;}
.culturelab_wrap button.moreDark {height:40px; border:1px solid #fff; background:transparent; color:#fff; font-weight:700;}
.culturelab_wrap button.moreDark::after {content:''; display:block; width:16px; height:16px; margin-left:10px; background:url(../_images/culturelab/element/ico_arrowDown.svg)no-repeat; filter:brightness(10);}
.culturelab_wrap button.blackLine {background:#000; color:#fff; height:42px; border:1px solid #fff;}
.culturelab_wrap button.blackLine:disabled {background:#D9D9D9; color:#AAAAAA;}
.culturelab_wrap button.black {background:#000; color:#fff; font-weight:700;}
.culturelab_wrap button.black:disabled {background:#D9D9D9; color:#AAAAAA;}
.culturelab_wrap button.whiteLine {background:#fff; color:#000; border:1px solid #000;}
.culturelab_wrap button.whiteGrayLine {background:#fff; color:#000; border:1px solid #CDCDCD;}
.culturelab_wrap button.whiteGrayLine.active {color:#006BEA; border:1px solid #006BEA;}
.culturelab_wrap button.classWrite {background:#fff; color:#000;}
.culturelab_wrap button.ico_classWrite {height:40px; border:1px solid #000; font-weight:700;}
.culturelab_wrap button.ico_classWrite::before {content:''; display:block; width:20px; height:20px; margin-right:10px; background:url(../_images/culturelab/element/ico_classWrite.svg)no-repeat;}
.culturelab_wrap button.circleRefresh {width:34px; height:34px; padding:0; color:transparent; font-size:0; border:1px solid #DDDDDD; border-radius:50%; background:url(../_images/culturelab/element/ico_refresh.svg)no-repeat center #fff;}
.culturelab_wrap button.locationPoint {width:38px; height:38px; padding:0; color:transparent; font-size:0; border:1px solid transparent; border-radius:10px; background:url(../_images/culturelab/element/ico_locationPoint.svg)no-repeat center #F2F4F6;}
.culturelab_wrap button.bntSelect {display:flex; justify-content: space-between; padding:10px; border:1px solid #ddd; border-radius:6px;}
.culturelab_wrap button.bntSelect::after {content:''; display:block; width:16px; height:16px; margin-left:10px; background:url(../_images/culturelab/element/ico_arrowDown.svg)no-repeat; opacity:0.5;}
.culturelab_wrap button.bntSelect.inActive {border:1px solid #000;}
.culturelab_wrap button.bntSelect.inActive::after {opacity:1}
.culturelab_wrap button.bntSelect.active {border:1px solid #000;}
.culturelab_wrap button.bntSelect.active::after {opacity:1; transform:rotate(180deg);}
.culturelab_wrap button.squareBox {background:#fff; color:#000; height:60px; border-radius:6px; border:1px solid #D9D9D9; font-size:14px; padding:9px 30px;}
.culturelab_wrap button.squareBox.active {color:#006BEA; border:1px solid #006BEA;}

.Require-blue{color: #2189FF;}
/* fileUp */
.fileUp {display:block; position:relative; width:100%; margin-bottom: 6px;}
.fileUp input[type="file"] {display:block; position:absolute; width:100%; height:100%; pointer-events:none; opacity:0;}
.fileUp label {display: flex; justify-content: center; align-items: center; cursor: pointer; width: 213px; padding: 14px 0; border: 1px solid #000; background: #FFFFFF; color: #000; font-size: 16px; border-radius: 25px;}

.culturelab_wrap .infoBox .info{white-space: nowrap;}
.culturelab_wrap .info{align-items: center;}
.culturelab_wrap .info span + span:before{content:'';display:inline-block;width:1px;height:10px;margin:0 6px;background-color:#AAA;vertical-align:0;}

/* tooltip */
.tooltip-layer.show {display: block; width: 388px;}
.culturelab_wrap .tooltip-layer{background: #F7F7F7;}
.culturelab_wrap .tooltip-layer .tooltip-content {margin-top: 16px;}
.culturelab_wrap .tooltip-layer .tooltip-content strong{color: #707070; line-height: 2;}
.culturelab_wrap .tooltip-layer .tooltip-content p{color: #707070;}
.culturelab_wrap .tooltip-layer .tooltip-content .e_g{display: inline-block; width: 22px; line-height: 1; vertical-align: initial;}
@media (max-width:802px){
  .fileUp label{font-size: 15px; padding: 12px 0;}
  .tooltip-layer.show {width: auto; margin-right: 12px;}
}
/* photoFileUp */
.photoFileUp {display:block; position:relative; width:100%;}
.photoFileUp .myphoto {position:absolute; z-index:1; margin:6px; pointer-events:none; width:90px; height:90px; border-radius:50%;}
.photoFileUp input[type="file"] {display:block; position:absolute; width:100%; height:100%; opacity:0; pointer-events:none;}
.photoFileUp label {display:flex; justify-content:center; align-items:center; position:relative; width:102px; height:102px; border:1px solid #CCCCCC; border-radius:50%; background:#fff; color:#8E8E8E; font-size:14px; cursor:pointer;}
.photoFileUp label .txt {display:flex; justify-content:center; align-items:center; position:absolute; z-index:2; bottom:-10px; height:30px; padding:0 20px; border-radius:50px; background:#2189FF; color:#fff; font-size:14px;white-space: nowrap;}
.photoFileUp.fileRemove {}
.photoFileUp.fileRemove input[type="file"],
.photoFileUp.fileRemove label {pointer-events:none;}
.photoFileUp.fileRemove .btnFileRemove {position:absolute; z-index:1; right:1px; bottom:1px; width:24px; height:24px; background:url(../_images/culturelab/element/ico_fileRemoe.svg) no-repeat; color:transparent; font-size:0;}
@media (max-width:802px){
  .photoFileUp label {width:80px; height:80px;}
  .photoFileUp label .txt{bottom:-15px;padding:0 11px}
  .photoFileUp .myphoto {width:68px; height:68px;}
}
/* cbuiTooltip */
.cbuiTooltip {display:inline-flex; position:relative; padding:10px 30px 10px 10px; border-radius:10px; background:#2189FF; color:#fff;}
.cbuiTooltip.leftArrow::before {content:''; position:absolute; top:8px; left:-31px; width:0; height:0; border-top:10px transparent solid; border-right:14px #2189ff solid; border-bottom:10px transparent solid; border-left:20px transparent solid;}
.cbuiTooltip .btnTooltipClose {position:absolute; right:6px; width:17px; height:17px; background:url(../_images/culturelab/element/ico_optionClose.svg) no-repeat; background-size:contain; color:transparent; font-size:0; filter:grayscale(1) brightness(10);}

/* fileDetail */
.fileDetail {display:flex; justify-content:space-between; position:relative; width:100%; padding:14px; border:1px solid #D9D9D9; border-radius:6px; background:#F7F7F7; box-sizing:border-box;}
.fileDetail .ico {}
.fileDetail .info {display:flex; flex-direction:column; width:calc(100% - 34px); line-height:1.4;}
.fileDetail .info .byte {display:block; color:#AAAAAA; font-size:12px;}
.fileDetail .info .fileName {display:block; margin-top:4px; color:#000; font-size:14px;}
.fileDetail .btnFileRemove {position:absolute; top:10px; right:10px; width:16px; height:16px; background:url(../_images/culturelab/element/ico_fileClose.svg) no-repeat; color:transparent; font-size:0;}

/* nlabel */
.culturelab_wrap .label {display:inline-flex; align-items:center; height:28px; padding:0 10px; border:1px solid transparent; border-radius:4px; font-size:14px; font-weight:700; white-space:nowrap;}
.culturelab_wrap .label.ico_user {}
.culturelab_wrap .label.ico_user::before {content:''; display:block; width:16px; height:16px; margin-right:4px; background:url(../_images/culturelab/element/ico_user.svg)no-repeat;}
.culturelab_wrap .label.type01 {border-color:#2189FF; background:#2189FF; color:#fff;}
.culturelab_wrap .label.type02 {border-color:#2189FF; background:#fff; color:#2189FF;}
.culturelab_wrap .label.type03 {border-color:#fff; background:#fff; color:#000;}
.culturelab_wrap .label.type04 {border-color:#EFEFEF; background:#EFEFEF; color:#888;}
.culturelab_wrap .label.type04 strong {color:#000;}
.culturelab_wrap .label.type05 {border-color:#000; background:#000; color:#2189FF;}
.culturelab_wrap .label.type06 {background:#000; color:#fff;}
.culturelab_wrap .label.type07 {border-color:#fff; background:#000; color:#fff;}
.culturelab_wrap .label.type08 {border-color:#2189FF; background:#000; color:#2189FF;}
.culturelab_wrap .label.type09 {border-color:#FFAA42; background:#000; color:#FFAA42;}
.culturelab_wrap .label.type10 {background:#707070; color:#fff; font-weight:700;}
.culturelab_wrap .label.type11 {border-color:#aaa; background:#fff; color:#707070; font-weight:700;}
.culturelab_wrap .label.type12 {border-color:#6F84D8; background:#6F84D8; color:#fff;}/* KDP-61942 240828 수정 */

/* classWriteBox */
.culturelab_wrap .classWriteBox {padding:16px; border-radius:8px; background:#333; box-sizing:border-box; width:100%;}
.culturelab_wrap .classWriteBox textarea {padding:8px; color:#fff; box-sizing:border-box; resize:none; width: 100%; height: 39px; font-size: 18px; line-height: 23px;}
.culturelab_wrap .classWriteBox textarea::placeholder{font-size: inherit; color:#fff;}
.culturelab_wrap .classWriteBox textarea::-webkit-scrollbar{width:4px;}
.culturelab_wrap .classWriteBox textarea::-webkit-scrollbar-track{box-shadow:none}
.culturelab_wrap .classWriteBox textarea::-webkit-scrollbar-thumb{background-color:#555;border-radius:2px;}
.culturelab_wrap .classWriteBox .tools {display:flex; justify-content:space-between; align-items:center; margin-top:14px; padding:16px 0 0; border-top:1px solid #8E8E8E;}
.culturelab_wrap .classWriteBox .tools .byte {display:flex; align-items:center; color:#8E8E8E; font-size:14px;}

@media (max-width:802px) {
  .culturelab_wrap .classWriteBox{padding:12px;}
  .culturelab_wrap .classWriteBox textarea{height:auto;height:44px;font-size:14px;line-height:28px;}
  .culturelab_wrap .classWriteBox textarea::placeholder{font-size: 14px;}
  .culturelab_wrap .classWriteBox .tools{margin-top:10px;padding-top:12px;}
  .culturelab_wrap .classWriteBox .tools .byte{font-size:12px;}
}

/* ---------------------------------------
cardType - main
---------------------------------------*/
/* cardType_ma */
.culturelab_wrap .cardType_ma {display:flex; flex-wrap:wrap; flex-direction:column; position:relative; width:100%; overflow:hidden;}
.culturelab_wrap .cardType_ma a {display:block;}
.culturelab_wrap .cardType_ma a:focus {position:relative;}
.culturelab_wrap .cardType_ma a:focus:after {content:""; position:absolute; top: 0; left: 0; right:0; bottom: 0; border: 2px dotted #888;}/* KDP-66522 웹 접근성 수정 241029 아웃라인칼라 변경 예외 메뉴*/
  
.culturelab_wrap .cardType_ma .area_thumb{position:relative;width: 100%;border-radius:8px;overflow: hidden;}
.culturelab_wrap .cardType_ma .area_thumb::after {content:''; display:block; position:absolute; z-index:1; top:0; width:100%; height:100%; background:rgba(0 0 0 / 50%);}
.culturelab_wrap .cardType_ma .area_thumb .dDay {display:flex; justify-content:center; align-items:center; flex-direction:column; position:absolute; z-index:2; top:0; width:100%; height:100%; color:#fff; font-weight:700; line-height:1.4;gap:4px;}
.culturelab_wrap .cardType_ma .area_thumb .dDay p {font-size:20px;}
.culturelab_wrap .cardType_ma .area_thumb .dDay em {font-size:32px;line-height:35px;font-family: 'Samsung Sharp Sans';}
.culturelab_wrap .cardType_ma .area_thumb .thumb {display: block;width: 100%;height: 0;padding-top: 56.14035%;background-size: cover;background-position: center;}
.culturelab_wrap .cardType_ma .infoBox {display:flex; flex-direction:column; z-index:2; margin-top:24px;}
.culturelab_wrap .cardType_ma .infoBox .title {display:-webkit-box; height:64px; color:#fff; font-size:24px; text-overflow:ellipsis; line-height:32px; overflow:hidden; word-break:break-all; word-wrap:break-word;-webkit-line-clamp:2; -webkit-box-orient:vertical;}
.culturelab_wrap .cardType_ma .infoBox .info {display:flex;flex-wrap: wrap;margin-top:5px;}
.culturelab_wrap .cardType_ma .infoBox .info span {display:block; color:#aaa; font-size:14px;line-height: 16px;}
.culturelab_wrap .cardType_ma .infoBox .info span + span:before {margin:0 8px;background-color:#aaa;}

@media (max-width:802px) {
.culturelab_wrap .cardType_ma{display:flex;flex-direction:row;flex-wrap: nowrap;gap:10px;}
.culturelab_wrap .cardType_ma .area_thumb{width:158px;}
.culturelab_wrap .cardType_ma .infoBox{display:flex;justify-content:center;margin-top:0;flex:1;}
.culturelab_wrap .cardType_ma .infoBox .title{height:48px;font-size:18px;line-height:24px;}
.culturelab_wrap .cardType_ma .infoBox .info{margin-top:3px;}
.culturelab_wrap .cardType_ma .infoBox .info span{line-height:18px;}
.culturelab_wrap .cardType_ma .area_thumb .dDay{gap:2px;}
.culturelab_wrap .cardType_ma .area_thumb .dDay p{font-size:14px;line-height:18px;}
.culturelab_wrap .cardType_ma .area_thumb .dDay em{font-size:20px;line-height: 22px;}

}

@media (max-width:320px) {
  .culturelab_wrap .cardType_ma a{flex-direction:column;position: relative;}
  .culturelab_wrap .cardType_ma .area_thumb{width: 50%;min-width: 100px}
}
/* cardType_mb */
.culturelab_wrap .cardType_mb {display:flex; flex-wrap:wrap; flex-direction:column; position:relative; width:100%; overflow:hidden;}
.culturelab_wrap .cardType_mb a {display:contents; position:relative;}
.culturelab_wrap .cardType_mb .area_thumb {position:relative; width:100%;}
.culturelab_wrap .cardType_mb .area_thumb .thumb {display: block;width: 100%;height: 0;padding-top: 56.19048%;background-size: cover;background-position: center;border-radius: 12px;}
.culturelab_wrap .cardType_mb .infoWrap {display:flex; align-items:flex-start;margin-top:20px}
.culturelab_wrap .cardType_mb .infoWrap .num {display:flex; justify-content:center; align-items:center; min-width:68px; margin-right:16px; color:#fff; font-size:100px; font-weight:700;font-family: 'Samsung Sharp Sans';}
.culturelab_wrap .cardType_mb .infoWrap .infoBox {display:flex; flex-direction:column; z-index:2; margin-top:5px;}
.culturelab_wrap .cardType_mb .infoWrap .infoBox .title {display:-webkit-box; height:64px; overflow:hidden; color:#fff; font-size:24px; text-overflow:ellipsis; line-height:32px; word-break:break-all;word-wrap:break-word;-webkit-line-clamp:2; -webkit-box-orient:vertical;}
.culturelab_wrap .cardType_mb .infoWrap .infoBox .info {display:flex;flex-wrap: wrap;margin-top:5px;}
.culturelab_wrap .cardType_mb .infoWrap .infoBox .info span {display:block; color:#aaa; font-size:14px;line-height: 18px;}
.culturelab_wrap .cardType_mb .infoWrap .infoBox .info span + span:before {background-color:#aaa;}

@media (max-width:802px) {
  .culturelab_wrap .cardType_mb .infoWrap {margin-top:23px;}
  .culturelab_wrap .cardType_mb .infoWrap .num {min-width:auto; font-size:40px;}
  .culturelab_wrap .cardType_mb .infoWrap .infoBox {margin-top:0;}
  .culturelab_wrap .cardType_mb .infoWrap .infoBox .title {height:48px; font-size:18px; font-weight:700; line-height:24px;}
}

/* cardType_v */
.culturelab_wrap .cardType_v {display:flex; flex-wrap:wrap; flex-direction:column; position:relative; width:100%; overflow:hidden;}
.culturelab_wrap .cardType_v .area_thumb {position:relative; width:100%;}
.culturelab_wrap .cardType_v .area_thumb .thumb {display: block;width: 100%;height: 0;padding-top: 56.08696%;background-size: cover;background-position: center;border-radius: 12px;}
.culturelab_wrap .cardType_v .infoWrap {display:flex; align-items:flex-start;margin-top:19px;gap:18px;width:100%}
.culturelab_wrap .cardType_v .infoWrap .num {display:flex; justify-content:center; align-items:center; min-width:40px; color:#fff; font-size:40px;line-height:44px;font-weight:700;font-family: 'Samsung Sharp Sans';}
.culturelab_wrap .cardType_v .infoWrap .infoBox {display:flex; flex-direction:column; z-index:2; margin-top:2px;width: calc(100% - 152px)}
.culturelab_wrap .cardType_v .infoWrap .infoBox .title {display:-webkit-box; max-height:64px; overflow:hidden; color:#fff; font-size:24px; text-overflow:ellipsis; line-height:32px; word-break:break-all;word-wrap:break-word;-webkit-line-clamp:2; -webkit-box-orient:vertical;}
.culturelab_wrap .cardType_v .infoWrap .infoBox .info {display:flex;flex-wrap: wrap; margin-top:8px;}
.culturelab_wrap .cardType_v .infoWrap .infoBox .info span {display:block; color:#aaa; font-size:14px;line-height: 18px;}
.culturelab_wrap .cardType_v .infoWrap .infoBox .info span + span{text-overflow: ellipsis;overflow: hidden;}
.culturelab_wrap .cardType_v .infoWrap .infoBox .info span + span:before {background-color:#aaa;}
.culturelab_wrap .cardType_v .infoWrap .voteState{display:flex;flex-direction: column;min-width:76px;text-align: center;}
.culturelab_wrap .cardType_v .infoWrap .voteState:before{content:'';width: 17px;height: 19px;margin:9px auto 0;background:url(../_images/culturelab/ico_vote.svg) 100% center no-repeat;}
.culturelab_wrap .cardType_v .infoWrap .voteState .txt{display: block;margin-top: 8px;font-size: 14px;line-height: 18px;color:#fff}
.culturelab_wrap .cardType_v .infoWrap .voteState .txt em{color: #68AEFF;}

@media (max-width:802px) {
  .culturelab_wrap .cardType_v{display: flex;flex-direction: row;gap:16px;width:100%}
  .culturelab_wrap .cardType_v .area_thumb{width:auto;min-width:96px}
  .culturelab_wrap .cardType_v .area_thumb .thumb{border-radius:6px;}
  .culturelab_wrap .cardType_v .infoWrap{margin-top:0;gap:8px;flex:1;width:calc(100% - 112px)}
  .culturelab_wrap .cardType_v .infoWrap .num{min-width:16px;margin-right: 2px;margin-top:2px;font-size:24px;line-height: 27px;}
  .culturelab_wrap .cardType_v .infoWrap .infoBox{margin-top:0;flex:1}
  .culturelab_wrap .cardType_v .infoWrap .infoBox .title{max-height:36px;font-size:15px;line-height:18px;}
  .culturelab_wrap .cardType_v .infoWrap .voteState{min-width:48px}
  .culturelab_wrap .cardType_v .infoWrap .voteState:before{margin-top:2px}

}

@media(max-width:320px) {
  .culturelab_wrap .cardType_v{gap:10px;}
  .culturelab_wrap .cardType_v .area_thumb{min-width:64px!important;}
  .culturelab_wrap .cardType_v .infoWrap{width:calc(100% - 74px)}
  .culturelab_wrap .cardType_v .infoWrap .infoBox{width:calc(100% - 250px);overflow:hidden;}
  .culturelab_wrap .cardType_v .infoWrap .infoBox .info span + span{overflow:hidden;overflow:hidden;text-overflow:ellipsis;flex:1;/* min-width:31px;*/}
  .culturelab_wrap .cardType_v .infoWrap .infoBox .title{font-size:14px;}
  .culturelab_wrap .cardType_v .infoWrap .infoBox .info{margin-top:6px;}
  .culturelab_wrap .cardType_v .infoWrap .infoBox .info span{font-size:12px;line-height:18px;}
  .culturelab_wrap .cardType_v .infoWrap .voteState .txt{margin-top:6px;font-size: 12px;line-height: 16px;}
  .culturelab_wrap .cardType_v .infoWrap .voteState .txt em{display:block;}
}

/* bastTalk */
.culturelab_wrap .bastTalk {display:flex; flex-wrap:wrap; flex-direction:column; padding:20px; overflow:hidden; border-radius:10px; background:#ffffff; box-sizing:border-box;}
.culturelab_wrap .bastTalk:focus {outline: 2px dotted #555 !important;}/* KDP-66522 웹 접근성 수정 241029 아웃라인칼라 변경 예외 메뉴*/
.culturelab_wrap .bastTalk .reviewWrap{display:flex; flex-wrap:nowrap; flex-direction:row;gap:16px;margin-top:16px }
.culturelab_wrap .bastTalk .reviewWrap .area_thumb { width:70px;}
.culturelab_wrap .bastTalk .reviewWrap .area_thumb .thumb {position:relative;display: block;width: 100%;height: 0;padding-top: 100%;background-size: cover;background-position: center;border-radius: 6px;}
.culturelab_wrap .bastTalk .reviewWrap .area_thumb .num{position: absolute;bottom:4px;right:4px;width: 16px;height: 16px;border-radius: 1px;background-color: rgba(0,0,0,0.6);text-align: center;font-size: 12px;line-height: 16px;color:#fff}
.culturelab_wrap .bastTalk .contentsBox {flex:1}
.culturelab_wrap .bastTalk .contentsBox .talkInfo {display:flex; justify-content:space-between; align-items:center;gap:10px}
.culturelab_wrap .bastTalk .contentsBox .talkInfo .userBox {display: flex;align-items: center;gap: 8px;flex: 1;}
.culturelab_wrap .bastTalk .contentsBox .talkInfo .userBox .label{height:24px;padding:0 8px;border-radius:6px;}
.culturelab_wrap .bastTalk .contentsBox .talkInfo .userBox .user {color:#000; font-size:14px; }
.culturelab_wrap .bastTalk .contentsBox .talkInfo .starBox {display:flex; gap:4px;}
.culturelab_wrap .bastTalk .contentsBox .talkInfo .starBox i {display:block; width:16px; height:16px; background:url(../_images/culturelab/element/ico_star.svg)no-repeat; color:transparent; font-size:0;}
.culturelab_wrap .bastTalk .contentsBox .talkInfo .starBox .num{font-size: 12px;line-height:16px;}
.culturelab_wrap .bastTalk .contentsBox .talkText {display:-webkit-box; min-height:44px; margin-top:8px; overflow:hidden; color:#000; font-size:16px; text-overflow:ellipsis; line-height:22px; word-break:break-all;word-wrap:break-word;-webkit-line-clamp:2; -webkit-box-orient:vertical;}
.culturelab_wrap .bastTalk .infoWrap {display:flex; justify-content:space-between; align-items:center;gap:16px; padding-bottom:16px; border-bottom:1px solid #D9D9D9;}
.culturelab_wrap .bastTalk .infoWrap .area_thumb {position:relative; width:100px;}
.culturelab_wrap .bastTalk .infoWrap .area_thumb .thumb {display: block;width: 100%;height: 0;padding-top: 60%;background-size: cover;background-position: center;border-radius: 6px;}
.culturelab_wrap .bastTalk .infoWrap .infoBox {flex:1}
.culturelab_wrap .bastTalk .infoWrap .infoBox .title {display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;height:23px;color:#000; font-size:18px; line-height: 23px; font-weight: 400;}
.culturelab_wrap .bastTalk .infoWrap .infoBox .info {display:flex;flex-wrap: wrap;margin-top:6px;}
.culturelab_wrap .bastTalk .infoWrap .infoBox .info span {display:block; color:#000; font-size:12px;line-height:16px;}
.culturelab_wrap .bastTalk .infoWrap .infoBox .info span + span:before {background-color:#000;}

@media(max-width:320px) {
  .culturelab_wrap .bastTalk .infoWrap .area_thumb {width:60px;}
  .culturelab_wrap .bastTalk .infoWrap .infoBox .title {font-size:15px; letter-spacing:-0.5px;}
  .culturelab_wrap .bastTalk .contentsBox .talkText {font-size:14px;}
}

/* ---------------------------------------
cardType
---------------------------------------*/
/* cardType_a */
.culturelab_wrap .cardType_a {display:flex; flex-wrap:wrap; flex-direction:column; position:relative; width:100%; height:0; padding-top:177.1318%; overflow:hidden; border-radius: 12px; background-size: cover;background-position: center;}
.culturelab_wrap .cardType_a a {display:contents; position:relative;}
.culturelab_wrap .cardType_a a:after {content:''; display:block; position:absolute; z-index:1; bottom:0; width:100%; height:100%; background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 100%);opacity:0.8;}
.culturelab_wrap .cardType_a a .thumb {width:100%; border-radius:10px;}
.culturelab_wrap .cardType_a a .infoBox {display:flex; align-items:center; flex-direction:column; position:absolute; z-index:2; bottom:30px; width: 100%; padding:0 20px;}
.culturelab_wrap .cardType_a a .infoBox .title {display:-webkit-box; overflow:hidden; min-height:60px;color:#fff; font-size:24px; text-align:center; text-overflow:ellipsis; line-height:30px; word-break:break-all; word-wrap:break-word;-webkit-line-clamp:2; -webkit-box-orient:vertical;}
.culturelab_wrap .cardType_a a .infoBox .info {display:flex;flex-wrap: wrap;justify-content:center;margin-top:20px;}/* 231213 수정 */
.culturelab_wrap .cardType_a a .infoBox .info span {display:block; color:#fff; font-size:14px;}
.culturelab_wrap .cardType_a a .infoBox .info span + span:before {height:8px;margin:0 8px;background-color:#fff;}
.culturelab_wrap .cardType_a a .labelWrap {position:absolute; z-index:2; top:14px; left:16px; display:flex; align-items:flex-end; gap:12px;}
.culturelab_wrap .cardType_a a .labelWrap .num {color:#fff; font-size:40px; font-weight:700; line-height:35px;font-family: 'Samsung Sharp Sans';}
.culturelab_wrap .cardType_a a .labelWrap .num::before {content:counter(number); counter-increment:number 1;}
.culturelab_wrap .cardType_a a .labelWrap .count {display:flex; justify-content:center; align-items:center; gap:4px; min-width:33px; height:18px; padding:3px 5px; border-radius:9px; background:#fff; font-size:12px; font-weight:700;}
.culturelab_wrap .cardType_a a .labelWrap .count::before {content:'';}
.culturelab_wrap .cardType_a a .labelWrap .count.up {color:#2189FF;}
.culturelab_wrap .cardType_a a .labelWrap .count.up::before,.culturelab_wrap .cardType_a a .labelWrap .count.down::before {width:12px; height:12px;background:url(../_images/culturelab/ico_up.svg) no-repeat}
.culturelab_wrap .cardType_a a .labelWrap .count.down {color:#000;}
.culturelab_wrap .cardType_a a .labelWrap .count.down::before {background-image:url(../_images/culturelab/ico_down.svg)}
.culturelab_wrap .cardType_a a .labelWrap .count.same {}
.culturelab_wrap .cardType_a a .labelWrap .count.same::before {border-top:1px #000 solid; width:4px;}

@media (max-width:802px) {
  .culturelab_wrap .cardType_a a .infoBox{bottom:24px;padding-left:14px;padding-right:14px;}
  .culturelab_wrap .cardType_a a .infoBox .title{min-height:52px;font-size:20px;line-height:26px;}
  .culturelab_wrap .cardType_a a .infoBox .info{margin-top:12px;}
  .culturelab_wrap .cardType_a a .infoBox .info span{font-size:12px;line-height:16px;}
  .culturelab_wrap .cardType_a a .labelWrap .count{height:16px;}
}

/* cardType_b */
.culturelab_wrap .cardType_b {display:flex; flex-wrap:wrap; flex-direction:column; position:relative; width:100%;}
.culturelab_wrap .cardType_b a {display:contents;}
.culturelab_wrap .cardType_b a .thumb {width:100%; border-radius:10px;}
.culturelab_wrap .cardType_b a .title {display:block; margin:12px 0; color:#fff; font-size:20px; font-weight:700; line-height:1.4; word-break:break-all;}
.culturelab_wrap .cardType_b .info {display:flex;}
.culturelab_wrap .cardType_b .info span {display:block; color:#AAAAAA; font-size:14px;}
.culturelab_wrap .cardType_b .info span + span:before {background-color:#aaa;}
.culturelab_wrap .cardType_b .labelWrap {position:absolute; z-index:2; top:10px; left:10px;}
.culturelab_wrap .cardType_b .labelWrap .labelBox {display:flex; margin:8px 0; gap:8px;}

/* cardType_c */
.culturelab_wrap .cardType_c {display:flex; align-items:flex-end; position:relative; width:100%;}
.culturelab_wrap .cardType_c .thumb {width:50%; border-radius:10px;}
.culturelab_wrap .cardType_c .infoBox {width:50%; margin:0 20px;}
.culturelab_wrap .cardType_c .infoBox .title {display:block; color:#fff; font-size:20px; font-weight:700; line-height:1.4; word-break:break-all;}
.culturelab_wrap .cardType_c .infoBox .labelWrap {}
.culturelab_wrap .cardType_c .infoBox .labelWrap .countBox {display:flex; align-items:flex-end; margin:8px 0; gap:8px;}
.culturelab_wrap .cardType_c .infoBox .labelWrap .countBox .num {color:#fff; font-size:36px; font-weight:700; line-height:0.8;}
.culturelab_wrap .cardType_c .infoBox .labelWrap .countBox .num::before {content:counter(number); counter-increment:number 1;}
.culturelab_wrap .cardType_c .infoBox .labelWrap .countBox .count {display:flex; align-items:center; font-size:16px; font-weight:700;}
.culturelab_wrap .cardType_c .infoBox .labelWrap .countBox .count::before {content:''; margin-right:6px;}
.culturelab_wrap .cardType_c .infoBox .labelWrap .countBox .count.up {color:#D62E2E;}
.culturelab_wrap .cardType_c .infoBox .labelWrap .countBox .count.up::before {width:0; height:0; border-right:6px transparent solid; border-bottom:10px #D62E2E solid; border-left:6px transparent solid;}
.culturelab_wrap .cardType_c .infoBox .labelWrap .countBox .count.down {color:#006BEA;}
.culturelab_wrap .cardType_c .infoBox .labelWrap .countBox .count.down::before {border-top:10px #006BEA solid; border-right:6px transparent solid; border-left:6px transparent solid;}
.culturelab_wrap .cardType_c .infoBox .labelWrap .countBox .count.same {color:transparent; font-size:0; height:16px;}
.culturelab_wrap .cardType_c .infoBox .labelWrap .countBox .count.same::before {border-top:2px #fff solid; width:10px;}

.culturelab_wrap .cardType_c .infoBox .info {display:flex;flex-wrap: wrap;margin:16px 0 6px 0;}
.culturelab_wrap .cardType_c .infoBox .info span {display:block; color:#AAAAAA; font-size:14px;}
.culturelab_wrap .cardType_c .infoBox .info span + span:before {background-color:#cdcdcd;}

@media (max-width:802px) {
    .culturelab_wrap .cardType_c {display:flex; align-items:unset; flex-direction:column;}
    .culturelab_wrap .cardType_c .thumb {width:100%;}
    .culturelab_wrap .cardType_c .infoBox {width:100%; margin:20px 0 0;}
}

/* cardType_d */
.culturelab_wrap .cardType_d {display:flex; flex-direction:column; position:relative; width:100%; padding:16px; border:1px solid #45484c; border-radius:6px; background:#303338; box-sizing:border-box;}
.culturelab_wrap .cardType_d .title {color:#fff; font-size:16px; font-weight:500;}
.culturelab_wrap .cardType_d .info {display:flex; margin:12px 0 0 0;}
.culturelab_wrap .cardType_d .info span {display:block; color:#707070; font-size:14px;}
.culturelab_wrap .cardType_d .info span + span:before {background-color:#cdcdcd;}

/* cardType_wa */
.culturelab_wrap .cardType_wa {display:flex; flex-wrap:nowrap; flex-direction:column; position:relative; width:100%;}
.culturelab_wrap .cardType_wa a {display:contents;}
.culturelab_wrap .cardType_wa a .thumb {width:100%;height:0;padding-top:56.25%;background-size:cover;background-position: center;border-radius:10px;}
.culturelab_wrap .cardType_wa a .title {display:-webkit-box; margin:10px 0 6px; min-height: 56px; overflow:hidden; color:#000; font-size:20px; font-weight:700; text-overflow:ellipsis; line-height:1.4; word-break:break-all; word-wrap:break-word;-webkit-line-clamp:2; -webkit-box-orient:vertical;}
.culturelab_wrap .cardType_wa .optCheck {position:absolute; top:16px; right:16px; z-index:1;}
.culturelab_wrap .cardType_wa .info {display:flex;white-space: nowrap}
.culturelab_wrap .cardType_wa .info span {display:block;overflow:hidden;text-overflow:ellipsis;color:#000; font-size:14px;line-height:18px;}
.culturelab_wrap .cardType_wa .itemInfo {display:flex; flex-direction:column; gap:12px; margin-top:8px;line-height:18px;}
.culturelab_wrap .cardType_wa .itemInfo .ico {overflow:hidden;display:block;position:relative; padding-left:22px;font-size:16px; white-space:nowrap;text-overflow:ellipsis;}
.culturelab_wrap .cardType_wa .itemInfo .ico::before {content:''; display:block; position:absolute; left:0; width: 16px;height: 16px;}
.culturelab_wrap .cardType_wa .itemInfo .ico.location::before {background:url(../_images/culturelab/element/ico_location.svg) no-repeat;}
.culturelab_wrap .cardType_wa .itemInfo .ico.star::before {background:url(../_images/culturelab/element/ico_star.svg) no-repeat;}
.culturelab_wrap .cardType_wa .dateBox {margin-top:8px;line-height:34px;}
.culturelab_wrap .cardType_wa .dateBox .select-box .wrap-droplist.cbUiCard .droplist-button{display:block;max-width:100%;min-height:auto;padding:6px 34px 6px 12px;font-size:14px;white-space:nowrap;line-height:20px;}
.culturelab_wrap .cardType_wa .buttonWrap {margin-top:12px;}
.culturelab_wrap .cardType_wa .buttonWrap button {padding:0 24px;font-size:14px;}

@media (max-width:802px) {
  .culturelab_wrap .cardType_wa a .title {min-height:36px; font-size:15px; line-height:18px;}
  .culturelab_wrap .cardType_wa .info span {font-size:12px; line-height:16px;}
  .culturelab_wrap .cardType_wa .itemInfo .ico {padding-left:20px; font-size:13px;}
  .culturelab_wrap .cardType_wa .dateBox {line-height:30px;}
  .culturelab_wrap .cardType_wa .dateBox .txt {font-size:13px;}
  .culturelab_wrap .cardType_wa .dateBox .select-box .wrap-droplist.cbUiCard .droplist-button {padding:5px 24px 5px 5px; font-size:12px; line-height:18px; letter-spacing:-1px;}
  .culturelab_wrap .cardType_wa .dateBox .select-box .wrap-droplist.cbUiCard .droplist {}
  .culturelab_wrap .cardType_wa .dateBox .select-box .wrap-droplist.cbUiCard .droplist li {padding:0 8px; font-size:13px;}
  .culturelab_wrap .cardType_wa .buttonWrap {margin-top:11px;}
  .culturelab_wrap .cardType_wa .wrap-droplist.cbUiCard {width: 100%;}
}

/* cardType_wb */
.culturelab_wrap .cardType_wb {display:flex; flex-wrap:nowrap; flex-direction:column; position:relative; width:100%;}
.culturelab_wrap .cardType_wb a {display:contents;}
.culturelab_wrap .cardType_wb a .thumb {width:100%;height:0;padding-top:56.25%;background-size:cover;background-position: center;border-radius:10px;}
.culturelab_wrap .cardType_wb a .title {display:-webkit-box; margin:10px 0 6px; min-height: 56px; overflow:hidden; color:#000; font-size:20px; font-weight:700; text-overflow:ellipsis; line-height:1.4; word-break:break-all; word-wrap:break-word;-webkit-line-clamp:2; -webkit-box-orient:vertical;}
.culturelab_wrap .cardType_wb .infoBox {display:flex; justify-content:space-between; align-content:center;align-items: center;}
.culturelab_wrap .cardType_wb .infoBox .info {display:flex;overflow: hidden;}
.culturelab_wrap .cardType_wb .infoBox .info span {display:block;overflow: hidden;text-overflow: ellipsis; color:#000; font-size:14px;line-height:18px;}
.culturelab_wrap .cardType_wb .infoBox .ico {font-size:16px; position:relative; padding-left:22px;}
.culturelab_wrap .cardType_wb .infoBox .ico::before {content:''; display:block; position:absolute; left:0; width:16px; height:16px;}
.culturelab_wrap .cardType_wb .infoBox .ico.star::before {background:url(../_images/culturelab/element/ico_star.svg) no-repeat;}
.culturelab_wrap .cardType_wb .labelWrap {margin:12px 0 0;}
.culturelab_wrap .cardType_wb .labelWrap .labelBox {display:flex;flex-wrap:wrap;gap:6px;}
.culturelab_wrap .cardType_wb .buttonWrap {margin-top:12px;}
.culturelab_wrap .cardType_wb .buttonWrap button {padding:0 24px;font-size:14px;}

@media (max-width:802px) {
  .culturelab_wrap .cardType_wb a .title{min-height:44px;font-size:16px;line-height:22px;}
  .culturelab_wrap .cardType_wb .infoBox .info span{font-size:12px;line-height:16px;}
  .culturelab_wrap .cardType_wb .infoBox .ico{font-size:12px;line-height:16px;}
  .culturelab_wrap .cardType_wb .dateBox{line-height:30px;}
  .culturelab_wrap .cardType_wb .dateBox .select-box .wrap-droplist.cbUiCard .droplist-button{padding:5px 30px 5px 5px;font-size:13px;line-height:18px;}
  .culturelab_wrap .cardType_wa .buttonWrap{margin-top:11px;}
}

@media (max-width:380px) {
  .wrap_serch_result .wrap_class .list_class .item_class:nth-child(odd) .cardType_wa .dateBox .select-box .wrap-droplist.cbUiCard .btnClose {right:-12px;}
  .wrap_serch_result .wrap_class .list_class .item_class:nth-child(even) .cardType_wa .dateBox .select-box .wrap-droplist.cbUiCard .btnClose {right:4px;}
  .wrap_serch_result .wrap_class .list_class .item_class:nth-child(even) .cardType_wa .dateBox .select-box .wrap-droplist.cbUiCard .droplist {left:auto; right:-6px;}
  .culturelab_wrap .cardType_wa .dateBox .select-box .wrap-droplist.cbUiCard .droplist {width:120%;}

}

@media (max-width:320px) {
  .wrap_serch_result .wrap_class .list_class .item_class:nth-child(odd) .cardType_wa .dateBox .select-box .wrap-droplist.cbUiCard .btnClose {right:-54px;}
  .culturelab_wrap .cardType_wa .dateBox .select-box .wrap-droplist.cbUiCard .droplist {width:150%;}

}

/* cardTalk */
.culturelab_wrap .cardTalk {display:flex; flex-wrap:wrap; flex-direction:column; overflow:hidden; border-radius:10px; background:#313131;}
.culturelab_wrap .cardTalk .contentsBox {padding:20px;}
.culturelab_wrap .cardTalk .contentsBox .talkInfo {display:flex; justify-content:space-between; align-items:center;}
.culturelab_wrap .cardTalk .contentsBox .talkInfo .userBox {}
.culturelab_wrap .cardTalk .contentsBox .talkInfo .userBox .user {margin:0 30px 0 10px; color:#fff; font-size:14px; font-weight:700;}
.culturelab_wrap .cardTalk .contentsBox .talkInfo .starBox {display:flex; gap:4px;}
.culturelab_wrap .cardTalk .contentsBox .talkInfo .starBox i {display:block; width:16px; height:16px; background:url(../_images/culturelab/element/ico_star.svg)no-repeat; color:transparent; font-size:0;}
.culturelab_wrap .cardTalk .contentsBox .talkText {display:-webkit-box; margin:10px 0 0; min-height:58px; overflow:hidden; color:#fff; font-size:16px; text-overflow:ellipsis; line-height:1.2; word-break:break-all;word-wrap:break-word;/* 라인수 */-webkit-line-clamp:3; -webkit-box-orient:vertical;}
.culturelab_wrap .cardTalk .infoWrap {display:flex; align-items:center; padding:20px; border-top:1px solid #707070;}
.culturelab_wrap .cardTalk .infoWrap .thumb {width:60px; height:60px; border-radius:6px;}
.culturelab_wrap .cardTalk .infoWrap .infoBox {margin-left:16px;}
.culturelab_wrap .cardTalk .infoWrap .infoBox .title {color:#fff; font-size:18px; font-weight:700;}
.culturelab_wrap .cardTalk .infoWrap .infoBox .info {display:flex; margin:10px 0 4px 0;flex-wrap: wrap;}
.culturelab_wrap .cardTalk .infoWrap .infoBox .info span {display:block; color:#707070; font-size:14px;}
.culturelab_wrap .cardTalk .infoWrap .infoBox .info span + span:before {background-color:#cdcdcd;}

/* talkBox */
.culturelab_wrap .talkBox {}
.culturelab_wrap .talkBox .userInfo {display:flex; align-items:center;}
.culturelab_wrap .talkBox .userInfo .level {width:30px; height:30px; background:#fff; border-radius:50%; display:flex; justify-content:center; align-items:center;}
.culturelab_wrap .talkBox .userInfo .level i {display:block; width:20px; height:20px; background-repeat:no-repeat; background-position:center center; background-size:contain;}
.culturelab_wrap .talkBox .userInfo .level i.grade-star {background-image: url("/sec/static/_images/common/icon-grade-star.svg");}
.culturelab_wrap .talkBox .userInfo .level i.grade-normal {background-image: url("/sec/static/_images/common/icon-grade-normal.svg");}
.culturelab_wrap .talkBox .userInfo .level i.grade-prestige {background-image: url("/sec/static/_images/common/icon-grade-prestige.svg");}
.culturelab_wrap .talkBox .userInfo .level i.grade-royal {background-image: url("/sec/static/_images/common/icon-grade-royal.svg");}
.culturelab_wrap .talkBox .userInfo .level img {width:22px;}
.culturelab_wrap .talkBox .userInfo .nickName {font-size:14px; font-weight:700; color:#fff; display:block; margin-left:12px;}
.culturelab_wrap .talkBox .message {display:inline-block;font-size:16px; color:#000; background:#fff; padding:8px 12px; border-radius:8px; margin-left:40px; max-width:500px; line-height: 1.4;word-break: break-all;}
.culturelab_wrap .talkBox .date {margin-left:40px; font-size:14px; color:#8E8E8E; margin-top:10px;}

@media (max-width:802px) {
  .culturelab_wrap .talkBox .message {padding:12px; font-size:14px;}
  .culturelab_wrap .talkBox .date {margin-top:8px; font-size:12px;}
  .culturelab_wrap .talkBox .userInfo .nickName {margin-left:10px; font-size:13px;}
}

/* tooltip */
.culturelab_wrap .tooltip{display:flex;position:relative;align-items:center;padding:6px 10px 6px 16px;border-radius:6px;background-color:#2189FF;color:#fff;gap:4px;}
.culturelab_wrap .tooltip:after{content:'';position:absolute;right:11px;bottom:-6px;width:0;height:0;border-right:7px solid transparent;border-left:7px solid transparent;border-top:8px solid #2189FF}
.culturelab_wrap .tooltip .txt_tooltip{font-size:12px;}
.culturelab_wrap .tooltip .btn_close{width:16px;height:16px;}
.culturelab_wrap .tooltip .btn_close:before{content:'';display:inline-block;width:16px;height:16px;background:url(../_images/culturelab/ico_tooltip_x.svg) 100% center no-repeat;}
.culturelab_wrap .tooltip.left:after{top:50%;left:-6px;right:auto;bottom:auto;margin-top:-6px;border-top:6px solid transparent;border-right:8px solid #2189FF;border-bottom:6px solid transparent;border-left:0;}


/* --------------------------------------------------------
TOAST
----------------------------------------------------------*/
@keyframes ToastShow {0% {opacity:0; transform:translate3d(0, 100px, 0);}
  100% {opacity:1; transform:translate3d(0, 0, 0);}
}
@keyframes ToastHide {0% {opacity:1; transform:translate3d(0, 0, 0);}
 100% {opacity:0; transform:translate3d(0, 100px, 0);}
}

.toastModal {display:flex; position:fixed; z-index:99; left:0px; right:0px; bottom:10px; justify-content:center;}
.toastModal .toastBox {position:relative; z-index:2; width:340px;}
.toastModal .toastBox .toast {display:flex; margin:4px; padding:20px; border-radius:10px; background:rgb(255 255 255 / 90%); box-shadow:0 10px 10px rgba(0, 0, 0, 0.2); box-sizing:border-box;animation:ToastShow 0.3s;justify-content:space-between;align-items:center; -webkit-justify-content:space-between; -webkit-align-items:center; -ms-flex-pack:justify; -ms-flex-align:center;}
.toastModal .toastBox .toast.ani_hide {animation:ToastHide 0.3s;}
.toastModal .toastBox .toast .text {color:#000; line-height:1.4;}
.toastModal .toastBox .toast .tools {}
.toastModal .toastBox .toast .tools .closePop {font-size:0; color:transparent; width:16px; height:16px; background:url(../_images/culturelab/element/ico_tostClose.svg)no-repeat;}

/* ---------------------------------------
middlePop
--------------------------------------- */
.middlePop {width:340px; padding:20px; border:1px solid #ddd; border-radius:10px; background:#fff; box-shadow:0 10px 10px rgba(0, 0, 0, 0.2); box-sizing:border-box;}
.middlePop .mpHeader {display:flex; justify-content:flex-end; height:24px;}
.middlePop .mpHeader .mpClose {width:24px; height:24px; background:url(../_images/culturelab/element/ico_mpClose.svg)no-repeat; color:transparent; font-size:0;}
.middlePop .mpContents {margin:10px 0;}
.middlePop .mpContents .checkBoxWrap {display:flex; flex-wrap:wrap; gap:14px 10px;}
.middlePop .mpContents .checkBoxWrap .chk-form {width:calc(50% - 5px);}
.middlePop .mpContents .checkBoxWrap .chk-form input[type="radio"] + label {padding:0 0 0 30px; font-size:14px; line-height:24px;}
.middlePop .mpContents .checkBoxWrap .chk-form input[type="radio"] + label:before {top:2px; width:20px; height:20px; background-size:12px auto;}
.middlePop .mpContents .checkBoxWrap .chk-form input[type="radio"]:checked + label::after {top:6px; left:4px; width:12px; height:12px;}
.middlePop .mpContents .checkBoxWrap .chk-form input[type="checkbox"] + label {padding:0 0 0 30px; font-size:14px; line-height:24px;}
.middlePop .mpContents .checkBoxWrap .chk-form input[type="checkbox"] + label:before {top:3px; width:20px; height:20px; background-size:12px auto;}
.middlePop .mpContents .datePickerWrap {display:flex; justify-content:center; gap:10px;}
.middlePop .mpContents .datePickerWrap .datePickerBox {width:110px;}
.middlePop .mpContents .datePickerWrap .datePickerBox .datepicker {background:#fff url(/sec/static/_images/common/icon-calendar.svg) no-repeat right 6px center !important; background-size:auto 18px !important;font-size:13px;}
.middlePop .mpContents .datePickerWrap .dash {line-height:36px;}
.middlePop .mpFooter {display:flex; justify-content:center; padding:10px 0; gap:10px;}
.middlePop .mpFooter button {min-width:90px;}

/* datepicker */
.ui-datepicker.cbUi {z-index:200 !important; width:unset; height:auto; margin:5px auto 0; padding:10px; border:1px solid #ddd !important; border-radius:10px; background:#fff; box-shadow:0 10px 10px rgba(0, 0, 0, 0.2); font-family:'SamsungOneKorean', Dotum, '돋움', sans-serif; box-sizing:border-box;}
.ui-datepicker.cbUi a {text-decoration:none;}
.ui-datepicker.cbUi .ui-datepicker-header {display:flex; align-items:center; border:0; background:none;}
.ui-datepicker.cbUi .ui-datepicker-title {display:flex; align-items:center; color:#000; font-size:20px; font-size:14px !important; font-weight:700; text-align:center;}
.ui-datepicker.cbUi .ui-datepicker-title select {width:70px !important; height:34px !important; margin:0 6px !important; padding:0 5px; border-radius:4px; background:#fff !important; font-size:14px; font-weight:700; color:#000}
.ui-datepicker.cbUi .ui-datepicker-prev,
.ui-datepicker.cbUi .ui-datepicker-next {display:inline-block; top:unset !important; width:16px; height:16px; padding:0px; overflow:hidden; border:0; background:none; color:#fff; font-size:12px; text-align:center; cursor:pointer;}
.ui-datepicker.cbUi .ui-datepicker-prev:hover,
.ui-datepicker.cbUi .ui-datepicker-next:hover {color:#FFF;}
.ui-datepicker.cbUi .ui-datepicker-prev {left:6px; float:none;}
.ui-datepicker.cbUi .ui-datepicker-next {right:6px; float:none; transform:rotate(180deg);}
.ui-datepicker.cbUi .ui-datepicker-prev span,
.ui-datepicker.cbUi .ui-datepicker-next span {position:unset !important; margin:unset !important; background:url(../_images/culturelab/element/ico_datepickerArrow.svg)no-repeat;}
.ui-datepicker.cbUi table {width:100%; margin:10px 0;}
.ui-datepicker.cbUi thead {}
.ui-datepicker.cbUi thead th {padding:5px 0; color:#000; font-size:14px; font-weight:normal;}
.ui-datepicker.cbUi tbody td {padding:0;}
.ui-datepicker.cbUi tbody td.ui-datepicker-today a {background:#eee !important; color:#000 !important;}
.ui-datepicker.cbUi td span,
.ui-datepicker.cbUi td a {display:flex; justify-content:center; align-items:center; width:30px; height:30px; margin:2px; border-radius:50%; color:#000; font-size:14px;}
.ui-datepicker.cbUi .ui-datepicker-calendar .ui-state-default {background:none;}
.ui-datepicker.cbUi .ui-datepicker-calendar .ui-state-hover {background:#fff; color:#427bfd;}
.ui-datepicker.cbUi .ui-datepicker-calendar .ui-state-active {position:relative; border-radius:50%; background:#2189FF !important; color:#fff !important;}
.ui-datepicker.cbUi .ui-datepicker-unselectable .ui-state-default {color:#999;}
.ui-datepicker.cbUi .ui-datepicker-calendar td:first-child .ui-state-active {width:100%; margin-left:0;}
.ui-datepicker.cbUi .ui-datepicker-calendar td:last-child .ui-state-active {width:100%; margin-right:0;}
.ui-datepicker.cbUi .ui-datepicker-calendar tr:last-child .ui-state-active {height:100%; margin-bottom:0;}
.ui-datepicker.cbUi .ui-datepicker-buttonpane {padding:14px 0; overflow:hidden; text-align:center;}
.ui-datepicker.cbUi .ui-datepicker-buttonpane button {display:inline-block; margin:0 4px; padding:8px 20px; border:0px; border-radius:20px; background:#444; color:#eee; font-size:12px;}
.ui-datepicker.cbUi .ui-datepicker-buttonpane button.ui-datepicker-current {}
.ui-datepicker.cbUi .ui-datepicker-buttonpane button.ui-datepicker-close {}

/* datepicker + 기간선택 (240123 추가) */
.date_period {padding-top:14px;}
.date_period .month-wrapper {position:relative;padding-top:24px;border-top:1px solid #ddd;cursor:default;overflow:hidden; display:flex;}
.date_period .month-wrapper table {width:50%;}
.date_period .single-month .month-wrapper table {width:100%;}
.date_period .month-wrapper table td,
.date_period .month-wrapper table th {margin:0;text-align:center;line-height:14px;vertical-align:middle;padding:0}
.date_period .month-wrapper table th .month-element {display:inline-block;margin:0 4px;}
.date_period .month-wrapper table td {padding:2px 0}
.date_period .month-wrapper table tr.caption .month-element +.month-element::after {content:"년";display:inline-block}
.date_period .date-picker-wrapper table .caption {height:34px}
.date_period .date-picker-wrapper table .caption > th:first-of-type,
.date_period .date-picker-wrapper table .caption > th:last-of-type {width:34px}
.date_period .date-picker-wrapper table .caption .next,
.date_period .date-picker-wrapper table .caption .prev {display:inline-block;width:34px;height:34px;border-radius:50%;border:1px solid #ddd;line-height:34px;cursor:pointer}
.date_period .date-picker-wrapper table .caption .next:hover,
.date_period .date-picker-wrapper table .caption .prev:hover {color:#4195d6}
.date_period .month-wrapper table .week-name {height:36px;font-weight:100;line-height:36px;text-transform:uppercase}
.date_period .month-wrapper table .week-name th {padding-top:5px;}
.date_period .month-wrapper table .day {position:relative;line-height:1;display:flex;justify-content:center;align-items:center;width:100%;height:36px;color:#a9a9a9;text-align:center;font-size:14px;}
.date_period .month-wrapper table .day.real-today::after {display:none;position:absolute;top:50%;left:50%;margin-top:-18px;margin-left:-18px;width:36px;height:36px;line-height:36px;box-sizing:border-box;border:1px solid #2189FF ;border-radius:50%;}
.date_period .month-wrapper table div.day.lastMonth,
.date_period .month-wrapper table div.day.nextMonth {color:#999;cursor:default}
.date_period .month-wrapper table .day.checked {background:#a4ceff;color:#fff !important;}
.date_period .month-wrapper table .day.first-date-selected {background:#4499ee;border-radius:20px 0 0 20px;}
.date_period .month-wrapper table .day.last-date-selected {background:#4499ee;border-radius:0 20px 20px 0;}
.date_period .month-wrapper table .day.first-date-selected.last-date-selected {border-radius:20px;}
.date_period .month-wrapper table .day.has-tooltip {cursor:help!important}
.date_period .month-wrapper table .day.has-tooltip .tooltip {white-space:nowrap}
.date_period .date-picker-wrapper .time label {white-space:nowrap}
.date_period .month-wrapper table .day.toMonth.valid {color:#000;cursor:pointer}
.date_period .month-wrapper table .day.toMonth.hovering {background-color:#eee}
.date_period .month-wrapper table .day.lastMonth,
.date_period .month-wrapper table .day.nextMonth {display:none}
.date_period .month-wrapper table .day.real-today::after {content:"";display:block;}
.date_period .month-wrapper table .day.real-today.checked::after {display:none}
.date_period .month-wrapper table .day.real-today.checked,
.date_period .month-wrapper table .day.real-today.hovering {/*background-color:#70ccd5*/}
.date_period .date-picker-wrapper .gap {visibility:hidden;position:relative;z-index:1;top:-5px;float:left;width:15px;height:100%;margin:0 10px -10px;background-color:transparent;font-size:0;line-height:0;height:0}
.date_period .date-picker-wrapper .gap .gap-lines {height:100%;overflow:hidden}
.date_period .date-picker-wrapper .gap .gap-line {width:15px;height:15px;position:relative}
.date_period .date-picker-wrapper .gap .gap-line .gap-1 {z-index:1;height:0;border-top:8px solid #eee;border-left:8px solid #fff;border-bottom:8px solid #eee}
.date_period .date-picker-wrapper .gap .gap-line .gap-2 {position:absolute;z-index:2;top:0;right:0;height:0;border-left:8px solid transparent;border-top:8px solid #fff}
.date_period .date-picker-wrapper .gap .gap-line .gap-3 {position:absolute;z-index:2;top:8px;right:0;height:0;border-left:8px solid transparent;border-bottom:8px solid #fff}
.date_period .date-picker-wrapper .gap .gap-top-mask {position:absolute;top:-1px;left:1px;width:6px;height:1px;background-color:#eee;z-index:3}
.date_period .date-picker-wrapper .gap .gap-bottom-mask {position:absolute;left:7px;bottom:-1px;width:6px;height:1px;background-color:#eee;z-index:3}
.date_period .date-picker-wrapper .selected-days {display:none}
.date_period .date-picker-wrapper .drp_top-bar {position:relative;line-height:1.4;padding:10px 40px 10px 0;display:none;}
.date_period .date-picker-wrapper .drp_top-bar .error-top,
.date_period .date-picker-wrapper .drp_top-bar .normal-top {display:none}
.date_period .date-picker-wrapper .drp_top-bar .default-top {display:none}
.date_period .date-picker-wrapper .drp_top-bar.error .default-top {display:none}
.date_period .date-picker-wrapper .drp_top-bar.error .error-top {display:block;color:red}
.date_period .date-picker-wrapper .drp_top-bar.normal .default-top {display:none}
.date_period .date-picker-wrapper .drp_top-bar.normal .normal-top {display:none}
.date_period .date-picker-wrapper .drp_top-bar.normal .normal-top .selection-top {color:#333}
.date_period .date-picker-wrapper .drp_top-bar .apply-btn{position:absolute;top:6px;right:0;margin:0;padding:3px 5px;border:solid 1px #0076a3; border-radius:4px;background:#0095cd;background:-moz-linear-gradient(top,#00adee,#0078a5);color:#d9eef7;color:#fff;font-size:12px;cursor:pointer;line-height: initial;}
.date_period .date-picker-wrapper .drp_top-bar .apply-btn{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');}
.date_period .date-picker-wrapper .drp_top-bar .apply-btn.disabled {border:solid 1px #b7b7b7;background:#fff;background:-moz-linear-gradient(top,#fff,#ededed);color:#606060;cursor:pointer;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed')}
.date_period .date-picker-wrapper .time {position:relative;display:none;}
.date_period .date-picker-wrapper .time input[type=range] {width:129px;margin:0;padding:0;vertical-align:middle;height:20px}
.date_period .date-picker-wrapper .time1 {width:180px;padding:0 5px;text-align:center}
.date_period .date-picker-wrapper .time2 {width:180px;padding:0 5px;text-align:center}
.date_period .date-picker-wrapper .time1 {float:left}
.date_period .date-picker-wrapper .time2 {float:right}
.date_period .date-picker-wrapper .hour {text-align:right}
.date_period .date-picker-wrapper .minute {text-align:right}
.date_period .date-picker-wrapper .hide {display:none}
.date_period .date-picker-wrapper .first-date-selected,
.date_period .date-picker-wrapper .last-date-selected {background-color:#49e!important;color:#fff!important}
.date_period .date-picker-wrapper .date-range-length-tip {display:none;position:absolute;margin-top:-4px;margin-left:-8px;padding:0 6px;border-radius:2px;background-color:transparent;box-shadow:0 0 3px rgba(0,0,0,.3);font-size:12px;line-height:16px;}
.date_period .date-picker-wrapper .date-range-length-tip {-webkit-filter: drop-shadow(0 0 3px rgba(0, 0, 0, .3));-moz-filter: drop-shadow(0 0 3px rgba(0, 0, 0, .3));-ms-filter: drop-shadow(0 0 3px rgba(0, 0, 0, .3));-o-filter: drop-shadow(0 0 3px rgba(0, 0, 0, .3));filter: drop-shadow(0 0 3px rgba(0, 0, 0, .3));}
.date_period .date-picker-wrapper .date-range-length-tip:after {content:'';position:absolute;left:50%;margin-left:-4px;border-top:4px solid #ff0;border-right:4px solid transparent;border-left:4px solid transparent;bottom:-4px}
.date_period .date-picker-wrapper .date-range-length-tip  {opacity:0;}
.date_period .date-picker-wrapper.two-months.no-gap .month1 .next,
.date_period .date-picker-wrapper.two-months.no-gap .month2 .prev {display:none}
.date_period .date-picker-wrapper .week-number {margin-bottom:1px;padding:5px 0;color:#999;font-size:12px;line-height:1;cursor:pointer}
.date_period .date-picker-wrapper .week-number.week-number-selected {color:#49e;font-weight:700}
@media (max-width:768px){
  .date_period .date-picker-wrapper table .caption .next,
  .date_period .date-picker-wrapper table .caption .prev {background:#fff;color:#4195d6;border:1px solid #ddd;}
  .date_period .date-picker-wrapper table .caption .next:hover,
  .date_period .date-picker-wrapper table .caption .prev:hover {color:#4195d6}
}