#__nuxt {height: 100%;}
#__layout {height: 100%;}
#__default {height: 100%;}
#__next {height: 100%;}

.container {max-width: none; padding: 0;}

button,
input,
optgroup,
select,
textarea {line-height: normal; font-family:'Noto Sans KR', sans-serif; font-weight: normal;}

label.form-control {visibility: visible;}
.opt input[type=radio], .opt input[type=checkbox] {cursor: pointer;}

dt {font-weight: 500;}

.ovUset{overflow: unset !important;}
.expired-day{text-decoration: line-through;}

.container .body .contents .afterBox .columnWrap .column .desc p {word-break: normal;}

span.highlight {color: #F04438 !important;}
.isrequired {font-weight: 500}
.required{font-size: 20px; font-weight: bold;}
::-webkit-scrollbar-thumb{min-height: 25px;}
/* block bootstrap */
.row {margin-right: unset; margin-left: unset;}

/* calendar component - bootstrap */
*, ::after, ::before {box-sizing: revert;}
.dropdown-menu *, .dropdown-menu ::after, .dropdown-menu ::before {box-sizing: border-box;}
.btn-secondary:focus {box-shadow: 0 0 0 0.1rem #000000;}
.form-control:focus{background-color: #fff; border-color: black; outline: 0; box-shadow: inset 0 0 0 1px black}
.btn-outline-primary {color: #eeeeee !important; background-color: #17191C !important;}
.btn-primary{background: #ddd !important; color: #17191C !important; font-weight: bold; box-shadow: inset 0 0 0 1px #ddd !important;}
.btn-light,
.btn-light.focus,
.btn-primary.focus,
.btn-outline-primary.focus{background-color: #ffffff; box-shadow: inset 0 0 0 1px black !important;}
.btn-outline-primary:hover{background-color: #17191C; text-decoration: underline; box-shadow: inset 0 0 0 1px #ffffff !important;}
.btn-primary:hover,
.btn-outline-light:hover,
.btn-light:hover{background-color: #ffffff; text-decoration: underline; box-shadow: inset 0 0 0 1px #737373;}
.btn-primary.active::before{position: absolute; top: -4px; left: 17px; content: '.'; color: #17191C;}
.dropdown-menu.dropdown-menu-right{transform:translate3d(-235px, 20px, 0px)}

.close{opacity: 1;}
.close:not(:disabled):not(.disabled):hover{opacity:1}

.divBar {width: 1px; height: 15px; flex-grow: 0; background-color: #ccc; margin: 0 5px; display: inline-block;}
.divHr {width: 100%; height: 2px; background-color: #e0e0e1; margin: 40px 0;}
.divHr2 {width: 100%; height: 1px; background-color: #e0e0e1; margin: 30px 0;}

.noNotiMsg ul li {text-align: center; font-size: 18px; line-height: 250px; height: 300px;}

.container .body .contents .contentBox .detailView .detailVeiwBody .detailInfo {margin:30px 40px; max-width:1120px;}
.container .body .contents .contentBox .detailView .detailVeiwBody .moreBoxInfo .appThumb {position:relative;}
.container .body .contents .contentBox .detailView .detailVeiwBody .moreBoxInfo .appThumb img {width:inherit; height:inherit;}
.container .body .contents .contentBox .detailView .detailVeiwBody .moreBoxInfo .appThumb .btnArrow {position:absolute; top:50%; margin-top:-24px; z-index:6; box-shadow:none;}
.container .body .contents .contentBox .detailView .detailVeiwBody .moreBoxInfo .appThumb .btnArrow.before {left:4px;}
.container .body .contents .contentBox .detailView .detailVeiwBody .moreBoxInfo .appThumb .btnArrow.after {right:4px; transform:rotate(180deg);}
.container .body .contents .contentBox .detailView .detailVeiwBody .moreBoxInfo .appThumb .sliderBox {overflow:hidden;}
.container .body .contents .contentBox .detailView .detailVeiwBody .moreBoxInfo .appThumb .sliderBox .bx-viewport ul li img {width:100%; max-height:583px; border-radius: 6px;}
.container .body .contents .contentBox .detailView .detailVeiwBody .detailInfo .desc {margin-top:50px;}
.container .body .contents .contentBox .detailView .detailVeiwBody .detailInfo .desc p {font-size:16px; line-height:24px; font-weight:400;}
.sliderBox .bx-controls .bx-pager {font-size: .85em};

.nodata ul {display:flex; display:-webkit-flex; display:-ms-flexbox; justify-content:center;align-items:center; -webkit-justify-content:center; -webkit-align-items:center; -ms-flex-pack:center; -ms-flex-align:center;}
.nodata ul p {font-size:16px; color:#777; background:url(../img/icon/icon_question.svg) no-repeat center top; padding-top:30px; padding-bottom: 5px;}

.loader {position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999;}

.data-install.buttonWrap {margin: 30px;}

.button.medium.newBtn {line-height: 20px !important;}

.button.circle.navarrow.up::before {filter: grayscale(0) !important;}

.popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox .confirmBox {width: calc(100%) !important; height: auto;}

.approvedIcon, 
.rejectedIcon,
.closedIcon, 
.waitIcon {text-align: left; width: max-content;}

.newLine {white-space: pre-wrap;}

.container .body .contents .contentBox.solutionDetails .detailView .detailVeiwHeader .infoBox {height: 40px}

.autoWidth { width: auto !important }

.doughnutChart.title {
    color: var(--text-03, var(--text-text-sub, #555));
    text-align: center;
    /* body/3 (18, regular) */
    font-family: "Noto Sans KR", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 25.2px */
}
.doughnutChart.content {
    color: var(--text-01, var(--text-text-title, #111));
    text-align: center;
    font-family: "Noto Sans KR", sans-serif;
    font-size: 56px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 67.2px */
}
.doughnutChart.textWrapper{
    position: absolute;
    top: calc(50% - 45px);
    text-wrap: center;
}
.playingColor{
    color: #3A02B2;
}

.textCenter {text-align:center !important;}
.one .thumbBox .thumb{width: 80px; height: 80px;}
.one .thumbBox.service {background: #FFE9E9 !important;}
.one .thumbBox.music {background: #E5FCFF !important;}
.one .thumbBox.infotainment {background: #E3FCE4 !important;}
.one .thumb.pmw {background: url(../img/icon/ic_pmw_service.svg) no-repeat; background-position: center; background-size: cover;}
.one .thumb.bgm {background: url(../img/icon/ic_bgm_service.svg) no-repeat; background-position: center; background-size: cover;}
.one .thumb.bizMelon {background: url(../img/icon/ic_biz_service.svg) no-repeat; background-position: center; background-size: cover;}
.one .thumb.channel {background: url(../img/icon/ic_channel_service.svg) no-repeat; background-position: center; background-size: cover;}
.one .thumb.feed {background: url(../img/icon/ic_feed_service.svg) no-repeat; background-position: center; background-size: cover;}
.one .thumb.dsMenu {background: url(../img/icon/ic_DSmenu_service.svg) no-repeat; background-position: center; background-size: cover;}
.one .thumb.voice {background: url(../img/icon/ic_voice_service.svg) no-repeat; background-position: center; background-size: cover;}
.one .thumb.weather {background: url(../img/icon/ic_weather_service.svg) no-repeat; background-position: center; background-size: cover;}
.one .thumb.travel {background: url(../img/icon/ic_travel_service.svg) no-repeat; background-position: center; background-size: cover;}
.one .thumb.epg {background: url(../img/icon/ic_epg_service.svg) no-repeat; background-position: center; background-size: cover;}
.one .thumb.flight {background: url(../img/icon/ic_flight_service.svg) no-repeat; background-position: center; background-size: cover;}
.one .thumb.wantreez {background: url(../img/icon/int_ic_wantreez.svg) no-repeat; background-position: center; background-size: cover;}
.one .thumb.postermywall {background: url(../img/icon/ser_ic_postermywall.svg) no-repeat; background-position: center; background-size: cover;}
.one .thumb.airplay {background: url(../img/icon/ic_airplay.svg) no-repeat; background-position: center; background-size: cover;}
.one .thumb.spacevision {background: url(../img/icon/ic_spacevision_service.svg) no-repeat; background-position: center; background-size: cover;}
.one .thumb.fastsensor {background: url(../img/icon/ic_fastsensor.svg) no-repeat; background-position: center; background-size: cover;}
.one .thumb.seenspire {background: url(../img/icon/ic_seenspire.svg) no-repeat; background-position: center; background-size: cover;}

.one .thumbBox.interface {background: #E9F2FF !important;}
.one .thumb.iot {background: url(../img/icon/ic_iot_int.svg) no-repeat; background-position: center; background-size: cover;}
.one .thumb.netflix {background: url(../img/icon/ic_netflix_int.svg) no-repeat; background-position: center; background-size: cover;}
.one .thumb.pms, .one .thumb.localpms {background: url(../img/icon/ic_pms_int.svg) no-repeat; background-position: center; background-size: cover;}
.one .thumb.qms {background: url(../img/icon/ic_qms_int.svg) no-repeat; background-position: center; background-size: cover;}

.one .thumbBox.design {background: #EEE9FF !important;}
.one .thumb.template {background: url(../img/icon/ic_template_temp.svg) no-repeat; background-position: center; background-size: cover;}

.one .thumbBox.art {background: #FCF5CF !important;}
.one .thumb.art {background: url(../img/icon/ic_art_art.svg) no-repeat; background-position: center; background-size: cover;}

.partnerCenterBox .Box.artPlayer .smallBox .boxCard .cardHead .thumbBox {background: #FCF5CF !important;}
.partnerCenterBox .Box.music .smallBox .boxCard .cardHead .thumbBox {background: #E5FCFF !important;}
.partnerCenterBox .Box.infotainment .smallBox .boxCard .cardHead .thumbBox {background: #E3FCE4 !important;}


.createdAppTapTwoTable tbody tr td .thumb {background-color: unset !important;}

/* .one .thumb.postermywall {background-size: cover; background: url(../img/icon/int_ic_postermywall.svg) no-repeat; background-position: center;}*/
.Service.thumbBox, .Design.thumbBox {height: 48px; width: 48px; border-radius: 10px; background: #FFE9E9 !important; display: flex; justify-content: center; align-items: center;}
.Service.thumbBox .thumb, .Design.thumbBox .thumb {height: 32px; width: 32px; background-position: center; background-size: contain;}

.thumb.pmw {background: url(../img/icon/ic_pmw_service.svg) no-repeat; background-position: center;}
.thumb.bgm {background: url(../img/icon/ic_bgm_service.svg) no-repeat; background-position: center;}
.thumb.bizMelon {background: url(../img/icon/ic_biz_service.svg) no-repeat; background-position: center;}
.thumb.channel {background: url(../img/icon/ic_channel_service.svg) no-repeat; background-position: center;}
.thumb.feed {background: url(../img/icon/ic_feed_service.svg) no-repeat; background-position: center;}
.thumb.dsMenu {background: url(../img/icon/ic_DSmenu_service.svg) no-repeat; background-position: center;}
.thumb.voice {background: url(../img/icon/ic_voice_service.svg) no-repeat; background-position: center;}
.thumb.weather {background: url(../img/icon/ic_weather_service.svg) no-repeat; background-position: center;}
.thumb.travel {background: url(../img/icon/ic_travel_service.svg) no-repeat; background-position: center;}
.thumb.epg {background: url(../img/icon/ic_epg_service.svg) no-repeat; background-position: center;}
.thumb.flight {background: url(../img/icon/ic_flight_service.svg) no-repeat; background-position: center;}
.thumb.wantreez {background: url(../img/icon/int_ic_wantreez.svg) no-repeat; background-position: center;}
.thumb.postermywall {background: url(../img/icon/ser_ic_postermywall.svg) no-repeat; background-position: center;}
.thumb.airPlay {background: url(../img/icon/ic_airplay.svg) no-repeat; background-position: center;}
.thumb.fastsensor {background: url(../img/icon/ic_fastsensor.svg) no-repeat; background-position: center;}
.thumb.seenspire {background: url(../img/icon/ic_seenspire.svg) no-repeat; background-position: center;}

.Interface.thumbBox {height: 56px; width: 56px; background: #E9F2FF !important; border-radius: 10px; display: flex; align-items: center; justify-content: center;}
.Interface.thumbBox .thumb {height: 56px; width: 35px; background-position: center; border-radius: 10px; background-size: contain;}

.thumb.wantreez {background: url(../img/icon/ic_template_temp.svg) no-repeat; background-position: center;}
.thumb.wantreez {background: url(../img/icon/int_ic_wantreez.svg) no-repeat; background-position: center;}
.thumb.artPlayer {background: url(../img/icon/int_ic_artPlyaer.svg) no-repeat; background-position: center;}
.thumb.postermywall {background: url(../img/icon/int_ic_postermywall.svg) no-repeat; background-position: center;}
.thumb.DSmenu {background: url(../img/icon/int_ic_dsMenu.svg) no-repeat; background-position: center;}
.thumb.bizMelon {background: url(../img/icon/i.Design.thumbBoxt_ic_bizMelon.svg) no-repeat; background-position: center;}
.thumb.iot {background: url(../img/icon/ic_iot_int.svg) no-repeat; background-position: center;}
.thumb.netflix {background: url(../img/icon/ic_netflix_int.svg) no-repeat; background-position: center;}
.thumb.pms {background: url(../img/icon/ic_pms_int.svg) no-repeat; background-position: center;}
.thumb.qms, .thumb.localpms {background: url(../img/icon/ic_qms_int.svg) no-repeat; background-position: center;}

.thumb.template {background: url(../img/icon/ic_art_art.svg) no-repeat; height: 80px; width: 80px; background-size: contain;}


.thumbBoxx.viewPopup {height: 120px !important; width: 120px !important; margin: 0px 20px 0px 10px !important;}
.Service.thumbBoxx.viewPopup {background: #FFE9E9 !important; border-radius: 10px; padding: 0px !important; display: flex; align-items: center; justify-content: center;}
.Service.thumbBoxx.viewPopup .thumb {height: 100px; width: 100px; background-position: center; background-size: contain;}
.Design.thumbBoxx.viewPopup { background: #FCF5CF; border-radius: 10px; display: flex; align-items: center; justify-content: center;}
.Design.thumbBoxx.viewPopup .thumb {height: 100px; width: 100px; background-position: center; border-radius: 10px; background-size: contain;}
/*slider */
.slick-list {max-width: 1432px; width: 100%; }

.slick-track{display: flex !important; gap:10px}
.slick-dots {bottom: -40px !important;}
.slick-dots li {margin: unset !important;}
.slick-next {right: 16px !important; }
.slick-prev {left: 16px !important; }
.slick-prev, .slick-next{width: auto !important; height: 30px !important; z-index: 42; transform: translate(0, -100%) !important;}
.slick-next:before, .slick-prev:before {content: unset !important;}
#slider{display: flex;align-items: center;justify-content: center;gap: 0 20px;position: relative;overflow: hidden; padding: 20px 0 40px 0}
#slider .bx-controls {text-align:center; position:relative; margin-top: 10px; display:flex; flex-direction:row; justify-content:center;}

#slider .bx-controls .bx-controls-auto {display:inline-block; vertical-align:middle; position:relative; right:auto !important; bottom:auto; width:68px !important; height:30px !important; z-index:9;}
#slider .bx-controls .bx-controls-auto .bx-controls-auto-item {margin:0 2px; display: inline-block; vertical-align: bottom;}
#slider .bx-controls .bx-controls-auto .bx-controls-auto-item a {display:block; width:30px; height:30px; margin:0; background:none; border-radius:50%; font-size:0; position:relative; pointer-events:auto; opacity:1; box-shadow:inset 0 0 0 1px #929292;}
#slider .bx-controls .bx-controls-auto .bx-controls-auto-item a.active {pointer-events:none; opacity:0.5;}
#slider .bx-controls .bx-controls-auto .bx-controls-auto-item a:focus {outline:auto;}
#slider .bx-controls .bx-controls-auto .bx-controls-auto-item a:hover {background:#DADDE2; outline: 1px solid #111}
#slider .bx-controls .bx-controls-auto .bx-controls-auto-item a:hover:after {filter:grayscale(1);}
#slider .bx-controls .bx-controls-auto .bx-controls-auto-item a:active {box-shadow:inset 0 0 0 2px #697387; outline: 1px solid #111}
#slider .bx-controls .bx-controls-auto .bx-controls-auto-item a:active:after {filter:grayscale(1);}
#slider .bx-controls .bx-controls-auto .bx-controls-auto-item a:after {content:''; display:block; width:30px; height:30px; position:absolute; top:0; left:0; z-index:1; filter:grayscale(1); background-size: contain !important;}
#slider .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-start:after {background:url(../img/icon/btnPlay.svg) no-repeat center;}
#slider .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-stop:after {background:url(../img/icon/btnStop.svg) no-repeat center; transform:scale(0.8);}

#slider
#slider img {width: 464px;height: 247px;margin: 0;border-radius: 20px;}
#slider .imagePreviousWrap button {height: 32px;width: 32px;box-shadow: 0px 10px 24px 0px rgba(0, 0, 0, 0.10);}
#slider .imagePreviousWrap button:before{content:"";background-position: center; background-repeat: no-repeat;background-image: url(../img/icon/ic_arrow_left.svg); width:14px; height:22px; display:block;}
#slider .imageNextWrap button:before{content:"";background-position: center; background-repeat: no-repeat;background-image: url(../img/custom/ic_arrow_right.svg); width:14px; height:22px; display:block;}
#slider .imagePreviousWrap {height: auto;width: auto;display: flex;align-items: center;position: absolute;left: 16px;z-index: 42;}
#slider .imageNextWrap {height: auto;width: auto;display: flex;align-items: center;position: absolute;right: 16px;z-index: 42px;}
#slider .carousal{position:inherit; width: auto; bottom: 0;display: flex;align-items: center;gap: 0 4px;justify-content: center;}
#slider .carousal span {background: #393D46;height: 6px;width: 6px;border-radius: 50%;opacity: 0.58;}
#slider .carousal > span {cursor: pointer;}
#slider .carousal span.active {opacity: 1;width: 32px;border-radius: 6px; background: #393D46; height: 6px;}
#slider .carousal button {background: #393D46;height: 6px;width: 6px;border-radius: 50%;opacity: 0.58;}
#slider .carousal > button {cursor: pointer;}
#slider .carousal button.active {opacity: 1;width: 32px;border-radius: 6px; background: #393D46; height: 6px;}
#slider .carousal button:hover{outline: 2px solid #848C9D; opacity: 0.95;}
#slider .carousal button:active{outline: 2px solid #697387; opacity: 0.95;}

.detailVeiwBody #slider img {width: 464px;height: 247px;margin: 0;border-radius: 20px;}
.createdAppView #slider img{width: 300px;height: 200px;margin: 0;border-radius: 20px;}
.createdAppView .slick-list {max-width: 650px; width: 100%;}

.slick-dots {all: unset !important;}
.createdAppView .slick-prev, .createdAppView .slick-next {display: flex !important;}
.slick-prev::before, .slick-next::before {opacity: 0; display: none;}
.slick-dots li button:focus-visible {outline: -webkit-focus-ring-color auto 1px !important;}

.customBody .detailVeiwBody #slider img {width: 280px;height: 223px;}
.customBody .slick-list {max-width: 900px; width: 100%;}
.noShowItem{font-size: 0px;}

.dateTime dl dd .combo.home {max-width: 210px !important;}
.dateTime {padding-left: 12px;}

.licensedCloud #slider{padding: 0px 20px; width: 100% !important; justify-content: unset;}
.licensedCloud #slider .slick-list{max-width: 100%;}
.licensedCloud #slider .slick-slider{width: 100%;}
.licensedCloud #slider .slick-track{gap:20px}
.licensedCloud #slider .imagePreviousWrap{left: -35px;top:10px}
.licensedCloud #slider .imageNextWrap{right: -35px; top:10px}
.licensedCloud #slider .topCard{width: 264px;}

.licensedCloud #slider .slick-slide {width: 320px !important;}

.bottomArrow {
    content: "";
    position: absolute;
    height: 24px;
    width: 68px;
    background: url("../img/page/arrow_component.svg") no-repeat;
    bottom: 0px;
    cursor: default;
}