/*sub-visual-wrap*/
.sub-visual-wrap {width: 100%;min-height: 200px;background-size: cover;background-position: left bottom;background-repeat: no-repeat;padding: 60px 0;position: relative;margin: 82px 0 80px;}
/* 서브비쥬얼 배경, 탭없는 부분 */
.sub-visual-wrap.sub-visual-nobg{padding-bottom:0;min-height: auto;margin-bottom: 0;}
.sub-visual-wrap.sub-visual-nobg .location-wrap ul li, .sub-visual-wrap.sub-visual-nobg .location-wrap ul li a,
.sub-visual-wrap.sub-visual-nobg .location-wrap ul li:not(:last-child)::after{color: #222;}
.sub-visual-wrap.sub-visual-nobg .visual-tab-menu,
.sub-visual-wrap.sub-visual-nobg .sub-visual-tit{display: none;}
.sub-visual-wrap .location-wrap ul li a{text-transform: uppercase;}

/* 서브비쥬얼 탭없는 부분 */
.sub-visual-wrap.sub-visual-notabs .visual-tab-menu{display: none;}
.sub-visual-wrap > div:first-child {width: calc(100% - 40px);max-width: 1440px; margin: 0 auto;color: #fff;position: relative;z-index: 1;}

.sub-visual-wrap .location-wrap ul {display: flex; align-items: flex-end;}
.sub-visual-wrap .location-wrap ul li:not(:last-child)::after {
    content: "/";
    margin: 0 8px 0 6px;
    font-size: 12px;
    vertical-align: 1px;
}
.sub-visual-wrap .location-wrap ul li , .sub-visual-wrap .location-wrap ul li a {color: #fff;font-family: 'Play',sans-serif; pointer-events: none; cursor: inherit;}
.sub-visual-wrap .location-wrap ul li:last-child, .sub-visual-wrap .location-wrap ul li:last-child a {font-weight: 700;}
.sub-visual-wrap .sub-visual-tit{font-size: 48px;font-weight: bold;font-family: 'Play',sans-serif;}

.tab-menu-m{display: none;position: absolute;left: 50%;bottom: -22px;transform: translateX(-50%);z-index: 99;}
.tab-menu-m .select-custom{margin-top: 0;}
.tab-menu-m .select-custom .select_tit {text-transform: uppercase;}
.tab-menu-m .select-custom-list li a {text-transform: uppercase;}
.tab-menu-pc {width: calc(100% - 40px);max-width: 1440px;margin: 0 auto;position: absolute !important;bottom: 0;transform: translateX(-50%);left: 50%;bottom: -31px;z-index: 2;}
.tab-menu-pc .tab-menu-list {width: 100%;display: flex;align-items: flex-end;}
.tab-menu-pc .tab-menu-list li {height: 56px;background-color: #000; transition: all 0.3s;}
.tab-menu-pc .tab-menu-list li:not(:first-child){border-left: 1px solid rgba(255, 255, 255, 0.5);}
.tab-menu-pc .tab-menu-list li a {width: 100%;height: 100%;font-size: 20px;color: #fff;font-weight: 700;display: flex;align-items: center;justify-content: center; text-transform: uppercase;transition: all 0.3s;}
.tab-menu-pc .tab-menu-list li a span {font-weight: 700;}
.tab-menu-pc .tab-menu-list li:hover, .tab-menu-pc .tab-menu-list li.active{background: #ed1c24;height: 72px;}

/*2022-02-23 수정*/
.sub-visual-wrap .select_box.tab-menu {color: #000;width: calc(100% - 40px);position: absolute;transform: translateX(-50%);left: 50%;bottom: -22px;z-index: 2;display: none;}
.sub-visual-wrap .select_box.tab-menu.select {border: 2px solid #eeeeee !important;height: 48px !important;line-height: 43px !important;}
.sub-visual-wrap .select_box.tab-menu .box .list > li {height: auto !important;line-height: 1.25 !important;font-size: 16px !important;padding: 12px 6px !important;}
.sub-visual-wrap .select_box .box .select {height: auto;border-width: 2px;padding: 4.5px 10px;}
.sub-visual-wrap .select_box.tab-menu .box .list.n-scroll {max-height: none;overflow-y: visible;border-width: 2px;top: 48px;}

/*select-menu*/
.hide {position: absolute;top:0;left: -999999px;}
.select-menu {width: 100%;}
.select-menu .select-list {width: 100%;background-color: #fff;position:relative;}
.select-menu .select-list .select-tit {width: 100%;border: 2px solid #dddddd;padding: 10px 40px 10px 12px;position: relative;z-index: 3;background-color: #fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.select-menu .select-list .select-tit::after {content: '';width: 24px;height: 24px;  background-image: url(../images/product/select-arrow.png);background-repeat: no-repeat;  background-size: 24px 24px; position: absolute;  transform: translateY(-50%); top: 50%; right: 18px; transition: all 0.3s;}
.select-menu .select-list .select-tit.active::after {transform: translateY(-50%) rotate(180deg);}
.select-menu .select-list ul {width: 100%;border: 2px solid #dddddd; position: absolute;background-color: #fff;z-index: 2;left: 0;top: 46px;display: none;}
.select-menu .select-list ul li {border:2px solid transparent}
.select-menu .select-list ul li:hover{background-color: #dddddd;border: 2px solid #fff; border-radius:8px;}
.select-menu .select-list ul li a {width: 100%;padding: 10px;}

/* 2022.03.07 수정 */
@media screen and (max-width: 1180px) {
  .sub-visual-wrap {margin-top: 60px;}
}
@media screen and (max-width:1024px) {
  .tab-menu-pc.more-than-five .tab-menu-list li a {font-size: 14px;}
}

@media screen and (max-width: 768px){
  .tab-menu-pc {display: none;}
  .tab-menu-m {display: block;}
  .sub-visual-wrap {padding: 20px 0 70px;min-height: 150px;/*margin: 60px 0 60px;*/background-position: center bottom;margin: 60px 0 34px;}
  .sub-visual-wrap .sub-visual-txt p br {display: none;}
  .sub-visual-wrap .tab-menu-pc {display: none;}
  .sub-visual-wrap .select_box.tab-menu  {display: block;}
  .sub-visual-wrap .tab-menu-pc .tab-menu-list li a{font-size: 16px;}
	.sub-visual-wrap .tab-menu-pc .tab-menu-list li.active{transform: scaleY(1.1) translateY(-2px);}
  .sub-visual-wrap .sub-visual-tit{font-size: 32px;}
  .sub-visual-wrap .location-wrap ul li a{font-size: 14px;}
  .emphasis-txt01{font-size: 32px;}
}