@charset "utf-8";
@import "fonts.css";

:root {/* 0916v3 수정 */
	#ktMainYn + .cfmClmain > #mCfmClWrapper{
		--fixedheader-h: 52px;
		--clickbanner-h: 0px;/* 상단 슬라이딩 배너 없는 경우 */
	}  
	#ktMainYn + .cfmClmain > #mCfmClWrapper.topclickbannerNext{
		--fixedheader-h: 52px;
		--clickbanner-h: 48px;/* 상단 슬라이딩 배너 있는 경우 */
	}  
}

/* 메인 설정 */
html, body, main { word-break:keep-all; color:#191A1B; background:#f7f7f7;}
body{font-family:'Pretendard', sans-serif !important;}
body a, main a {color:#191A1B;}
html #mCfmClWrapper {}
#mCfmClWrapper,
#mCfmClGnb .fixedheader {background:transparent;}
#mCfmClWrapper #mCfmClGnb .fixed.mkt-shopdiv .mkt-shop-prd > a {position:relative; padding:20px 20px 12px;}
#mCfmClWrapper #mCfmClGnb .fixedheader .leftfixedheader {left:20px;}
#mCfmClWrapper #mCfmClGnb .fixedheader .rightfixedheader {right:20px;}
.ui-sub-menu.sticky {position:relative; padding-top:0;}  
#mCfmClWrapper #mCfmClGnb + * {padding-top:0;}
#subminlayer {height:0; transition:height 0.5s ease-in-out; }
/* 0911 layout_new.css 에서 속성 지정(fixed)되어 삭제 
#mCfmClWrapper #mCfmClGnb .fixedheader {position:relative;}
*/
/* 0227 layout.css와 중복되어 삭제 : #subminlayer.active {height:264px;} ***위에서 내려오도록 하려면 길이 지정 필요 */
#mCfmClWrapper #mCfmClGnb .fixedheader{top:var(--clickbanner-h, 0px);background: #F3F4F6;}/* 0916 수정 : 0928v9 */
#mCfmClWrapper{padding-top:calc(var(--fixedheader-h, 52px) + var(--clickbanner-h, 0px));transition: all 0.5s;}/* 0916v3 수정 */

/* 0916v3 결함아이디 1189775 : 슬라이딩배너, 헤더 모두 상단 고정 */
.click-banner.top{position:fixed;top:-48px;margin-top:0;z-index:100;transition: all 0.5s;}/* 0921 */
#mCfmClWrapper.topclickbannerNext .click-banner.top{top:0;transition: all 0.5s;}
#mCfmClWrapper.topclickbannerNext #mCfmClGnb .fixedheader{position:fixed;}/* 서브페이지는 스크롤 시 .fixedheader가 아닌 .ui-menu-state가 고정됨. 검색은 예외로 fixed */

.href_cart {display:none;}/* 메인에서는 장바구니 안 보임 */
.fixedheader .leftfixedheader .sml-call {left:36px;}
#subminlayer.active {height:290px; background:transparent;}/* ***위에서 내려오도록 하려면 길이 지정 필요. 메인 */
/* 0929 */
a, button, div, input, span {-webkit-tap-highlight-color: transparent;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
:focus:not(:focus-visible),
:focus-visible{outline: none;}
/* e : 0929 */
#mCfmClGnb .fixedheader .sml-call {width:30px; padding:0;}
#mCfmClGnb .fixedheader .sml-call:after {right:9px;} 
#mCfmClGnb .fixedheader .sml-call span {top:0; left:0; font-size:1px; line-height:1; letter-spacing:-3px;}/* 메인에서는 버튼 텍스트없음 */
#ktMainYn ~ main .header-location  {display:none;}/* 0611 추가 */

/* body.hidden 처리 */
body.hidden #mCfmClGnb,
body.hidden #mCfmClGnb .fixedheader {z-index:9;}
body.hidden .personal-div .mkt-pdcard-offerset-div .swiper-controle-wrap {z-index:1;}

/* Galaxy Fold 0320 */
.foldnone {display:block}
@media screen and (min-width:673px){.foldnone {display:none}}/* 펼쳐진 폴드에서는 미노출 */
@media screen and (max-width:321px){.foldnone {display:none}}/* 접힌 폴드에서는 미노출 */

/* ios에서 자간 조정
html.ua-and * {letter-spacing:-0.5px;}
html.ua-ios * {letter-spacing:-0.5px;} */

/* 강조 폰트 컬러 */
.font_red {color:#ed1c24 !important;}
.font_mint {color:#01A69F !important;}

/* 메인 팝업 */
.layer-notice.layer-btnfooter .layer-footer {height:12vw; border-top:none;}
.layer-notice.layer-btnfooter .layer-footer button {height:12vw; line-height:12vw;}
.popup-dim.ermgy-popup-dim .layer-footer {height:36px; border-top:solid 1px #ccc;}

/* 메인 토스트 팝업 */
.cfm-layer.layer-notice .layer-contents {max-height:none;}
.cfm-layer.layer-notice .layer-contents:focus-visible{outline:solid 1px #191A1B;}/* 0928v6 */
.cfm-layer.layer-notice .layer-close button {background-image:url(../../images/v2/layout/btn_close_blk.png);}
.cfm-layer.layer-notice .layer-close.layer-close-wht button {background-image:url(../../images/v2/layout/btn_close_wht.png);}
/* .cfm-layer.toast-type .controls-autoplay {display:none;}*/
.cfm-layer.toast-type .swiper-controle-wrap {top:26px; bottom:auto; left:auto; right:26px; width:calc(100vw - 40px); background:transparent;}
.cfm-layer.toast-type .swiper-controle-wrap .swiper-pagination {width:auto; bottom:auto; left:auto; right:0; text-align:right; letter-spacing:-0.45px;}
.cfm-layer.toast-type .swiper-controle-wrap .controls-autoplay {position:absolute; bottom:3px; right:4px;}
.cfm-layer.toast-type .swiper-button-prev {margin-top:-35px;}
.cfm-layer.toast-type .swiper-button-next {margin-top:-35px;}

/* 20240415 추가 : 메인 로밍 팝업 */
.cfm-layer.roaming-type {/* 0417 삭제 : position:fixed; */top:auto;bottom:0;left:0;right:0;width:100vw !important;height:calc(85vw + 50px);min-height:auto;max-height:100vh;padding-bottom:50px;transform:none;border:none;border-radius:20px 20px 0 0;overflow:hidden;box-shadow: 0px -10px 16px #191A1B0001F;}
.cfm-layer.roaming-type .layer-contents a {display:block; text-align:center;}
.cfm-layer.roaming-type .layer-contents img {width:auto; max-width:100%;}
.cfm-layer.roaming-type.layer-notice .layer-close {position:absolute; top:auto; bottom:0; left:0; right:0; width:100%; height:50px; background:#fff; }
.cfm-layer.roaming-type.layer-notice .layer-close:after {content:""; position:absolute; bottom:0; left:50%; width:1px; height:50px; background:#d2d2d2;}
.cfm-layer.roaming-type.layer-notice .layer-close .layer-stop {position:static; float:left; width:50%; height:50px; line-height:50px; letter-spacing:-1px; font-size:14px; color:#191A1B; background:none;}
.cfm-layer.roaming-type.layer-notice .layer-close .layer-close-btn {position:static; float:right; width:50%;  height:50px; line-height:50px; letter-spacing:-1px; font-size:14px; color:#191A1B; background:none;}
@media (min-width:415px) { /* 가로모드 등 넓은 화면 대비 배너 크기 고정 */
	.main-popup-dim.black-dim.roaming-black-dim {position:fixed; top:0; left:0; right:0; background:rgba(0,0,0,0.4)}
	.cfm-layer.roaming-type { height:304px !important; } 
	.cfm-layer.layer-notice.roaming-type {max-width:none;}
	.cfm-layer.layer-notice.roaming-type .apptpht img {width:auto !important; height:259px !important;}
}
@media (max-height:310px) { /* 플립 등 낮은 높이에서 버튼 영역 확보 위해 이미지 높이 조정 */ 	
	html .cfm-layer.roaming-type {height:100vh !important; ;}
	html .cfm-layer.layer-notice.roaming-type .apptpht img {width:auto !important; height:calc(100vh - 50px) !important;}
}
@media (max-height:210px) { /* 플립 네이버 앱 등 가장 낮은 높이에서 버튼 영역 높이 조정 */ 	
	html .cfm-layer.layer-notice.roaming-type .apptpht img {height:calc(100vh - 30px) !important;}
	html .cfm-layer.roaming-type.layer-notice .layer-close {height:30px;}
	html .cfm-layer.roaming-type.layer-notice .layer-close .layer-close-btn, 
	html .cfm-layer.roaming-type.layer-notice .layer-close .layer-stop {height:30px; line-height:30px; font-size:12px;}
}

/* 메인 영문 설정 */
.popup-move-eng .btn-wrap button {padding:0;}

/* 마케팅 수신동의 팝업 */
	/* as-is 팝업 스타일 ------------------------------ */
.card_a {padding-top:3rem; background-color:#fff;}
.card-popup-wrap {position:fixed; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.7); z-index:2900;}
.card-popup-wrap .card-popup-wrap {background:none;}
.card-err-popup,
.marketing-popup {position:fixed; top:50%; left:0; right:0; margin:auto; width:96%; padding:3rem 0;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);}
.card-err-popup {overflow: hidden; vertical-align: middle; width: 90%; padding: 25px 20px 20px; white-space: initial; background-color: #fff; border-radius: 10px;}
.marketing-popup {padding:0 !important;}
.card-err-popup .main-text {font-weight:bold; text-align:left; color:#1b1e1f;}
.card-err-popup .main-text span {font-weight:bold; color:#191A1B; font-size: 16px; letter-spacing: -0.64px;}
.card-err-popup .sub-text {margin-top:20px; text-align:left; color:#1b1e1f; letter-spacing: -1.5px;}
.card-err-popup .sub-text span {font-size: 13px; line-height: 2; color: #191A1B;}
.card-err-popup .sub-text-bottom, .card-err-popup .sub-text-bottom span {margin-top: 10px; font-size: 13px; color: #959595;}
.card-err-popup .sub-text li {margin: 0 0 10px;}
.card-err-popup .sub-text li a {display: inline-block; font-weight: bold; text-decoration: underline;}
.error-notice-wrap {margin:0 20px;}
.error-notice-wrap .err-img {margin:0 auto;}
.card-err-app .error-notice-wrap {position:absolute; top:calc(50% - 5.333vw - 2.933vw); left:50%;
    content:'viewport-units-buggyfill; top:calc(50% - 5.333vw - 2.933vw);';
    -webkit-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    margin:unset;}
.card-err-app .main-text {font-weight:bold; text-align:left; color:#1b1e1f;}
.card-err-app .sub-text {margin:20px auto 0; font-weight:normal; line-height:1.33; text-align:center; color:#1b1e1f; word-break:keep-all;}
.btn-wrap {width:100%; margin-top:20px; text-align:center;}
.btn-wrap:after {content:''; display:table; clear:both;}
.btn-wrap button,
.btn-wrap a {display:inline-block; width:calc(50% - 10px); text-align:center; height: 40px; font-size: 13px; color: #191A1B; border: 1px solid #191A1B; background-color: #fff; padding: 0; line-height: 38px; font-weight: bold; text-align: center; letter-spacing: -1px; border-radius: 10px; margin:0 3px;}
.btn-wrap button.btn-logout,
.btn-wrap a:last-child {color: #fff; background-color: #191A1B;}
.btn-wrap.btn-single,
.btn-wrap.bottom_btn_2 {padding:0;}
.btn-wrap.btn-single button.btn-cancel {width:100%; margin:0; color: #fff; background-color: #191A1B;}
	/* old full popup 대응 */
.fullpop {position:fixed;left:0;top:0;width:100%;height:100%;z-index:2100;background-color:rgba(0,0,0,0.5);text-align:center;white-space:nowrap;}
.fullpop .fullpop-wrap {display:inline-block;position:relative;overflow:hidden;vertical-align:middle;width:100%;height:100%;padding:0;text-align:left;white-space:initial;background-color:#fff;border-radius:0;}
.fullpop .fullpop-header {margin-bottom:0;padding:20px 25px;background:#fff;color:#191A1B;font-weight:bold;font-size:18px;letter-spacing:-1.5px;}
.fullpop .fullpop-close {position: absolute; top:18px;right:20px;width:25px;height:25px;background: url(../../images/v2/bt/bt-layer-close.png) center no-repeat;background-size:100%;}
.fullpop iframe {width: 100%; height: calc(100% - 80px); background-color: tomato;}

/* 메인 헤더 : 크기를 서브와 동일하게 하기로 해서 일부 수정하고, 추후 확인 위해 주석으로 표시함 */
#mCfmClGnb .fixedheader {/* position:fixed; */top:0; left:0; right:0; width:100vw; /* height:15.76vw; padding:4.85vw 6.66vw;*/}
.fixedheader .nav-call {/* width:6.06vw; height:6.06vw; */background-color: transparent;}
.fixedheader .search-call {/* width:6.06vw; height:6.06vw; margin-left:3.64vw;  */background-color: transparent;}
/*
.fixedheader .href_main {display:block;}
*/

/* 메인화면에서 로케이션 */
.ui-sub-menu .ui-menu-1depth {display:block; height:0; transition:height 0.5s ease-in-out; overflow:hidden;}
.ui-sub-menu .ui-menu-1depth.active {height:auto; border-radius:12px; box-shadow: 0px 2px 8px #191A1B12;}
.ui-sub-menu .ui-menu-1depth.active:before {display:none; background:rgba(0,0,0,0);}
.fixedheader .leftfixedheader .sml-call span {position:absolute; color:transparent;}

/* section 기본 설정 */
.cfmClmain {width:100vw;/* 슬라이딩 배너에 sticky 적용하기 위해 속성 해제함 overflow:hidden */}
main > section > div .tit {padding-right:6.66vw;font-weight:bold;font-size:4.7vw;letter-spacing:-0.8vw;color:#191A1B}
main > section > div .tit .more {float:right;line-height:6vw;font-weight:normal;font-size:3.4vw;letter-spacing:0vw}
main > section > div .tit .more:after {content:""}
.mkt-tit {margin-bottom:18px; padding-right:0; line-height:26px; letter-spacing: -0.6px; font-weight:bold; font-size:20px; color:#191A1B;}
.mkt-tit .more-link {display:none; /* 0307 바로가기 텍스트 삭제 */float: right; margin-right:10px; line-height: 26px; padding-right:16px; font-weight: normal; font-size: 14px; letter-spacing: -0.35px; font-weight:normal; background:url(../../images/v2/main/btn_more.png) 100% 50% no-repeat; background-size:16px auto;}
/* 0913
.mkt-tit a {position:relative; display:inline-block; height:16px; line-height:16px; font-weight:bold; color:#191A1B; padding-right:24px; background:none;}
.mkt-tit a:after {content:""; position:absolute; top:0; right:0; width:24px; height:16px; background:url(../../images/v2/main/link_arrow.png) 50% 50% no-repeat; background-size:24px auto;}
*/
/*
.ua-ios .mkt-tit a:after {}
@media screen and (min-width:673px){.ua-and .mkt-tit a:after {}}
@media screen and (max-width:321px){.ua-and .mkt-tit a:after {}}
*/
.swiper-controle-wrap {position:absolute; bottom:12px; right:20px; top:auto; left:auto; min-width:48px; height:20px; line-height:20px; text-align:center; font-size:11px; color:#fff; background:rgba(0,0,0,0.4); border-radius:20px; z-index:9;}
.swiper-controle-wrap .controls-autoplay {font-size:11px; color:#fff;}
.swiper-controle-wrap .controls-autoplay > .active {display:none;}
.swiper-controle-wrap .swiper-pagination {font-size:11px; color:#fff;}
.swiper-controle-wrap .swiper-button-stop {width:14px; height:14px; background:url(../../images/v2/main/mkt-top-swiper-div-stop_v2.png) 50% 50% no-repeat; background-size:auto 18px;}
.swiper-controle-wrap .swiper-button-play {width:14px; height:14px; background:url(../../images/v2/main/mkt-top-swiper-div-start_v2.png) 50% 50% no-repeat; background-size:auto 18px;}
.nonswiper .controls-direction,
.nonswiper .swiper-controle-wrap {display:none;}
.swiper-pagination button.swiper-pagination-bullet,
.personal-div .mkt-pdcard-offerset-div .bx-wrapper .bx-pager-item a {width:6px; height:6px; margin:0 3px; border:solid 1px #191A1B; background:transparent; opacity:1;}
.swiper-pagination button.swiper-pagination-bullet span,
.personal-div .mkt-pdcard-offerset-div .bx-wrapper .bx-pager-item a {line-height:8px; font-size:8px; color:transparent;}
.swiper-pagination button.swiper-pagination-bullet-active {background:#191A1B;}

	/* 빅배너 */
.mkt-bigbanner-swiper-div {position:relative; margin:-20px 0; padding:0; border-radius:12px; overflow:hidden; min-height:258px;}
@media (max-width:320px) {
.mkt-bigbanner-swiper-div {min-height:234px;}
}
@media (max-width:280px) {
.mkt-bigbanner-swiper-div {min-height:201px;}
}
.mkt-bigbanner-swiper-div .controls-autoplay > .active {display:none;}
.mkt-bigbanner-swiper-div .swiper-button-stop {width:14px; height:14px; background:url(../../images/v2/main/mkt-top-swiper-div-stop_v2.png) 50% 50% no-repeat; background-size:auto 18px;}
.mkt-bigbanner-swiper-div .swiper-button-play {width:14px; height:14px; background:url(../../images/v2/main/mkt-top-swiper-div-start_v2.png) 50% 50% no-repeat; background-size:auto 18px;}
.mkt-eventdiv {position:relative;}
.swiper-button-prev,
.personal-div .bx-prev {left:0; width:20px; height:20px; margin-top:-10px; background:url(../../images/v2/main/btn_prev_s.png) 30% 50% no-repeat; background-size:22px auto; z-index:9; opacity:0.7;} 
.swiper-button-prev:after {content:none;}
.swiper-button-next,
.personal-div .bx-next {right:0; width:20px; height:20px; margin-top:-10px; background:url(../../images/v2/main/btn_next_s.png) 70% 50% no-repeat; background-size:22px auto; z-index:9; opacity:0.7;}
.swiper-button-next:after {content:none;}
.mkt-bigbanner-swiper-div .swiper-button-prev {left:20px; width:32px; height:32px; margin-top:-16px; background:url(../../images/v2/main/btn_prev.png) 30% 50% no-repeat; background-size:32px auto; z-index:9; opacity:0.7;} 
.mkt-bigbanner-swiper-div .swiper-button-next {right:20px; width:32px; height:32px; margin-top:-16px; background:url(../../images/v2/main/btn_next.png) 70% 50% no-repeat; background-size:32px auto; z-index:9; opacity:0.7;}
/* 0928v9 */
.mkt-bigbanner-swiper-div .swiper-controle-wrap .swiper-pagination {width:28px; bottom:auto; left:4px; text-align:center; letter-spacing:-0.8px;}/* 배너가 2자리인 경우 가로 크기 수정 */
.mkt-bigbanner-swiper-div .swiper-controle-wrap .controls-autoplay {position:absolute; bottom:3px; right:4px;}
	/* 0328 빅배너 추가 */
.mkt-bigbanner-swiper-div .top-swiper {display:flex;}
.mkt-bigbanner-swiper-div .bx-wrapper {background:transparent;}
.mkt-bigbanner-swiper-div .bx-viewport {background:transparent;}
.mkt-bigbanner-swiper-div .swiper-slide {position:relative; flex-shrink: 0; width:100vw !important; height:320px; overflow:hidden; margin:0; padding:20px; text-align:center;}
.mkt-bigbanner-swiper-div .swiper-slide .mkt-bigbanner-swiper-bgdiv {position:relative; height:280px; border-radius:12px; overflow:hidden; box-shadow:0px 2px 8px #191A1B12;}
.mkt-bigbanner-swiper-div .swiper-slide img {position:absolute; left:50%; transform:translateX(-50%); display:inline; width:auto; max-width:none; height:280px;}
.mkt-bigbanner-swiper-div .bx-prev {left:20px; width:32px; height:32px; margin-top:-16px; background:url(../../images/v2/main/btn_prev.png) 30% 50% no-repeat; background-size:32px auto; z-index:9; opacity:0.7;} 
.mkt-bigbanner-swiper-div .bx-next {right:20px; width:32px; height:32px; margin-top:-16px; background:url(../../images/v2/main/btn_next.png) 70% 50% no-repeat; background-size:32px auto; z-index:9; opacity:0.7;}
.mkt-bigbanner-swiper-div .swiper-controle-wrap {bottom:40px; left:40px; right:auto;}
.mkt-bigbanner-swiper-div .swiper-controle-wrap .swiper-pagination {width:28px; bottom:auto; left:4px; text-align:center; letter-spacing:-0.8px;}
.mkt-bigbanner-swiper-div .swiper-controle-wrap .controls-autoplay {position:absolute; bottom:3px; right:4px;}
.mkt-bigbanner-swiper-div .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager.bx-default-pager {position:absolute; top:auto; bottom:40px; left:40px; right:auto; width:70px; min-width:50px; height:20px; line-height:20px; text-align:left; text-indent:8px; font-size:11px; color:#fff; border-radius:20px; background: rgba(0,0,0,0.8); z-index:9;}
.mkt-bigbanner-swiper-div .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {position:absolute; z-index:9; top:auto; bottom:44px; right:auto; left:74px; width:30px; height:14px;}
html.ua-ios .mkt-bigbanner-swiper-div .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager.bx-default-pager {line-height:22px;}
html.ua-and .mkt-bigbanner-swiper-div .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {bottom:45px;}
.mkt-bigbanner-swiper-div .bx-controls-auto .bx-controls-auto-item {}
.mkt-bigbanner-swiper-div .bx-controls-auto .bx-controls-auto-item a.bx-start {width:14px; height:14px; margin:0; text-indent:0; font-size:2px; color:transparent; background:url(../../images/v2/main/mkt-top-swiper-div-start_v2.png) 50% 50% no-repeat; background-size:auto 18px;}
.mkt-bigbanner-swiper-div .bx-controls-auto .bx-controls-auto-item a.bx-stop {width:14px; height:14px; margin:0; text-indent:0;  font-size:2px; color:transparent;background:url(../../images/v2/main/mkt-top-swiper-div-stop_v2.png) 50% 50% no-repeat; background-size:auto 18px;}
.mkt-bigbanner-swiper-div .bx-wrapper .bx-next:focus, 
.mkt-bigbanner-swiper-div .bx-wrapper .bx-next:hover {background-position:0 0;}
.mkt-bigbanner-swiper-div .bx-controls-auto .bx-controls-auto-item a {opacity:1; background-size:auto 20px;}
.mkt-bigbanner-swiper-div .bx-controls-auto .bx-controls-auto-item a.active {opacity:0.5; background-size:auto 18px;}
.mkt-bigbanner-swiper-div .swiper-pagination button.swiper-pagination-bullet-active {background:transparent;} 
.mkt-bigbanner-swiper-div .bx-wrapper .bx-pager.bx-default-pager a {background:transparent; border:none;}
/* 0928v3 수정 : 빅배너 좌우버튼 미노출 관련 추가 */
.mkt-bigbanner-swiper-div .bx-wrapper .bx-controls{display:block;} 
.mkt-bigbanner-swiper-div .bx-wrapper .bx-controls .bx-controls-direction{opacity:0;}
.mkt-bigbanner-swiper-div .bx-wrapper .bx-controls .bx-controls-auto{display:none;}
/* e : 0928v3 수정 */
@media (max-width:374px) {/* 250819 모바일 빅배너 개선 : 202520 작은 화면 대응 */
.mkt-bigbanner-swiper-div .swiper-slide {height:calc(83.582vw + 6.58px);}
.mkt-bigbanner-swiper-div .swiper-slide .mkt-bigbanner-swiper-bgdiv {height:calc(83.582vw - 33.42px);}
.mkt-bigbanner-swiper-div .swiper-slide img {height:calc(83.582vw - 33.42px);}
}
	/* 로그인 영역
.personal-div {position:relative; padding:0 20px; word-break:keep-all;}
.personal-div .mkt-pdcard {margin-top: 16px;box-shadow: 0px 2px 8px #191A1B12;border-radius: 8px;background:#fff;}
.personal-div .mkt-pdcard .mkt-pdcard-footbtndiv {display:flex; margin-top:20px; text-align:center;}
.personal-div .mkt-pdcard .mkt-pdcard-footbtndiv .btn_wht {display:inline-block; flex:1; width:auto; height:40px; line-height:40px; margin:0 4px 0 0; font-size:14px; box-sizing:border-box; border-radius:20px; border:solid 1px #d2d2d2; color:#191A1B;}
.personal-div .mkt-pdcard .mkt-pdcard-footbtndiv .btn_blk {display:inline-block; flex:1; width:auto; height:40px; line-height:40px; margin:0 0 0 4px;  font-size:14px; box-sizing:border-box; border-radius:20px;  background:#191A1B; color:#fff;}
@media (max-width:400px) {
.personal-div .mkt-pdcard .mkt-pdcard-footbtndiv .btn_wht {width:100px;}
.personal-div .mkt-pdcard .mkt-pdcard-footbtndiv .btn_blk {width:100px;}
}
.personal-div .mkt-pdcard.mkt-pdcard-logout {padding:24px;}
.personal-div .mkt-pdcard.mkt-pdcard-logout p {letter-spacing:-0.7px; font-size:18px; font-weight:bold; line-height:26px; color:#191A1B;}
.personal-div .mkt-pdcard.mkt-pdcard-logout p strong {color:#E33939;}
.personal-div .mkt-pdcard.mkt-pdcard-login {position:relative; height:284px; margin-top:16px; padding:20px 24px; transform:rotateY(0); transition:0.2s; transition-timing-function: ease-in;}
.personal-div .mkt-pdcard.mkt-pdcard-login.hidden {transform:rotateY(90deg);}
.personal-div .mkt-pdcard .mkt-pdcard-welcome {margin-bottom:20px; line-height:28px; font-size:18px; font-weight:bold; letter-spacing:-0.5px; color:#191A1B;}
@media screen and (max-width:321px){
.personal-div .mkt-pdcard .mkt-pdcard-welcome {font-size:17px; letter-spacing:-1.6px;}
}
.personal-div .mkt-pdcard .mkt-pdcard-sltid {position:relative;}
.personal-div .mkt-pdcard .mkt-pdcard-sltid .mkt-pdcard-sltid-btn {position:relative; display:block; width:100%; line-height:52px; text-align:left; text-indent:20px; font-size:14px; background:#EFF2F7; border-radius:8px;}
.personal-div .mkt-pdcard .mkt-pdcard-sltid div.mkt-pdcard-sltid-btn {text-align:center; text-indent:0;}
.personal-div .mkt-pdcard .mkt-pdcard-sltid div.mkt-pdcard-sltid-btn.taleft {text-align:left; text-indent:20px;}
.personal-div .mkt-pdcard .mkt-pdcard-sltid button.mkt-pdcard-sltid-btn:after {content:""; position:absolute; top:14px; right:12px; width:24px; height:24px; background:url(../../images/v2/main/psn/sltid_drop.png) 100% 50% no-repeat; background-size:24px auto; }
.personal-div .mkt-pdcard .mkt-pdcard-sltid .mkt-pdcard-sltid-btn span {position:relative; display:inline-block; min-width:55px; padding-right:12px; margin-right:12px; text-indent:0; font-size:14px; border-right:none; color:#191A1B;}
.personal-div .mkt-pdcard .mkt-pdcard-sltid .mkt-pdcard-sltid-btn strong {position:relative; font-size:16px; font-weight:bold; color:#191A1B;}
.personal-div .mkt-pdcard .mkt-pdcard-sltid .mkt-pdcard-sltid-btn strong:after {content:""; position:absolute; top:50%; left:-13px; width:1px; height:14px; margin-top:-7px; background:#ddd;}
.personal-div .mkt-pdcard .mkt-pdcard-sltid .cfmuseridlist-scrollbox {display:none; position:absolute; top:0; left:-1px; width:calc(100vw - 88px); border:solid 1px #191A1B; border-radius:8px; overflow:hidden; box-shadow: 0px 2px 8px #191A1B12; background:#fff; z-index:9;}
.personal-div .mkt-pdcard .mkt-pdcard-sltid .cfmuseridlist-scrollbox.active {display:block;}
.personal-div .mkt-pdcard .mkt-pdcard-sltid .cfmuserid-head {position:relative; display:block; width:100%; line-height:49px; border-bottom:solid 2px #e8e8e8;}
.personal-div .mkt-pdcard .mkt-pdcard-sltid .cfmuserid-head.cfmuserid-selected {top:1px; line-height:49px; text-align:left; text-indent:20px; background:transparent; color:#191A1B;}
.personal-div .mkt-pdcard .mkt-pdcard-sltid .cfmuserid-head.cfmuserid-selected span {position:relative; display:inline-block; width:55px; padding-right:12px; margin-right:12px; text-indent:0; font-size:14px; border-right:none;}
.personal-div .mkt-pdcard .mkt-pdcard-sltid .cfmuserid-head.cfmuserid-selected span:after {content:""; position:absolute; top:50%; right:0; width:1px; height:14px; margin-top:-7px; background:#ddd;}
.personal-div .mkt-pdcard .mkt-pdcard-sltid .cfmuserid-head.cfmuserid-selected strong {font-size:16px; font-weight:bold;}
.personal-div .mkt-pdcard .mkt-pdcard-sltid ul {max-height:160px; overflow-y:auto; padding:0 0 12px;}
.personal-div .mkt-pdcard .mkt-pdcard-sltid ul li {line-height:32px; }
.personal-div .mkt-pdcard .mkt-pdcard-sltid ul .cfmuserid-selected {background:#d4f4f4;}
.personal-div .mkt-pdcard .mkt-pdcard-sltid ul li button {position:relative; display:block; width:100%; line-height:32px; text-align:left; text-indent:20px; font-size:14px; color:#191A1B;}
.personal-div .mkt-pdcard .mkt-pdcard-sltid ul li button span {display:inline-block; width:55px; line-height:14px; margin:9px 0; margin-right:12px; padding-right:12px; text-indent:0; font-size:14px; border-right:solid 1px #ddd; color:#191A1B;}
.personal-div .mkt-pdcard .mkt-pdcard-sltid ul li button strong {font-size:14px; font-weight:normal; letter-spacing:0; color:#191A1B;}
.personal-div .mkt-pdcard .mkt-pdcard-sltid .btn-sltid-close {display:none; position:absolute; top:14px; right:12px; width:24px; height:24px; background:url(../../images/v2/main/psn/sltid_drop.png) 100% 50% no-repeat; background-size:24px auto; transform:rotate(180deg); z-index:9;}
.personal-div .mkt-pdcard .mkt-pdcard-sltid .active .btn-sltid-close,
.personal-div .mkt-pdcard .mkt-pdcard-sltid .active .btn-sltid-close.js-btn-close {display:block;}
.personal-div .mkt-pdcard .mkt-pdcard-psndata {display:flex; margin-top:20px; }
.personal-div .mkt-pdcard .mkt-pdcard-psndata-left {flex:1; position:relative; text-align:center; border-right:solid 1px #EDEDED;}
.personal-div .mkt-pdcard .mkt-pdcard-psndata-right {flex:1; text-align:center;}
.personal-div .mkt-pdcard .mkt-pdcard-psndata-tit {display:block; font-size:14px; color:#191A1B;}
.personal-div .mkt-pdcard .mkt-pdcard-psndata-qtt {display:block; margin-top:4px; line-height:30px; font-size:24px; font-weight:bold; color:#191A1B;}
.personal-div .mkt-pdcard .mkt-pdcard-psndata-unit {line-height:30px; font-size:16px; font-weight:bold; color:#191A1B;}
.personal-div .mkt-pdcard .mkt-pdcard-psndata-btn {display:block; height:48px; height:auto;padding-top:4px;}
.personal-div .mkt-pdcard .mkt-pdcard-psndata-btn .mmsbtn {display:inline-block; min-width:78px; line-height:26px; text-align:center; font-size:12px; border:solid 1px #D2D2D2; border-radius:20px; }
html.ua-ios .personal-div .mkt-pdcard .mkt-pdcard-psndata-btn .mmsbtn {height:26px;}
.personal-div .mkt-pdcard .mkt-pdcard-psndata-btn .mmsbtn.mmsbigbtn {min-width:138px; line-height:38px; margin-top:10px;} 
html.ua-ios .personal-div .mkt-pdcard .mkt-pdcard-psndata-btn .mmsbtn.mmsbigbtn {height:38px;}
.personal-div .mkt-pdcard .mkt-pdcard-psndata-qtt .mkt-pdcard-psndata-btn {margin-top:-2px; padding-top:0;}
.personal-div .mkt-pdcard .mkt-pdcard-psnban {margin-top:20px;}
.personal-div .mkt-pdcard .mkt-pdcard-psnban a {display:block; height:45px; text-align:center; border-radius:8px; overflow:hidden;}
.personal-div .mkt-pdcard .mkt-pdcard-psnban a img {width:auto; height:45px;}
.personal-div .mkt-pdcard .mkt-pdcard-psnban a .mkt-pdcard-psnban-img {display:inline-block; vertical-align:top; width:auto; height:45px; margin-right:6px; padding-top:12px;}
.personal-div .mkt-pdcard .mkt-pdcard-psnban a .mkt-pdcard-psnban-img img {width:auto; height:20px;}
.personal-div .mkt-pdcard .mkt-pdcard-psnban a .mkt-pdcard-psnban-txt {display:inline-block; line-height:45px; font-size:15px; font-weight:bold;}
.personal-div .mkt-pdcard .mkt-pdcard-psnban .arrow-move-column {display: inline-block; line-height: 1;}
.personal-div .mkt-pdcard .mkt-pdcard-psnban .arrow-move-column .arrow-move {display: inline-block; width: 0.4rem; height: 0.4rem; margin: -0.3rem 0 0 0; border: 0.1rem solid #191A1B; border-width: 0.1rem 0.1rem 0 0; vertical-align: middle; transform: rotate(45deg); opacity: 1;}
.personal-div .mkt-pdcard .mkt-pdcard-psnban .arrow-move-column .move1 {margin-left: 0.5rem; animation: slide 0.5s ease-in infinite;}
.personal-div .mkt-pdcard .mkt-pdcard-psnban .arrow-move-column .move2 {margin-left: -0.2rem; animation: slide 0.7s ease-in infinite;}
.personal-div .mkt-pdcard .mkt-pdcard-psnban .arrow-move-column .move3 {margin-left: -0.2rem; animation: slide 0.9s ease-in infinite;}
@keyframes slide {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
@media (max-width:421px) {
.personal-div .mkt-pdcard .mkt-pdcard-psnban a {padding-top:0;}
.personal-div .mkt-pdcard .mkt-pdcard-psnban a img {width:100%; height:auto;}
}
@media (max-width:376px) {
.personal-div .mkt-pdcard .mkt-pdcard-psnban a > img {position:relative; top:3px;}
}
@media (max-width:321px) {
.personal-div .mkt-pdcard .mkt-pdcard-sltid .cfmuseridlist-scrollbox {width:calc(100vw - 72px);}
.personal-div .mkt-pdcard .mkt-pdcard-psnban a {padding-top:0;}
.personal-div .mkt-pdcard .mkt-pdcard-psnban a img {position:relative; top:1px;}
}
.personal-div .mkt-pdcard .mkt-pdcard-btnmms {position:absolute; top:24px; right:24px; width:24px; height:20px; overflow:hidden; font-size:1px; color:transparent; background:url(../../images/v2/main/psn/btn_mms.png) 50% 50% no-repeat; background-size:100% auto;}
.personal-div .mkt-pdcard.mkt-pdcard-mms {position:absolute; top:0; left:20px; right:20px; height:284px; margin-top:0; padding:24px; transform:rotateY(90deg); transition:0.2s; transition-timing-function: ease-in;} 
.personal-div .mkt-pdcard.mkt-pdcard-mms.show {transform:rotateY(0);}
.personal-div .mkt-pdcard.havdelay {transition-delay:0.2s;}
.personal-div .mkt-pdcard.mkt-pdcard-mms .mkt-pdcard-mmstit {display:inline-block; margin-bottom:20px; line-height:28px; font-size:18px; font-weight:bold; letter-spacing:-0.5px; color:#191A1B;}
.personal-div .mkt-pdcard.mkt-pdcard-mms .mkt-pdcard-mmspnt {padding:10px 0 0;}
.personal-div .mkt-pdcard.mkt-pdcard-mms .mkt-pdcard-mmspnt .clear {display:flex;}
.personal-div .mkt-pdcard.mkt-pdcard-mms .mkt-pdcard-mmspnt .clear.center {align-items:center;}
.personal-div .mkt-pdcard.mkt-pdcard-mms .mkt-pdcard-mmspnt .clear.center .mkt-pdcard-psndata-qtt {margin-top:0;}
.personal-div .mkt-pdcard.mkt-pdcard-mms .mkt-pdcard-psndata-mmspnt {flex:1; text-align:left;}
.personal-div .mkt-pdcard.mkt-pdcard-mms .mkt-pdcard-psndata-mmsgrd {flex:1; text-align:right;}
.personal-div .mkt-pdcard.mkt-pdcard-mms .mkt-pdcard-psndata-mmsgrd .mkt-pdcard-mmsgrd {display:inline-block; padding:0 12px; height:30px; line-height:30px; font-size:14px; font-weight:bold; color:#ed1c24; border:solid 1px #ed1c24; border-radius:30px;}
.personal-div .mkt-pdcard.mkt-pdcard-mms .mkt-pdcard-psndata-mmsgrd .mkt-pdcard-mms-btn-column {display:inline-flex;align-items:center;padding:6px 12px 5px;border-radius:14px;background:#191A1B;color:#fff;font-size:14px;}
.personal-div .mkt-pdcard.mkt-pdcard-mms .mkt-pdcard-psndata-mmsgrd .mkt-pdcard-mms-btn-column .btn-mms-arrow {display:inline-block;width:4px;height:8px;margin:0 0 0 5px;background:url('./../../images/v2/main/psn/btn_psn_arrow.png') no-repeat 0 0;background-size:100% 100%;}
.personal-div .mkt-pdcard.mkt-pdcard-mms .mkt-pdcard-mmscode {margin-top:12px; overflow:hidden;}
.personal-div .mkt-pdcard.mkt-pdcard-mms .mkt-pdcard-mmscode figure {text-align:center;}
.personal-div .mkt-pdcard.mkt-pdcard-mms .mkt-pdcard-mmscode img {width:100vw; max-width:none; height:41px; position:relative; left:-44px;}
.personal-div .mkt-pdcard.mkt-pdcard-mms .mkt-pdcard-mmscode code {display:inline-block; margin-top:7px; font-size:12px; font-family: "Apple SD Gothic Neo", 'Apple SD 산돌고딕 Neo', 'Apple-Gothic','애플고딕','Malgun Gothic', NanumGothic, 돋움, Dotum, Arial, sans-serif; color:#797979;}
.personal-div .mkt-pdcard .mkt-pdcard-clsmms {position:absolute; top:24px; right:24px; width:24px; height:20px; color:transparent; background:url(../../images/v2/main/psn/btn_close.png) 50% 50% no-repeat; background-size:100% auto;}
.personal-div .mkt-pdcard .mkt-pdcard-graybox {display:table-cell; width:calc(100vw - 88px); height:124px; vertical-align:middle; text-align:center; border-radius:8px; background:#EFF2F7;}
.personal-div .mkt-pdcard .mkt-pdcard-graybox p {line-height:22px; font-size:14px; color:#191A1B;}
.personal-div .mkt-pdcard .mkt-pdcard-whtbox {display:table-cell; width:calc(100vw - 40px); height:234px; vertical-align:middle; text-align:center; border-radius:8px; background:#fff;}
.personal-div .mkt-pdcard .mkt-pdcard-whtbox p {line-height:22px; font-size:14px; font-weight:900; color:#191A1B;}
.personal-div .mkt-pdcard .warn01 {padding-top:60px; line-height:22px; font-size:14px; color:#191A1B; background:url(../../images/v2/main/psn/warn01.png) 50% 0 no-repeat; background-size:52px auto;}
.personal-div .mkt-pdcard .warn02 {padding-top:60px; line-height:22px; font-size:14px; color:#191A1B; background:url(../../images/v2/main/psn/warn02.png) 50% 0 no-repeat; background-size:52px auto;}
@media (max-width:360px) {
.personal-div .mkt-pdcard .mkt-pdcard-psnban a .mkt-pdcard-psnban-txt {font-size:12px;}
}
@media (max-width:320px) {
.personal-div .mkt-pdcard.mkt-pdcard-login {height:268px; padding:20px 16px;}
.personal-div .mkt-pdcard.mkt-pdcard-mms {height:268px;}
.personal-div .mkt-pdcard .mkt-pdcard-graybox {width:calc(100vw - 72px);}
.personal-div .mkt-pdcard .mkt-pdcard-psnban a {height:auto;}
.personal-div .mkt-pdcard .mkt-pdcard-psnban a img {width:100%; height:auto;}
.personal-div .mkt-pdcard .mkt-pdcard-psnban a .mkt-pdcard-psnban-img {display:inline-block; width:auto; height:32px; margin-right:6px; padding-top:6px;}
.personal-div .mkt-pdcard .mkt-pdcard-psnban a .mkt-pdcard-psnban-img img {width:auto; height:20px;}
.personal-div .mkt-pdcard .mkt-pdcard-psnban a .mkt-pdcard-psnban-txt {display:inline-block; line-height:32px; font-size:12px;}
.personal-div .mkt-pdcard .mkt-pdcard-whtbox {height:170px;}
}
@media (max-width:280px) {
.personal-div .mkt-pdcard.mkt-pdcard-login {height:263px; padding:20px 16px;}
.personal-div .mkt-pdcard.mkt-pdcard-mms {height:263px;}
.personal-div .mkt-pdcard .mkt-pdcard-psnban a {height:auto;}
.personal-div .mkt-pdcard .mkt-pdcard-psnban a img {width:100%; height:auto;}
.personal-div .mkt-pdcard .mkt-pdcard-psnban a .mkt-pdcard-psnban-img {display:inline-block; width:25px; height:27px; margin-right:6px; padding-top:2px;}
.personal-div .mkt-pdcard .mkt-pdcard-psnban a .mkt-pdcard-psnban-img img {width:25px; height:27px;}
.personal-div .mkt-pdcard .mkt-pdcard-psnban a .mkt-pdcard-psnban-txt {display:inline-block; line-height:27px; font-size:12px;}
}
.personal-div .mkt-pdcard-offerset-div {position:relative; margin: 16px 0 0 0;} 
.personal-div .mkt-pdcard-offerset-div .bx-wrapper {background:transparent;}
.personal-div .mkt-pdcard-offerset-div .bx-wrapper .bx-viewport {background:transparent; border-radius:8px; box-shadow:0px 2px 8px #191A1B12;}
.personal-div .mkt-pdcard-offerset-div .bx-wrapper .mkt-pdcard {margin:0; box-shadow:none;}
.personal-div .mkt-pdcard-offerset-div .bx-wrapper img {display:inline-block;}
.personal-div .mkt-pdcard-offerset-div .swiper-controle-wrap {left:auto; right:40px; bottom:auto; top:34px; width:calc(100vw - 50px); background:transparent;}
.personal-div .mkt-pdcard-offerset-div .bx-wrapper .bx-pager {top:14px; bottom:auto; left:auto; right:20px; text-align:right; z-index:9;}
.personal-div .mkt-pdcard-offerset-div .swiper-controle-wrap .swiper-pagination {left:0; right:0; bottom:0; width:100%; text-align:right; background:transparent;}
.personal-div .mkt-pdcard-offerset-div .swiper-controle-wrap .swiper-pagination button.swiper-pagination-bullet,
.personal-div .mkt-pdcard-offerset-div .bx-wrapper .bx-pager-item a {margin:0 3px; color:transparent; overflow:hidden; background:transparent; border:solid 1px #191A1B; opacity:1;}
.personal-div .mkt-pdcard-offerset-div .swiper-controle-wrap .swiper-pagination button.swiper-pagination-bullet.swiper-pagination-bullet-active,
.personal-div .mkt-pdcard-offerset-div .bx-wrapper .bx-pager-item a.active {background:#191A1B; opacity:1;}
.personal-div .mkt-pdcard-offerset-div .controls-autoplay {display:none;}
.personal-div .mkt-pdcard-offerset-div .swiper-button-prev {left:20px; margin-top:-2px;}
.personal-div .mkt-pdcard-offerset-div .swiper-button-next {right:20px; margin-top:-2px;}
.personal-div .ofset-swiper .swiper-wrapper {padding:0;}
.personal-div .ofset-swiper .swiper-wrapper .swiper-slide {width:calc(100vw - 40px); margin-right:0;}
.personal-div .ofset-swiper .swiper-wrapper .swiper-slide .mkt-pdcard {margin-top:0;}
.personal-div .mkt-pdcard.mkt-pdcard-psnsvc {position:relative; border-radius:8px; overflow:hidden;}
.personal-div .mkt-pdcard.mkt-pdcard-psnsvc .mkt-psnsvc-txtbox {position:absolute; top:24px; left:24px; padding:0;}
.personal-div .mkt-pdcard.mkt-pdcard-psnsvc .mkt-psnsvc-tit {display:block; padding:24px 0 12px 24px; line-height:14px; font-size:13px; font-weight:normal; letter-spacing:-0.5px; color:#01a69f;}
.personal-div .mkt-pdcard.mkt-pdcard-psnsvc .mkt-psnsvc-cmmt {padding-left:24px; line-height:24px; font-size:16px; font-weight:bold; letter-spacing:-0.25px; color:#191A1B;}
.ua-ios .personal-div .mkt-pdcard.mkt-pdcard-psnsvc .mkt-psnsvc-cmmt {letter-spacing:-0.25px;}
.personal-div .mkt-pdcard.mkt-pdcard-psnsvc .mkt-psnsvc-txtbox .mkt-psnsvc-tit, 
.personal-div .mkt-pdcard.mkt-pdcard-psnsvc .mkt-psnsvc-txtbox .mkt-psnsvc-cmmt {padding-top:0; padding-left:0;}
.personal-div .mkt-pdcard.mkt-pdcard-psnsvc .mkt-psnsvc-gif {display:block; text-align:right;}
.personal-div .mkt-pdcard.mkt-pdcard-psnsvc .mkt-psnsvc-gif a {display:block; height:160px;}
.personal-div .mkt-pdcard.mkt-pdcard-psnsvc .mkt-psnsvc-gif img {width:auto; max-width:100%; height:160px; padding:10px 0;}
@media screen and (max-width:375px) { 
	.personal-div .mkt-pdcard.mkt-pdcard-psnsvc .mkt-psnsvc-gif img {padding:20px 0;}
}
@media screen and (max-width:320px) { 
	.personal-div .mkt-pdcard.mkt-pdcard-psnsvc .mkt-psnsvc-gif img {padding:30px 0 50px;}
}
.personal-div .mkt-pdcard.mkt-pdcard-psnsvc .mkt-psnsvc-link {display:none; border-top:solid 2px #f6f6f6;}
.personal-div .mkt-pdcard.mkt-pdcard-psnsvc .mkt-psnsvc-link a {position:relative; display:block; padding-right:40px; line-height:43px; text-align:right; font-size:13px;}
.personal-div .mkt-pdcard.mkt-pdcard-psnsvc .mkt-psnsvc-link a:after {content:""; position:absolute; top:50%; right:20px; width:10px; height:10px; margin-top:-5px; background:url(../../images/v2/main/psn/link_arrow.png) 100% 50% no-repeat; background-size:10px auto; } 
.personal-div .mkt-pdcard.mkt-pdcard-psnsvc .mkt-psnsvc-wholeimg {text-align:right;}
.personal-div .mkt-pdcard.mkt-pdcard-psnsvc .mkt-psnsvc-wholeimg a {display:block;}
.personal-div .mkt-pdcard.mkt-pdcard-psnsvc .mkt-psnsvc-wholeimg img {width:auto; max-width:100%; height:160px; }
@media screen and (min-width:670px) { 
	.personal-div .mkt-pdcard.mkt-pdcard-psnsvc .mkt-psnsvc-txtbox {left:164px;}
	.personal-div .mkt-pdcard.mkt-pdcard-psnsvc .mkt-psnsvc-gif {padding-right:140px;}
	.personal-div .mkt-pdcard.mkt-pdcard-psnsvc .mkt-psnsvc-wholeimg {padding-right:140px;}
}
.personal-div .mkt-pdcard-loadingbox {padding:16px 0 0;}
.personal-div .mkt-pdcard-loadingbox .mkt-pdcard-whtbox {display:table-cell; width:calc(100vw - 40px); height:160px; margin:0 auto; vertical-align:middle; text-align:center; border-radius:8px; background:#fff; box-shadow: 0px 2px 8px #191A1B12;}
.personal-div .mkt-pdcard-loadingbox .mkt-pdcard-whtbox p {line-height:22px; font-size:14px; font-weight:900; color:#191A1B;}
.personal-div .mkt-pdcard .mkt-pdcard-sltid ul .cfmuserid-selected span, 
.personal-div .mkt-pdcard .mkt-pdcard-sltid ul .cfmuserid-selected strong {font-weight:bold;}
.personal-div .mkt-pdcard.mkt-pdcard-psnsvc .mkt-psnsvc-tit {font-size:14px;}
html .personal-div .mkt-pdcard.mkt-pdcard-psnsvc .mkt-psnsvc-cmmt {line-height:27px; font-size:16px; letter-spacing:-0.6px;}
html.ua-ios .personal-div .mkt-pdcard.mkt-pdcard-psnsvc .mkt-psnsvc-cmmt {letter-spacing:-0.6px;}
 */
	/* 온마시 개인화 영역
.mkt-kusbenefitdiv {margin-bottom:-7vw; padding:7vw 0;}
.mkt-kusbenefitdiv.havIndicator {margin-bottom: -4vw;}
.mkt-kusbenefitdiv .mkt-tit {padding: 0 6.66vw 4vw 6.66vw;}
.mkt-kusbenefitdiv .kusbenefit-swiper > div {width: 86.66vw !important;margin: 0 6.66vw;}
.mkt-kusbenefitdiv .bx-controls {position: absolute; bottom: 0; z-index: 9; width: 86.66vw !important; margin-left: 0; left: 6.67vw; }
.mkt-kusbenefitdiv .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {width:100%; left:0; margin-left:0; bottom:-6vw; text-align:center;}
.mkt-kusbenefitdiv .bx-wrapper .bx-pager.bx-default-pager a {width:2vw; height:2vw; margin:0 0.8vw; border:none; background:#C7C7C7;}
.mkt-kusbenefitdiv .bx-wrapper .bx-pager.bx-default-pager a.active {width:4vw; background:#01A69F;}
.mkt-kusbenefitdiv .psnban {height:49.2vw; padding:5.3vw 3.6vw 5.3vw 6.6vw; border-radius:4vw; box-sizing:border-box;}
.mkt-kusbenefitdiv .psnban_tagline {margin-bottom:4.26vw;}
.mkt-kusbenefitdiv .psnban_tag {display:inline-block; margin-right:4px; padding:0 2.1vw; line-height:6.6vw; font-size:3.2vw; font-weight:bold; color:#191A1B; background:#d6e1e4; border-radius:0.8vw;}
.mkt-kusbenefitdiv .psnban_prgh {line-height:6.4vw; font-size:4.8vw; font-weight:bold; color:#191A1B;}
.mkt-kusbenefitdiv .psnban_prgh strong {color:#5ddfde; background:#191A1B;}
.mkt-kusbenefitdiv .psnban_btnwrap {margin-top:3.86vw;}
.mkt-kusbenefitdiv .psnban_btn {display:inline-block; line-height:6.86vw; padding:0 4.26vw; font-size:3.2vw; background:#fff; border:solid 1px #d2d2d2; border-radius:1vw;}
.mkt-kusbenefitdiv .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {bottom:53vw; right:2vw; width:10vw;}
.mkt-kusbenefitdiv .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto a {opacity:0.4; position: absolute;top:0 !important;width:4vw;height: 4vw;font-size: 2px;line-height: 4vw;text-indent:0; color:transparent; background-position: 50% 50% !important;background-repeat:no-repeat;background-size:auto 4vw;z-index:9; border:solid 1px #aaa;border-radius:4px;}
.mkt-kusbenefitdiv .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto a:hover {opacity:0.8; position: absolute;top:0 !important;width:4vw;height: 4vw;font-size: 2px;line-height: 4vw;text-indent:0; color:transparent; background-position: 50% 50% !important;background-repeat:no-repeat;background-size:auto 4vw;z-index:9; border:solid 1px #aaa;border-radius:4px;}
.mkt-kusbenefitdiv .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto a:focus {opacity:0.8; position: absolute;top:0 !important;width:4vw;height: 4vw;font-size: 2px;line-height: 4vw;text-indent:0; color:transparent; background-position: 50% 50% !important;background-repeat:no-repeat;background-size:auto 4vw;z-index:9; border:solid 1px #aaa;border-radius:4px;}
.mkt-kusbenefitdiv .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto a.active {opacity:1;}
.mkt-kusbenefitdiv .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto a.bx-start {left:0; background: url(../../images/v2/main/mkt-top-swiper-div-start_v2.png?2022011901) 40% 50% no-repeat !important; background-size: auto 4vw !important;}
.mkt-kusbenefitdiv .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto a.bx-stop {background: url(../../images/v2/main/mkt-top-swiper-div-stop_v2.png?2022011901) -20% 50% no-repeat !important; background-size: auto 4vw !important;}
.mkt-pdcard-offerset-div .ofset-swiper.nonswiper .swiper-wrapper {padding-left:20px;}
 */
	/* 인기급상승 */
.mkt-hotcnt {padding-top:32px;}
.mkt-hotcnt .mkt-tit {margin-bottom:14px; padding-left:20px;}
.mkt-hotcnt .hit-swiper {position:relative; padding-right:28px;}
.mkt-hotcnt .hit-swiper .swiper-wrapper{padding:0 20px; overflow:hidden; overflow-x:auto;}
.mkt-hotcnt .swiper-slide {width:132px; height:160px; margin-right:12px; border-radius:12px; overflow:hidden;}
.mkt-hotcnt .swiper-slide img {height:160px;}
@media (max-width:400px) {
.mkt-hotcnt .swiper-slide {width:132px; height:160px;}
.mkt-hotcnt .swiper-slide img {height:160px;}
}

	/* 핫딜 */
.mkt-hotdealcnt {padding-top:32px;}
.mkt-hotdealcnt > .mkt-tit {display:block; margin-bottom:14px; padding-left:20px;}
.mkt-hotdealcnt .hotdeal-swiper {position:relative; padding-right:28px;}
.mkt-hotdealcnt .hotdeal-swiper .swiper-wrapper{padding:0 10px 32px 20px; overflow:hidden; overflow-x:auto;}
.mkt-hotdealcnt .swiper-slide.mkt-hotdeal-case {position:relative; width:200px; height:268px; margin-right:12px; overflow:hidden; background:#fff; border-radius:12px; box-shadow: 0px 2px 8px #191A1B12;}
.mkt-hotdealcnt .swiper-slide a:before {content:none;}
.mkt-hotdealcnt .swiper-slide.mkt-hotdeal-case > a {display:block; height:268px; padding:0; text-align:center;}
.mkt-hotdealcnt .swiper-slide.mkt-hotdeal-case > a > img,
.mkt-hotdealcnt .swiper-slide.mkt-hotdeal-case > a figure img {float:none; width:200px; height:auto; border-radius:0;}
.mkt-hotdealcnt .swiper-slide.mkt-hotdeal-case.dimm figure {position:relative;} 
.mkt-hotdealcnt .swiper-slide.mkt-hotdeal-case.dimm figure:after {content:""; content:none; position:absolute; top:0; left:0; bottom:0; right:0; width:100%; height:100%; background:rgba(0,0,0,0.4);} 
.mkt-hotdealcnt .swiper-slide.mkt-hotdeal-case .hdbox_qntt {position:absolute; top:10px; left:10px; width:40px; height:40px; line-height:14px; text-align:center; font-size:10px; letter-spacing:-0.5px; border-radius:40px; background:#ed1c24; color:#fff; }
.mkt-hotdealcnt .swiper-slide.mkt-hotdeal-case .hdbox_qntt > span {display:table-cell; width:40px; height:40px; vertical-align:middle;  text-align:center; }
.mkt-hotdealcnt .swiper-slide.mkt-hotdeal-case .hdbox_gtimewedbox {position:absolute; top:138px; left:0; right:0; height:24px; line-height:24px; font-size:12px; letter-spacing:-0.5px; color:#fff;}
.mkt-hotdealcnt .swiper-slide.mkt-hotdeal-case .hdbox_gtimewedbox.hdendTime {width:100px; left:50%; margin-left:-50px; height:24px; border-radius:24px; background:#191A1B;}
.mkt-hotdealcnt .swiper-slide.mkt-hotdeal-case .hdbox_gtimewedbox .step1 {position:static; display:inline-block; width:148px; height:24px; margin:0 auto; padding:0 8px; text-align:center; font-weight:900; border-radius:24px; background:#191A1B;} 
.mkt-hotdealcnt .swiper-slide.mkt-hotdeal-case .hdbox_gtimewedbox .step1 {line-height:26px;}
.mkt-hotdealcnt .swiper-slide.mkt-hotdeal-case .hdbox_gtimewedbox .step1:before {content: '';position:relative; top:3px; display: inline-block;width:16px;height:16px;margin:0;border-radius: 50%;background: url(../../images/v2/main/main_icon_tp.png) no-repeat 50% 50%;background-size:15px auto;}
.mkt-hotdealcnt .swiper-slide.mkt-hotdeal-case .hdbox_gtimewedbox .step1 .gtmsnd {display:none;}
.ua-ios .mkt-hotdealcnt .swiper-slide.mkt-hotdeal-case .hdbox_gtimewedbox .step1 .gtmin {display:inline-block; width:14px;}
.ua-ios .mkt-hotdealcnt .swiper-slide.mkt-hotdeal-case .hdbox_gtimewedbox .step1 .gtsnd {display:inline-block; width:16px;}
.ua-ios .mkt-hotdealcnt .swiper-slide.mkt-hotdeal-case .hdbox_gtimewedbox .step1 .gtmsnd {display:none; width:12px;}
.mkt-hotdealcnt .swiper-slide.mkt-hotdeal-case .hdbox_gtimewedbox .step2 {position:static; display:inline-block; width:100px; height:24px; margin:0 auto; padding:0 6px; font-weight:900; border-radius:24px; background-image: linear-gradient(to right, #20a5a5, #1c86cf);}
.ua-ios .mkt-hotdealcnt .swiper-slide.mkt-hotdeal-case .hdbox_gtimewedbox .step2 {line-height:26px;}
.mkt-hotdealcnt .swiper-slide.mkt-hotdeal-case .hdbox_gtimewedbox .step3 {position:static; display:inline-block; width:80px; margin:0 auto; padding:0 14px; border-radius:24px; background:#191A1B;}
.mkt-hotdeal-case .hdbox_tit {display:block; padding:28px 0 18px; line-height:18px; font-size:13px; font-weight:bold; letter-spacing:-0.5px; color:#191A1B; }
.mkt-hotdeal-case .hdbox_pricedev {display:block; }
.mkt-hotdeal-case .hdbox_pricedev:after {content:""; display:block; clear:both;}
.mkt-hotdeal-case .hdbox_pricedev .hdbox_delprice {float:left; padding-left:20px; line-height:18px; font-size:14px; color:#797979; text-decoration:line-through;}
.mkt-hotdeal-case .hdbox_pricedev .hdbox_p {float:right; padding-right:20px; }
.mkt-hotdeal-case .hdbox_pricedev .hdbox_salep {line-height:18px; font-size:16px; color:#ed1c24; }
.mkt-hotdeal-case .hdbox_pricedev .hdbox_salepc {line-height:18px; font-size:16px; color:#191A1B; }
.mkt-hotdeal-case .hdbox_cinfo {display:block; margin-top:-8px;}
.mkt-hotdeal-case .hdbox_cinfo strong {display:block; padding-bottom:4px;font-weight:bold;}
.mkt-hotdeal-case .hdbox_cinfo span {display:block;}
@media (max-width:320px) {
.mkt-hotdealcnt .swiper-slide.mkt-hotdeal-case,
.mkt-hotdealcnt .swiper-slide.mkt-hotdeal-case > a  {width:160px; height:auto;}
.mkt-hotdealcnt .swiper-slide.mkt-hotdeal-case > a > img,
.mkt-hotdealcnt .swiper-slide.mkt-hotdeal-case > a figure img {width:160px;}
.mkt-hotdealcnt .swiper-slide.mkt-hotdeal-case .hdbox_gtimewedbox {top:107px;}
}
.mkt-hotdealcnt  + section {padding-top:0;}
.move-action .tp1,
.move-action .tp2,
.move-action .tp3,
.move-action .tp4,
.move-action .tp5,
.move-action .tp6 {margin:0 -1.4px; animation:marquee 1.4s infinite;}
.move-action .tp2 {margin-right:2px; animation-delay:0.2s;}
.move-action .tp3 {animation-delay:0.3s;}
.move-action .tp4 {animation-delay:0.4s;}
.move-action .tp5 {animation-delay:0.5s;}
.move-action .tp6 {animation-delay:0.6s;}
@keyframes marquee {    
	40% {opacity:0;}
    80% {opacity:1;}
}

	/* 샵 
.mkt-shopdiv {padding-top:32px;}
.mkt-shopdiv .mkt-tit {display:block; height:auto; margin-bottom:14px; padding-left:20px;}
.mkt-shopdiv .mkt-tit a {height:auto;}
.mkt-shopdiv .mkt-tit a:after {content:none;}
.mkt-shopdiv .mkt-tit a .mkt-tit-text {position:relative; display:inline-block; height:16px; line-height:16px; padding-right:24px;}
.mkt-shopdiv .mkt-tit a .mkt-tit-text:after {content:""; position:absolute; top:0; right:0; width:24px; height:16px; background:url(../../images/v2/main/link_arrow.png) 50% 50% no-repeat; background-size:24px auto;}
.mkt-shopdiv .mkt-tit .more-link {display:block; position:static; width:calc(100vw - 20px); margin-top:9px; margin-right:10px; right:auto; left:0; line-height:16px; padding-right:16px; font-weight: normal; font-size: 14px; letter-spacing: -0.35px; font-weight:normal; background: none; text-align: left;}
.mkt-shopdiv .shop-swiper {padding-right:28px; padding-bottom:0; margin-top:0;}
.mkt-shopdiv .shop-swiper .swiper-wrapper{padding:0 20px 40px; overflow:hidden; overflow-x:auto;}
.mkt-shopdiv .mkt-shop-prd {width: 190px;width: 170px;height: 454px;overflow:hidden;margin-right:12px;background:#fff;border-radius:12px;box-shadow: 0px 2px 8px #191A1B12;transition:0.4s all;transition-timing-function:ease-in-out;}
.mkt-shopdiv .mkt-shop-prd.hidden {height:224px;} 
@media (min-width:708px) {
.mkt-shopdiv .mkt-shop-prd {width:calc(25vw - 19px);}
}
.mkt-shopdiv .mkt-shop-prd > a {display:block; padding-top:40px; padding-top:12px; padding-bottom:12px; text-align:center;}
.mkt-shopdiv .mkt-shop-prd > a > img,
.mkt-shopdiv .mkt-shop-prd > a figure img {text-align:center; width:auto; height:150px; transition:0.5s; transition-timing-function: ease-in;}
.mkt-shopdiv .mkt-shop-prd.hidden > a > img,
.mkt-shopdiv .mkt-shop-prd.hidden > a figure img {transform:scale(0.9);}
.mkt-shopdiv .mkt-shop-prd > a figure {display:block; margin-bottom:0;}
.mkt-shopdiv .mkt-shop-prd > a .box-beige {display:none; position:absolute; top:10px; left:10px; width:100%; text-align:left;}
.mkt-shopdiv .mkt-shop-prd > a .box-beige img {width:auto; height:21px; }
.mkt-shopdiv .mkt-shop-prd .shopbox_tit {display:-webkit-box; width:100%; height:40px; margin:10px 0; padding:0 17px; text-align:center; line-height:20px; word-break:keep-all; vertical-align:middle; font-size:15px; font-weight:bold; letter-spacing:-0.35px; overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.mkt-shopdiv .mkt-shop-prd .shopbox_opt {display:block; width:calc(100% - 24px); height:52px; line-height:14px; margin:0 auto 14px; text-align:center; font-size:11px; color:#191A1B; border-radius:4px; background:#F7F7F7;}
.mkt-shopdiv .mkt-shop-prd .shopbox_opt > span {display:block; width:auto; height:52px; align-content:center; padding:0 4px; vertical-align:middle; font-weight:bold;}
.mkt-shopdiv .mkt-shop-prd .shopbox_pbox {display:block; height:auto; padding-top:0; word-break:keep-all;}
.mkt-shopdiv .mkt-shop-prd .shopbox_pbox.hidden {height:0; overflow:hidden;}
.mkt-shopdiv .mkt-shop-prd .shopbox_pbox_list {display:block; padding:0 12px; line-height:20px; font-size:12px;}
.mkt-shopdiv .mkt-shop-prd .shopbox_pbox_list:after {content:""; display:block; clear:both; }
.mkt-shopdiv .mkt-shop-prd .shopbox_pbox_list .shopbox_pbox_tit {float:left;}
.mkt-shopdiv .mkt-shop-prd .shopbox_pbox_list .shopbox_pbox_prc {float:right;}
.mkt-shopdiv .mkt-shop-prd .shopbox_pbox_sum {display:block; width:calc(100% - 24px); line-height:21px; margin:4px auto 0; padding:8px 0; text-align:right; font-size:15px; font-weight:bold; border-top:solid 2px #f6f6f6;}
.mkt-shopdiv .mkt-shop-prd > a .box-btn .box-flex .box-flex-link {display:inline-block; width:calc(100% - 24px); line-height:21px; margin:4px auto 0; padding:8px 0; text-align:center; font-size:14px; font-weight:500; color:#fff; border-radius:8px; background:#191A1B; border:solid 1px #191A1B;}
*/
/*
.mkt-shopbandiv {position:relative; margin:-16px 20px -10px;}
.mkt-shopbandiv .swiper-slide {width:calc(100vw - 40px); border-radius:12px; overflow:hidden;}
.mkt-shopbandiv .swiper-slide a {display:block; height:90px; text-align:center;}
.mkt-shopbandiv .swiper-slide .bgspan {display:block; height:80px; margin-top:10px; border-radius:12px;}
.mkt-shopbandiv .swiper-slide img {position:relative; top:-10px; width:auto; max-width:100%; max-height:90px;}

/* 스와이프 배너 라운드 0314 
@media (max-width: 391px) {
	.mkt-shopbandiv .swiper-slide .bgspan {left:20px;width:calc(100vw - 40px);height:80px;}
	.mkt-shopbandiv .swiper-slide img {width:311px;height:90px;object-fit:cover;}
}
@media (max-width: 361px) {
	.mkt-shopbandiv .swiper-controle-wrap {bottom:16px;}
	.mkt-shopbandiv .swiper-slide a {height:80px;}
	.mkt-shopbandiv .swiper-slide .bgspan {left:20px;width:calc(100vw - 40px);height:74px;padding-top:2px;}
	.mkt-shopbandiv .swiper-slide img {
		width:300px;
		height:81px;
		object-fit:cover;
	}
}
@media (max-width: 321px) {
	.mkt-shopbandiv .swiper-slide a {height:80px;}
	.mkt-shopbandiv .swiper-slide .bgspan {
		left:20px;
		width:calc(100vw - 40px);
		height:68px;
		padding-top:2px;
		}
	.mkt-shopbandiv .swiper-slide img {
		width:256px;
		height:75px;
		object-fit:cover;
	}
}
@media (max-width: 281px) {
	.mkt-shopbandiv .swiper-slide a {height:70px;}
	.mkt-shopbandiv .swiper-slide .bgspan {
		left:20px;
		width:calc(100vw - 40px);
		height:52px;
		padding-top:4px;
		}
	.mkt-shopbandiv .swiper-slide img {
		width:216px;
		height:auto;
		object-fit:cover;
	}
}
/* 스와이프 배너 라운드 2023-0202 

.mkt-shopbandiv .swiper-controle-wrap {bottom:22px; right:12px; left:auto;}
.mkt-shopbandiv .swiper-controle-wrap .swiper-pagination {width:28px; bottom:auto; left:4px; text-align:center; letter-spacing:-0.8px;}
.mkt-shopbandiv .swiper-controle-wrap .controls-autoplay {position:absolute; bottom:3px; right:4px;}
*/
	/* 이벤트
.mkt-eventdiv {padding:32px 20px 0; }
.mkt-eventdiv .mkt-tit {margin-right:-20px; margin-bottom:14px; padding-left:0;}
.mkt-eventdiv .event-swiper {position:relative;}
.mkt-eventdiv .swiper-slide {margin:0; width:calc(100vw - 40px);}
.mkt-eventdiv .swiper-slide a {display:block; text-align:center; border-radius:12px; overflow:hidden;}
.mkt-eventdiv .swiper-slide a img {width:auto; max-width:100%; max-height:140px;}
.mkt-eventdiv .swiper-controle-wrap {bottom:12px; right:12px; left:auto;}
.mkt-eventdiv .swiper-controle-wrap .swiper-pagination {width:28px; bottom:auto; left:4px; text-align:center; letter-spacing:-0.8px;}
.mkt-eventdiv .swiper-controle-wrap .controls-autoplay {position:absolute; bottom:3px; right:4px;}
 */
	/* 고객지원
.mkt-maincsdiv {padding-top:32px; }
.mkt-maincsdiv .mkt-tit {margin-bottom:14px; padding-left:20px;}
.mkt-maincsdiv .help-swiper {padding-right:28px;}
.mkt-maincsdiv .help-swiper .swiper-wrapper {overflow-y:hidden; overflow-x:auto; padding:0 20px 40px 20px;}
.mkt-maincsdiv .swiper-slide {width:132px; height:156px; margin-right:12px; box-shadow: 0px 2px 8px #191A1B12; border-radius:12px; overflow:hidden;}
.mkt-maincsdiv .mkt-maincsbtndiv {display:flex; margin:-24px 20px 0; padding:0; background:#fff; border-radius:12px; box-shadow: 0px 2px 8px #191A1B12;}
.mkt-maincsdiv .mkt-maincsbtndiv a {flex:1; display:block; height:50px; line-height:50px; text-align:center; font-size:14px; font-weight:bold;}
.mkt-maincsdiv .mkt-maincsbtndiv a.mkt-findshop span {display:inline-block; padding-left:28px; background:url(../../images/v2/main/help_icon_shop.png) 0 50% no-repeat; background-size:24px auto;}
.mkt-maincsdiv .mkt-maincsbtndiv a.mkt-infocs span {display:inline-block; padding-left:28px; background:url(../../images/v2/main/help_icon_call.png) 0 50% no-repeat; background-size:24px auto;}
.mkt-maincsdiv .mkt-maincsbtndiv a:first-child {position:relative;} 
.mkt-maincsdiv .mkt-maincsbtndiv a:first-child:after {content:""; position:absolute; top:50%; right:0; width:1px; height:15px; margin-top:-7.5px; background:rgba(0,0,0,0.11); }
.mkt-maincsdiv .mkt-maincsbtndiv a {font-weight:500;} 
.mkt-maincsdiv .mkt-maincsbtndiv {position:relative; z-index:9;} 
 */
	/* 0913-2 공지
.mkt-noticediv {position:relative; display: block; overflow: hidden; margin:40px 0 0 0; padding: 0 25px; height: 62px; line-height:62px; border-top: 1px solid #ededed; background: #fff; color: #191A1B; font-size: 14px; line-height: 62px; }
.mkt-noticediv strong + a {flex: 1 0 0;min-width: 0;max-width: none;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: 500;font-size: 14px;color: #61646B;}
.mkt-noticediv a.more {position:static; width:16px;height:16px; color: #191A1B; padding:0 16px 0 0; font-weight: normal; font-size: 13px; letter-spacing: 0vw; background:url(../../images/v2/main/ic_chevron_right_dark.svg) 50% 50% no-repeat; background-size:16px auto; color:transparent;}
.mkt-noticediv strong { position: relative; display: block; float: left; margin-right:8px; padding-right: 8px; font-size: 14px; font-weight:bold;}
.mkt-noticediv strong:after { position: absolute; top: 50%; right: 0; display: block; margin-top: -7px; width: 1px; height: 15px; background: #adadad; content: ""; }
.mkt-cnt05 span { position: relative; display: block; overflow: hidden; padding-left: 5px; min-width:200px; text-overflow: ellipsis; white-space: nowrap; line-height:16px; }
 */
	/* 플로팅바 */
aside.floating-tabbar .btn-tabbar-home {display:block;}/* 0216 노출 */
#ktMainYn ~ #mCfmClWrapper aside.floating-tabbar .btn-tabbar-open {display: block;top: -15px;z-index: 29;}
#ktMainYn ~ aside.floating-tabbar .btn-tabbar-homes {display:block;}
aside.floating-tabbar .floating-tabbar-open,
aside.floating-tabbar.active .floating-tabbar-open {top:-15px;}
aside.floating-tabbar.active .btn-tabbar-close {top:0;}
#ktMainYn ~ #mCfmClWrapper aside.floating-tabbar .floating-tabbar-close {display:none;}
.floating-tabbar + .footer-float-icon-item {margin-top:0;}

/* 개편 로딩바 */
.allLoding {height:60px; padding:10px 0;}
.allLoding .pop_loading {width:96px; margin:0 auto;}
.allLoding .pop_loading:after {content:""; display:block; clear:both;} 
.allLoding [class*="loading-cle"] {border-radius: 50%;float: left;margin: 0 5px;margin: 0 6px;width: 12px;height: 12px;}
.allLoding  .loading-cle-1 {background:#81DCDD; animation:loadingani 2000ms ease-in-out 0ms infinite;}
.allLoding  .loading-cle-2 {background:#81DCDD; animation:loadingani 2000ms ease-in-out 200ms infinite;}
.allLoding  .loading-cle-3 {background:#81DCDD; animation:loadingani 2000ms ease-in-out 400ms infinite;}
.allLoding  .loading-cle-4 {background:#81DCDD; animation:loadingani 2000ms ease-in-out 600ms infinite;}
@keyframes loadingani {
1% { opacity:0.8; transform:translateY(0); }
50% { opacity:1; transform:translateY(12px); }
100% { opacity:0.8; transform:translateY(0); }
}

/* function key 추가 */
div.floating-tabbar {position:relative; height:56px;}
div.floating-tabbar.active {z-index:110;}
div.floating-tabbar .floating-tabbar-open {visibility:hidden; position:relative; top:-44px; opacity:0; transition:opacity .3s .2s;}
div.floating-tabbar.active .floating-tabbar-open {visibility:visible; position:relative; display:block; opacity:1; z-index:50;}
div.floating-tabbar.active .btn-tabbar-open {transform:none !important; opacity:0; z-index:40;}
div.floating-tabbar .btn-tabbar-open {position:relative; display:block; top:0; left:0; width:44px; height:44px; border-radius:44px; background:#fff; box-shadow:0 5px 5px 3px rgb(0 0 0 / 10%); transition:all .3s; z-index:60;}/* 1006 스위치바 개선 */
div.floating-tabbar .btn-tabbar-open:before {content:"";position:absolute;top:50%;left:50%;width:16px;height:2px;margin:-1px 0 0 -8px;background:#191A1B;}
div.floating-tabbar .btn-tabbar-open:after {content:"";position:absolute; top:50%;left:50%;width:2px;height:16px;margin:-8px 0 0 -1px;transform:none;background:#191A1B;}
div.floating-tabbar .btn-tabbar-open span {position:absolute;top:50%;left:50%;width:42px;height:42px;border-radius:42px;margin:-21px -21px;color:transparent;background:none;opacity:0.9;}
div.floating-tabbar .btn-tabbar-close {position: absolute; top: 0; left: 0; transform: none; width:44px; height:44px; border-radius: 44px; background: #fff; z-index:19; transform:rotate(0);transition:all .3s;}
div.floating-tabbar .btn-tabbar-close:before {content:"";position:absolute;top:50%;left:50%;width: 16px;height:2px;margin:-1px 0 0 -8px;background:#191A1B;}
div.floating-tabbar .btn-tabbar-close:after {content:"";position:absolute;top:50%;left:50%;width:2px;height: 16px;margin:-8px 0 0 -1px;transform:none;background:#191A1B;}
div.floating-tabbar.active .btn-tabbar-close {transform:rotate(45deg);}
div.floating-tabbar .btn-tabbar-close span {position:absolute;top:0;left:0;width:44px;height:44px;border-radius:44px;margin:0;clip:auto;background:none;opacity:0.9;}
div.floating-tabbar.floating-tabbar-btn_wrap {display:none;}
div.floating-tabbar .floating-tabbar-btn_wrap {position:absolute; bottom:-44px; right:0; left:auto; z-index:10; display:block; opacity:1; z-index:50;}
div.floating-tabbar-open .floating-tabbar-btn_wrap > a {visibility:hidden;}
div.floating-tabbar-open .floating-tabbar-btn_wrap > a {display:inline-block; position:absolute; right:0; left:auto; bottom:0; width:44px; height:44px; margin-left:0; transition:all .3s;}
div.floating-tabbar-open .floating-tabbar-btn_wrap > a > span {display:inline-block; position:static; width:44px; height:44px; background-size:contain; background-position:50% 50%; background-repeat:no-repeat;}
div.floating-tabbar-open .floating-tabbar-btn_wrap > a > span > span {bottom:auto !important;}
div.floating-tabbar-open .wthtxt {position:absolute; right:65px; top:50%; transform: translateY(-50%); width:170px; text-align:right; font-size:15px; color:#fff;}
div.floating-tabbar-open .floating-tabbar-order {border-radius:50%; background-color:#fff;}
div.floating-tabbar-open .floating-tabbar-order img {width:35px;}
div.floating-tabbar-open .floating-tabbar-order .tag {overflow:hidden; z-index:-1; display:block; position:absolute; right:0; width:0; height:55px; text-align:right; border-radius:28px; background-color:#3DBAF4; color:#3DBAF4; font-size:1.4rem; line-height:2rem; transition:all .3s;}
div.floating-tabbar-open .floating-tabbar-order .state {display:block;}
div.floating-tabbar-open .floating-tabbar-order .state:after {content:''; position: absolute; left: 125px; vertical-align:middle; display:inline-block; width:7px; height:7px; border-bottom:1px solid #fff; border-right:1px solid #fff; transform:rotate(-45deg);}
div.floating-tabbar.active .floating-tabbar-open .floating-tabbar-btn_wrap > a {visibility:visible;}
div.floating-tabbar.active .floating-tabbar-open a:first-child {bottom: 224px;}/* 0611 가까운 매장찾기 미노출 반영 */
div.floating-tabbar.active .floating-tabbar-open a:nth-child(2) {bottom: 168px;}/* 0611 가까운 매장찾기 미노출 반영 */
div.floating-tabbar.active .floating-tabbar-open a:nth-child(3) {bottom: 112px;}/* 0611 가까운 매장찾기 미노출 반영 */
div.floating-tabbar.active .floating-tabbar-open a:nth-child(4) {bottom: 56px;}/* 0611 가까운 매장찾기 미노출 반영 */
div.floating-tabbar.active .floating-tabbar-open a:nth-child(5) {bottom: 56px;}/* 0611 가까운 매장찾기 미노출 반영 */
div.floating-tabbar.active .floating-tabbar-open .floating-tabbar-order .tag {width:20rem; padding:7px 80px 7px 30px; color:#fff; transition-delay:.5s;}
div.floating-tabbar.active .floating-tabbar-dim {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #191A1B;opacity: 0.6;display: block;z-index: 10;}
aside.floating-tabbar.active {z-index:1;}/* 탭바와 기능키가 분리되어 추가함 */

/* 작은화면에서 플로팅 기능버튼 */
@media (max-height:554px) {/* iPhone6s 세로모드 기준 */
#mCfmClFooter {position: relative; z-index: 999;}
div.floating-tabbar .floating-tabbar-btn_wrap {right:70px; bottom:-212px;}
}

.mkt-shopbandiv .swiper-controle-wrap {bottom:22px; right:12px; left:auto;}
.mkt-shopbandiv .swiper-controle-wrap .swiper-pagination {width:28px; bottom:auto; left:4px; text-align:center; letter-spacing:-0.8px;}/* 배너가 2자리인 경우 가로 크기 수정 */
.mkt-shopbandiv .swiper-controle-wrap .controls-autoplay {position:absolute; bottom:3px; right:4px;}

/* 샵영역 스와이프 배너 라운드 0314 */
@media (max-width: 391px) {
	.mkt-shopbandiv .swiper-slide .bgspan {
		left:20px;
		width:calc(100vw - 40px);
		height:80px;
		}
	.mkt-shopbandiv .swiper-slide img {
		width:311px;
		height:90px;
		object-fit:cover;
	}
}
@media (max-width: 361px) {
	.mkt-shopbandiv .swiper-slide a {height:80px;}
	.mkt-shopbandiv .swiper-slide .bgspan {
		left:20px;
		width:calc(100vw - 40px);
		height:74px;
		padding-top:2px;
		}
	.mkt-shopbandiv .swiper-slide img {
		width:300px;
		height:81px;
		object-fit:cover;
	}
}
@media (max-width: 321px) {
	.mkt-shopbandiv .swiper-slide a {height:80px;}
	.mkt-shopbandiv .swiper-slide .bgspan {
		left:20px;
		width:calc(100vw - 40px);
		height:68px;
		padding-top:2px;
		}
	.mkt-shopbandiv .swiper-slide img {
		width:256px;
		height:75px;
		object-fit:cover;
	}
}
@media (max-width: 281px) {
	.mkt-shopbandiv .swiper-slide a {height:70px;}
	.mkt-shopbandiv .swiper-slide .bgspan {
		left:20px;
		width:calc(100vw - 40px);
		height:52px;
		padding-top:4px;
		}
	.mkt-shopbandiv .swiper-slide img {
		width:216px;
		height:auto;
		object-fit:cover;
	}
}
/* 스와이프 배너 라운드 2023-0202 */

/* 샵, 이벤트 play/pause 버튼 위치 조정 */
.mkt-eventdiv .swiper-controle-wrap .controls-autoplay,
.mkt-shopbandiv .swiper-controle-wrap .controls-autoplay {height:14px;}
.swiper-controle-wrap .swiper-button-stop,
.swiper-controle-wrap .swiper-button-play {display:block;}

/* PSM 영역 서체개선 */
.personal-div .mkt-pdcard-offerset-div {font-family: "Noto Sans KR";}
.personal-div .mkt-pdcard.mkt-pdcard-psnsvc .mkt-psnsvc-txtbox {top:28px; left:34px;}
.personal-div .mkt-pdcard.mkt-pdcard-psnsvc .mkt-psnsvc-tit {padding-bottom:14px;}
html .personal-div .mkt-pdcard.mkt-pdcard-psnsvc .mkt-psnsvc-cmmt {line-height:1.4; font-size:17px;}
.personal-div .mkt-pdcard.mkt-pdcard-psnsvc .mkt-psnsvc-gif {padding-right:10px;}

/* 20240805서브타이틀 개선 : 삭제 */

/* KT닷컴_마케팅_인벤토리_개선_상세기획안_2차범위_v2.5_250617 : 많이 찾는 메뉴 : 260320 수정
.mkt-popular {padding-top: 40px;} 
.mkt-popular .mkt-tit {margin-bottom: 16px;padding-left: 20px;} 
.mkt-popular .popular-swiper {position: relative;padding-right: 28px;} 
.mkt-popular .popular-swiper .popular-menu {padding: 0 20px;overflow-x: auto;padding-bottom: 10px;} 
.mkt-popular .popular-swiper .popular-menu .popular-item { width: auto; height: 48px; margin-right: 11px; border-radius: 100px; background: #fff;  } 
.mkt-popular .popular-swiper .popular-menu .popular-item a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width:auto; height: 100%; padding:0 16px; border-radius: 100px; -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.08);} 
.mkt-popular .popular-swiper .popular-menu .popular-item a span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 15px; } 
.mkt-popular .popular-swiper .popular-menu .popular-item a span::before { content: ""; display: block; width: 25px; height: 25px; margin-right: 7px; content:none;} 
.mkt-popular .popular-swiper .popular-menu .popular-item a span em {margin-right:7px;}
.mkt-popular .popular-swiper .popular-menu .popular-item a span em img {width:auto; height:25px;}
 */
.mkt-shopdiv .shop-swiper .mkt-shop-prd a .pbox_mt { margin-top: 24px; } 

/* 20260430 : 2026 버전 빅배너 개선에 따른 스타일수정 */  
.banwrap_v2 {position:absolute; top:0; left:50%; width:100%; height:auto; margin-left:-50%; padding-left:10px; padding-right:10px; text-align:center; font-family:"Pretendard", sans-serif;}
.banwrap_v2 .banwrap_tit_v2 {display:block; padding:25px 0 0 0; line-height:1.49; font-size:20px; letter-spacing:0; font-family:"KTFlow-Bold", sans-serif; color:#fff;}/* 0928v9 */
.banwrap_v2 .banwrap_sub_v2 {display:block; padding:10px 0 0 0; font-size:13px; color:#fff;}
.banwrap_v2 .banwrap_btn_v2 {display:none; margin:30px 0 0 0; width:122px; height:42px; text-align:center; align-content:center; background:#fff; color:#191A1B; border-radius:8px; }
.banwrap_v2 .banwrap_img_v2 {position:absolute; margin:0; right:77px;}
.key-visual .bx-viewport li .banner-img .banwrap_v2 img {position:static; margin-left:0;}
.banwrap_v2 .pl6 {display:block; position:relative; left:0;;}
.banwrap_v2.white .banwrap_tit_v2,
.banwrap_v2.white .banwrap_sub_v2 {color:#191A1B}
.banwrap_v2.white .banwrap_btn_v2 {background:#191A1B; color:#fff;}
br.max344 {display:none;}
@media (max-width: 384px) {
br.max344 {display:block;}
}
/* 0911 : 기존 슬라이딩 팝업 속성 layout_new.css로 옮김 */

/* 메인 팝업
.main-popup-dim.black-dim{background:rgba(20,20,20,0.65) !important;}
#mainpop02.toast-type{height:auto !important; padding-bottom:0 !important;}
@media screen and (max-height:460px){
	#mainpop02.toast-type{position:fixed !important; top:auto !important; bottom:0 !important; left:0 !important; right:0 !important; transform:none !important;}
	#mCfmClFooter{padding-bottom:0 !important;}
}
#mainpop02 .layer-contents{position:relative; padding:20px 20px 12px; box-sizing:border-box;}
#mainpop02 .mkt-mainpopup-bg{background:#DEDEDE; border-radius:8px; overflow:hidden; cursor:pointer;}
#mainpop02 .mkt-mainpopup-card{position:relative; min-width:320px; max-width:468px; margin:0 auto; aspect-ratio:16/9; border-radius:12px; overflow:hidden;}
#mainpop02 .mkt-mainpopup-card .swiper-wrapper{height:100%;}
#mainpop02 .mkt-mainpopup-card .swiper-slide{width:100%; height:100%; background-color:#DEDEDE; background-size:cover; background-position:center;}
.mkt-mainpopup-indicator{position:absolute; z-index:2; left:16px; bottom:16px; box-sizing:border-box; display:flex; align-items:center; gap:4px; height:24px; min-width:52px; padding:0 6px 0 8px; border-radius:999px; background:#55585D; font-size:12px; font-weight:500; color:#fff;}
.mkt-mainpopup-indicator-total{color:#D5D8DD;}
.mkt-mainpopup-indicator.theme-dark-bg{background:#FFFFFF; color:#131415;}
.mkt-mainpopup-indicator.theme-dark-bg .mkt-mainpopup-indicator-total{color:#6F737B;}
.mkt-mainpopup-indicator img{width:12px !important; height:12px !important;}
#mainpop02 .layer-close{position:relative !important; display:flex; gap:8px; height:auto !important; padding:8px 20px; background:#fff; box-sizing:border-box;}
#mainpop02 .layer-close::after{content:none;}
#mainpop02 .layer-close .layer-stop,
#mainpop02 .layer-close .layer-close-btn{position:static; float:none; width:auto; flex:1 0 0; min-height:48px; height:auto; line-height:normal; border-radius:8px; font-family:'Pretendard', sans-serif; font-size:15px; font-weight:600;}
#mainpop02 .layer-close .layer-stop{background:#E9EAEE; color:#191A1B;}
#mainpop02 .layer-close .layer-close-btn{background:#191A1B; color:#fff;}
*/
html, body, main{background:#F3F4F6;}
/* 라이브 #mCfmClContainer{min-height:calc(100vh - 200px)}가 실제 콘텐츠 높이와 안 맞아 무효화 */
#mCfmClContainer{font-family:'Pretendard', sans-serif; line-height:1.48; letter-spacing:0; min-height:auto;}
/* button/input/select/textarea는 부모 font-family를 상속하지 않아 Pretendard가 안 먹었음 */
#mCfmClContainer button, #mCfmClContainer input, #mCfmClContainer select, #mCfmClContainer textarea{font-family:inherit;}
html.ua-ios * {letter-spacing: 0;}
#mCfmClWrapper {min-height: auto;}

/* 0903 로그인모듈/로그인 전 */
.btn_login{position:relative;line-height:1;padding-right:22px;}/* 0921 */
.btn_login:after{content:"";position:absolute;top:50%;right:0;width:16px;height:16px;margin-top:-8px;background:url(../../images/v2/main/ic_chevron_right_dark.svg) 50% 50% no-repeat;}

/* 로그인모듈/로그인 후 고객정보 */
.mkt-loginfo{display:flex; align-items:center; justify-content:space-between; gap:12px; height:52px; padding:0 20px; background:#F3F4F6;}
.mkt-loginfo-name{display:flex; align-items:center; gap:6px; min-width:0; flex:1 0 0;}
/* [검수 반영] 상속받은 line-height:1.48 줄상자 안에서 글자 잉크가 위로 치우쳐 보여서, 옆의
   멤버십 버튼(실제 박스 중앙정렬)과 세로 위치가 어긋나 보였음 — 줄상자를 좁혀서 광학 중앙에 맞춤 */
.mkt-loginfo-name-tit{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:600; font-size:18px; line-height:1; color:#191A1B;}
.mkt-loginfo-guest-link{display:flex; align-items:center; gap:2px; min-width:0; text-decoration:none;}
.mkt-loginfo-guest-link img{flex:none; width:16px; height:16px;}
.mkt-loginfo-grade{flex:none; display:block; height:20px; width:auto;}
.mkt-loginfo-membership-btn{display:inline-flex; align-items:center; justify-content:center; flex:none; gap:4px; min-height:32px; min-width:48px; padding:4px 8px 4px 12px; border:1px solid #D5D8DD; border-radius:4px; background:#fff; font-weight:500; font-size:13px; color:#191A1B;}
.mkt-loginfo-membership-btn .ico-barcode{display:block; width:16px; height:16px;}

/* 멤버십 바코드 팝업 — 열기/닫기·스크롤잠금은 라이브 ui.js가 처리, 여기선 표시규칙+스타일만.
   z-index는 헤더(1900)보다 위, 라이브 전체메뉴/검색 팝업(2100)보다는 아래로 */
.mkt-membership-sheet{display:none; position:fixed; inset:0; z-index:2000;}
.mkt-membership-sheet.active{display:block;}
.mkt-membership-sheet-dim{position:absolute; inset:0; width:100%; height:100%; border:0; padding:0; background:rgba(19,20,21,0.5); cursor:default;}
.mkt-membership-sheet-panel{position:absolute; left:0; right:0; top:0; display:flex; flex-direction:column; width:100%; box-sizing:border-box; padding:16px 20px 24px; border-radius:0 0 20px 20px; background:#fff; color-scheme:light;}
.mkt-membership-sheet-close{flex:none; display:flex; align-items:center; justify-content:center; width:24px; height:24px; padding:0; border:0; background:none;}
.mkt-membership-sheet-close img{width:24px; height:24px;}
.mkt-membership-sheet-head{display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%;}
.mkt-membership-sheet-head-text{display:flex; align-items:center; gap:6px; min-width:0;}
.mkt-membership-sheet-tit{display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-width:0; font-weight:700; font-size:18px; line-height:1.35; color:#191A1B;}
.mkt-membership-sheet-barcode{width:100%; height:64px; margin-top:24px; border-radius:0; background:transparent;}
.mkt-membership-sheet-number{display:flex; align-items:center; justify-content:flex-start; gap:4px; margin-top:8px;}
.mkt-membership-sheet-number span{font-weight:400; font-size:14px; letter-spacing:0.5px; color:#6F737B;}
.mkt-membership-copy-btn{display:flex; align-items:center; justify-content:center; width:24px; height:24px; padding:0; border:0; background:none;}
.mkt-membership-copy-btn img{width:20px; height:20px;}
.mkt-membership-sheet-link{display:flex; align-items:center; justify-content:center; width:100%; margin-top:24px; box-sizing:border-box; min-height:48px; border:1px solid #D5D8DD; border-radius:8px; font-weight:600; font-size:15px; color:#191A1B; text-decoration:none;}

.mkt-toast{position:fixed; left:50%; bottom:80px; z-index:2050; display:flex; align-items:center; gap:4px; padding:12px 20px; border-radius:999px; background:#6F737B; box-shadow:0 8px 12px rgba(20,20,20,0.2), 0 0 8px rgba(20,20,20,0.05); color:#fff; font-weight:500; font-size:13px; white-space:nowrap; opacity:0; visibility:hidden; transform:translate(-50%, 8px); transition:opacity 0.25s, transform 0.25s, visibility 0.25s;}
.mkt-toast img{flex:none; width:20px; height:20px;}
.mkt-toast.on{opacity:1; visibility:visible; transform:translate(-50%, 0);}

/* 회선선택/본인인증 바텀시트 — 하단에서 올라오는 타입(멤버십 시트는 상단 드로어) */
.mkt-bottomsheet{display:none; position:fixed; inset:0; z-index:2000;}
.mkt-bottomsheet.active{display:block;}
.mkt-bottomsheet-dim{position:absolute; inset:0; width:100%; height:100%; border:0; padding:0; background:rgba(20,20,21,0.65); cursor:default;}
.mkt-bottomsheet-panel{position:absolute; left:0; right:0; bottom:0; top:auto; max-height:80vh; box-sizing:border-box; display:flex; flex-direction:column; width:100%; background:#fff; border-radius:16px 16px 0 0; color-scheme:light;}
.mkt-bottomsheet-head{display:flex; align-items:flex-start; gap:8px; padding:24px 16px 8px 20px;}
.mkt-bottomsheet-tit{flex:1 0 0; text-align:left; font-weight:700; font-size:20px; color:#191A1B; line-height:1.48;}/* 0921v2 */
.mkt-bottomsheet-close{flex:none; width:32px; height:32px; display:flex; align-items:center; justify-content:center; border:0; background:none; padding:0; color:#191A1B;}
.mkt-bottomsheet-close img{width:20px; height:20px;}
.mkt-bottomsheet-list{list-style:none; margin:0; padding:8px 20px 24px; overflow-y:auto;}
.mkt-bottomsheet-listitem{display:flex; align-items:center; justify-content:space-between; gap:8px; width:100%; box-sizing:border-box; min-height:48px; padding:12px 0; border:0; background:none; text-align:left; font-weight:500; font-size:15px; color:#6F737B;}
.mkt-bottomsheet-listitem.is-selected{font-weight:700; color:#191A1B;}
/* 인증방법 선택 시트는 항목 전부가 동등한 액션이라 기본 회색 대신 처음부터 진한 텍스트 */
#cfmAuthMethod .mkt-bottomsheet-listitem{color:#191A1B;}
.mkt-bottomsheet-listitem-info{display:flex; align-items:center; gap:8px; flex:1 0 0;}
.mkt-bottomsheet-divider{flex:none; width:1px; height:8px; background:#D5D8DD;}
.mkt-bottomsheet-check{flex:none; width:20px; height:20px; color:#191A1B;}

.mkt-billinfo-list{list-style:none; margin:0; padding:8px 20px 12px; display:flex; flex-direction:column; gap:12px; overflow-y:auto;}
.mkt-billinfo-list li{position:relative; padding-left:18px; font-weight:500; font-size:13px; line-height:1.48; color:#6F737B;}
.mkt-billinfo-list li:before{content:''; position:absolute; left:5.5px; top:7.5px; width:3px; height:3px; border-radius:50%; background:#6F737B;}
.mkt-billinfo-cta{display:flex; align-items:center; justify-content:center; width:calc(100% - 40px); margin:8px 20px; min-height:48px; padding:8px 16px; border:0; border-radius:8px; background:#191A1B; box-sizing:border-box; font-weight:600; font-size:15px; color:#fff;}

/* 가려진 정보 보기 — 전체화면 페이지 형태(바텀시트 아님), dim 없이 흰 배경 */
.mkt-fullpage-popup{display:none; position:fixed; inset:0; z-index:2000; background:#fff;}
.mkt-fullpage-popup.active{display:flex; flex-direction:column;}
.mkt-fullpage-head{display:flex; flex:none; align-items:center; justify-content:space-between; height:52px; padding:0 20px; box-sizing:border-box;}
.mkt-fullpage-tit{font-weight:700; font-size:18px; color:#191A1B;}
.mkt-fullpage-close{display:flex; flex:none; align-items:center; justify-content:center; width:32px; height:32px; border:0; background:none; padding:0; color:#191A1B;}
.mkt-fullpage-close img{width:20px; height:20px;}
.mkt-maskedinfo-body{display:flex; flex:1 0 0; flex-direction:column; padding:20px 20px 24px; overflow-y:auto;}
.mkt-maskedinfo-cards{display:flex; gap:8px;}
.mkt-maskedinfo-card{flex:1 0 0; display:flex; flex-direction:column; align-items:center; padding:24px 20px; border:0; border-radius:16px; background:#F8F9FA; box-sizing:border-box;}
.mkt-maskedinfo-card-icon{display:block; width:44px; height:44px; margin-top:6px;}
.mkt-maskedinfo-card-icon img{width:100%; height:100%;}
.mkt-maskedinfo-card-label{font-weight:500; font-size:15px; color:#191A1B;}
.mkt-maskedinfo-card-value{display:block; margin-top:10px; font-weight:500; font-size:13px; color:#6F737B;}
.mkt-maskedinfo-desc{margin:12px 0 0; font-weight:500; font-size:14px; color:#6F737B; line-height:1.48;}
.mkt-maskedinfo-desc + .mkt-maskedinfo-section{margin-top:40px;}
.mkt-maskedinfo-section + .mkt-maskedinfo-section{margin-top:20px;}
.mkt-maskedinfo-section{display:flex; flex-direction:column; gap:2px;}
.mkt-maskedinfo-section-tit{font-weight:600; font-size:16px; color:#191A1B;}
.mkt-maskedinfo-section-desc{margin:0; font-weight:500; font-size:13px; color:#6F737B;}
.mkt-maskedinfo-cta{display:flex; flex:none; align-items:center; justify-content:center; width:calc(100% - 40px); margin:0 20px 24px; min-height:52px; border:0; border-radius:12px; background:#191A1B; font-weight:700; font-size:15px; color:#fff; box-sizing:border-box;}

.mkt-bigbanner-swiper-div{margin:0; border-radius:0; min-height:0;}
.mkt-bigbanner-swiper-div .swiper-slide{padding:0; height:clamp(0px, 100vw * 286 / 468, 286px); text-align:left;}
/* bxSlider가 초기화 시점 폭 기준으로 .bx-viewport에 인라인 height를 고정시켜서 리사이즈 후 위 값과 어긋남 */
.mkt-bigbanner-swiper-div .bx-viewport{height:clamp(0px, 100vw * 286 / 468, 286px) !important;}
.mkt-bigbanner-swiper-div .swiper-slide > div{height:100%;}
/* banwrap_v2를 <a> 밖으로 꺼내면서 위치 기준을 잃어 이 bgdiv에 position:relative를 직접 줌(768px+ 규칙은 아래) */
.mkt-bigbanner-swiper-div .swiper-slide .mkt-bigbanner-swiper-bgdiv{position:relative; height:100%; border-radius:0; box-shadow:none;}
.mkt-bigbanner-swiper-div .swiper-slide .mkt-bigbanner-swiper-bgdiv img{position:absolute; top:auto; left:auto; right:0; bottom:0; transform:scale(1.06); margin:0; width:auto; height:100%; max-width:none; max-height:none; transition:transform 830ms cubic-bezier(0.10, 0.00, 0.20, 1.00) 450ms;}
.mkt-bigbanner-swiper-div .swiper-slide.mkt-bigbanner-active .mkt-bigbanner-swiper-bgdiv img{transform:scale(1);}
.mkt-bigbanner-swiper-div .banwrap_v2{position:absolute; top:24px; left:24px; right:auto; width:auto; max-width:240px; margin:0; padding:0; display:flex; flex-direction:column; text-align:left;}
/* 배경 밝기에 따른 명암 대비 텍스트 — 기본은 어두운 배경 가정 흰 텍스트, .white는 밝은 배경용 진한 텍스트(CMS에서 토글) *//* 0917 */
.mkt-bigbanner-swiper-div .banwrap_v2 .banwrap_tit_v2{order:2; margin-top:4px; padding:0; display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; font-family:"KTFlow-Bold", sans-serif; font-weight:normal; font-size:20px; color:#FFFFFF; white-space:normal;letter-spacing: normal;}/* 0921 */
.mkt-bigbanner-swiper-div .banwrap_v2 .banwrap_sub_v2{order:1; padding:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:500; font-size:13px; color:#FFFFFF;}
.mkt-bigbanner-swiper-div .banwrap_v2.white .banwrap_tit_v2{color:#191A1B;}
.mkt-bigbanner-swiper-div .banwrap_v2.white .banwrap_sub_v2{color:#6F737B;}
.mkt-bigbanner-swiper-div .top-swiper{position:relative; overflow:hidden;}
.mkt-bigbanner-swiper-div .swiper-controle-wrap{position:absolute; z-index:10; top:auto; right:auto; bottom:12px; left:24px; width:auto; min-width:52px; height:auto; display:flex; align-items:center; gap:4px; padding:3px 6px 3px 8px; border-radius:999px; background:#55585D; line-height:1.48;justify-content: flex-end;}/* 0928v9 */
.mkt-bigbanner-swiper-div .swiper-controle-wrap .swiper-pagination{position:static; width:auto; display:flex; align-items:center; gap:2px; padding:4px 0; margin:0; background:none; font-size:12px; line-height:1; color:#fff; text-align:left; letter-spacing:0;}/* 0928v9 : 원복. 다른 속성으로 지정 */
.mkt-bigbanner-swiper-div .swiper-controle-wrap .swiper-pagination .mkt-pagination-total-group{display:flex; align-items:center; color:#D5D8DD;}
.mkt-bigbanner-swiper-div .swiper-controle-wrap .controls-autoplay{position:static; height:auto; padding:0; border-radius:0; background:none; display:flex; align-items:center;}/* 0928v9 : 원복. 다른 속성으로 지정 */
/* ui.js 자체 Swiper 인스턴스가 같은 클래스명(swiper-button-stop/-play)에 핸들러를 걸어놔서 충돌 — 클래스명을 바꿔서 회피(마크업도 동일 반영) */
.mkt-bigbanner-swiper-div .swiper-controle-wrap .mkt-banner-btn-stop,
.mkt-bigbanner-swiper-div .swiper-controle-wrap .mkt-banner-btn-play{width:12px; height:12px; padding:0; border:0; position:relative;}
/* 0922v3 : 최소 44x44 터치영역 — 절대위치 가상요소로 히트영역만 넓힘
.mkt-bigbanner-swiper-div .swiper-controle-wrap .mkt-banner-btn-stop::before,
.mkt-bigbanner-swiper-div .swiper-controle-wrap .mkt-banner-btn-play::before{content:''; position:absolute; top:50%; left:50%; width:44px; height:44px; transform:translate(-50%, -50%);}
 */
.mkt-bigbanner-swiper-div .swiper-controle-wrap .mkt-banner-btn-stop{background:url(../../images/v2/main/ic_pause.svg) 50% 50% no-repeat; background-size:12px 12px;}
.mkt-bigbanner-swiper-div .swiper-controle-wrap .mkt-banner-btn-play{background:url(../../images/v2/main/ic_play.svg) 50% 50% no-repeat; background-size:12px 12px;}
/* 재생 상태에 맞는 아이콘 하나만 노출(라이브 CSS엔 토글 규칙이 없어 둘 다 보였음) */
.mkt-bigbanner-swiper-div .swiper-controle-wrap .mkt-banner-btn-stop,
.mkt-bigbanner-swiper-div .swiper-controle-wrap .mkt-banner-btn-play{display:none;}
.mkt-bigbanner-swiper-div .swiper-controle-wrap .mkt-banner-btn-stop.active,
.mkt-bigbanner-swiper-div .swiper-controle-wrap .mkt-banner-btn-play.active{display:block;}
.mkt-bigbanner-swiper-div .swiper-controle-wrap.theme-dark-bg{background:#FFFFFF;}
.mkt-bigbanner-swiper-div .swiper-controle-wrap.theme-dark-bg .swiper-pagination{color:#131415;}
.mkt-bigbanner-swiper-div .swiper-controle-wrap.theme-dark-bg .swiper-pagination .mkt-pagination-total-group{color:#6F737B;}
.mkt-bigbanner-swiper-div .swiper-controle-wrap.theme-dark-bg .mkt-banner-btn-stop{background-image:url(../../images/v2/main/ic_black_pause.svg);}
.mkt-bigbanner-swiper-div .swiper-controle-wrap.theme-dark-bg .mkt-banner-btn-play{background-image:url(../../images/v2/main/ic_black_play.svg);}

/* 회선정보 + 개인화 대시보드 */
/* 라이브 .personal-div{padding:0 20px}가 안쪽 요소 자체 padding과 겹쳐 이중 여백이 생겨 0으로 리셋 */
.personal-div{padding:0;}
.personal-div .mkt-lineinfo{display:flex; align-items:center; gap:8px; padding:16px 28px 0;min-height: 48px;}
.personal-div .mkt-lineinfo-text{display:flex; flex:1 0 0; align-items:center; gap:10px; min-width:0;}
.personal-div .mkt-lineinfo-carrier{flex:none; font-weight:600; font-size:14px; color:#61646B;}
.personal-div .mkt-lineinfo-number{flex:1 0 0; min-width:0; font-weight:600; font-size:16px; color:#191A1B; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.personal-div .mkt-lineinfo-btns{display:flex; align-items:center; flex:none;}
.personal-div .mkt-lineinfo-lock,
.personal-div .mkt-lineinfo-toggle{display:flex; align-items:center; justify-content:center; flex:none; width:32px; height:32px; border:0; background:none; padding:0; color:#191A1B;}
.personal-div .mkt-lineinfo-lock img{width:16px; height:16px;}
.personal-div .mkt-lineinfo-toggle img{width:20px; height:20px;transition:all 0.4s;}/* 0921v3 : 결함아이디 1189829 : 회선선택버튼 상태 변경 */
.personal-div .mkt-lineinfo-toggle.lineinfoopen img{transform:rotate(180deg);}/* 0921v3 : 결함아이디 1189829 : 회선선택버튼 상태 변경 */

.personal-div .mkt-dashboard{padding:12px 20px 16px; display:flex; flex-direction:column; gap:12px;}
.personal-div .mkt-dashboard-card{background:#fff; border-radius:20px; padding:16px 20px; display:flex; flex-direction:column; gap:12px; overflow:hidden;}
/* 버튼바가 마지막 자식이면 카드 하단 패딩을 상쇄(버튼 자체 패딩만으로 바닥에 붙게) — :has()로 자동화 */
.personal-div .mkt-dashboard-card:has(> .mkt-dashboard-btns){padding-bottom:0;}
.personal-div .mkt-dashboard-textarea{display:flex; flex-direction:column; gap:2px; width:100%;}
.personal-div .mkt-dashboard-card-top{border-radius:20px; padding-bottom:0;}
.personal-div .mkt-dashboard-row{display:flex; align-items:center; gap:12px; width:100%;}
.personal-div .mkt-dashboard-title{display:flex; align-items:center; gap:4px; flex:none; font-weight:600; font-size:16px; color:#191A1B;}
/* 버튼(터치영역)은 16px 유지, 아이콘 이미지만 Figma 스펙값 13px로 축소 */
.personal-div .mkt-dashboard-title .mkt-dashboard-info{display:flex; flex:none; align-items:center; justify-content:center; width:16px; height:16px; padding:0; border:0; background:none;}
.personal-div .mkt-dashboard-title .mkt-dashboard-info img{width:13px; height:13px;}
.personal-div .mkt-dashboard-value{display:flex; flex:1 0 0; align-items:center; justify-content:flex-end; gap:2px; color:#191A1B; text-decoration:none;}
.personal-div .mkt-dashboard-value strong{font-weight:700; font-size:18px;}
.personal-div .mkt-dashboard-value b{font-weight:700; font-size:16px;}
.personal-div .mkt-dashboard-value-sub{font-weight:500; font-size:14px; color:#61646B;}
.personal-div .mkt-dashboard-value img{width:16px; height:16px; flex:none;}
.personal-div .mkt-dashboard-desc{font-weight:500; font-size:12px; color:#6F737B; padding-right:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.personal-div .mkt-dashboard-subtext{display:flex; flex-direction:column; gap:6px;}
.personal-div .mkt-dashboard-subtext-row{display:flex; align-items:center; gap:12px; width:100%;}
.personal-div .mkt-dashboard-subtext-label{display:flex; align-items:center; gap:6px; flex:none; font-weight:500; font-size:13px; color:#61646B;}
.personal-div .mkt-dashboard-subtext-label img{width:16px; height:16px;}
.personal-div .mkt-dashboard-subtext-value{flex:1 0 0; min-width:0; text-align:right; font-weight:500; font-size:13px; color:#4A4C50; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
/* 트랙/채움 그라디언트 슬래시 패턴은 CSS로 흉내내지 않고 Figma 원본 SVG로 교체(브라우저별 렌더링 차이 방지) */
.personal-div .mkt-dashboard-progress{position:relative; width:100%; height:8px; border-radius:999px; overflow:hidden; background-color:#D5D8DD; background-image:url(../../images/v2/main/pattern_progress_slash.svg); background-repeat:no-repeat; background-position:left center; background-size:auto 12.2773px;}
.personal-div .mkt-dashboard-progress-fill{position:absolute; top:0; left:0; height:100%; border-radius:999px; background:linear-gradient(90deg, #00A39B, #007F7F);}
/* 구분선/그림자는 pseudo-element로 구현 — overflow는 가로만 자르고 세로는 열어서 위 shadow가 잘리지 않게 함 */
.personal-div .mkt-dashboard-btns{position:relative; display:flex; align-items:stretch; margin:4px -20px 0; overflow-x:hidden; overflow-y:visible;}
.personal-div .mkt-dashboard-btns::before{content:""; position:absolute; top:0; left:0; right:0; height:1px; background:linear-gradient(90deg, rgba(255,255,255,0.65) 0%, #E9EAEE 50%, rgba(255,255,255,0.65) 100%); z-index:2;}
.personal-div .mkt-dashboard-btns::after{content:""; position:absolute; left:4px; right:4px; top:-12px; height:13px; background:linear-gradient(90deg, #D5D8DD 27.5%, #B9BDC5 67%); filter:blur(19px); opacity:0.28; pointer-events:none; z-index:0;}
.personal-div .mkt-dashboard-btns button{position:relative; z-index:1; flex:1 0 0; border:0; background:none; padding:10px; font-weight:500; font-size:13px; color:#4A4C50; text-align:center;}
.personal-div .mkt-dashboard-btns button + button{border-left:1px solid #E9EAEE;}
.personal-div .mkt-dashboard-offering{display:flex; align-items:center; gap:8px; background:#fff; backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); border-radius:16px; padding:16px 20px; text-decoration:none;}
.personal-div .mkt-dashboard-offering-logo{flex:none; width:20px; height:20px; border-radius:6px; overflow:hidden;}
.personal-div .mkt-dashboard-offering-logo img{width:100%; height:100%; object-fit:cover; display:block;}
.personal-div .mkt-dashboard-offering-text{position:relative;display:flex; flex:1 0 0; align-items:center; gap:4px; min-width:0; font-size:14px;}
.personal-div .mkt-dashboard-offering-text:after{content:"";position:absolute;top:50%;right:0;width:16px; height:16px;margin-top:-8px;background:url(../../images/v2/main/ic_chevron_right_dark.svg) 50% 50% no-repeat;}
.personal-div .mkt-dashboard-offering-text strong{font-weight:600; color:#191A1B; white-space:nowrap; flex:none;}
.personal-div .mkt-dashboard-offering-text em{font-style:normal; font-weight:500; color:#61646B; flex:1 0 0; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.personal-div .mkt-dashboard-offering-text img{width:16px; height:16px; flex:none;}
.mkt-widget-listitem{display:flex; align-items:center; gap:12px; background:#fff; border-radius:20px; padding:16px 20px; text-decoration:none;}
.mkt-widget-listitem-title{flex:1 0 0; min-width:0; font-weight:600; font-size:16px; color:#191A1B; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.mkt-widget-listitem-value{flex:none; display:flex; align-items:center; gap:2px; font-weight:700; font-size:18px; color:#191A1B;}
.mkt-widget-listitem-value img{width:16px; height:16px;}
.mkt-widget-nodata{display:flex; flex-direction:column; align-items:center; justify-content:center; gap:16px; background:rgba(255,255,255,0.65); border-radius:20px; padding:20px; text-align:center;}
.mkt-widget-nodata-text{font-weight:600; font-size:16px; color:#191A1B; white-space:pre-line;}
.mkt-widget-nodata-body{display:flex; flex-direction:column; gap:4px;}
.mkt-widget-nodata-title{font-weight:600; font-size:16px; color:#191A1B; white-space:pre-line;line-height: 1.48;}
.mkt-widget-nodata-desc{font-weight:500; font-size:14px; color:#61646B; white-space:pre-line;}
.mkt-widget-nodata-btn{display:inline-flex; align-items:center; justify-content:center; min-height:40px; min-width:64px; padding:8px 12px; border:0; border-radius:6px; background:#D5D8DD; font-weight:500; font-size:13px; color:#191A1B;}
.mkt-widget-nodata-spinner{display:block; width:28px; height:28px;}

/* 바로가기/최근 본 메뉴 — 2줄x4 필 칩 그리드. padding-right 대신 각 줄 끝에 spacer 요소를 넣어 끝 여백을
   확보함(스크롤 컨테이너 자신의 padding-right는 scrollWidth 계산에 안정적으로 반영되지 않았음) */
.mkt-recentmenu{padding:16px 0;}
.mkt-recentmenu-tit{padding:0 20px;}
.mkt-recentmenu-tit strong,
.mkt-tit{font-weight:600; font-size:18px; color:#191A1B;}
.mkt-tit{padding:0 20px;}
.mkt-recentmenu-chips{display:flex; flex-direction:column; gap:8px; margin-top:12px; padding-left:20px; overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none;}
.mkt-recentmenu-chips::-webkit-scrollbar{display:none;}
.mkt-recentmenu-row{display:flex; gap:6px; flex-wrap:nowrap;}
.mkt-recentmenu-row-spacer{flex:none; width:20px;}
.mkt-recentmenu-chip{flex:none; display:inline-flex; align-items:center; gap:4px; padding:10px 12px 10px 10px; border-radius:100px; background:#fff; text-decoration:none;}
.mkt-recentmenu-chip img{width:20px; height:20px; flex:none;}
.mkt-recentmenu-chip span{font-weight:600; font-size:13px; color:#4A4C50; white-space:nowrap;}

/* 홍길*님을 위한 추천 — 섹션은 좌우 패딩 없이 타이틀/스와이퍼에 padding-left로만 시작 인셋을 줘서
   우측은 뷰포트 끝까지 카드가 자연스럽게 잘려 보이게 함 */
.personal-offerset-div{padding:16px 0;}
.mkt-recommend-tit{padding:0 20px;}
.mkt-recommend-tit strong{font-weight:600; font-size:18px; color:#191A1B;}
.mkt-recommend-scroll{position:relative; overflow:hidden; margin-top:12px; z-index:1;}
.mkt-recommend-scroll .swiper-wrapper{align-items:stretch; padding-left:20px; overflow:visible; overflow-x:visible;}
/* card_bg_*.png 실측 비율(576:226)을 카드에 직접 aspect-ratio로 걸어서 내부 wrapper 유무와 무관하게 높이가 잡히게 함 */
.mkt-recommend-scroll .mkt-recommend-card{flex:0 0 auto; display:block;  width:clamp(0px, calc(100vw - 72px), 288px) !important; aspect-ratio:576/226; border-radius:20px; background-color:#fff; background-repeat:no-repeat; background-size:cover; background-position:center; text-decoration:none; box-sizing:border-box; min-width: 260px; overflow:hidden;}/* 0915 */
.mkt-recommend-card-inner{display:flex; align-items:center; gap:12px; min-height:110px; padding:20px; box-sizing:border-box;}
.mkt-recommend-card-text{display:flex; width:160px; flex:none; flex-direction:column; gap:6px; min-width:0;}
.mkt-recommend-card-sub{font-weight:500; font-size:13px; line-height:1.48; color:#61646B; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.mkt-recommend-card-title{font-weight:700; font-size:16px; line-height:1.48; color:#191A1B; display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; white-space:normal;}

.mkt-recommend-indicator.swiper-pagination{position:static; display:flex; align-items:center; justify-content:center; gap:6px; height:22px; margin-top:8px;}
.mkt-recommend-indicator .swiper-pagination-bullet{margin:0; width:6px; height:6px; border-radius:50%; background:#191A1B; opacity:0.5;}
.mkt-recommend-indicator .swiper-pagination-bullet-active{width:16px; border-radius:8px; background:#191A1B;opacity: 1;}
.personal-div.personal-offerset-div:not(:has(.swiper-slide-next)) .mkt-recommend-indicator{display:none;}/* 0921 : 배너가 1개일 때 인디케이터 미노출 */
/* Swiper 6.5.0의 slidesPerView:'auto' + loop:true가 좌측 padding-left 인셋을 못 따라가서 루프 경계에서
   카드 한 조각이 끝에 걸쳐 보이는 오프셋 버그가 있음(Swiper 자체 문제, slidesOffsetBefore/After로 바꿔도
   동일) — 근본 수정 대신 좌우 끝을 배경색 블록으로 덮어 여백처럼 보이게 함. translateZ(0)로 별도 GPU
   레이어로 승격시켜야 드래그 중에도 z-index가 확실히 이김. 첫/마지막 실카드일 때만(custom.js가 realIndex
   보고 붙이는 .is-first-real/.is-last-real) 해당 쪽만 켜서, 중간 카드는 옆 카드가 자연스럽게 peek되게 둠 */
.js-loop-mask{position:absolute; top:-2px; bottom:-2px; width:20px; background:#F3F4F6; z-index:5; pointer-events:none; transform:translateZ(0); will-change:transform; opacity:0;}
.js-loop-mask-left{left:0;}
.js-loop-mask-right{right:0;}
.mkt-recommend-scroll.is-first-real .js-loop-mask-left{opacity:1;}
.mkt-recommend-scroll.is-last-real .js-loop-mask-right{opacity:0;}/* 0928v8 */

/* 섹션 타이틀 공통(.mkt-tit) — 라이브 legacy(20px bold + 화살표 배경이미지) 대신 공통 타이포로 통일 */
.mkt-tit{font-weight:600; font-size:18px; color:#191A1B;}
.mkt-tit a{display:flex; align-items:center; justify-content:space-between; height:auto; line-height:1.48; font-weight:600; color:#191A1B; padding-right:0;}
.mkt-tit a .mkt-tit-opt{margin-left:8px;font-size:14px;font-weight:400; color:#61646B;}/* 0915-2 */
.mkt-shopdiv .mkt-tit a .mkt-tit-text{height:auto; line-height:1.48;}
.mkt-shopdiv .mkt-tit a .mkt-tit-opt{display:block; margin-left:0;font-size:14px;font-weight:400; color:#61646B;}/* 0915-2 */
.mkt-tit a{position:relative;}/* 0913 */
.mkt-tit a:after{content:"";position:absolute;top:50%;right:0;width:16px;height:16px;margin-top:-8px;background:url(../../images/v2/main/ic_chevron_right_dark.svg) 50% 50% no-repeat;}/* 0913 */
html.ua-ios .mkt-tit a:after{top:50%;}/* 0913 */
.mkt-shopdiv .mkt-tit a .mkt-tit-text:after{content:none;}
/* [검수 반영] 20px로 커져있어서 인기휴대폰/이벤트/도움말 타이틀 화살표가 원본(16px)보다 크게 나오고
   있었음 — 원본 아이콘 사이즈로 통일(Figma 실측은 16.667px였지만 다른 곳과 동일하게 16px로 반올림) */
.mkt-tit-arrow{flex:none; width:16px; height:16px; color:#191A1B;}

/* 인기휴대폰 — 기존 실데이터 카드 구조 유지, 스타일만 리터치 */
.mkt-shopdiv{padding:16px 0; background:#F3F4F6;}
.mkt-shopdiv .mkt-tit{padding-right:20px;margin-bottom: 12px;}
/* autoHeight:false라 래퍼가 기본값(stretch)으로 모든 카드를 가장 큰 카드 높이에 맞추던 것을 flex-start로 방지 */
/* 우측 끝 여백은 CSS가 아니라 fixAutoSwiperEndGrid의 endGap(JS)이 전담 — 둘 다 잡으면 여백이 두 배로 밀림 */
.mkt-shopdiv .shop-swiper .swiper-wrapper{padding-bottom: 0; padding-left:20px;  overflow:visible; overflow-x:visible; align-items:flex-start;}
.shopbox_img-wrap{display:flex; align-items:center; justify-content:center; width:100%; height:168px; border-radius:12px;}
.shopbox_img-wrap img{height:120px !important; width:120px !important; object-fit:contain;}
/* padding을 슬라이드 자체가 아니라 안쪽 -inner로 옮김 — Swiper 6의 slidesPerView:'auto'가 슬라이드에 직접
   걸린 padding을 실제 너비에 또 더해버리는 버그가 있어서, 슬라이드는 비워두고 안쪽에서만 여백을 줌 */
.mkt-shopdiv .mkt-shop-prd{width:200px; height:auto; box-sizing:border-box; background:#fff; border-radius:20px; box-shadow:none; display:block;}
.mkt-shopdiv .mkt-shop-prd-inner{padding:12px 16px 16px; display:flex; flex-direction:column; gap:0;}
.mkt-shopdiv .mkt-shop-prd .shopbox_link{display:flex; flex-direction:column; align-items:center; gap:0; width:100%; text-decoration:none;padding: 0;}
.mkt-shopdiv .mkt-shop-prd .shopbox_tit{height:auto; margin:0; padding:0; display:block; -webkit-line-clamp:unset; -webkit-box-orient:unset; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%; font-weight:500; font-size:15px; line-height:1.48; color:#191A1B;}
.mkt-shopdiv .mkt-shop-prd .shopbox_info{display:flex; flex-direction:column; gap:8px; width:100%;}
.mkt-shopdiv .mkt-shop-prd .shopbox_price{display:flex; align-items:center; justify-content:space-between; width:100%;}
.mkt-shopdiv .mkt-shop-prd .shopbox_price_sum{display:flex; align-items:center; gap:2px; color:#191A1B;}
.mkt-shopdiv .mkt-shop-prd .shopbox_price_sum b{font-weight:700; font-size:16px; line-height:1.48;}
.mkt-shopdiv .mkt-shop-prd .shopbox_price_sum strong{font-weight:700; font-size:18px; line-height:1.48;}
.mkt-shopdiv .mkt-shop-prd .shopbox_price_toggle{display:flex; flex:none; align-items:center; justify-content:center; width:44px; height:44px; margin:-14px -14px -14px 0; padding:0; border:0; background:none;}
.mkt-shopdiv .mkt-shop-prd .shopbox_price_chevron{flex:none; width:16px; height:16px; color:#191A1B;}
.mkt-shopdiv .mkt-shop-prd .shopbox_price_toggle[aria-expanded="true"] .shopbox_price_chevron{transform:rotate(180deg);}
/* min-height는 카드 전체가 아니라 이 detail 블록에만 걸어야 접힘([hidden])일 때 빈 공간이 안 생김.
   TODO: 아래 값은 카드 전체 기준(362px)에서 역산한 추정치라 실제 렌더링 기준 재확인 필요 */
/* [검수 반영] 106px는 2줄(할부금/통신요금) 카드만 기준으로 잡혀서, 3줄(+다이렉트할인) 카드는 실제
   콘텐츠가 이 값을 넘어서 카드 높이가 서로 달라졌음 — 3줄 기준(라벨13/값15/note12px 줄높이 합산)으로
   재계산해서 118px로 올림. 실제 렌더링 기준 재확인 필요 */
.mkt-shopdiv .mkt-shop-prd .shopbox_detail{display:flex; flex-direction:column; gap:2px; width:100%; min-height:100px;}/* 0921v3 : 간격조정 */
.mkt-shopdiv .mkt-shop-prd .shopbox_detail[hidden]{display:none;}
.mkt-shopdiv .mkt-shop-prd .shopbox_detail_row{display:flex; align-items:center; justify-content:space-between; gap:8px; width:100%;}
.mkt-shopdiv .mkt-shop-prd .shopbox_detail_label{flex:1 0 0; min-width:0; font-weight:600; font-size:13px; line-height:1.4; color:#6F737B;}
.mkt-shopdiv .mkt-shop-prd .shopbox_detail_label-nowrap{white-space:nowrap;}
.mkt-shopdiv .mkt-shop-prd .shopbox_detail_value{flex:none; white-space:nowrap; font-weight:700; font-size:15px; color:#191A1B;}
.mkt-shopdiv .mkt-shop-prd .shopbox_detail_value em{margin-left:1px; font-weight:600; font-size:14px; font-style:normal;}
.mkt-shopdiv .mkt-shop-prd .shopbox_detail_value-discount{color:#E0282F;}
/* divider에 margin-top:auto를 줘서 detail_row 개수(2/3개)와 무관하게 divider+note가 항상 하단에 붙게 함 */
.mkt-shopdiv .mkt-shop-prd .shopbox_detail_divider{height:1px; width:100%; margin-top:auto; background:#E9EAEE;}
.mkt-shopdiv .mkt-shop-prd .shopbox_detail_note{margin:0; width:100%; padding-top:4px; font-weight:500; font-size:12px; color:#61646B;}/* 0928v6 : 상단 여백 추가 */

/* 마케팅 MASS 배너 : 0914 수정 */
.mkt-massban{padding:0 20px 16px;}
.mkt-massban-link{display:flex; width:100%; margin:0 auto; border-radius:20px; overflow:hidden; justify-content:center;/* max-width:400px; aspect-ratio:400/162.5; text-decoration:none; overflow:hidden; background-image:url(../../images/v2/main/massban_bg.png); background-repeat:no-repeat; background-position:center; background-size:contain; box-sizing:border-box; */}/* 0928v5 */
.mkt-massban-link img {max-width:400px;}

/* 이벤트 — 인기휴대폰과 동일 패턴(섹션은 좌우 패딩 없이 타이틀/스와이퍼만 padding-left) */
.mkt-eventdiv{padding:16px 0;}
.mkt-eventdiv .mkt-tit{margin-right:0; margin-bottom:12px; padding:0 20px;}
.mkt-eventdiv .mkt-event-swiper {height:196px;}/* 0916v2 이벤트 영역 높이 유지 */
.mkt-eventdiv .mkt-event-card{width:140px; margin:0;}
.mkt-eventdiv .mkt-event-card a{display:flex; flex-direction:column; gap:12px; text-decoration:none; text-align:left; border-radius:0;}
.mkt-event-img{position:relative; display:block; width:140px; height:140px; overflow:hidden; background:#F3F4F6; border-radius:16px; box-sizing:border-box;}
.mkt-eventdiv .mkt-event-card a img{width:100%; height:100%; max-width:none; max-height:none; object-fit:cover; display:block;}
.mkt-event-badge{position:absolute; top:12px; left:12px; display:inline-flex; align-items:center; justify-content:center; min-height:18px; padding:3px 4px; border-radius:4px; background:#fff; font-weight:600; font-size:10px; color:#4A4C50;}
.mkt-event-title{display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; font-weight:600; font-size:15px; line-height:1.48; color:#191A1B;}

/* 무엇을 도와드릴까요 — 가로 카드 캐러셀(인기휴대폰/이벤트와 동일 패턴) */
.mkt-maincsdiv{padding:16px 0;}
.mkt-maincsdiv .mkt-tit{padding:0 20px; margin-bottom:12px;}
.mkt-maincsdiv .mkt-helplist{position:relative; overflow:hidden;}
.mkt-maincsdiv .swiper-slide{width:140px;}/* 0913 */
.mkt-maincsdiv .mkt-helplist-item{width:140px; box-sizing:border-box; height:auto; margin:0; box-shadow:none; display:block; border-radius:16px; background:#fff; text-decoration:none;}
.mkt-maincsdiv .mkt-helplist-item-inner{display:flex; flex-direction:column; align-items:flex-start; gap:12px; padding:16px;}
.mkt-help-icon{position:relative; display:flex; align-items:center; justify-content:center; flex:none; width:32px; height:32px;}
.mkt-help-icon img{display:block; max-width:100%; max-height:100%;}
.mkt-helplist-text{display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; font-weight:600; font-size:14px; line-height:1.48; color:#191A1B;}

/* 0913-2 : 한줄공지 */
.mkt-noticediv{position:relative; overflow:visible; margin:16px 0; padding:0; height:auto; line-height:normal; border-top:1px solid #E9EAEE; border-bottom:0; background:#fff;display:flex; align-items:center; gap:8px; padding:12px 20px; color:#191A1B; text-decoration:none;}
.mkt-noticediv .mkt-notice-link{display:flex; align-items:center; gap:8px; padding:12px 20px;  padding:0;color:#191A1B; text-decoration:none; width:100%;}
.mkt-noticediv .mkt-notice-label,
.mkt-noticediv strong{flex:none; display:flex; align-items:center; justify-content:center; min-height:24px; margin:0; padding:3px 6px; border-radius:4px; background:#E9EAEE; font-size:12px; font-weight:600; color:#55585D;}
.mkt-noticediv strong + a {flex: 1 0 0;min-width: 0;max-width: none;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: 500;font-size: 14px;color: #61646B;}
.mkt-noticediv a.more {position:static; width:16px;height:16px; color: #191A1B; padding:0 16px 0 0; font-weight: normal; font-size: 13px; letter-spacing: 0vw; background:url(../../images/v2/main/ic_chevron_right_dark.svg) 50% 50% no-repeat; background-size:16px auto; color:transparent;}
.mkt-noticediv .mkt-notice-label:after,
.mkt-noticediv > strong:after{display:none;}
.mkt-noticediv .mkt-notice-text{flex:1 0 0; min-width:0; max-width:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:500; font-size:14px; color:#61646B;}
.mkt-notice-chevron{flex:none; width:16px; height:16px; color:#61646B;}


/* Swiper 컨테이너 position/overflow 안전망 — 커스텀 클래스라 swiper.min.css의 기본 규칙이 안 걸려서 직접 보강 */
.mkt-eventdiv .mkt-event-swiper,
.mkt-bigbanner-swiper-div .top-swiper,
/* 라이브 .shop-swiper{padding-right:28px}(구 bxSlider용)가 같은 클래스로 그대로 걸려서 0으로 눌러 제거 */
.mkt-shopdiv .shop-swiper{position:relative; overflow:hidden; z-index:1; padding-right:0;}
.mkt-eventdiv .mkt-event-swiper .swiper-wrapper,
.mkt-maincsdiv .mkt-helplist .swiper-wrapper{padding-left:20px; overflow:visible; overflow-x:visible;}

/* ============================================================
   768px 이상 반응형 — 콘텐츠 좌우 패딩 50px 확장 + 폰트 사이즈 전체 2px 증가
   ============================================================ */
@media (min-width:768px){
	/* 배경(bgdiv)은 뷰포트 폭 그대로, 이미지만 668px 콘텐츠 박스 안에서 중앙 정렬 */
	.mkt-bigbanner-swiper-div .swiper-slide .mkt-bigbanner-swiper-bgdiv > a{position:relative; display:block; height:100%;  margin:0 50px 0 auto;}/* 0922v3 max-width 삭제 */
	/* (768-668)/2=50(이미지 좌우 여백)+24(원래 인셋)=74px로 인디케이터/배너텍스트 위치를 이미지 중앙정렬에 맞춤 */
	.mkt-bigbanner-swiper-div .swiper-controle-wrap{left:74px;}
	.mkt-bigbanner-swiper-div .banwrap_v2{left:74px;}
	.mkt-loginfo{padding:0 20px;}
	.personal-div .mkt-lineinfo{padding:16px 50px 0;}
	.personal-div .mkt-dashboard{padding:12px 50px 16px;}
	.mkt-recentmenu{padding:16px 0;}
	.mkt-recentmenu-tit{padding:0 50px;}
	.mkt-recentmenu-chips{padding-left:50px;}
	.mkt-recentmenu-row-spacer{width:50px;}
	.personal-offerset-div{padding:16px 0;}
	.mkt-recommend-tit{padding:0 50px;}
	.mkt-recommend-scroll .swiper-wrapper{padding-left:50px;}
	.js-loop-mask{width:50px;}
	.mkt-shopdiv .mkt-tit{padding-left:50px; padding-right:50px;}
	.mkt-shopdiv .shop-swiper .swiper-wrapper{padding-left:50px;}
	.mkt-massban{padding:0 50px 16px;}
	.mkt-eventdiv{padding:16px 0;}
	.mkt-eventdiv .mkt-tit{padding:0 50px;}
	.mkt-eventdiv .mkt-event-swiper .swiper-wrapper{padding-left:50px;}
	.mkt-maincsdiv{padding:16px 0;}
	.mkt-maincsdiv .mkt-tit{padding:0 50px;}
	.mkt-maincsdiv .mkt-helplist .swiper-wrapper{padding-left:50px;}
	.mkt-noticediv .mkt-notice-link{padding:12px 50px;}
	.mkt-tit {padding-left:50px;}

	/* 폰트 사이즈 전체 +2px (빅배너 타이틀/추천 카드/공지 라벨은 검수사항대로 예외) */
	.mkt-loginfo-name-tit{font-size:20px;}
	.mkt-loginfo-grade{font-size:12px;}
	.mkt-loginfo-membership-btn{font-size:15px;}
	.mkt-membership-sheet-tit{font-size:20px;}
	.mkt-membership-sheet-number span{font-size:16px;}
	.mkt-membership-sheet-link{font-size:17px;}
	.mkt-toast{font-size:15px;}
	.mkt-bottomsheet-tit{font-size:22px;}
	.mkt-bottomsheet-listitem{font-size:17px;}
	.mkt-bigbanner-swiper-div .swiper-controle-wrap .swiper-pagination{font-size:14px;}
	.personal-div .mkt-lineinfo-carrier{font-size:16px;}
	.personal-div .mkt-lineinfo-number{font-size:18px;}
	.personal-div .mkt-dashboard-title{font-size:18px;}
	.personal-div .mkt-dashboard-value strong{font-size:20px;}
	.personal-div .mkt-dashboard-value b{font-size:18px;}
	.personal-div .mkt-dashboard-value-sub{font-size:16px;}
	.personal-div .mkt-dashboard-desc{font-size:14px;}
	.personal-div .mkt-dashboard-subtext-label{font-size:15px;}
	.personal-div .mkt-dashboard-subtext-value{font-size:15px;}
	.personal-div .mkt-dashboard-btns button{font-size:15px;}
	.mkt-widget-listitem-title{font-size:18px;}
	.mkt-widget-listitem-value{font-size:20px;}
	.mkt-widget-nodata-text{font-size:18px;}
	.mkt-widget-nodata-title{font-size:18px;}
	.mkt-widget-nodata-desc{font-size:16px;}
	.mkt-widget-nodata-btn{font-size:15px;}
	.personal-div .mkt-dashboard-offering-text{font-size:16px;}
	.mkt-recentmenu-tit strong{font-size:20px;}
	.mkt-recentmenu-chip span{font-size:15px;}
	.mkt-recommend-tit strong{font-size:20px;}
	.mkt-tit{font-size:20px;}
	.mkt-shopdiv .mkt-shop-prd .shopbox_tit{font-size:17px;}
	.mkt-shopdiv .mkt-shop-prd .shopbox_price_sum b{font-size:18px;}
	.mkt-shopdiv .mkt-shop-prd .shopbox_price_sum strong{font-size:20px;}
	/* [검수 반영] 위와 동일한 이유(3줄 카드 기준 재계산) — PC 폰트(라벨15/값17/note14px) 기준 130px */
	.mkt-shopdiv .mkt-shop-prd .shopbox_detail{min-height:130px;}
	.mkt-shopdiv .mkt-shop-prd .shopbox_detail_label{font-size:15px;}
	.mkt-shopdiv .mkt-shop-prd .shopbox_detail_value{font-size:17px;}
	.mkt-shopdiv .mkt-shop-prd .shopbox_detail_value em{font-size:16px;}
	.mkt-shopdiv .mkt-shop-prd .shopbox_detail_note{font-size:14px;}
	.mkt-event-badge{font-size:12px;}
	.mkt-event-title{font-size:17px;}
	.mkt-helplist-text{font-size:16px;}
	.mkt-noticediv .mkt-notice-text{font-size:16px;}
	
	/* 빅배너 */
	.banwrap_v2 .pl6{display:inline-block;}
	.mkt-bigbanner-swiper-div .banwrap_v2{max-width:none;}
}

/* ============================================================
   460px 이하 - 상단띠배너, GNB fixed 해제, 빅배너 텍스트 1줄 노출 
   ============================================================ */
@media (max-height:460px) {
	.click-banner.top{position:relative;}
	#mCfmClGnb .fixedheader,
	#mCfmClWrapper.topclickbannerNext #mCfmClGnb .fixedheader,
	.topclickbannerNext #mCfmClGnb .fixedheader {position:relative; top:0;}
	#mCfmClWrapper {padding-top:0;}

	/* 빅배너 */
	.banwrap_v2 .pl6{display:inline-block;}
	.mkt-bigbanner-swiper-div .banwrap_v2{max-width:none;}
}