/* 2020-04-04 */
@font-face{
	font-family: 'signature1';
	src: url('/pconts/fonts/GongPilM.eot');
	src: url('/pconts/fonts/GongPilM.eot?#iefix') format('embedded-opentype');
	src: url('/pconts/fonts/GongPilM.woff') format('woff');
	src: url('/pconts/fonts/GongPilM.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'signature2';
	src: url('/pconts/fonts/Blacksword.eot');
	src: url('/pconts/fonts/Blacksword.eot?#iefix') format('embedded-opentype');
	src: url('/pconts/fonts/Blacksword.woff') format('woff');
	src: url('/pconts/fonts/Blacksword.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
html{font-size:10px;}
.devcss body,
/*.rv-22*/ body{font-family:'SpoqaHanSansNeo','sans-serif';}
/*.rv-22*/ .c-bull1:before, 
/*.rv-22*/ .c-bull1 > li:before{top:0.6em}
 
 body{font-size:1.6rem;color:#000}
.chrome{image-rendering: -webkit-optimize-contrast;}
.point1{color:#476EFF !important}
.t-point1{color:#8d743a !important;}
body.app_pLay .SH_submain .header_inner .event_bnr{display:none;}
.only-pLay{display:none !important;}
.app_pLay .only-pLay{display:block !important;}
.only-shcard{display:block !important;}
.app_pLay .only-shcard{display:none !important;}

.a-block-all{display:block;width:100%;height:100%;}
.mg-both{margin-left:-8px;margin-right:-8px;}
.u-line{text-decoration:underline;color:#000;font-weight:bold;}
.s-line{text-decoration:line-through;color:#888;}
.btn_wrap.m_fixed{padding:20px 16px;}
.no-data1{padding:42px 0px;text-align:center;}
.no-data1 .txt{font-size:1.6rem;color:#666;}
.no-data1 .txt .search-word{color:#000;}

.marker_number.color_mediumgray li,
p.marker_number.color_mediumgray,
span.marker_number.color_mediumgray {color:#666 !important;}

/* 메인 공통 레이아웃 */
.event_subTop .ly_inner{max-width:1200px;width:100%;}
[class*=m-section]{font-size:1.4rem;position:relative;}
[class*=m-section] + [class*=m-section]{border-top:12px solid #eee;}
[class*=m-section] + .no-line{border-top:0;}
.m-section1{background:#f4f7fc}
[class*=m-section] .m-article{padding:30px 24px;}
[class*=m-section].col .m-article + .m-article{padding-top:0;}
[class*=m-section].col + .m-section.col .m-article{padding-top:0;}
[class*=m-section].line{border-top:12px solid #eee;}
/* 앱통합 이후 마이페이지 리뉴얼되면서 type2 추가 */
.m-section.type2 {padding:42px 24px 56px;}
.m-section.type2 .m-article{padding:0;}
.m-art-head{position:relative;padding-top:4px;padding-bottom:10px;}
.m-art-head .m-tit1{font-size:20px;font-weight:900;}
.m-art-head .more{position:absolute;right:-3px;top:10px;}
.m-art-head .s-text{font-size:1.6rem;color:#666;margin-top:10px;}
.m-art-head .s-text > strong{color:#000;font-weight:900;}
.m-article1{padding:10px 24px;}
body.app_shfan .main #header .gnb_wrap{margin-top:0;}
.SH_submain .contents{padding-top:0;}
.submain_digital .contents{padding-top:30px;}
@media screen and (min-width: 1100px) {
	.no-data1{padding:96px 0px}
	.submain_digital .contents{padding-top:60px;}
	[class*=m-section] {padding:0px 40px;font-size:1.6rem;}
	[class*=m-section] .m-article{padding:60px 0px ;max-width: 1200px; width:100%; margin: 0 auto;}
	[class*=m-section].line{border-top:0;}
	[class*=m-section].line:before{content:'';max-width:1200px;height:1px;position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;background:#eee;}
	[class*=m-section].col{display:flex;max-width:1280px;margin:0 auto;position:relative}
	[class*=m-section].col .m-article{margin:0;width:50%;padding-right:20px;position:relative;z-index:1;}
	[class*=m-section].col .m-article + .m-article{padding-left:20px;padding-right:0;padding-top:60px;}
	/* 앱통합 이후 마이페이지 리뉴얼되면서 type2 추가 */
	.m-section.type2 {padding:60px 40px;}
	.m-section1.col:before{content:'';position:absolute;background:#eee;width:100vw;height:100%;left:50%;top:0;transform:translateX(-50%);}
	.m-section2{padding:60px 40px;}
	.m-section2.line:before,
	.m-section2:before{content:'';position:absolute;background:#f4f7fc;width:100vw;height:100%;left:50%;top:0; transform:translateX(-50%);max-width:none;z-index:0;}
	.m-section2 .m-article{background:#fff;padding:40px;position:relative;z-index:1;border-radius:12px;border:1px solid #eee}
	.m-section2 + .m-section2{padding-top:0;}
	.m-art-head{padding-top:0;margin-top:-8px;padding-bottom:20px;}
    .m-art-head .m-tit1 {font-size: 2.4rem;}
	.m-art-head.link-tit{display:inline-block;}
	.m-art-head.link-tit .m-tit1{display:inline-block;padding-right:28px;}
	.m-art-head.link-tit .more{user-select:none;width:100%;height:28px;left:0;top:0.4em;color:transparent;overflow:hidden;}
	.m-art-head.link-tit .more:after{width:28px;height:28px;top:-1px;right:0;}
	.m-article1{max-width:1200px;margin:0 auto;padding:28px 0px;}
}

/* 탭 */
.m-article .tab_type01 .tab_list li a, 
.m-article .tab_type01 .tab_list li button{padding:0px 10px;height:52px;display:flex;align-items: center;color:#888;font-size:1.8rem;font-weight:normal;}
.m-article .tab_type01 .tab_list li.current a, 
.m-article .tab_type01 .tab_list li.current button{color:#000;font-weight:900;}
.m-article .tab_type01 .tab_list li.current:before{left:10px;right:10px;width:auto;height:3px;}
.m-article .tab_type01.swiper_tab .tab_pull{padding:0px 24px;margin:0px -24px;overflow:hidden;}
.m-article .tab_type01 > .tab_pull:before, 
.m-article .tab_type01 .ly_inner > .tab_pull:before{display:none;}
.m-article .tab_type01.swiper_tab .tab_pull .swiper-container:before{width:24px;left:-10px;height:100%;}
.m-article .tab_type01.swiper_tab .swiper-container{margin-left:-10px;}
.m-article .tab_type01.swiper_tab .tab_pull .swiper-button-prev{left:0;height:100%;background-size:auto 100%;transform:translate(0,0)}
.m-article .tab_type01.swiper_tab .tab_pull .swiper-button-next{right:0;height:100%;background-size:auto 100%;background-position:right center;transform:translate(0,0)}
.m-article .tab_type03.swiper_tab{margin:0px -24px;}
.m-article .tab_type03.swiper_tab .swiper-container{padding:0px 24px;}
.m-article .tab_type03.swiper_tab .tab_pull .swiper-container:before{left:0;width:24px;height:100%;}
.m-article .tab_type03.swiper_tab .tab_pull .swiper-container:after{right:0;width:24px;height:100%;}
.m-article .tab_type03.swiper_tab .tab_pull:before{display:none;}
.m-article .tab_type03 .tab_list li{margin:0;}
.m-article .tab_type03 .tab_list li a, 
.m-article .tab_type03 .tab_list li button{height:40px;padding:0px 16px;line-height:40px;white-space:nowrap;width:auto;color:#666;background:#f8f8f8;border-radius:20px;margin:0px 3px;font-size:1.4rem;font-weight:normal;}
.m-article .tab_type03 .tab_list li.current a, 
.m-article .tab_type03 .tab_list li.current button{background:#383b5a;color:#fff;}
.m-article .tab_type03 .tab_list li.current:before{display:none;}
@media screen and (min-width: 1100px) {
	.m-article .tab_type01 .tab_list li a, 
	.m-article .tab_type01 .tab_list li button{font-size:2.1rem;height:48px;padding:0px 13px;}
	.m-article .tab_type01 .tab_list li.current:before{left:13px;right:13px;}
	.m-article .tab_type01.swiper_tab .swiper-container{margin-left:-13px;}
}

/* 배너 */
.m-banner1 .m-article{position:relative;}
.m-banner1 .img-sec{position:absolute;width:100px;height:100px;bottom:77px;right:24px;background-repeat:no-repeat;background-size:100% auto;background-position:center center;}
.m-banner1 .text-sec{padding-top:7px;padding-bottom:3px;}
.m-banner1 .text1{font-size:1.8rem;font-weight:900;line-height:1.25;margin-bottom:6px;}
.m-banner1 .text2{font-size:1.3rem;}
.m-banner1 .btn-cover1{position:relative;z-index:3;}
.m-banner2{background:#fff;}
.m-banner2 .m-article{position:relative;}
.m-banner2 .img-sec{position:absolute;bottom:80px;right:24px;width:100px;height:100px;bacgkround-repeat:no-repeat;background-position:center center;background-size:100% auto;}
.m-banner2 .text-sec{padding-top:7px;padding-bottom:2px;}
.m-banner2 .text-sec .text1{font-size:1.7rem;font-weight:900;}
.m-banner2 .text-sec .text2{color:#333;margin-top:2px;}
.m-banner2 .btn-cover1{margin-bottom:2px;}
.m-art-banner1{margin:0px -8px;border-radius:8px;height:100px;position:relative;}
.m-art-banner1 .img-sec{height:100%;width:130px;position:absolute;right:0px;bottom:0;background-repeat:no-repeat;background-position:center center;background-size:100% auto;}
.m-art-banner1 .text-sec{position:absolute;width:100%;left:0;top:50%;transform:translateY(-50%);padding-left:24px;}
.m-art-banner1 .text-sec .text1{font-weight:bold;font-size:1.6rem;}
.m-art-banner1 .text-sec .text2{font-size:1.2rem;}
.m-card-finder1{margin:0px -8px;height:153px;position:relative;border-radius:8px;background-color:#dfe5fb;border-radius:12px;}
.m-card-finder1 .text-sec{position:absolute;left:0;top:0;padding:25px 26px;font-weight:bold;}
.m-card-finder1 .text-sec .text1{font-size:1.5rem;}
.m-card-finder1 .text-sec .text1 b{font-weight:900;}
.m-card-finder1 .text-sec .text3{margin-top:20px;}
.m-card-finder1 .img-sec{position:absolute;right:0;top:0;width:160px;height:153px;background-repeat:no-repeat;background-position:center center;background-size:100% auto;background-image:url(/pconts/images/shcard/m-card-finder1a.png);}
.m-card-finder1 .img-sec:after{content:'';position:absolute;right:0;bottom:-14px;width:120px;height:121px;background:url(/pconts/images/shcard/m-card-finder1b.png) center center no-repeat;background-size:100% auto;}
.bn-pLay-induce1{position:relative;width:328px;height:83px;padding-left:16px;}
.bn-pLay-induce1 .img-sec{width:60px;height:60px;background:url(/pconts/images/shcard/logo-60-play1.png) center center no-repeat;background-size:100% auto;color:transparent;user-select:none;overflow:hidden;}
.bn-pLay-induce1 .text-sec{letter-spacing: -0.04em;color:#445181;height:98px;width:261px;top:-20px;right:-1px;position:absolute;overflow:hidden;user-select:none;background:url(/pconts/images/shcard/img-783x294-play-txt1.png) center center no-repeat;background-size:100% auto;font-size: 1.3rem;padding-left: 43px;padding-top: 30px;line-height: 1.4;font-weight: bold;}
.bn-pLay-induce1 .text-sec:after{content:'';width:16px;height:16px;background:url(/pconts/images/shcard/arr-60-r-a.png) center center no-repeat;background-size:100% auto;position:absolute;right:25px;top:50%;transform:translateY(-50%)}
.m-card-finder2{margin:25px -8px 0px;height:100px;border-radius:8px;background:#edf0f8;position:relative;}
.m-card-finder2 .img-sec{position:absolute;width:130px;height:100px;right:0;bottom:0;background:url(/pconts/images/shcard/m-card-finder2-m.png) center center no-repeat;background-size:100% auto;}
.m-card-finder2 .text-sec{position:absolute;left:0;top:50%;transform:translateY(-50%);padding-left:24px;}
.m-card-finder2 .text1{font-weight:bold;font-size:1.6rem;}
.m-card-finder2 .text2{font-weight:bold;font-size:1.2rem;}
@media screen and (min-width: 1100px) {
	.m-banner1{height:270px;}
	.m-banner1 .m-article{padding:0;height:100%;padding-top:58px;}
	.m-banner1 .text-sec{text-align:center;}
	.m-banner1 .text1{font-size:2.4rem;margin-bottom:7px;}
	.m-banner1 .text2{font-size:2.0rem;}
	.m-banner1 .img-sec{width:190px;height:190px;bottom:0;right:198px;top:auto;}
	.m-banner1 .btn-cover1{margin-top:25px;}
	.m-banner2 .text-sec{text-align:center;padding-top:4px;padding-bottom:0;}
	.m-banner2 .text-sec .text1{font-size:2.4rem;}
	.m-banner2 .text-sec .text2{font-size:2.0rem;margin-top:4px;}
	.m-banner2 .img-sec{width:200px;height:200px;bottom:0;right:187px;}
	.m-banner2 .btn-cover1{margin-top:36px;margin-bottom:0;}
	.m-banner2 .m-article{padding-bottom:48px;}
	.m-art-banner1{margin:0;height:110px;}
	.m-art-banner1 .img-sec{width:192px;height:148px;right:86px;}
	.m-art-banner1 .text-sec{padding-left:48px;}
	.m-art-banner1 .text-sec .text1{display:inline-block;vertical-align:middle;font-size:2.2rem;}
	.m-art-banner1 .text-sec .text2{display:inline-block;vertical-align:middle;font-size:1.6rem}
	.m-card-finder1{height:190px;margin:0;}
	.m-card-finder1 .text-sec{padding-left:48px;padding-top:40px;}
	.m-card-finder1 .text-sec .text1{font-size:2.2rem;}
	.m-card-finder1 .text-sec .text3 .c-link2-a{font-size:1.6rem;}
	.m-card-finder1 .img-sec{width:280px;height:190px;background:url(/pconts/images/shcard/m-card-finder2a.png) center center no-repeat;background-size:100% auto;bottom:0px;top:auto;right:55px;}
	.m-card-finder1 .img-sec:after{width:163px;height:163px;right:17px;top:76px;}
	.m-card-finder1 .text-sec .text3{margin-top:25px;}
	.m-card-finder2{height:110px;margin:90px 0px 19px;border-radius:12px;}
	.m-card-finder2 .text-sec{padding-left:48px;}
	.m-card-finder2 .text1{font-size:2.2rem;display:inline-block;}
	.m-card-finder2 .text2{font-size:1.6rem;display:inline-block;margin-left:6px;}
	.m-card-finder2 .img-sec{width:192px;height:148px;right:86px;bottom:0;}
	
}

/* 리스트 */
.icon-list-box1{display:flex;flex-wrap: wrap;background:#fff;border-radius:8px;padding:12px 0px;}
.icon-list-box1 .list-item{width:25%;}
.icon-list-box1 .list-item > a{display:block;text-align:center;height:80px;position:relative;padding-top:50px;font-size:1.2rem;background-size: 28px 28px;background-position: 50% 14px;} 
.m-base-list1{margin-top:11px;}
.m-base-list1 .list-item{display:flex;height:54px;font-weight:bold;align-items: center;position:relative;font-size:1.6rem;}
.m-base-list1 .list-item .a-block-all{position:relative;display:flex;align-items: center;}
.m-base-list1 .list-item .a-block-all:after{content:'';position:absolute;right:0;top:17px;width:20px;height:20px;background:url(/pconts/images/shcard/arr-60-r-a.png) center center no-repeat;background-size:100% auto;}
.m-base-list2 .list-item .date{margin-right:10px;}
.m-base-list2 .list-item{height:46px;display:flex;align-items: center;}
.m-base-list2 .list-item > a{display:inline-block;max-width:calc(100% - 50px);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.m-base-list3 .list-item{display:flex;align-content: center;align-items: center;justify-content: space-between;font-weight:bold;font-size:1.6rem;height:60px;}
.m-base-list3 .list-item + .list-item{border-top:1px solid #eee;}
.m-base-list3 .c-link1-a.cost{font-weight:900;font-size:1.8rem;padding-right:1em;}
.m-base-list3 .c-link1-a.cost:before{transition:all .3s ease-in-out;content:'';position:absolute;height:1px;background:#000;right:100%;left:50%; bottom:0;}
.m-base-list3 .c-link1-a.cost:hover:before{left:0;right:1em;}
.m-base-list3 .c-link1-a.cost:after{top:0.25em}
.m-tel-list{background:#f6f6f6;border-radius:4px;padding:18px 20px 18px;}
.m-tel-list .list-item{display:flex;justify-content: space-between;align-items: center;}
.m-tel-list .list-item + .list-item{margin-top:7px;}
.m-tel-list .list-item .c-tel-link{font-weight:bold;}
.m-tel-list2 .list-item{display:flex;align-content: center;align-items: center;padding:26px 0px;}
.m-tel-list2 .list-item + .list-item{border-top:1px solid #eee;}
.m-tel-list2 .list-item .cell{flex:1;}
.m-tel-list2 .list-item .cell .text1{font-weight:bold;font-size:1.6rem;}
.m-tel-list2 .list-item .cell .text2{font-size:1.2rem;color:#666;margin-top:4px;}
.m-tel-list2 .list-item .cell:last-child{text-align:right}
.m-cost-list1 .list-row{display:flex;}
.m-cost-list1 .list-item:first-child{flex:1.05;position:relative;}
.m-cost-list1 .list-item:last-child{flex:0.95;position:relative;}
.m-cost-list1 .list-item .text1{color:#666;font-weight:bold;line-height:1.2;}
.m-cost-list1 .list-item .text2{font-weight:900;font-size:20px;line-height:1.2;margin-top:5px;}
.m-cost-list1 .list-item .text3{font-weight:normal;font-size:1.2rem;color:#888;}
.m-cost-list1 .list-item .text3 b{font-weight:900;color:#000;}
.m-cost-list1 .list-item .s-line{font-size:1.2rem;font-weight:normal;}
.m-cost-list1 .list-item {flex: 1;} /* 221019 개발깨져서 수정 */
.m-quick-nav{margin:12px -8px 6px;}
.m-quick-nav > ul{display:flex;margin-top:-12px;flex-wrap: wrap;}
.m-quick-nav > ul:after{display:none;}
.m-quick-nav .list-item{position:relative;height:85px;width:25%;margin-top: 12px;}
.m-quick-nav .list-item > a{display:block;width:auto;/*height:100%;*/padding-top:55px;}
.m-quick-nav .list-item .icon_box{background-size:28px auto;background-position:center 16px;background-repeat:no-repeat;transition:all .2s ease-in-out}
.m-quick-nav .list-item .icon-name{padding:0;width:100%;height:36px;font-weight:bold;font-size:1.3rem;text-align:center;color:#000;position:absolute;left:0;bottom:0;display:flex;line-height:1.4;align-items: center;align-content: center;justify-content: center;}
.m-quick-nav.type1{height:112px;padding:15px 15px 16px;background:#fff;box-shadow:1px 1px 13px 0px rgba(113, 121, 149, 0.4);border-radius:8px;margin:3px 0px 10px;}
.m-quick-nav.type1 .list-row{display:flex;margin-top:0;}
.m-quick-nav.type1 .list-item{flex:1;height:81px;margin-top:0;}
.m-quick-nav.type1 .list-item .icon_box{background-position:center 5px;}
.m-quick-nav.type1 .list-item .icon-name{font-size:1.4rem;line-height:1.3;bottom:5px;}

.m-card-list1{overflow:hidden;margin-top:5px;}
.m-card-list1 .list-row{display:flex;flex-wrap: wrap;justify-content: flex-start}
.m-card-list1 .list-row:after{display:none;}
.m-card-list1 .list-item{margin:20px 0px;text-align:center;width:33.33%}
.m-card-list1 .list-item:nth-child(3n + 0){text-align:right;}
.m-card-list1 .list-item:nth-child(3n + 1){text-align:left;}
.m-card-list1 .list-item .a-block-all{width:84px;display:inline-block;}
.m-card-list1 .img-sec{width:133px;height:133px;margin:0 auto;position:relative;}
.m-card-list1 .img-sec .img-card{position:absolute;width:133px;height:84px;left:50%;top:50%;transform:translate(-50%, -50%);background-repeat:no-repeat;background-position:center center;background-size:100% auto;}
.m-card-list1 .img-sec.rotate{width:84px;height:133px;} 
.m-card-list1 .img-sec.rotate .img-card{transform:translate(-50%, -50%) rotate(90deg);}
.m-card-list1 .text-sec{line-height:1.35;margin-top:12px;text-align:center;}
.m-card-list1 .text1{font-size:1.3rem;}
.m-base-list4{margin-top:15px;}
.m-base-list4 .list-item {display: flex;height: 62px;font-weight: bold;align-items: center;position: relative;font-size: 1.6rem;border-bottom:1px solid #eee;}
.m-base-list4 .list-item .a-block-all {position: relative;display: flex;align-items: center;padding-right:25px;}
.m-base-list4 .list-item .a-block-all:after {content: '';position: absolute;right: 0;top: 20px;width: 20px;height: 20px;background: url(/pconts/images/shcard/arr-60-r-a.png) center center no-repeat;background-size: 100% auto;}
.m-base-list4 .list-item .img-sec{flex:none;width:36px;height:36px;margin-right:12px;border-radius:100%;position:relative;top:1px;background-repeat:no-repeat;background-position:center center;background-size:100% auto;background-color:#f6f6f6;overflow:hidden;}
.m-base-list4 .list-item .text-sec{padding-right:40px;word-break: break-all;flex:1;}
.m-base-list4 .list-item .text-sec .text1{word-break: break-all;margin-right:2px;display:inline-block;vertical-align:middle;line-height:1.4}
.m-base-list4 [class*=icon-text-]{top:-2px;position:relative;}
.m-base-list4 .use-case{position:absolute;right:18px;top:50%;transform:translateY(-50%);margin-top:2px;}
.m-base-list5 .list-item{display:flex;height:62px;align-items: center;justify-content: space-between;}
.m-base-list5 .list-item .img-sec{display:none;}
.m-base-list5 .list-item .text-sec{font-size:1.6rem;font-weight:bold;}
.m-base-list5 .list-item .btn-sec .c-btn6-a{margin:0px 5px;height:38px;border:0;line-height:38px;font-size:1.4rem;width: 90px;justify-content: center}
.m-base-list5 .list-item + .list-item{border-top:1px solid #eee;}
.m-img-list1{margin-top:20px;}
.m-img-list1 .list-row{display:flex;margin:-9px;}
.m-img-list1 .list-item{width:88px;margin:9px;text-align:center;position:relative;}
.m-img-list1 .list-item .a-block-all{height:auto;}
.m-img-list1 .list-item .img-sec{width:88px;height:88px;margin:0 auto;background-repeat:no-repeat;background-position:center center;background-size:100% auto;}
.m-img-list1 .text-sec{margin-top:13px;}
.m-img-list1 .text1{font-weight:bold;}
.m-img-list1 .text2{font-size:1.2rem;color:#666;line-height:1.4;margin-top:3px;font-weight:300;}
.m-img-list1 .swiper-container{margin:0px -24px;padding:0px 24px;}
.m-img-list1 .swiper-button-prev,
.m-img-list1 .swiper-button-next{display:none;}

@media screen and (min-width: 600px){
	.m-card-list1 .list-row{margin:0;width:100%;flex-wrap: nowrap;justify-content: space-between}
	.m-card-list1 .list-item{text-align:left !important;width:auto;margin:0;}	
}

@media screen and (min-width: 1100px){
	.m-tel-list{background:none;overflow:hidden;padding:0;}
	.m-tel-list > ul {display:flex;flex-wrap: wrap;margin-left:-4px;margin-top:-4px;}
	.m-tel-list .list-item{margin:4px;width:calc(50% - 8px);height:48px;border-radius:4px;background:#f6f6f6;padding:14px 20px 15px;}
	.m-tel-list .list-item + .list-item{margin-top:4px;}
	.m-base-list2 {position:relative;}
	.m-base-list2 .list-item .date{margin-right:30px;}
	.m-base-list2 {position:relative;}
	.m-base-list2 .list-item > a{position:relative;}
	.m-base-list2 .list-item > a:hover:after{width:100%;left:0;}
	.m-base-list2 .list-item > a:after{content:'';;transition:all .2s ease-in-out;width:0;height:1px;background:#444;position:absolute;left:50%;bottom:0px;}
	.m-base-list1{overflow:hidden;margin-top:12px;}
	.m-base-list1 > ul{display:flex;margin-left:-30px;margin-top:-22px;flex-wrap: wrap;}
	.m-base-list1 .list-item{margin-left:30px;margin-top:22px;width:calc(33.33% - 30px);height:58px;font-size:1.8rem;}
	.m-base-list1.col4 .list-item{width:calc(25% - 30px);}
	.m-base-list1 .list-item .a-block-all{border:1px solid #eee;border-radius:12px;padding-left:24px;}
	.m-base-list1 .list-item .a-block-all:after{right:24px;top:19px;}
	.m-tel-list2 .list-row{display:flex;    flex-wrap: wrap;}
	.m-tel-list2 .list-item{width:50%;margin:28px 0px;padding:0px 100px;height:94px;}
	.m-tel-list2 .list-item:nth-child(odd){padding-left:68px;}
	.m-tel-list2 .list-item:nth-child(even){border-left:1px solid #eee;}
	.m-tel-list2 .list-item + .list-item{border-top:0;}
	.m-tel-list2 .list-item .cell .text1{font-size:2.0rem;}
	.m-tel-list2 .list-item .cell .text2{font-size:1.6rem;}
	.m-base-list3 .c-link1-a.cost:after{top:0.27em;width:20px;height:20px;}
	.m-cost-list1 .list-item .text2{font-size:2.2rem;}
	.m-cost-list1 .list-item .s-line{font-size:1.4rem;}
	.m-cost-list1 .list-item .text3{font-size:1.4rem;}
	.m-quick-nav{margin:0;margin-top:-40px;}
	.m-quick-nav .list-row{justify-content: flex-end;margin-top:0;}
	.m-quick-nav .list-item {width:127px;height:111px;flex:none;margin-left:26px;margin-top:0;}
	.m-quick-nav .list-item .icon-name{height:44px;font-size:1.6rem;}
	.m-quick-nav .list-item .icon_box{background-size:40px;background-position:43px 21px;}
	.m-quick-nav .list-item .icon_box:hover{animation:favHover 1s infinite ease-in-out;}
	@keyframes favHover{
		0%{margin-top:0px}
		20%{margin-top:0px}
		30%{margin-top:-3px;}
		50%{margin-top:0px}
		70%{margin-top:-3px;}
		90%{margin-top:0px}
		100%{margin-top:0px}
	}
	.m-card-list1{padding:20px 24px 0px;margin:-20px -24px 0px}
	.m-card-list1 .list-row{margin:0;flex-wrap: nowrap;width:100%;}
	.m-card-list1 .list-item{margin:0;}
	.m-card-list1 .list-item .a-block-all{width:160px;}
	.m-card-list1 .list-item .a-block-all .img-sec{transition:all .2s ease-in-out;margin-top:0;}
	.m-card-list1 .list-item .a-block-all:hover .img-sec{box-shadow: 0px 0px 12px rgb(0,0,0,0.12);border-radius: 25px;margin-top:-5px;}
	.m-card-list1 .list-item .a-block-all:hover .text-sec{margin-top:23px}
	.m-card-list1 .img-sec{width:255px;height:255px;transition:all .4s ease-in-out;}
	.m-card-list1 .img-sec .img-card{width:255px;height:160px;}
	.m-card-list1 .img-sec.rotate{width:160px;height:255px;}
	.m-card-list1 .text-sec{margin-top:18px;transition:all .2s ease-in-out;}
	.m-card-list1 .text1{font-size:1.6rem;}
	.m-img-list1 .list-row{margin:0px;}
	.m-img-list1 .list-item{flex:1;text-align:left;margin:0;}
	.m-img-list1 .list-item .a-block-all{display:flex;}
	.m-img-list1 .list-item .img-sec{flex:none;margin:0;}
	.m-img-list1 .text-sec{padding:10px 16px 10px 16px;margin:0;}
	.m-img-list1 .text2{font-size:1.4rem}
	.m-base-list4 .list-row{display:flex;flex-wrap: wrap;margin:20px -15px -10px;}
	.m-base-list4 .list-item{font-size:1.6rem;margin:10px 15px;width:calc(33.33% - 30px);border:1px solid #eee;border-radius:12px;height:80px}
	.m-base-list4 .use-case{right:34px;}
	.m-base-list4 .list-item .text-sec{padding-right:55px;}
	.m-base-list4 .list-item .a-block-all{padding:10px 20px;transition:all .2s ease-in-out;}
	.m-base-list4 .list-item .a-block-all:after{top:50%;transform:translateY(-50%);right:15px;}
	.m-base-list4 .list-item .a-block-all:hover{box-shadow:0px 0px 12px rgba(0,0,0,0.12);border-radius:12px;}
	.m-base-list4 .icon-new1,
	.m-base-list4 .icon-best1,
	.m-base-list4 .icon-evt1,
	.m-base-list4 .icon-text1{margin-left:0px;position:relative;top:-2px;}
	.m-base-list5 .list-row{display:flex;flex-wrap:wrap;margin:-12px -15px;}
	.m-base-list5 .list-item{flex:1;margin:12px 15px;border:1px solid #eee;border-radius:12px;display:block;text-align:center;height:auto;padding:24px;}
	.m-base-list5 .list-item .img-sec{display:block;height:48px;background-position:center center;background-repeat:no-repeat;background-size: auto 100%;}
	.m-base-list5 .list-item .text-sec{font-size:1.8rem;margin-top:10px;line-height:1.4}
	.m-base-list5 .list-item .btn-sec{padding:15px 0px 6px;}
}

/* 아이콘 */
.icon-evt1{display:inline-block;width:16px;height:16px;vertical-align:middle;overflow:hidden;user-select:none;color:transparent;background:url(/pconts/images/shcard/ico-48-evt1.png) center center no-repeat;background-size:100% auto;}
.icon-best1{display:inline-block;width:16px;height:16px;vertical-align:middle;overflow:hidden;user-select:none;color:transparent;background:url(/pconts/images/shcard/ico-48-best1.png) center center no-repeat;background-size:100% auto;}
.icon-text1{height:15px;line-height:13px;font-size:1.1rem;text-align:center;color:#3048a2;border:1px solid #dae2ff;border-radius:1px;padding:0px 5px;vertical-align:middle; border-radius:2px;}
.icon-text-use{color:#293d88;font-weight:900;height:auto;font-size:1.2rem;padding:0;display:none;vertical-align:middle;}
[class*=icon-text-b] {display:inline-block;height:20px;line-height:20px;font-size:1.1rem;text-align:center; padding:0px 6px; vertical-align:middle; border-radius:2px;margin:0px 2px;}
.icon-text-b1 {background:#DA1D1D;color:#FFFFFF;}
.icon-text-b2 {background:#05A882;color:#FFFFFF;}
.icon-text-b3 {background:#476EFF;color:#FFFFFF;}
.icon-text-b4 {background:#3D4964;color:#FFFFFF;}
.icon-text-b3.line {border:1px solid #476eff;color:#476eff;background-color:#fff;}
[class*=icon-text-a] {display:inline-block;height:20px;line-height:20px;font-size:1.1rem;text-align:center; padding:0px 6px; vertical-align:middle; border-radius:2px;margin:0px 2px;}
[class*=icon-text-a].type2 {border-radius:4px;}
.icon-text-a1 {background:#FCDBD3;color:#DA1D1D;}
.icon-text-a2 {background:#FFDDE2;color:#FC180F;}
.icon-text-a3 {background:#FFF5E1;color:#DD7003;}
.icon-text-a4 {background:#E5F8F7;color:#116E72;}
.icon-text-a5 {background:#E7E9EE;color:#3D4964;}
.icon-text-a6 {background:#dae2ff;color:#143898;}
.icon-text-a7 {background:#ffebeb;color:#da1d1d;}
.icon-text-a8 {background:#edf0f8;color:#3d4964;}
.icon-text-a9 {background:#f6f6f6;color:#888;}
.icon-new-txt{width:34px;height:18px;line-height:16px;vertical-align:middle;font-size:11px;font-weight:bold;text-align:center;display:inline-block;border:1px solid #f8e4e4;background:#fff;border-radius:1px;color:#da1d1d;margin-left:3px;flex:none;}
.icon-new1{width:16px;height:16px;vertical-align:middle;overflow:hidden;color:transparent;user-select:none; background:url(/pconts/images/shcard/ico-48-new1.png) center center no-repeat;background-size:100% auto;margin-left:6px;position:relative;top:0px;display:inline-block;}
.icon-eme1{width:16px;height:16px;vertical-align:middle;overflow:hidden;color:transparent;user-select:none; background:url(/pconts/images/shcard/ico-48-noti2.png) center center no-repeat;background-size:100% auto;margin-left:6px;position:relative;top:0px;display:inline-block;}

.icon-search1{display:inline-block;overflow:hidden;color:transparent;user-select:none;position:relative;width:24px;height:24px;background:url(/pconts/images/shcard/ico-72-src1.png) center center no-repeat;background-size:100%auto;}
.icon-noti2 {padding-left:22px;min-height:16px;position:relative;}
.icon-noti2:before{content:'';width:16px;height:16px;position:absolute;left:0;top:50%;transform:translateY(-50%);background:url(/pconts/images/shcard/ico-48-noti2.png) center center no-repeat;background-size:100% auto;}
.btn-icon-search{width: 24px;height: 24px;background: url(/pconts/images/shcard/ico-72-src1.png) center center no-repeat;background-size: 24px auto;overflow:hidden;color:transparent;user-select:none;}
.icon-cate1{display:inline-block;padding-left:32px;line-height:31px;height:31px;font-size:1.4rem;background:url(/pconts/images/shcard/ico-96-cate1.png) left center no-repeat;background-size:32px auto;position:relative;}
.icon-cate1.on:after{content:'';width:4px;height:4px;border-radius:100%;background:#f14b25;position:absolute;top:0;left:27px;}
.icon-sort1{font-size:1.4rem;display:inline-block;padding-right:23px;background:url(/pconts/images/shcard/ico-48-sort1.png) right center no-repeat;background-size:16px auto;line-height:15px;min-height:15px;}

.icon-wrap {display:flex;align-items:center;}
.icon-text-group {display:flex;flex-wrap:wrap;margin:-2px;}
span.icon-text-group {display:inline-flex;}
.icon-text-group [class*=icon-text-] {margin:2px;}
.icon-wrap .icon-text + .icon-text-group{margin-left:6px;}
.icon-wrap .icon-text-group + .icon-text {margin-left:8px;}

@media screen and (min-width: 1100px){
	.icon-sort1{font-size:1.6rem;}
}

/*  링크 , 버튼 */
.btn_outlink{font-weight:normal}
[class*=c-link1-]{display:inline-block;vertical-align:baseline;font-size:1.4rem;padding-right:17px;position:relative;}
[class*=c-link1-]:after {content:'';position:absolute;top:0.17em;right:0;width:16px;height:16px; background-position: center center;background-repeat: no-repeat;background-size:100% auto;}
.c-link1-a{color:#000;}
.c-link1-a:after{background-image:url(/pconts/images/shcard/arr-60-r-a.png);}
.c-link1-b{color:#fff;}
.c-link1-b:after{background-image:url(/pconts/images/shcard/arr-60-r-b.png);}
.c-link1-c{color:#476eff;}
.c-link1-c:after{background-image:url(/pconts/images/shcard/arr-60-r-c.png);}

.c-link2-a{font-size:1.3rem;padding-right:27px;min-height:24px;display:inline-block;position:relative;line-height:24px;}
.c-link2-a:after{content:'';width:24px;height:24px;position:absolute;right:0;top:50%;transform:translateY(-50%); background:url(/pconts/images/shcard/arrow-72-r-a.png) center center no-repeat;background-size:100% auto;}
.c-link-tel1{font-size:2.0rem;font-weight:900;padding-left:24px;position:relative;}
.c-link-tel1:before{content:'';width:24px;height:24px;position:absolute;left:0;top:50%;transform:translateY(-50%); background:url(/pconts/images/shcard/ico-72-tel1.png) center center no-repeat;background-size:100% auto;}

.ipt-cate1{position:relative;display:inline-block;vertical-align:middle;}
.ipt-cate1 input{position:absolute;left:0;top:0;opacity:0;}
.ipt-cate1 .text{display:flex;padding:0px 16px;background:#fff;height:40px;border-radius:40px;border:1px dashed #ccc;font-size:1.4rem;color:#76798e;    align-items: center;justify-content: center;cursor:pointer;}
.ipt-cate1 input:checked + .text{background:#414e7f;border-color:#414e7f;color:#fff;}
.ipt-cate1 input:disabled + .text{color: #91a1b1;background: #d0dae6;border:1px solid #d0dae6;cursor:default;}
.btn-cate1{display:inline-flex;min-width:97px;padding:0px 16px;background:#fff;height:40px;border-radius:40px;border:1px dashed #ccc;font-size:1.4rem;color:#76798e;    align-items: center;justify-content: center;}
.btn-cate1.on{background:#414e7f;border-color:#414e7f;color:#fff;}

[class*=c-btn1]{border-radius:4px;}
[class*=c-btn2]{border-radius:4px;font-size:1.8rem;font-weight:bold;}
[class*=c-btn2-b],
[class*=c-btn1-b]{background:#eff0f5;border-color: #eff0f5;color:#494f60;}
[class*=c-btn1-a],
[class*=c-btn2-a]{background:#476eff;border-color:#476eff;}
[class*=c-btn2-a]{background:#476eff;}
.btn.blue{background:#476eff;}
.btn:disabled, 
.btn.disabled,
[class*=c-btn].disabled{color:#91a1b1;background:#d0dae6;border-color:#d0dae6}
.btn.disabled:after{display:none;}
[class*=c-btn1-b].disabled{background:#eff0f5;border-color:#eff0f5;color:#b8bbc5;}
.btn.prev:disabled::before, 
.btn.next:disabled::after{display:none;}
.btn_cont .btn,
.btn{border-radius:8px;} /* 240626 수정 */
[class*=c-btn4]{padding:0px 30px;height:48px;border-color:#ccc;line-height:46px;color:#494f60;border-radius:4px;}
[class*=c-btn4].blue{background:#476eff;border-color:#476eff;color:#fff;}
[class*=c-btn6]{border-radius:4px;padding:0px 10px;height:26px;font-size:12px;font-weight:normal;}
.c-btn6-a{background:#476eff;}
.btn.ico_btn{border-radius:4px}
.m-more-wrap{text-align:center;margin-top:13px;}
.btn-more1{display:inline-block;padding:5px 10px;font-size:1.6rem;position:relative;padding-right:20px;min-height:16px;}
.btn-more1:after{content:'';width:16px;height:16px;position:absolute;right:0;top:50%;transform:translateY(-50%);background:url(/pconts/images/shcard/arr-68-d-a.png) center center no-repeat;background-size:100% auto;}
.btn-more1.on:after{transform:translateY(-50%) rotate(180deg);}
@media screen and (min-width: 1100px){
    .c-link1-a:after{top:0.2em;}
	.c-link-tel1{font-size:2.6rem;padding-left:32px;}
	.c-link-tel1:before{width:30px;height:30px;}
	.ipt-cate1 input + .text{font-size:1.6rem;}
	.btn-cate1{font-size:1.6rem;}
}

/* 스와이퍼 */
.m-card-swiper1 {position:relative;}
.m-card-swiper1 .swiper-container{background:#fff;border-radius:8px;box-shadow:0px 0px 12px rgba(0, 0, 0, 0.12)}
.m-card-swiper1 .card-info1{padding:20px;text-align:center;height:310px;}
.m-card-swiper1 .card-info1 .tit-sec{font-size:1.6rem;font-weight:bold;}
.m-card-swiper1 .card-info1 .info-sec{margin-top:19px;}
.m-card-swiper1 .card-info1 .info-sec .list-item{display:flex;justify-content: space-between;align-content: center;align-items: center;color:#666;}
.m-card-swiper1 .card-info1 .info-sec .list-item + .list-item{margin-top:3px;}
.m-card-swiper1 .card-info1 .info-sec .list-item .cell{text-align:left}
.m-card-swiper1 .card-info1 .info-sec .list-item .cell:last-child{font-weight:bold;color:#000;text-align:right}
.m-card-swiper1 .card-info1 .img-sec{width:138px;height:138px;margin:0 auto;position:relative;margin-top:17px;}
.m-card-swiper1 .card-info1 .img-sec .img-card{position:absolute;width:138px;height:88px;left:50%;top:50%;transform:translate(-50%, -50%);background-repeat:no-repeat;background-position:center center;background-size:100% auto;}
.m-card-swiper1 .card-info1 .img-sec.rotate{width:88px;height:138px;} 
.m-card-swiper1 .card-info1 .img-sec.rotate .img-card{transform:translate(-50%, -50%) rotate(90deg);}
.m-card-swiper1 .nav-button-next,
.m-card-swiper1 .nav-button-prev{width:24px;height:24px;position:absolute;top:calc(50% - 52px);z-index:10;overflow:hidden;}
.m-card-swiper1 .nav-button-next{right:12px;background:url(/pconts/images/shcard/arr1-72-r-a.png) center center no-repeat;background-size:100% auto;}
.m-card-swiper1 .nav-button-prev{left:12px;background:url(/pconts/images/shcard/arr1-72-l-a.png) center center no-repeat;background-size:100% auto;}
.m-article .m-card-swiper1 .swiper-controls{text-align:center;margin-top:6px;}
.m-card-swiper1 .swiper-controls *{display:inline-block;vertical-align:middle;}
.m-card-swiper1 .swiper-button-play{width:20px;height:18px;overflow:hidden;background:#f1f1f3 url(/pconts/images/shcard/ico-48-control1-a.png) center center no-repeat;background-size:16px auto;border-radius:4px;}
.m-card-swiper1 .swiper-button-pause{width:20px;height:18px;overflow:hidden;background:#f1f1f3 url(/pconts/images/shcard/ico-48-control1-b.png) center center no-repeat;background-size:16px auto;border-radius:4px;}
.m-card-swiper1 .swiper-pagination{margin-left:6px;position:relative;top:-2px;}
.m-card-swiper1 .swiper-pagination .swiper-pagination-bullet{width:6px;height:6px;background:#ddd;border-radius:3px;transition:all .4s ease-in-out;opacity:1;transform-origin:left;}
.m-card-swiper1 .swiper-pagination .swiper-pagination-bullet-active{background:#383b5a;width:16px;}
.m-card-swiper1 .swiper-pagination span + span{margin-left:6px;}
.no-swiper .swiper-button-prev,
.no-swiper .swiper-button-next,
.no-swiper .nav-button-next,
.no-swiper .nav-button-prev,
.no-swiper .swiper-controls{display:none !important;}
/* 2024 접근성 수정 */
.m-card-swiper1 .swiper-container .swiper-slide {padding: 0 2px 0 2px;}


.m-article .swiper-button-prev{left:4px;width:24px;height:24px;background:url(/pconts/images/shcard/arr1-72-l-a.png) center center no-repeat;background-size:100% auto;margin-top:0;transform:translateY(-50%)}
.m-article .swiper-button-next{right:4px;width:24px;height:24px;background:url(/pconts/images/shcard/arr1-72-r-a.png) center center no-repeat;background-size:100% auto;margin-top:0;transform:translateY(-50%)}
.m-article .swiper-controls{text-align:center;margin-top:10px;}
.m-article .swiper-controls *{display:inline-block;vertical-align:middle;}
.m-article .swiper-button-play{width:20px;height:18px;overflow:hidden;background:#f1f1f3 url(/pconts/images/shcard/ico-48-control1-a.png) center center no-repeat;background-size:16px auto;border-radius:4px;}
.m-article .swiper-button-pause{width:20px;height:18px;overflow:hidden;background:#f1f1f3 url(/pconts/images/shcard/ico-48-control1-b.png) center center no-repeat;background-size:16px auto;border-radius:4px;}
.m-article .swiper-pagination{margin-left:6px;position:relative;top:-2px;}
.m-article .swiper-pagination .swiper-pagination-bullet{width:6px;height:6px;background:#ddd;border-radius:3px;transition:all .4s ease-in-out;opacity:1;transform-origin:left;}
.m-article .swiper-pagination .swiper-pagination-bullet-active{background:#383b5a;width:16px;}
.m-article .swiper-pagination span + span{margin-left:6px;}
.m-art-ban-swiper1{position:relative;}
.m-art-ban-swiper1 .swiper-container{border-radius: 8px;overflow:hidden;}
.m-art-ban-swiper1 .swiper-slide{height:140px;}
.m-art-ban-swiper1 .m-art-banner1{border-radius:8px;margin:0;}
.m-art-ban-swiper1 .m-art-banner1 .text-sec{padding-left:27px;line-height:1.43;padding-right:140px;}
.m-art-ban-swiper1 .text-sec .text1{font-size:1.7rem;font-weight:900;}
.m-art-ban-swiper1 .text-sec .text2{font-size:1.2rem;margin-top:10px;}
.m-art-ban-swiper1 .img-sec{width:130px;height:130px;right:0;top:50%;transform:translateY(-50%)}
.m-art-ban-swiper1 .swiper-button-prev{left:-8px;margin-top:-14px;}
.m-art-ban-swiper1 .swiper-button-next{right:-8px;margin-top:-14px;}
.m-art-ban-swiper1 .swiper-controls{margin-top:6px;margin-bottom:-4px;}
.main-card-swiper{margin:40px -24px 0px;position:relative;}
.main-card-swiper .m-card-list1 {margin:-20px 24px 0px;}
.main-card-swiper .m-card-list1 .list-row{flex-wrap:nowrap;}
.main-card-swiper .m-card-list1 .list-item{text-align:left !important;width:auto;margin-top:0;}
.main-card-swiper .m-card-list1 .list-item + .list-item{margin-left:30px;}
.main-card-swiper .swiper-button-prev{margin-top:-42px;margin-left:-4px;}
.main-card-swiper .swiper-button-next{margin-top:-42px;margin-right:-4px;}

@media screen and (min-width: 1100px){
	.m-card-swiper1{width:calc(100% - 410px);background:none;margin-top:12px;}
	.m-card-swiper1 .swiper-container{height:277px;border-radius:12px;margin:0 auto;box-shadow:0px 0px 12px  rgba(0, 0, 0, 0.12)}
	.m-card-swiper1 .swiper-container:after{content:'';width: 161px;height: 277px;background: #fff;position:absolute;right: -180px;top:0;border-radius: 12px;}
	.m-card-swiper1 .swiper-container:before{content:'';width: 161px;height: 277px;background: #fff;position:absolute;left: -180px;top:0;border-radius: 12px;}
	.m-card-swiper1 .nav-button-next, 
	.m-card-swiper1 .nav-button-prev{width:40px;height:40px;top: calc(50% - 36px);}
	.m-card-swiper1 .nav-button-next{right:30px;}
	.m-card-swiper1 .nav-button-prev{left:30px;}
	.m-card-swiper1 .a-block-all{background:#fff;border-radius:12px}
	
	/* 2024 접근성 수정 - 원본 */
	/* .m-card-swiper1 .card-info1{margin-top:0;height:auto;position:relative;padding:0;padding-top:43px;padding-left:43.3%;text-align:left;height:277px;}
	.m-card-swiper1 .card-info1 .img-sec{position:absolute;left:11.6%;top:43px;margin-top:0;}
	.m-card-swiper1 .card-info1 .img-sec.rotate{width:190px;height:190px;left:11.6%;}  */
	/* 2024 접근성 수정 */
	.m-card-swiper1 .card-info1{margin-top:2px;height:auto;position:relative;padding:0;padding-top:41px;padding-left:43.3%;text-align:left;height:273px;}
	.m-card-swiper1 .card-info1 .img-sec{position:absolute;left:11.4%;top:41px;margin-top:0;}
	.m-card-swiper1 .card-info1 .img-sec.rotate{width:190px;height:190px;left:11.4%;} 
	
	.m-card-swiper1 .card-info1 .info-sec{width:320px;margin-top:50px;}
	.m-card-swiper1 .card-info1 .info-sec .list-item{height:34px;}
	.m-card-swiper1 .card-info1 .info-sec .list-item + .list-item{margin-top:0}
	.m-card-swiper1 .card-info1 .tit-sec{font-size:2.2rem;}
	.m-card-swiper1 .card-info1 .img-sec{width:190px;height:190px;}
	.m-card-swiper1 .card-info1 .img-sec .img-card{width:190px;height:120px;}
	.m-card-swiper1 .swiper-pagination{margin-left:8px;}
	.m-article .swiper-button-prev{width:40px;height:40px;left:12px;}
	.m-article .swiper-button-next{width:40px;height:40px;right:12px;}
	.m-art-ban-swiper1 .m-art-banner1 .text-sec{padding-left:58px;}	
	.main-card-swiper{margin-top:45px;}
	.main-card-swiper .swiper-button-prev{margin-left:0;margin-top:-30px;left:-30px;marign-left:0;}
	.main-card-swiper .swiper-button-next{margin-right:0;margin-top:-30px;right:-30px;marign-left:0;}
	.main-card-swiper .swiper-button-prev,
	.main-card-swiper .swiper-button-next{display:none;}
	.main-card-swiper .m-card-list1 {margin:-20px 0px 0px;}	
	
	.m-art-ban-swiper1 .m-art-banner1 .text-sec{padding-left:50px;}
	.m-art-ban-swiper1 .swiper-container{margin:-15px -15px 0px;padding-top:15px}
	.m-art-ban-swiper1 .swiper-slide {height:170px;width:50%;padding:0px 15px;}
	.m-art-ban-swiper1 .swiper-slide .a-block-all:hover{margin-top:-5px;box-shadow:0 0 12px rgba(0,0,0,0.12)}
	.m-art-ban-swiper1 .a-block-all{border-radius:12px;transition:all .2s ease-in-out;position:relative;}
	.m-art-banner1 .text-sec .text1{display:block;font-size:2.2rem;}
	.m-art-banner1 .text-sec .text2{display:block;font-size:1.8rem;}
	.m-art-ban-swiper1 .swiper-button-prev{width:40px;height:40px;left:-20px;margin-top:-10px;}
	.m-art-ban-swiper1 .swiper-button-next{width:40px;height:40px;right:-20px;margin-top:-10px;}
	.m-art-ban-swiper1 .img-sec{width:140px;height:140px;right:50px;}
    .m-art-ban-swiper1.no-swiper .swiper-slide{width:100%}
}

/* 팝업 재정의 */
.pop_wrap .popup .btn_close{width:24px;height:24px;background:url(/pconts/images/shcard/ico-72-close1.png) center center no-repeat;background-size:100% auto;top:19px;right:16px;}
.pop_wrap .popup{border-radius:16px;}
.pop_wrap .popup.pop_card_statement{border-radius:0}
.pop_wrap .popup_type01 .pop_head {border-radius:16px 16px 0px 0px;}
.popover_type01{border-radius:15px;}

/* 공통 - 알럿 재정의 */
.pop_wrap.pop_alert .popup_type01, 
.pop_wrap.pop_confirm .popup_type01{border-radius:15px !important;overflow:hidden;}
.pop_wrap.pop_alert .popup_type01 .pop_msg, 
.pop_wrap.pop_confirm .popup_type01 .pop_msg{font-size:1.6rem;color:#000;}
.pop_wrap.pop_alert .popup_type01 .pop_btn, 
.pop_wrap.pop_confirm .popup_type01 .pop_btn{padding:0;border-top:1px solid #eee;}
.pop_wrap.pop_alert .popup_type01, 
.pop_wrap.pop_confirm .popup_type01{padding:0;}
.pop_wrap.pop_alert .popup .pop_cont,
.pop_wrap.pop_confirm .popup .pop_cont{padding:28px;}
.pop_wrap.pop_alert .popup_type01, 
.pop_wrap.pop_confirm .popup_type01{width:360px;}
.pop_wrap.pop_alert .popup:not(.pop-bottom) .btn_close{top:8px;right:6px;}
.pop_wrap.pop_confirm .pop_btn .btn,
.pop_wrap.pop_alert .pop_btn .btn{flex:1;background:#fff;color:#666;font-size:1.6rem;padding:0;height:52px;line-height:1.5;display:flex;align-items: center;justify-content: center;min-width:0;border:0;}
.pop_wrap.pop_confirm .pop_btn .btn.blue, 
.pop_wrap.pop_alert .pop_btn .btn.blue{color:#476eff}
.pop_wrap.pop_confirm .pop_cont p+p,
.pop_wrap.pop_alert .pop_cont p+p{margin-top:4px;}
.pop_wrap.pop_alert .pop_btn .btn + .btn,
.pop_wrap.pop_confirm .pop_btn .btn + .btn{border-left:1px solid #eee;margin:0;}
.pop_wrap .pop-tost1.main .btn_close{background:none;}
.pop_wrap .popup .btn_close > span{width:100%;height:100%;overflow:hidden;user-select:none;display:block;}
#pop_sns .popup{width:500px;}
.pop_wrap .pop-com{border-radius:16px;padding-bottom:16px;}
.pop_wrap .pop-com .pop_head{min-height:52px;padding:17px 50px 8px;z-index:12;overflow:visible;border-radius:16px 16px 0px 0px;}
.pop_wrap .pop-com .pop_head:before{content:'';width:100%;height:20px;position:absolute;left:0;bottom:-7px;background: linear-gradient(to bottom ,#fff 55%, rgba(255,255,255,0) 100%);}
.pop_wrap .pop-com .pop_cont{padding:0px 50px 50px;}
.pop_wrap .pop-com{width:840px;min-height:200px;max-height:74vh;}
.pop_wrap .pop-com .pop_head h3{padding-top:10px;padding-bottom:10px;}
.pop_wrap .pop-com .pop_btn{margin-bottom:-15px;}
.pop_wrap.is_active .pop-bottom{bottom:0;}
.pop_wrap .pop-bottom{position:fixed;bottom:-100%;left:0;width:100%;transition:all .6s ease-in-out;border-radius:12px 12px 0px 0px;padding-bottom:15px;}
.pop_wrap .pop-bottom .pop_cont{padding:0px 24px;overflow:visible;}
.pop_wrap .pop-bottom .pop_head{background:none;padding:19px 24px 17px;}
.pop_wrap .pop-bottom .pop_head .text1{font-size:1.8rem;font-weight:bold;}
.pop_wrap .pop-bottom .pop_btn{padding:20px 24px 0px;margin:-6px;display:flex;}
.pop_wrap .pop-bottom .pop_btn [class*=c-btn1]{height:48px;font-size:1.6rem;font-weight:bold;line-height:46px;margin:6px;padding:0;min-width:0;}
.pop_wrap .pop-bottom .pop_btn [class*=c-btn1].left{flex:none;width:35%}
.pop_wrap .pop-bottom  .btn_close{right:20px;top:21px;}
.pop-select-list{font-size:1.6rem;font-weight:bold;margin:0px -12px;}
.pop-select-list .list-item{height:56px;}
.pop-select-list .a-block-all{text-align:left;transition:all .4s ease-in-out;padding:0px 15px;border-radius:8px;}
.pop-select-list .a-block-all:hover{background:#eef1fa;}

@media only screen and (max-width: 800px){
	.pop_wrap.pop_alert .popup_type01, 
	.pop_wrap.pop_confirm .popup_type01{width:276px;}
	.pop_wrap.pop_alert.type02 .popup_type01, 
	.pop_wrap.pop_confirm.type02 .popup_type01{width:360px;}
}

@media only screen and (max-width: 1100px){
	.pop_wrap .popup:not(.pop-bottom):not(.pop-com){border-radius:0px;};
	.pop_wrap .popup_type01.popup:not(.pop-bottom):not(.pop-com) .pop_head .pop_head {border-radius:0px;}
    .pop_wrap.small:not(.mo_full) .popup {border-radius: 16px;} /* 221019 모바일 풀 팝업제외는 래디우스줌 */
	.pop_wrap .pop-com{position:fixed;width:auto;left:16px;right:16px;min-height:200px;border-radius:16px;}
	.pop_wrap .pop-com .pop_cont{padding:0px 16px 16px;}
	.pop_wrap .pop-com .pop_head{min-height:54px;padding-left:16px;border-radius:16px 16px 0px 0px;}
	.pop_wrap .pop-com .pop_head h3{padding:0px;}
	.pop_wrap .popup:not(.pop-bottom) .btn_close{width:24px;height:24px;top:16px;right:16px;}	
}

@media screen and (min-width: 600px) {
	.pop_wrap .pop-bottom{position:relative;width:300px;border-radius:12px;bottom:auto;left:auto;overflow:hidden;}
	.pop_wrap .pop-bottom .pop_btn{padding-top:15px;}
	.pop_wrap .pop-bottom [class*=c-btn1]{display:block;width:100%;}
	.pop_wrap .pop-bottom .btn_close{top:18px;width:30px;height:30px;}
	.pop-select-list .list-item{height:50px;}
	.pop-select-list .a-block-all{padding:0px 13px;}
}


/* header 커스텀 */
#header {font-family:'SpoqaHanSansNeo','sans-serif';}
#header .header_top{padding:0px 40px;height:56px;color:#494f60;border:none;}
#header .header_body{padding: 0px 40px;height: 74px;}
#header .header_util{width:100%;max-width:1200px;display:flex;align-items: center;justify-content: space-between;}
#header .header_util .inside_heading{display:flex;align-items: center;}
#header .inside_heading > ul{float:none;display:flex;align-items: center;}
#header .inside_heading .dep1:nth-of-type(1) li:last-child{margin-right:19px;}
#header .inside_heading .dep1 li{float:none;padding:8px 13px 8px 12px}
#header .header_body .body_inner{width:100%;max-width:1200px;}
#header .header_top .wgt_md{font-weight:normal !important;}
#header .inside_heading > ul:nth-of-type(1){border-right:0;padding-left:6px;}
#header .inside_heading > ul{padding-bottom:3px;}
#header .inside_body{float:none;margin:0;font-size:1.3rem;color: #323b50;}
#header .inside_heading .dep2 .dropdown:after{background:url(/pconts/images/shcard/h-util-arr1.png) center center no-repeat;background-size:100% auto;width:16px;height:16px;top:2px;}
#header .inside_heading .dep2 .dropdown{padding-right:22px;}
#header .inside_heading .dep1 li:not(:last-child):after{top:13px;}
#header .header_body .body_inner{padding:0;align-items: center;justify-content: space-between;}
#header .header_body .head_title{float:none;margin:0;}
#header .gnb_wrap{margin:0;padding-top:3px;}
#header .util_wrap{margin:0;padding-top:2px;}
#header .head_title .inside_title{width:160px;height:39px}
#header .head_title .inside_title a {display: block;background: url(/pconts/images/shcard/ci-shinhan-pc.png?v=1) 6px 3px no-repeat;background-size: auto 28px;color: transparent;user-select: none;}
#header .head_title .inside_title a:after{content:'신한카드';width:1px;height:1px;position:absolute;color:transparent;overflow:hidden;}
#header .head_title .inside_title a img{display:none;}
#header .util_wrap button{width: 32px;height: 32px;background: url(/pconts/images/shcard/h-menu-more.png) center center no-repeat;background-size: 100% auto;vertical-align:middle;}
#header .util_wrap .btn_ico_search{width: 32px;height: 32px;background:url(/pconts/images/shcard/ico-72-src1.png) center center no-repeat;background-size:100% auto;}
/* #header .util_wrap button > span{display:none;} */
#header .gnb_wrap .nav_area .dep1 li.current:after{left:15px;right:15px;background:#000;bottom:-13px;height:3px;}
#header .mobile_inner .btn_prev{width:24px;height:24px;background-image:url(/pconts/images/shcard/h-72-back.png);background-size:100% auto;left:22px;top:16px;}
#header .mobile_inner{height:56px;padding:17px 0px;}
#header .mobile_title_wrap{width:200px;margin:0 auto;display:block;float:none;}
#header .mobile_title_wrap .mobile_title{display:block;text-align:center;height:22px;}
#header .gnb_wrap .nav_area .dep1 > li > a{font-family:'OneShinhan';}
.main_index #header .inside_heading .dep2 .dropdown:after{background-size:10px auto;top:1px;}
.has_eventTopBnr #header .gnb_wrap .nav_area .allmenu_group{top:190px;}
#header .gnb_wrap .nav_area .allmenu_group{top:138px;background:#fff;}
.srch_input_wrap.t1 input + .srch_ico{background: url(/pconts/images/shcard/ico-72-src1.png) no-repeat center center;background-size:100% auto;}
#header .inside_heading .dep2 .dropdown_menu a{font-size:1.3rem}
@media only screen and (max-width:1100px){
	#container{padding-top:56px;}
	#header{}
	#header .header_body .head_title{padding:0px 24px;}
	#header .mobile_inner .util_wrap{top:11px;right:19px}
	#header .util_wrap{height: 24px;right: 20px;top: 13px;}
	#header .util_wrap button{width:24px;height:24px;}
	#header .btn_ico_all_menu .top{width:18px;left:3px;top:4px;}
	#header .btn_ico_all_menu .middle{width:18px;left:3px;}
	#header .btn_ico_all_menu .bottom{width:18px;left:3px;bottom:4px}
	#header .util_wrap .btn_ico_search{background-size:100% auto;width:24px;height:24px;}
	#header .head_title .inside_title a{display: block;background: url(/pconts/images/shcard/ci-shinhan.png) 0px 7px no-repeat;background-size: auto 23px;}
	/*.pc #header .head_title .inside_title a{background-image:url(/pconts/images/shcard/ci-shinhan-pc.png)}*/
	#header .util_wrap .btn_ico_all_menu{margin-left:8px;}
	#header .head_title .inside_title{width:142px;height:40px;}
	#header .header_body{height:auto;padding:0;}
	#header .gnb_wrap{height:42px;padding-top:0;}
	#header .gnb_wrap .nav_area{padding:0px;overflow:visible;}
	#header .gnb_wrap .gnb_navi{padding:0px 12px;}
	#header .gnb_wrap .gnb_navi:after{content:'';position:absolute;height:1px;width:100%;bottom:0;left:0;background:#eee;}
	#header .gnb_wrap .nav_area:before{left:-12px;height:95%;width:24px;background: linear-gradient(to right,rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0));}
	#header .gnb_wrap .nav_area:after{right:-12px;height:95%;width:24px;background: linear-gradient(to left,rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0));}
	#header .gnb_wrap .nav_area .dep1 > li{font-size:1.4rem;color:#000;height:42px;}
    #header .gnb_wrap .nav_area .dep1 li a{line-height:42px;height:100%;padding:0px 12px;}
    #header .gnb_wrap .nav_area .dep1 > li.current{font-weight:900;color:#000;}
    #header .gnb_wrap .nav_area .dep1 li.current:after{background-color:#000;left:10px;right:10px;bottom:0;}
	.app_pLay #header .gnb_wrap .nav_area .dep1 li.current:after{bottom:2px}
	#header .gnb_wrap .swiper-button-prev{top:6px;width:15px;left:-12px;opacity:.5;}
	#header .gnb_wrap .swiper-button-next{top:6px;width:15px;right:-12px;opacity:.5;}
}

@media only screen and (min-width: 1024px) and (max-width: 1100px){
	.SH_submain #header .header_body .body_inner{display:flex;}
	.SH_submain #header .gnb_wrap{padding-right:80px;}
	#header .gnb_wrap .gnb_navi:after{display:none;}
	.SH_submain #header .header_body .head_title{margin-top:38px;}
	.SH_submain #header .util_wrap{margin-top:41px;}
	.SH_submain #header .gnb_wrap .nav_area .dep1 > li{font-size:1.8rem}
}

.main_index #header .header_body{padding-left:0;padding-right:0}
.main_index #header .head_title .inside_title{padding-top:10px;}
.main_index #header .head_title .inside_title a{background:none;width:auto;height:25px;}
.main_index #header .head_title .inside_title a img{display:block;width:141px;height:25px}
.main_index #header .util_wrap button{background:none;width:20px;height:20px;}
.main_index #header .header_body .body_inner{flex-wrap:nowrap;}
.main_index #header .util_wrap button > span{display:block;}
.main_index #header .header_body .body_inner{max-width:1280px;}
.main_index #header .gnb_wrap{margin-left:110px;}
.main_index #header.is_scrolled .header_body{padding-top:10px;}
.main_index #header .header_body .body_inner{padding:0px 40px}
@media only screen and (min-width: 1024px) and (max-width: 1100px){
	.main_index #header .head_title .inside_title{padding-top:0;}
	.main_index #header .header_body .body_inner{padding:0;}
    .main_index #header .gnb_wrap{margin:0;padding-right:80px;margin-left:30px;}
    .main_index #header .gnb_wrap .nav_area .dep1 > li > a{font-size:1.8rem}
	.main_index #header .util_wrap{right:0;}
	.main_index #header.is_scrolled .header_body{padding-top:15px;}
}
@media only screen and (max-width: 1100px){
    .pc .main_index #header .head_title .inside_title a{background:none;}  
    .main_index #header .head_title .inside_title a img{width:118px;;height:21px}
}
@media only screen and (max-width: 1023px){
    .main_index #header .gnb_wrap{margin-left:0}
    .main_index #header .header_body .body_inner{display:block;padding:0;}
	body.shpay .main_index #container{padding-top:466px !important;}
	.main_index #header .gnb_wrap .swiper-button-prev{display:block !important;left:5px;}
	.main_index #header .gnb_wrap .swiper-button-next{right:5px;}
	.main_index #header .head_title .inside_title{padding-top:0;width:130px;}
	.main_index #header .head_title .inside_title a{height:100%}
	.main_index #header .gnb_wrap .gnb_navi:after{display:none;}
	.main_index #header .gnb_wrap .nav_area{overflow:hidden;}
	.main_index #header .gnb_wrap .nav_area .dep1 > li > a{font-size:1.4rem}
}

/* footer */
.footer-wrap{font-size:1.1rem;font-weight:bold;background:#fff;border-top:1px solid #eee;font-family:'SpoqaHanSansNeo','sans-serif'; /*background: #f4f7fc;*/}
.foot-origin{padding:22px 24px 0px;position:relative;margin:0 auto;max-width: 1280px; /*background:#f4f7fc;*/}
.footer-wrap .link-group1 ul{display:flex;flex-wrap: wrap}
.footer-wrap .link-group1 li:first-child{width:100%;font-size:1.4rem;font-weight:900;margin-bottom:5px;}
.footer-wrap .link-group1 li{width:50%;padding:4px 0px;}
.footer-wrap .link-group2{overflow:hidden;margin-top:13px;padding-top:15px;border-top:1px solid #eee;}
.footer-wrap .link-group2 li > a > b{font-weight:900}
.footer-wrap .link-group2 ul{margin-left:-6px;}
.footer-wrap .link-group2 li{display:inline-block;vertical-align:middle;padding:4px 5px 4px 6px;position:relative;font-weight:normal} 
.footer-wrap .link-group2 li:before{content:'';width:1px;height:12px;background:#ddd;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.footer-wrap .family-group{display:none;}
.footer-wrap .share-group{text-align:center;user-select:none;}
.footer-wrap .share-group li{display:inline-block;vertical-align:middle;}
.footer-wrap .share-group li + li{margin-left:18px;}
.footer-wrap .share-group [class*=share-item]{display:block;width:28px;height:28px;overflow:hidden;font-size:1px;color:transparent;background-size:100% auto;background-repeat:no-repeat;background-position:center center;}
.footer-wrap .share-item1{background-image: url(/pconts/images/common/footer/sns01.png)}
.footer-wrap .share-item2{background-image: url(/pconts/images/common/footer/sns02.png)}
.footer-wrap .share-item3{background-image: url(/pconts/images/common/footer/sns03.png)}
.footer-wrap .share-item4{background-image: url(/pconts/images/common/footer/sns04.png)}
.footer-wrap .share-item5{background-image: url(/pconts/images/common/footer/sns05.png)}
.footer-wrap .share-item6{background-image: url(/pconts/images/common/footer/sns06.png)}
.footer-wrap .share-item7{background-image: url(/pconts/images/common/footer/sns07.png)}
.footer-wrap .foot-expand-trigger{padding:10px;text-align:center;margin-top:7px;}
.footer-wrap .foot-expand-trigger .btn-expand{display:block;width:28px;height:28px;margin:0 auto;overflow:hidden;user-select:none;color:transparent;position:relative;}
.footer-wrap .foot-expand-trigger .btn-expand:before{content:'';width:11px;height:11px;border:2px solid #000;border-top:0;border-right:0;transform:rotate(-45deg);position:absolute;left:7px;top:5px;transition:all .4s ease-in-out;}
.footer-wrap .foot-expand-trigger .btn-expand.is_expanded:before{transform:rotate(135deg);top:10px}
.footer-wrap .foot-expand-trigger .btn-expand.on{}
.footer-wrap .foot-expand{padding:18px 24px 17px;background:#fff;text-align:center;display:none}
.footer-wrap address{font-size:1rem;font-weight:normal;font-style:normal;}
.footer-wrap address .text1{display:block;}
.footer-wrap address .text3{margin-left:15px;}
.footer-wrap .copyright{font-size:1rem;color:#666;font-weight:normal;margin-top:20px;}
.footer-wrap .awards-group{user-select:none;width:240px;margin:26px auto 0;}
.footer-wrap .awards-group li{display:inline-block;vertical-align:middle;}
.footer-wrap .awards-group [class*=awards-item]{display:block;width:35px;height:25px;background-size:auto 100%;background-position:center center;background-repeat:no-repeat;overflow:hidden;color:transparent;margin:5px 0px;}
.footer-wrap .awards-group .awards-item1{background-image:url(/pconts/images/common/footer/smark01.png)}
.footer-wrap .awards-group .awards-item2{background-image:url(/pconts/images/common/footer/smark02.png)}
.footer-wrap .awards-group .awards-item3{background-image:url(/pconts/images/common/footer/smark03.png)}
.footer-wrap .awards-group .awards-item4{background-image:url(/pconts/images/common/footer/smark04.png)}
.footer-wrap .awards-group .awards-item5{background-image:url(/pconts/images/common/footer/smark05.png)}
.footer-wrap .awards-group .awards-item6{background-image:url(/pconts/images/common/footer/smark06.png); width:40px;}
.footer-wrap .awards-group .awards-item7{background-image:url(/pconts/images/common/footer/smark07.png);width:40px;}
.footer-wrap .awards-group .awards-item8{background-image:url(/pconts/images/common/footer/smark08.png)}
.footer-wrap .awards-group .awards-item9{background-image:url(/pconts/images/common/footer/smark09.png);width:70px}
.footer-wrap .share-n-family{margin-top:28px;}
.footer-wrap .family-list{position:absolute;width:100%;background:#fff;border-radius:4px;bottom:35px;border:1px solid #eee;box-shadow:2px 6px 28px 0px rgba(0,0,0,0.03);padding:3px 12px;z-index:2;display:none;}
.footer-wrap .family-list li{padding:4px 0px;line-height:18px;}
@media only screen and (min-width: 1100px){
	.footer-wrap{width:100%;}
	.footer-wrap{font-size:1.3rem;}
	.footer-wrap .link-group1 ul{align-items: center}
	.footer-wrap .link-group1 li{width:auto;}
	.footer-wrap .link-group1 li:first-child{width:auto;font-size:1.6rem; margin-bottom:2px;}
	.footer-wrap .link-group1 li + li{margin-left:10px;}
	.footer-wrap .share-n-family{display:flex;justify-content: space-between;align-items: center; margin-top: 20px;}
	.footer-wrap .family-group{display:flex;}
	.foot-origin{padding: 25px 40px 11px;}
    .footer-wrap .share-group li + li{margin-left:20px;}
	.footer-wrap .link-group2{padding-top:0;border-top:0;}
    .footer-wrap .link-group2 li {padding: 4px 9px 4px 12px;}
    .footer-wrap .link-group2 li:first-child {padding: 4px 9px 4px 9px;}
	.footer-wrap .share-group{display:flex}
	.footer-wrap .share-group li{display:flex;}
	.footer-wrap .family-list-wrap{width:160px;height:34px;position:relative;}
	.footer-wrap .family-list-wrap .btn-toggle{width:100%;height:100%;font-size:1.4rem;display:flex;border-radius:4px;background:#fff;padding:0px 12px;position:relative;align-items:center;z-index:3;border:1px solid #eee;}
	.footer-wrap .family-list-wrap .btn-toggle:after{content:'';position:absolute;width:6px;height:6px;right:13px;top:13px;transform:rotate(135deg);border-top:1px solid #000;border-right:1px solid #000;transition:all .4s ease-in-out;}
	.footer-wrap .family-list-wrap .btn-toggle.on{opacity:0.5}
	.footer-wrap .family-list-wrap .btn-toggle.on:after{transform:rotate(-45deg);top:15px;}
	.footer-wrap .family-list-wrap + .family-list-wrap{margin-left:18px;}
	.footer-wrap address{font-size:1.2rem;}
	.footer-wrap .copyright{font-size:1.2rem;}
	.footer-wrap .family-list-wrap .btn-toggle.on + .family-list{}	
}
@media only screen and (min-width: 1200px){
	.footer-wrap .link-group1 li + li{margin-left:25px;}
}
@media only screen and (min-width: 1300px){
	.footer-wrap .link-group1 li + li{margin-left:40px;}
}

/* 출석체크 */
.adm-attend{padding-bottom:60px}
.adm-attend .c-section{padding:0 !important;max-height:1228px;overflow:hidden;background:#eff0f5;background-position:center top;margin-bottom:0 !important;}
.adm-attend .btn-cover1{margin:40px 0px 0px;padding-bottom:60px;}
.adm-attend  .text-sec {height:auto;text-align:center;margin-top:66px !important; margin-bottom:66px; line-height:1.3}
.adm-attend  .text-sec .text1 {font-size:2.8rem; font-weight:400;}
.adm-attend  .text-sec .text2 {font-size:2.2rem;font-weight:400;margin-bottom:28px; margin-top: 10px;}
.adm-attend  .text-sec .text3 {margin-bottom: 15px;}
.adm-attend  .text-sec .c-link1-a {font-size:1.8rem; font-weight:400;}
.adm-attend  .text-sec .text3 .c-link1-b  {font-size:18px;}
.adm-attend  .text-sec .num{color:#000; font-weight: 900;}
.adm-attend  .calendar-wrap{width:750px;max-height:790px;margin:0 auto;}
.adm-attend  .calendar-sec{background:#fff;border-radius:25px;padding:60px;}
.adm-attend  .calendar-head{position:relative;height:60px;text-align:center;}
.adm-attend  .calendar-head button{position:absolute;width:32px;height:32px;top:50%;transform:translateY(-50%);color:transparent;overflow:hidden;user-select:none;}
.adm-attend  .calendar-head button:after{content:'';width:13px;height:13px;border:2px solid #000;position:absolute;top:50%;transform:rotate(-45deg);transform-origin:left top;}
.adm-attend  .calendar-head .btn-prev{left:0;}
.adm-attend  .calendar-head .btn-prev:after{border-bottom:none;border-right:none;left:9px;}
.adm-attend  .calendar-head .btn-next{right:0;}
.adm-attend  .calendar-head .btn-next:after{border-top:none;border-left:none;right:13px;}
.adm-attend  .calendar-head .month{display:flex;font-size:36px;font-weight:bold; justify-content: center;align-items: center;}
.adm-attend  .calendar-body{font-size:2.0rem;}
.adm-attend  .day-sec,
.adm-attend  .week-sec{display:flex;flex-wrap: wrap;user-select:none;}
.adm-attend  .week-sec{height:70px;border-bottom:1px solid #eee;margin-bottom:10px;}
.adm-attend  .week-sec > div {flex:none;width:90px;display: flex;align-items: center;justify-content: center;}
.adm-attend  .day-sec > div {flex:none;height:90px;width:90px;display:flex;align-items: center;justify-content: center;position:relative;}
.adm-attend  .calendar-body .day{position:relative;z-index:2;}
.adm-attend  .calendar-body .color1{color:#da1d1d}
.adm-attend  .calendar-body .color2{color:#5050c8}
.adm-attend  .calendar-body .blank{color:transparent;}
.adm-attend  .calendar-body .last .day{opacity:0.3}
.adm-attend  .day-sec [class*=at-point]{width:100%;height:100%;position:absolute;left:0;top:0;display:flex;z-index:3;justify-content: center;align-items: center;background:url(/pconts/images/shcard/at-point-bg1.png) center center no-repeat;background-size:82px auto;color:#fff;font-size:2.0rem;font-weight:bold;}
.adm-attend  .day-sec .at-check{width:100%;height:100%;position:absolute;left:0;top:0;display:flex;z-index:3;justify-content: center;align-items: center;background:url(/pconts/images/shcard/at-check.png) center center no-repeat;background-size:82px auto;overflow:hidden;color:transparent;}
@media only screen and (max-width: 1100px){
	.adm-attend{padding-bottom:50px}
    .adm-attend .btn-cover1{width:328px; margin:25px auto 0;padding-bottom:40px;}
	.adm-attend .c-article{padding:0px 16px;}
    
}
@media only screen and (max-width: 800px){
	.adm-attend .c-section{max-height:650px;}
	.adm-attend .calendar-sec{width:328px;}
	.adm-attend .text-sec .text1{font-size:1.6rem;}
	.adm-attend .text-sec .text2{font-size:1.8rem;margin-bottom:7px; margin-top:9px;line-height:1.6}
	.adm-attend .text-sec .text3 .c-link1-b{font-size:1.4rem;}
    .adm-attend .text-sec .text3 .c-link1-a{font-size:1.4rem;}
	.adm-attend .text-sec {margin-top:30px !important; margin-bottom: 30px; /*height:144px;*/}
	.adm-attend .calendar-wrap{width:auto;max-height: 393px;}
	.adm-attend .calendar-sec{padding:30px 20px;border-radius:18px;margin:0 auto;}
	.adm-attend .calendar-head{height:27px;}
	.adm-attend .calendar-head .month{font-size:2.0rem;}
	.adm-attend .calendar-body{font-size:1.6rem;}
	.adm-attend .week-sec{height:53px;margin-bottom:8px;}
	.adm-attend .week-sec > div{width:41px;}
	.adm-attend .day-sec > div{width:41px;height:41px;}
	.adm-attend .day-sec [class*=at-point]{background-size:37px auto;font-size:1.2rem}
	.adm-attend .day-sec .at-check{background-size:37px auto;}
	.adm-attend .calendar-head button{width:20px;height:20px;}
	.adm-attend .calendar-head button:after{width:7px;height:7px;border-width:1px;}
	.adm-attend .calendar-head .btn-prev:after{left:7px;}
	.adm-attend .calendar-head .btn-next:after{right:10px;}
}

/* 룰렛 */
.adm-roulette{padding-bottom:60px;}
.adm-roulette .c-section{height:855px;padding:0 !important;background:#dae2ff url(/pconts/images/shcard/adm-roulette-bg.png)  center center no-repeat;background-size: auto 113%}
.adm-roulette .text-sec{text-align:center;height:135px;padding-top:46px}
.adm-roulette .text-sec .num{color:#000; font-weight: 900;}
.adm-roulette .text-sec .text1{font-weight:400;font-size:1.8rem;margin-bottom:6px;}
.adm-roulette .text-sec .text2 .c-link1-b{font-size:1.8rem; }
.adm-roulette .text-sec .text2 .c-link1-a{font-size:1.8rem; font-weight:400;}
.adm-roulette .text-sec .text2 .c-link1-a:after {top: 0.35em;}
.adm-roulette .btn-cover1{height:108px;margin:0;}
.adm-roulette .roulette-sec{width:648px;height:612px;margin:0 auto;padding-top:54px;}
.adm-roulette .roulette-zone{position:relative;width:505px;height:505px;margin:0 auto;background:url(/pconts/images/shcard/adm-roulette1.png) 0 0 no-repeat;background-size:100% auto;border-radius:100%;box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.5);}
.adm-roulette .r-board-wrap{width:470px;height:470px;position:absolute;left:17px;top:17px;z-index:5;}
.adm-roulette .r-board{width:100%;height:100%;background-repeat:no-repeat;background-size:100% auto;background-position:center center;}
.adm-roulette .spin-btn{width:134px;height:134px;position:absolute;z-index:10;left:50%;top:50%;transform:translate(-50%, -50%);background:url(/pconts/images/shcard/adm-roulette-btn.png) 0 0 no-repeat;background-size:100% auto;color:transparent;user-select:none;overflow:hidden;font-size:1px;border-radius:100%;box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.5);}
.adm-roulette .spin-btn.disabled{background-image:url(/pconts/images/shcard/adm-roulette-btn-on.png);}
.adm-attend .disabled,
.adm-roulette .disabled{pointer-events: all;}
.adm-roulette .pin{width:60px;height:100px;background:url(/pconts/images/shcard/adm-roulette-pin.png) 0 0 no-repeat;position:absolute;left:50%;top:-24px;z-index:10;transform:translateX(-50%);background-size:100% auto;}
.pop_roulette .pop_msg .img-sec img{width:130px;height:130px;}
.pop_wrap .prize-box .p-wrap {display: flex; flex-wrap: wrap;}
.pop_wrap .prize-box .p-wrap + .p-wrap {margin-top:5px;}
.pop_wrap .prize-box .p-wrap > dt {flex: 0 0 auto; margin-right: 15px;}
.pop_wrap .prize-box .p-wrap > dd {flex: 1 1 auto; width: 50%; text-align: left;}
@media only screen and (max-width: 1100px){
	.adm-roulette{padding-bottom:50px;}
    .adm-roulette .c-article{padding:0px 24px;}
    .adm-roulette .btn-cover1{width:312px; margin:0 auto;}
}
@media only screen and (max-width: 800px){
	.adm-roulette .text-sec{height:110px;padding-top:32px;}
	/*.adm-roulette .text-sec .text1{font-size:2.2rem;margin-bottom:3px;}*/
	.adm-roulette .text-sec .text2 .c-link1-b{font-size:1.4rem;}
    .adm-roulette .text-sec .text2 .c-link1-a{font-size:1.4rem;}
    .adm-roulette .text-sec .text2 .c-link1-a:after {top: 0.23em;}
	.adm-roulette .c-section{height:537px;background-size: auto 100%}
	.adm-roulette .roulette-sec{height:340px;width:100%;padding-top:29px;}
	.adm-roulette .btn-cover1{height:88px;}
	.adm-roulette .roulette-zone{width:280px;height:280px;}
	.adm-roulette .r-board-wrap{width:260px;height:260px;left:10px;top:10px;}
	.adm-roulette .spin-btn{width:74px;height:74px;}
	.adm-roulette .pin{width:36px;height:60px;top:-14px;}
}

#E2022042904HMPG  .adm-attend .c-section{background: url(/pconts/images/shcard/at-bg-custom1p.png) center top no-repeat;height: 1228px;}
#E2022042904HMPG  .adm-attend .calendar-wrap{height: 790px;}
#E2022042904HMPG  .adm-attend .calendar-sec{background:none;}
#E2022042904HMPG  .attendBtn{background:#1f3cb4 !important;}
#E2022042904HMPG  .adm-attend .text-sec{color:#fff;}
#E2022042904HMPG  .adm-attend .text-sec .num{color:#fff;}
#E2022042904HMPG  .adm-attend .c-link1-a:after {background: url(/pconts/images/shcard/arr-48-r-c.png) center center/100% no-repeat;top: 0.22em;width: 18px;}
#E2022042904HMPG .adm-attend .u-line {color:#fff;}
#E2022042904HMPG  .c-link1-b:after{border-color:#fff;}
@media only screen and (max-width: 800px){
	#E2022042904HMPG  .adm-attend .c-section{background-image:url(/pconts/images/shcard/at-bg-custom1m.png);background-color:#0e86dc;background-size: auto 100%;height:650px;}
	#E2022042904HMPG  .adm-attend .calendar-wrap{height: 393px;}
    #E2022042904HMPG .adm-attend .c-link1-a:after {top:0.15em;}
}

/* 221024 팝업 스타일 텍스트 추가 */
.pop_cont .pop_msg.adm_failure {margin-top: 15px;text-align: left;font-size: 1.4rem !important;color: #666 !important;padding-left: 16px;text-indent: -16px;}

/* 인풋 초기화 */
.adm-quiz .text0 {font-size: 1.8rem}
.adm-quiz .radio_wrap .radio_default input[type="radio"] + span::before, 
.adm-quiz .check_wrap .check_default input[type="checkbox"] + span::before {content: none;}
.adm-quiz .radio_wrap .radio_default input[type="radio"] + span::after, 
.adm-quiz .check_wrap .check_default input[type="checkbox"] + span::after {content: none;}
.adm-quiz .radio_wrap .radio_default > span::before,
.adm-quiz .radio_wrap .radio_default > span::after {content: none;}
.adm-quiz .radio_wrap .radio_default > input:checked + span::before,
.adm-quiz .radio_wrap .radio_default > input:checked + span::after {content: none;}
.adm-quiz .radio_wrap .radio_default input[type="radio"], 
.adm-quiz .check_wrap .check_default input[type="checkbox"] {background: none;}
.adm-quiz .point1 {color: #476eff;}
[id*="quizAlert_"] .point1 {color: /*#476eff*/ #000 !important;}
.adm-quiz .radio_wrap .radio_default input[type="radio"], 
.adm-quiz .check_wrap .check_default input[type="checkbox"] {width: 100%; height: 100%; opacity: 0;}
.adm-quiz {color: #000;}
.evt_detail .adm-quiz b, .evt_detail .adm-quiz strong {color: #000;}
.adm-quiz .num {font-weight: 800;}
.adm-quiz .pagenum {font-weight: 800;}
.adm-quiz .pagetotal {padding-left: 9px; margin-left: 3px; position: relative; display: inline-block;}
.adm-quiz .pagetotal::before {content: ''; display: inline-block; position: absolute; top:53%; left:3px; background-color: #666;width: 1px;
height: 13px;transform: translateY(-50%) rotateZ(26deg );}
.adm-quiz .radio_wrap .radio_default input[type="radio"] + span, 
.adm-quiz .check_wrap .check_default input[type="checkbox"] + span {margin: 0; padding: 0; overflow: visible;}
.adm-quiz .radio_wrap .radio_default + .radio_default, 
.adm-quiz .check_wrap .check_default + .check_default {margin: auto;}
.adm-quiz .radio_wrap .radio_default input[type="radio"]:checked + span, 
.adm-quiz .check_wrap .check_default input[type="checkbox"]:checked + span {border: 1px solid #383b5a; }
.adm-quiz .c-section {background-color: #eff0f5; padding: 0 !important;}
.adm-quiz .c-article {padding: 30px 16px 40px;}
.adm-quiz .quiz-head {text-align: center;}
.adm-quiz .quiz-conts {background-color: #fff; border-radius: 8px; padding: 30px 16px; box-shadow: 5px 6px 23px rgb(0 0 0 / 8%);}
.adm-quiz .quiz-conts .question {font-size: 20px; font-weight: bold; margin-top: -5px; }
.adm-quiz .text-wrap {margin-bottom: 18px; margin-top: -3px;}
.adm-quiz .text-wrap .pagenum > span {color:#666; font-weight: 400;}
.adm-quiz .text1 {font-size: 1.6rem; margin-bottom: 5px;} 
.adm-quiz .text1 > .num-wrap {font-weight: 400;}
.adm-quiz .text4 {font-size: 1.6rem; background-color: #fff; border-radius: 30px;  position: relative; padding: 15px 22px 15px 85px; font-weight: bold; margin: 20px auto 0; max-width: 305px;}
.adm-quiz .text4::before {content: ''; width: 50px; height: 58px;; display: inline-block; position: absolute; bottom:0px; left:22px; background: url('/pconts/images/shcard/quiz_evt_07.png') no-repeat center/100% auto; }
.adm-quiz [class*=c-link1-]:after {top:0.2em;}
.adm-quiz .disabled.compop {pointer-events: inherit;}
.adm-quiz [class*=btn-cover] {margin-top: 25px;}
.adm-quiz .quiz-controls {display: flex; justify-content: center; align-items: center;}
.adm-quiz [class*="quiz-arr"] {width: 24px; height: 24px; position: relative; flex: 0 0 auto;}
.adm-quiz .quiz-arr-prev {background: url('/pconts/images/shcard/arr1-72-l-a.png') no-repeat center / 100% auto; margin: 0 15px 4px 0;}
.adm-quiz .quiz-arr-next {background: url('/pconts/images/shcard/arr1-72-r-a.png') no-repeat center / 100% auto; margin: 0 0px 4px 15px; }
.adm-quiz .quiz-controls .pagenum {flex: 0 0 auto; min-width: 34px;}
.adm-quiz .quiz-controls .pagecur {font-weight: 900; display: inline-block;}

/* ox */
.adm-quiz .ox-head {text-align: center;}
.adm-quiz .ox-body {margin-top:17px;}
.adm-quiz .ox-body .radio_wrap {display: flex; align-items: center; justify-content: center;}
.adm-quiz .ox-body .radio_wrap .radio_default {width: 100px; height: 100px; flex: 0 1 auto; text-align: center; margin: 0;}
.adm-quiz .ox-body .radio_wrap .radio_default > span { position: relative; width: 100%; height: 100%; border-radius: 50%; border: 1px dashed #ccc; transition: all .3s cubic-bezier(0.7, 0.04, 0.93, 0.29);}
.adm-quiz .ox-body .radio_wrap .radio_default[for="ox_01"] {margin-right: 5px;}
.adm-quiz .ox-body .radio_wrap .radio_default[for="ox_01"] > span::after {content:''; width: 100px; height: 100%; position: absolute; top:0; left: auto; right:0; display: inline-block; background: no-repeat center/100% auto;  background-image: url('/pconts/images/shcard/quiz_evt_01.png'); transition: background-image .4s;}
.adm-quiz .ox-body .radio_wrap .radio_default[for="ox_01"] > input:checked + span::after { content:'';  background-image: url('/pconts/images/shcard/quiz_evt_02.png'); }
.adm-quiz .ox-body .radio_wrap .radio_default[for="ox_01"] > span::before {content:''; width: 60px; height: 71px; position: absolute; display: inline-block; background:  no-repeat center/100% auto; border: none; z-index: 1; top: initial; left: -35px; bottom: -15px; background-image: url('/pconts/images/shcard/quiz_evt_03.png'); opacity: 0; transition: all .4s; transform: translate(-10px, 10px);}
.adm-quiz .ox-body .radio_wrap .radio_default[for="ox_01"] > input:checked + span::before { content:'';  background-image: url('/pconts/images/shcard/quiz_evt_03.png'); opacity: 1; transform: translate(0px, 0px);}
.adm-quiz .ox-body .radio_wrap .radio_default[for="ox_02"] {margin-left: 5px;}
.adm-quiz .ox-body .radio_wrap .radio_default[for="ox_02"] > span::after {content:''; width: 100px; height: 100%; position: absolute; top:0; left:0; display: inline-block; background: no-repeat center/100% auto;  background-image: url('/pconts/images/shcard/quiz_evt_04.png'); transition: background-image .4s;}
.adm-quiz .ox-body .radio_wrap .radio_default[for="ox_02"] > input:checked + span::after { content:'';  background-image: url('/pconts/images/shcard/quiz_evt_05.png');}
.adm-quiz .ox-body .radio_wrap .radio_default[for="ox_02"] > span::before {content:''; width: 60px; height: 71px; position: absolute; display: inline-block; background:  no-repeat center/100% auto; border: none; z-index: 1; top: initial; left: initial; bottom: -10px; right: -35px; background-image: url('/pconts/images/shcard/quiz_evt_06.png'); opacity: 0; transition: all .4s; transform: translate(10px, 10px);}
.adm-quiz .ox-body .radio_wrap .radio_default[for="ox_02"] > input:checked + span::before { content:'';  background-image: url('/pconts/images/shcard/quiz_evt_06.png'); opacity: 1; transform: translate(0px, 0px);}

/* 객관식 */
.adm-quiz .multiple-head {text-align: center;}
.adm-quiz .multiple-body {margin-top: 17px;}
.adm-quiz .multiple-body .radio_wrap .radio_default {width: 100%;}
.adm-quiz .multiple-body .radio_wrap .radio_default input[type="radio"] + span {display: block; width: 100%; min-height: 60px; line-height: 60px; border: 1px dashed #ccc; text-align: center; border-radius: 8px; color: #76798e; font-size: 1.8rem; transition: all .3s cubic-bezier(0.7, 0.04, 0.93, 0.29);;}
.adm-quiz .multiple-body .radio_wrap .radio_default input[type="radio"]:checked + span {border: none;  background-color: #383b5a; color: #fff; border: 1px solid #383b5a;}
.adm-quiz .multiple-body .radio_default + .radio_default {margin-top: 8px;}
.adm-quiz .multiple-body .radio_default .txt {position: relative; overflow: visible; transition: transform .2s;}
.adm-quiz .multiple-body .radio_default .txt::before {content: '';position: absolute;top: 0;left: 0;background: red; background: url('/pconts/images/shcard/quiz_evt_11.png') no-repeat center/100%; width: 20px;height: 20px;bottom: 0;margin: auto;  opacity: 0; transition: all .2s; transform: translateX(-20px);}
.adm-quiz .multiple-body .radio_default > input:checked + span > .txt {transform: translateX(10px); }
.adm-quiz .multiple-body .radio_default > input:checked + span > .txt::before {opacity: 1; transform: translateX(-24px);}

/* 주관식 */
.adm-quiz .subjective-head {text-align: center;}
.adm-quiz .subjective-body {margin-top: 7px;}
.adm-quiz .subjective-body .input_wrap { position: relative;}
.adm-quiz input[type='text'] { min-height: 60px; font-size: 1.8rem; border-left: none; border-right: none; border-top: none; border-bottom: 2px solid #000; transition: all .2s cubic-bezier(0.7, 0.04, 0.93, 0.29); padding: 0;} 
.adm-quiz input[type='text']::placeholder {font-size: 1.8rem; color: #888;}
.adm-quiz input[type='text'].active {border-bottom: 2px solid #476eff;}
.adm-quiz .subjective-body .hint-btn {position: absolute; top:50%; right: 0; border: 1px solid #ccc; border-radius: 2px; color: #494f60; padding: 5px 14px 5px; min-width: 73px; min-height: 32px;  font-size: 1.3rem; transform: translateY(-50%); text-align: center;}
.adm-quiz .subjective-body .input_wrap input[type="text"] {padding-right: 130px;} 
.adm-quiz .subjective-body .input_wrap .btn_clear {right: 90px;}

/* 스크래치 */
.adm-quiz.scratch .text0 {font-size: 1.8rem;}
.adm-quiz.scratch .text1 {font-size: 2.4rem; margin-bottom: 5px;}
.adm-quiz.scratch .text3 {margin-top: 3px;}
.adm-quiz.scratch .pagetotal::before {height: 20px;}
.adm-quiz.scratch .text-wrap {margin-top: -7px}
.adm-quiz.scratch .c-section {background: #c7e3fb url('/pconts/images/shcard/quiz_evt_08_m.png') center top no-repeat; background-size: 360px auto; height: 500px; position: relative;}
.adm-quiz.scratch .c-article { position: inherit; padding: 40px 16px 46px;}
.adm-quiz.scratch .quiz-conts { background-color: #3048a2; position: absolute;width: 276px;height: 110px;left: 0;right: 0;margin: auto;bottom: 130px; display: flex; justify-content: center; align-items: center; text-align: center;}
.adm-quiz.scratch .quiz-conts .frontimg {width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background: url('/pconts/images/shcard/quiz_evt_09.png') no-repeat left top; background-size: auto 110px; }
.adm-quiz.scratch .quiz-conts .coin { position: absolute; top: 0;;left: 0; z-index: 1; display: inline-block; width: 58px; height: 61px; background: url('/pconts/images/shcard/quiz_evt_10.png') no-repeat left top; background-size: 100%; transform: translate(35px, -28px); display: none; }
.adm-quiz.scratch .quiz-conts .data {font-size: 2.4rem; color: #fff; line-height: 2.9rem; width: 230px;}
.adm-quiz.scratch .quiz-conts.action .frontimg {animation: quiz-introAni 2s steps(8) forwards;}
.adm-quiz.scratch .quiz-conts.action .coin {animation: quiz-coinAni 1.8s  0.2s forwards; display: block;}
.adm-quiz.scratch .quiz-conts.action + .btn-cover1.scratch .join {display: none;}
.adm-quiz.scratch .quiz-conts.action + .btn-cover1.scratch .compop {display: inline-block !important; margin: 0;}
.adm-quiz.scratch .btn-cover1.scratch {position: absolute; bottom: 46px; left:0; right: 0; margin: auto; width: 296px;}


@keyframes quiz-introAni {
    100% {background-position: -2208px 0;}
}
@keyframes quiz-coinAni {
    0% {transform: translate(35px, -28px);}
    7% {transform: translate(12px, 24px);}
    14% {transform: translate(65px, -25px);}
    21% {transform: translate(32px, 42px);}
    28% {transform: translate(95px, -22px);}
    35% {transform: translate(65px, 45px);}
    42% {transform: translate(127px, -22px);}
    49% {transform: translate(98px, 44px);}
    56% {transform: translate(156px, -22px);}
    63% {transform: translate(131px, 44px);}
    70% {transform: translate(187px, -24px);}
    77% {transform: translate(164px, 40px);}
    84% {transform: translate(219px, -26px);}
    91% {transform: translate(199px, 37px);}
    100% {transform: translate(238px, 30px);}
}

@media screen and (min-width: 1100px) {
    .adm-roulette .text-sec .text1{font-size:2.2rem;margin-bottom:3px;}
    .adm-quiz .quiz-controls .pagenum {min-width: 54px;}
    .adm-quiz .quiz-arr-prev {margin: 0 20px 5px 0;}
    .adm-quiz .quiz-arr-next {margin: 0 0px 5px 20px;}
    .adm-quiz .text0 {font-size: 2.2rem;}
    .adm-quiz .text1 {font-size: 2.8rem; margin-bottom: 7px;}
    .adm-quiz .text3 [class*=c-link1-] {font-size: 1.8rem;}
    .adm-quiz .text4 {width: 305px; margin: 30px auto 0;}
    .adm-quiz .c-link1-a:after {top: 0.35em;}
    .adm-quiz [class*=btn-cover] {margin-top: 40px;}
    .adm-quiz .pagetotal {padding-left: 12px; margin-left: 7px; }
    .adm-quiz .pagetotal::before {top:53%; left:3px; background-color: #666;width: 1px; height: 23px;}
    .adm-quiz.scratch .pagetotal::before {height: 28px;}
    .adm-quiz .text-wrap {margin-bottom: 20px; margin-top: -8px;}
    .adm-quiz .quiz-conts {border-radius: 8px; width: 750px; margin: 0 auto;}
    .adm-quiz .quiz-conts .question {font-size: 3.4rem; max-width: 650px;
    margin: 0 auto; margin-top: -10px;}
    .adm-quiz .c-section {background-color: #eff0f5; padding: 0 !important;}
    .adm-quiz .c-article {padding: 70px 0 60px;}
    .adm-quiz .ox-body {margin-top: 25px;}
    .adm-quiz .quiz-conts {padding: 60px;}
    .adm-quiz .ox-body .radio_wrap .radio_default{width: 220px; height: 220px;}
    .adm-quiz .ox-body .radio_wrap .radio_default[for="ox_01"] {margin-right: 10px;}
    .adm-quiz .ox-body .radio_wrap .radio_default[for="ox_01"] > span::after {width: 220px;}
    .adm-quiz .ox-body .radio_wrap .radio_default[for="ox_01"] > span::before {width: 128px; height: 146px; left: -71px; bottom: -14px;}
    .adm-quiz .ox-body .radio_wrap .radio_default[for="ox_02"] {margin-left: 10px;}
    .adm-quiz .ox-body .radio_wrap .radio_default[for="ox_02"] > span::after {width: 220px;}
    .adm-quiz .ox-body .radio_wrap .radio_default[for="ox_02"] > span::before {width: 128px; height: 146px;bottom: -11px; right: -76px;}
    .adm-quiz .multiple-body {margin-top: 25px;}
    .adm-quiz .multiple-body .radio_wrap .radio_default input[type="radio"] + span { min-height: 70px; line-height: 70px; font-size: 2.2rem;}
    .adm-quiz .multiple-body .radio_wrap .radio_default input[type="radio"]:checked + span {border-radius: 8px;}
    .adm-quiz .multiple-body .radio_default { font-size: 2.2rem;}
    .adm-quiz .multiple-body .radio_default + .radio_default {margin-top: 12px;}
    .adm-quiz .multiple-body .radio_default .txt::before {width: 24px; height: 24px;;}
    .adm-quiz .multiple-body .radio_default > input:checked + span > .txt::before {transform: translateX(-29px);}
    .adm-quiz .subjective-body {margin-top: 34px;}
    .adm-quiz input[type='text'] {min-height: 55px; line-height: 55px; font-size: 2.2rem;}
    .adm-quiz input[type='text']::placeholder {font-size: 2.2rem;}
    .adm-quiz .subjective-body .hint-btn {padding: 0 14px; height: 32px; line-height: 30px;}
    .adm-quiz.scratch .c-article {padding: 60px 0;}
    .adm-quiz.scratch .text0 {font-size: 2.2rem;}
    .adm-quiz.scratch .text1 {font-size: 3.8rem;}
    .adm-quiz.scratch .text3 [class*=c-link1-] {margin-top: 2px;}
    .adm-quiz.scratch .c-section {background: #c7e3fb url('/pconts/images/shcard/quiz_evt_08_pc.png') center top no-repeat; background-size: 980px auto; height: 710px;}
    .adm-quiz.scratch .quiz-conts {width: 420px; height: 168px; bottom: 153px;}
    .adm-quiz.scratch .quiz-conts .frontimg {background-size: 3780px 168px;}
    .adm-quiz.scratch .btn-cover1.scratch {bottom: 61px; width: 450px;}
    .adm-quiz.scratch .btn-cover1.scratch > a, 
    .adm-quiz.scratch .btn-cover1.scratch > button {width: 450px;}
    .adm-quiz.scratch .quiz-conts .data {font-size: 3.6rem; line-height:4.4rem; width: 350px;}
    .adm-quiz.scratch .quiz-conts .coin {width: 89px; height: 92px; transform: translate(47px, -35px);}
    .adm-quiz.scratch .text-wrap {margin-top: -12px;}
    /* hover */
    .adm-quiz .radio_wrap .radio_default input[type="radio"]:hover + span {border: 1px dashed #383b5a; background-color: #eff0f5; color:#383b5a;}
    .adm-quiz .radio_wrap .radio_default[for="ox_01"] input[type="radio"]:hover + span::before {content: ''; background-image: url('/pconts/images/shcard/quiz_evt_03.png'); opacity: 1; transform: translate(0px, 0px);
    }
    .adm-quiz .radio_wrap .radio_default[for="ox_02"] input[type="radio"]:hover + span::before {content: ''; background-image: url('/pconts/images/shcard/quiz_evt_06.png'); opacity: 1; transform: translate(0px, 0px);
    }
    @keyframes quiz-introAni {
        100% {background-position: -3360px 0;}
    }
    @keyframes quiz-coinAni {
        0% {transform: translate(47px, -35px);}
        7% {transform: translate(17px, 32px);}
        14% {transform: translate(94px, -20px);}
        21% {transform: translate(47px, 64px);}
        28% {transform: translate(143px, -28px);}
        35% {transform: translate(99px, 66px);}
        42% {transform: translate(189px, -25px);}
        49% {transform: translate(150px, 69px);}
        56% {transform: translate(235px, -35px);}
        63% {transform: translate(198px, 68px);}
        70% {transform: translate(284px, -33px);}
        77% {transform: translate(252px, 68px);}
        84% {transform: translate(333px, -33px);}
        91% {transform: translate(305px, 59px);}
        100% {transform: translate(359px, 54px);}
    }
}


/* 마이 메인 */
/* my tooltip */
.tooltip_wrap.mytooltip {border-radius: 12px; background-color: #3d4964; color: #fff;}
.tooltip_wrap.mytooltip .tooltip_tit {color: #fff;}
.tooltip_wrap.mytooltip .btn_close span:before, 
.tooltip_wrap.mytooltip .btn_close span:after {background-color: #fff;}
.tooltip_wrap.mytooltip .tooltip_cont {padding: 15px 35px 15px 15px;}
/* my button */
body.mobile #shcSm1 .mo100 {width: 100%;}
#shcSm1 .btn-wrap-t1 {text-align: center; width: 100%; margin-top: 15px;}
#shcSm1 .btn-t1 {padding: 11px 30px 10px 29px; display: inline-block; background-color: #fff; border: 1px solid #ccc; font-size: 1.3rem; border-radius: 4px;}
body.mobile #shcSm1 .btn-t1 {padding: 11px 30px 9px 29px}
#shcSm1 .btn-wrap-t2 {display: flex; flex-wrap: wrap; margin: -5px; margin-top: 15px;}
#shcSm1 .btn-t2 {padding: 12px 13px 12px 14px; border-radius: 4px; display: inline-block; background-color: #eff0f5;  font-size: 1.3rem; color: #494f60; font-weight: 600; flex: 1 1 auto; margin: 5px;}
#shcSm1 .w100 {width: 100%;}
#shcSm1 .w50-10 {width: calc(50% - 10px);}
#shcSm1 #shcSm1sec3 .m-article {padding-top:24px; }
/* complete */
#shcSm1 .m-complete {text-align: center; color: #666;}
#shcSm1 .m-user-use .m-complete {margin: auto;}
#shcSm1 .m-complete .ico {width: 66px; height: 66px; background-color: #d0dae6;  border-radius: 50%;; display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0 auto 10px;}
#shcSm1 .m-complete .ico::before {content: ''; width: 4px; height: 18px; background-color: #323b50; display: inline-block; border-radius: 2px;}
#shcSm1 .m-complete .ico::after {content: ''; width: 4px; height: 4px; background-color: #323b50; margin-top: 3px; border-radius: 50%;}
/* tooltip */
#shcSm1 .btn_tooltip {width: 14px; height: 14px;background: url('/pconts/images/shcard/220623_my-m-ico01.png') no-repeat center center/100%;     line-height: 14px;}
#shcSm1 #shcSm1sec3 .m-article:first-child {padding-top: 0px;}
#shcSm1 .m-payment-box .m-art-head  {padding-bottom: 0; font-size: 2rem;}
#shcSm1 .m-payment-box .m-art-head .m-tit1 {display: inline-block;}
#shcSm1 .m-payment-box .m-art-head .head-conts .s-text {margin: 0;}
#shcSm1 .m-payment-box .s-text {font-size: 1.4rem;} 
#shcSm1 #shcSm1sec4 .s-text {font-size: 1.2rem;}
#shcSm1 .f-lay-c {display: block;}
#shcSm1 #myhomeHeader > .m-article:first-child {padding-bottom: 0;}
#shcSm1 .m-user {display: flex; }
#shcSm1 .m-user-info1 {flex: 0 0 auto; min-width: 88px; height: 100%; background-image: url('/pconts/images/contents/mypage/myicon_00.png'); background-repeat: no-repeat; background-position: top center; background-size: 72px auto; padding-top: 93px; margin-right: 24px; text-align: center; font-size: 12px; display: flex; flex-direction: column; justify-content: flex-end;  text-align: center;}
#shcSm1 .m-user-msg.sb_color01 .m-user-color {color: #148097}
#shcSm1 .m-user-msg.sb_color02 .m-user-color {color: #996600}
#shcSm1 .m-user-msg.sb_color03 .m-user-color {color: #d63d0e}
#shcSm1 .m-user-msg.sb_color04 .m-user-color {color: #13872b}
#shcSm1 .m-user-msg.sb_color05 .m-user-color {color: #7030a0}
#shcSm1 .m-user-msg.sb_color06 .m-user-color {color: #cf29b6}
#shcSm1 .m-user-msg.sb_color07 .m-user-color {color: #3e4aa5}
#shcSm1 .A01 {background-image: url(/pconts/images/contents/mypage/myicon_01.png)}
#shcSm1 .A02 {background-image: url(/pconts/images/contents/mypage/myicon_02.png)}
#shcSm1 .A03 {background-image: url(/pconts/images/contents/mypage/myicon_03.png)}
#shcSm1 .A04 {background-image: url(/pconts/images/contents/mypage/myicon_04.png)}
#shcSm1 .B01 {background-image: url(/pconts/images/contents/mypage/myicon_05.png)}
#shcSm1 .B02 {background-image: url(/pconts/images/contents/mypage/myicon_06.png)}
#shcSm1 .B03 {background-image: url(/pconts/images/contents/mypage/myicon_07.png)}
#shcSm1 .B04 {background-image: url(/pconts/images/contents/mypage/myicon_08.png)}
#shcSm1 .m-user-info1 .info-btn {text-decoration: underline;}
#shcSm1 .m-user-info2 {flex: 1 1 auto; display: flex; flex-direction: column; justify-content: space-between;}
#shcSm1 .m-user-info2 > div:nth-child(1) {margin-top: 10px; }
#shcSm1 .m-user-info2 > div:nth-child(2) {margin-bottom: 0px; }
#shcSm1 .m-user-level {margin-bottom: 6px;display: inline-flex; align-items: center;}
#shcSm1 .m-user-level .name {font-size: 2rem; font-weight: 900; flex: 0 0 auto; margin-right: 5px;}
#shcSm1 .m-user-level .level {font-size: 2rem; display: inline-block; /*background-color: #eaecf6;  padding: 4px 10px 5px; border-radius: 4px;*/ margin-left: 3px; font-weight: 400; color: #111; flex: 0 0 auto}
#shcSm1 .m-user-level .level.b {color: #996600;}
#shcSm1 .m-user-msg {font-size: 1.4rem;}
#shcSm1 .m-user-msg .m-user-color  { color:#4b9194; font-weight: 700;}
#shcSm1 .m-user-date  { color:#666; font-size: 1.2rem; margin-top: 2px;;}
#shcSm1 .m-user-use { background-color: #f4f7fc;margin-left: -24px;margin-right: -24px;padding: 22px 24px 22px;margin-top: 25px;}
#shcSm1 .m-user-use .btn-wrap-t1 {margin-top: 18px;} 
#shcSm1 .m-user-use .recuseList {font-weight: 600; padding-bottom: 8px;}  
#shcSm1 .m-user-use .recuseList .comp {display: flex; flex-wrap: wrap;}
#shcSm1 .m-user-use .recuseList .comp .c-item {flex: 1 1 auto; width: 100%;}
#shcSm1 .s-arr {color: #476eff; position: relative; padding-right: 15px; font-size: 1.4rem; font-weight: 600;}
#shcSm1 .s-arr::after {content: ''; position: absolute; right: 0; width: 16px; height: 16px; background: url('/pconts/images/shcard/arr-60-r-a.png') center center no-repeat;background-size: 100% auto;top: 53%;
transform: translateY(-50%);}
body.mobile #shcSm1 .s-arr::after {top: 49%;}
#shcSm1 .m-user-use .recuseList .comp .c-item:nth-child(1) {flex: 1 1 auto; width: 100%;}
#shcSm1 .m-user-use .recuseList .comp .c-item:nth-child(2) {flex: 0 0 auto; width: auto; display: flex; align-items: center; margin-top: 5px;}
#shcSm1 .m-user-use .recuseList .comp .c-item .info1 {/*white-space: nowrap; max-width: 160px;word-break: break-all;overflow: hidden;text-overflow: ellipsis;vertical-align: bottom; */ margin-right: 3px; display: inline-block;} 
#shcSm1 .m-user-use .recuseList .comp .c-item .info2 {font-weight: 900;}
#shcSm1 .m-user-use .recuseList .item { background-color: #fff; border-radius: 8px; padding: 12px 16px 14px; position: relative; box-shadow: 2px 6px 16px 0 rgba(0,0,0,.2); }
#shcSm1 .m-user-use .recuseList .item + .item {margin-top: 12px;}
#shcSm1 .m-user-use .recuseList .item:last-child:after { content: ''; width: 96%; height: 8px; display: inline-block; background-color: #fff; margin: 0 auto; position: absolute; bottom: -8px; right: 0; left: 0; z-index: 0; border-bottom-right-radius: 8px ; border-bottom-left-radius: 8px; opacity: .7;} 
#shcSm1 .m-user-use .recuseList .date {display: block; font-size: 12px; color: #476eff; margin-bottom: 6px; font-weight: 400;}
#shcSm1 .m-user-use .recuseList .s-arr{font-size: 1.2rem;}
#shcSm1 .tab_type01 .swiper-container {background-color: #e7e9ee; height: 44px;}
#shcSm1 .tab_type01 .tab_list {justify-content: center; align-items: center; }
#shcSm1 .tab_type01 .tab_list::before + li.current {background-color: red;}
#shcSm1 .tab_type01 .tab_list li.current a {  border-radius: 28px; background-color: #fff; color: #000;  font-weight: 700; }
#shcSm1 .tab_type01 .tab_list li {position: relative; display: flex; align-items: center; height: 44px;}
#shcSm1 .tab_type01 .tab_list li a { background-color: none; font-size: 14px; padding: 5px 17px; border-radius: 28px; color:#888; font-weight: 300; height: 40px;}
#shcSm1 .tab_type01 .tab_list li.current:before {content: none;}
#shcSm1 .tab_type01.swiper_tab .tab_pull .swiper-container:after, 
#shcSm1 .tab_type01.swiper_tab .tab_pull .swiper-container::before {content: none;}
#shcSm1 .tab_type01.swiper_tab .tab_pull .swiper-container  {width: 177px; border-radius: 28px; margin: 0 auto;}
#shcSm1 .m-payment-box {position: relative; padding: 40px 0 52px;}
#shcSm1 .m-payment-box::after {content: '';background: #eee;height: 12px; display: block;position: absolute;bottom: 0px; left: -24px; right: -24px;}
#shcSm1 .m-payment-box + .m-middle-wrap { border-top: 1px solid #b4b4b4;}
#shcSm1 .m-payment-box .pay-tit {font-size: 1.8rem; font-weight: 900;}
#shcSm1 .m-payment-box .pay-price {font-size: 2.2rem; font-weight: 900; display: inline-block; margin-top: 4px; padding-right: 28px; position: relative;} 
#shcSm1 .m-payment-box .pay-price::after {content: ''; display: inline-block; /*width: 10px; height: 16px;*/ width: 28px; height: 28px; background: url('/pconts/images/shcard/arr-60-r-a.png') no-repeat center center/100%; position: absolute; top: 55%;; transform: translateY(-50%); right:0;} 
body.mobile #shcSm1 .m-payment-box .pay-price::after {top: 50%;}
#shcSm1 .m-payment-box .pay-price > strong {font-weight: 900;}
#shcSm1 .m-payment-box .pay-price.ing {padding-right: 0;}
#shcSm1 .m-payment-box .pay-price.ing::after {content: none;}
#shcSm1 .m-payment-box .pay-txt1 {font-size: 2.4rem; font-weight: 900;}
#shcSm1 .m-payment-box .pay-price.no-arr::after {content: none;}
#shcSm1 .m-payment-box .pay-txt2 {font-size: 1.2rem; color: #666; display: block; margin-top: 8px;}
/* list 5 */
#shcSm1 .m-base-list5-my {margin-top: 16px;}
#shcSm1 .m-base-list5-my > .list-item { display: flex; justify-content: space-between; }
#shcSm1 .m-base-list5-my > .list-item + .list-item {margin-top: 6px;}
#shcSm1 .m-base-list5-my > .list-item .cell:first-child {flex: 1 1 auto;}
#shcSm1 .m-base-list5-my > .list-item .cell:first-child .tit{padding-left: 19px; position: relative;}
#shcSm1 .m-base-list5-my > .list-item .cell .tit::before {content: ''; position: absolute; left:0; top: 7px; width: 8px; height: 8px; display: inline-block; background-color: #d0dae6; border-radius: 50%;}
#shcSm1 .m-base-list5-my > .list-item .cell .tit.point::before {background-color: #476eff;}
#shcSm1 .m-base-list5-my > .list-item .cell:last-child {text-align: right; font-weight: 700; font-size: 1.6rem; flex: 1 1 auto;}
#shcSm1 .rlist-t06 > li + li {border-top: none;}
#shcSm1 .rlist-t06 > li {padding: 10px 0;}
/* total */
#shcSm1 .pay-total {margin-top: 20px;}
#shcSm1 .pay-total .progress-header {text-align: center;}
#shcSm1 .pay-total .progress-price {position: relative;}
#shcSm1 .pay-total .progress-price::before {content: ''; display: block; width: 100%; height: 11px;  position: absolute; top: 13px;border-top: 1px solid #ddd;border-right: 1px solid #ddd;border-left: 1px solid #ddd;}
#shcSm1 .pay-total .progress-price .info {background-color: #fff; display: inline-block; padding: 0 15px; font-size: 1.6rem; font-weight: 900; position: relative; z-index: 1;}
#shcSm1 .pay-total .progress-price .info > strong {font-weight: 900;}

#shcSm1 .progress-bg {width: 100%; height: 20px; position: relative; background: url('/pconts/images/shcard/220623_my-m-bg01.jpg') repeat-x left top/26px auto; margin-top: 19px; overflow: hidden; border-radius: 2px;}
#shcSm1 .progress-bg .progress-bar {width: 0%; height: 100%; position: absolute; top: 0; left: 0; background-color: #476eff; transition: width .5s cubic-bezier(0.66, 0.02, 0.25, 0.96); }
#shcSm1 .m-base-list3 .cell > .txt {font-weight: 900;font-size: 1.8rem;}
#shcSm1 .m-base-list3 .list-item .claim {font-size: 1.8rem; font-weight: 900;}

#shcSm1 .btn_tooltip.off::after { content: ''; display: inline-block; position: absolute; bottom:-11px;  left:0; right: 0 ; margin: auto; border-right: 7px solid transparent;border-left: 7px solid transparent;border-bottom: 10px solid #3d4964; opacity: 0; transition: opacity .2s; }
#shcSm1 .btn_tooltip.on::after {content: ''; display: inline-block; position: absolute; bottom:-11px;  left:0; right: 0 ; margin: auto; border-right: 7px solid transparent;border-left: 7px solid transparent;border-bottom: 10px solid #3d4964;  opacity: 1;}
#shcSm1 .rlist-t06 .dx-arrow-next-rt1:after {content: none;}
#shcSm1 .rlist-t06 .val {flex: 0 1 auto;}
#shcSm1 .rlist-t06.benegap {margin-top: 15px;}
#shcSm1 [class*=m-section] .m-article {padding-bottom: 0;}
#shcSm1 .m-user-use {border-bottom: 12px solid #eee;}
#shcSm1 .m-base-list3 .list-item + .list-item {border-top:none; }
#shcSm1 .afield {display: block;}

#shcSm1 .m-base-list3.paygap .list-item {height: 47px;}
#shcSm1 .m-base-list3.paygap .c-link1-a.cost:after {top: 48%;transform: translateY(-50%);}
#shcSm1 .m-base-list3.paygap .list-item {height: 47px;}
#shcSm1 .m-base-list3.paygap .cell:first-child > em {font-size: 1.6rem;font-weight: 700;}
#shcSm1 .m-base-list3.paygap .c-link1-a.cost::before {content: none;}
#shcSm1 .m-base-list3.paygap .c-link1-a.cost > .cell:last-child {position: relative;}
#shcSm1 .m-base-list3.paygap .c-link1-a.cost > .cell:last-child:before {transition: all .3s ease-in-out;content: '';position: absolute;height: 1px;background: #000;right: 100%;left: 50%;bottom: 0;}
#shcSm1 .m-base-list3.paygap .c-link1-a.cost:hover > .cell:last-child:before {left:0;right:0em;}
body.mobile #shcSm1 .m-base-list3.paygap .c-link1-a.cost:hover > .cell:last-child:before {content: none;}

/* 버튼영역추가 */
#shcSm1 .posrel {position: relative;}
#shcSm1 .pospull {position: absolute; top:0; bottom:0; left:0; right: 0; z-index: 1;}

#shcSm1 .m-payment-box .minipaybox {display: flex; justify-content: space-between;}
#shcSm1 .m-payment-box .minipaybox .minipay {text-decoration: underline; font-weight: bold; font-size: 14px;}
#shcSm1 .m-payment-box .minipaybox .cell {flex: 1 0 auto; }
#shcSm1 .m-payment-box .minipaybox .cell.paybtn {flex: 0 0 auto; display: flex; align-items: center; margin-top: 7px; }

@media screen and (min-width: 1100px) {
    #shcSm1 .m-base-list3.paygap .c-link1-a.cost:after {top:50%;}
    body.msie #shcSm1 .btn_tooltip {margin-bottom: -1px;}
    body.msie #shcSm1 .m-payment-box .pay-price::after {top: 48%;}
    #shcSm1 .m-payment-box .pay-price::after {top: 55%;}
    body.msie #shcSm1 .s-arr::after {top: 44%;}
    body.msie #shcSm1 .m-base-list3 .c-link1-a.cost::after {top: 0.18em;}
    #shcSm1 #shcSm1sec3 .m-article:first-child {padding-top: 65px;}
    .tooltip_wrap.mytooltip .tooltip_cont {padding: 25px 35px 25px 25px;}
    #shcSm1 .f-lay-c {display: flex; align-items: center;}
    #shcSm1 .np-line {border-top: none;}
    #shcSm1 #shcSm1sec4 .s-text {font-size: 1.4rem;;}
    #shcSm1 .btn-t1 {font-size: 1.4rem; padding: 6px 15px 5px 15px;}
    #shcSm1 .m-user-use .btn-wrap-t1{margin-top: 20px;}
    #shcSm1 .m-user-info2 {margin-top: -9px; height: 100%; }
    #shcSm1 .btn-t2 {font-size: 1.6rem; padding: 18px 21px 16px 20px;}
    #shcSm1 .btn-wrap-t2 {margin-top: 25px; flex: 0 0 auto;}
    #shcSm1 .btn-wrap-t2.equal > button,
    #shcSm1 .btn-wrap-t2.equal > a {width: calc(33.3333% - 10px);}
    #shcSm1 .m-user-info2 > div:nth-child(1) {margin-top: 15px;}
    #shcSm1 .m-user-info2 > div:nth-child(2) {margin-bottom: 2px; }
    #shcSm1 .m-payment-box .m-art-head {font-size: 2.4rem;}
    #shcSm1 .paygap {margin-top:30px}
    #shcSm1 .f-lay {display: flex;}
    #shcSm1 .m-user {flex:  1 1 auto; width: 50%; align-items: flex-end; height: 165px;}
    #shcSm1 .m-user-use {flex:  1 1 auto; margin: 0; width: 50%; border-radius: 12px; display: flex;flex-direction: column; justify-content: space-between; padding: 30px 29px 30px; border-bottom: none;}
    #shcSm1 .m-user-use .m-complete {display: flex; flex-direction: column; height: 100%; justify-content: space-between;  margin-bottom: 0;}
    #shcSm1 .m-user-use .m-complete .btn-wrap-t1{margin-top: 25px;}
    #shcSm1 .m-user-use .m-complete .txt{margin-top: 17px;}
    #shcSm1 .m-user-use .m-complete .ico{margin: 0 auto;}
    #shcSm1 .m-complete {display: flex; flex-direction: column; height: 100%;justify-content: center;}
    #shcSm1 .m-complete .ico {width: 66px; height: 66px;}
    #shcSm1 .m-user-info1 {min-width: 117px; height: 100%;  font-size: 1.7rem; margin-right: 58px; background-size: 118px auto; padding-top: 0;}
    #shcSm1 .m-user-level .name {font-size: 2.8rem;}
    #shcSm1 .m-user-level .level {font-size: 2.8rem; /* padding: 7px 15px 6px 14px;*/ }
    #shcSm1 .m-user-msg {font-size: 1.8rem;}
    #shcSm1 .m-user-date {font-size: 1.6rem;}
    #shcSm1 .btn_tooltip {width: 16px; height: 16px; line-height: 14px;}
    #shcSm1 .m-user-use .recuseList .item .date {font-size: 1.4rem; margin-bottom: 4px;}
    #shcSm1 .m-user-use .recuseList .item {padding:17px 16px 20px;}
    #shcSm1 .m-user-use .recuseList .item + .item {margin-top: 12px;}
    #shcSm1 .m-user-use .recuseList .s-arr{font-size: 1.4rem;}
    #shcSm1 .tab_type01.swiper_tab .tab_pull .swiper-container {width: 220px; height: 52px;}
    #shcSm1 .tab_type01 .tab_list li {height: 52px;}
    #shcSm1 .tab_type01 .tab_list li a {font-size: 1.6rem; height: 48px; padding: 0 25px;}
    #shcSm1 #shcSm1sec3 {background-color: #f4f7fc ; /* margin-bottom: 60px; background-color: #f8f8f8; */}
    #shcSm1 #shcSm1sec3 .m-article {padding-top: 40px; padding-bottom: 60px;/*padding-bottom: 80px;*/}
    #shcSm1 #myhomeHeader > .m-article:first-child {padding-bottom: 60px; padding-top:20px;}
    #shcSm1 .m-payment-box {display: flex; flex-direction: column; justify-content: space-between;}
    #shcSm1 .m-payment-box + .m-payment-box {border-top: none;} 
    #shcSm1 .m-payment-box + .m-middle-wrap { border-top: none;}
    #shcSm1 .m-payment-wrap {display: flex; margin: -15px; border-radius: 12px; flex-wrap: wrap;} 
    #shcSm1 .m-payment-wrap .m-payment-box {flex: 0 1 auto; width: calc(50% - 30px); margin:15px; background-color: #fff; padding: 36px 40px 36px; border-radius: 12px; border: 1px solid #eee;} 
    #shcSm1 .m-middle-wrap {width: calc(50% - 30px); margin: 0 15px;}
    #shcSm1 .m-middle-wrap .m-payment-box {width: 100%; margin: 0;}
    #shcSm1 .m-middle-wrap .m-payment-box + .m-payment-box {margin-top:30px;}
    #shcSm1 .m-middle-wrap .m-payment-box:last-child {width: 100%; margin-bottom: 15px; padding-bottom: 36px;}
    #shcSm1 .m-middle-wrap + .m-payment-box,
    #shcSm1 .m-middle-wrap + .m-middle-wrap, 
    #shcSm1 .m-payment-box + .m-middle-wrap {margin-top: 15px;}
    #shcSm1 .m-payment-wrap:nth-child(1),
    #shcSm1 .m-payment-wrap:nth-child(2) {margin-top: 0px;}
    #shcSm1 #section00 {margin-bottom: 24px;}
    #shcSm1 .m-payment-box .pay-tit {font-size: 2rem;}
    #shcSm1 .m-payment-box .pay-price {font-size: 2.4rem;}
    #shcSm1 .m-payment-box .pay-txt1 {font-size: 2.6rem;}
    #shcSm1 .m-payment-box .pay-txt2 {font-size: 1.4rem; margin-top: 4px;}
    #shcSm1 .m-user-use .recuseList .comp .c-item:nth-child(1) {width: 70%;}
    #shcSm1 .m-user-use .recuseList .comp .c-item:nth-child(2) {margin-top: 0px;}
    #shcSm1 .m-base-list3 .list-item {font-size: 1.8rem; height: 47px;}
    #shcSm1 .m-base-list3 .list-item .claim {font-size: 2rem;}
    #shcSm1 .m-base-list3 .c-link1-a.cost {font-size: 2rem;}
    #shcSm1 .pay-total .m-base-list5 {margin-top:24px}
    #shcSm1 .m-base-list5-my .cell > p > strong {font-size: 1.8rem;}
    #shcSm1 .m-base-list5-my > .list-item .cell .tit::before {width: 10px; height: 10px; top:8px;}
    #shcSm1 .pay-total {width: 407px;margin: 30px auto 0; }
    #shcSm1 .pay-total .progress-tit {font-size: 1.6rem;}
    #shcSm1 .pay-total .progress-price .info > strong {font-size: 1.8rem;}
    #shcSm1 .rlist-t06 > li {width: 25%;}
    #shcSm1 .rlist-t06 > li + li {border-left-color: #ddd; }
    #shcSm1 .rlist-t06 > li:nth-child(3n+1) {border-left: 1px solid #ddd;}
    #shcSm1 .rlist-t06 > li:nth-child(4n+1) {border-left: none;}
    #shcSm1 .m-base-list3 .cell > .txt { font-size: 2rem;}
    #shcSm1 .rlist-t06 .dx-arrow-next-rt1{font-weight:900;font-size:1.8rem;padding-right:1em;}
    #shcSm1 .rlist-t06 .dx-arrow-next-rt1:after{transition:all .3s ease-in-out;content:'';position:absolute;height:1px;background:#000;right:100%;left:50%; bottom:0;}
    #shcSm1 .rlist-t06 .dx-arrow-next-rt1:hover:after{left:0;right:1em;}
    /* #shcSm1 .rlist-t06 .dx-arrow-next-rt1:after{top:0.25em} */
    #shcSm1 .rlist-t06 .tit {width: 40%; flex: 0 1 auto;}
    #shcSm1 .rlist-t06 .val {flex: 0 1 auto;  }
    #shcSm1 .rlist-t06 .val > span {word-break: break-all;}
    #shcSm1 .rlist-t06.benegap {margin-top:24px;}
    #shcSm1 .pay-price.no-arr {margin-bottom: 20px;}
    #shcSm1 .btn_tooltip.off::after {bottom:-14px;border-right: 8px solid transparent;border-left: 8px solid transparent;border-bottom: 10px solid #3d4964;}
    #shcSm1 .btn_tooltip.on::after {bottom:-14px; margin: auto; border-right: 8px solid transparent;border-left: 8px solid transparent;border-bottom: 10px solid #3d4964; }
    #shcSm1 .tooltip_wrap .tooltip_box {font-size: 1.4rem;}
    #shcSm1 #benefit .rlist-t06 {margin-left: auto; margin-right: auto;}
    #shcSm1 #benefit .rlist-t06 > li {width: 50%; padding: 0; margin: 10px 0; justify-content: space-between;} 
    #shcSm1 #benefit .rlist-t06 > li + li {border-left: none; }
    #shcSm1 #benefit .rlist-t06 > li:nth-child(odd) {border-right: 1px solid #eee; padding-right: 15px;}

    #shcSm1 #benefit .rlist-t06 > li:nth-child(2n + 0) { padding-left: 15px;}
    #shcSm1 .m-payment-box::after {content:none;}   
}

@media screen and (min-width: 1024px) and (max-width: 1100px) { 
    #shcSm1 .btn_tooltip.on::after {bottom:-24px;}
    #shcSm1 .btn_tooltip.off::after {bottom: -24px;}
} 


/* 혜택 메인 */
.m-art-head.subt .m-tit1 {padding-right: 60px; position: relative;} 
.m-tit1 {font-weight: 900;;}
.m-art-head .subt2 {font-size: 1.6rem; color: #666;}
.m-art-head .m-tit1 + .subt2 {margin: 10px 0px; }
.m-art-head.nonlogin {padding:0; margin:0;}
.dxw_100 {width: 100%;}
.dx-ovh {overflow: hidden;}
.dx-pc-show {display: none !important;}
.dx-m-show {display: block !important;}
.dx-exbold {font-weight: 900;} 
.m-art-head.subt {position: relative;}
.dx-posrel {position: relative;}
.dx-rpoint-c {color: #476eff;}
.dx-rpoint-tc {color: #8d743a;}
.dx-runderl {text-decoration: underline;}
.c-highlight1.ren::after {background: #91a9ff; opacity: .4;}
#pdcs {padding-bottom: 28px; padding-top: 20px;}
#pd40 {padding-top:15px; padding-bottom: 40px;}
#evtlength {color: #000;}
[class*=m-section].dx-bgc {background-color: #f4f7fc;}
.m-art-head.subt > .subt {position: absolute; right: 0; top:5px; font-size: 1.4rem; font-weight: 300;}
.m-art-head.ico .m-tit1 {padding-right: 34px; display: inline-block; position: relative;}
.m-art-head.ico .m-tit1::after { content: ''; position: absolute; top: 4px; right:0; width: 24px; height: 24px; display: inline-block; background: url('./card/img/icon.png') no-repeat center/100%;}
.dx-nlabel-t01 {position: relative; padding-right: 23px; display: inline-block;}
.dx-nlabel-t01::before { content: ''; display: inline-block; width: 15px; height: 15px;  position: absolute; right: 0; top: 2px; bottom: 0; margin: auto;  margin: auto; font-size: 11px; background: url('/pconts/images/shcard/220525_rn_07.png') no-repeat center/100%;}
.dx-arrow-prev-lt1 {position: relative; display: inline-block; padding-left: 15px !important;   }
.dx-arrow-next-rt1 {position: relative; display: inline-block; padding-right: 15px !important;  }
.dx-arrow-prev-lt1::before, 
.dx-arrow-next-rt1::before {content: ''; display: inline-block;  position: absolute; top:46%; right: 3px;width: 7px; height: 7px; border-right: 1px solid #000; border-top: 1px solid #000; transform: translateY(-50%) rotate(45deg); }
.msie .dx-arrow-prev-lt1::before, 
.msie .dx-arrow-next-rt1::before {content: ''; display: inline-block;  position: absolute; top:50%; right: 3px;width: 7px; height: 7px; border-right: 1px solid #000; border-top: 1px solid #000; transform: translateY(-75%) rotate(45deg); }
.dx-arrow-prev-lt2 {position: relative; display: inline-block; padding-left: 13px !important; }
.dx-arrow-next-rt2 {position: relative; display: inline-block; padding-right: 13px !important; }
.dx-arrow-prev-lt2::before, 
.dx-arrow-next-rt2::before {content: ''; display: inline-block;  position: absolute; top:52%; right: 3px;width: 6px; height: 6px; border-right: 1px solid #000; border-top: 1px solid #000; transform: translateY(-50%) rotate(45deg);}
body.mobile .dx-arrow-prev-lt2::before, 
body.mobile .dx-arrow-next-rt2::before {top: 50%;}
.msie .dx-arrow-prev-lt2::before, 
.msie .dx-arrow-next-rt2::before {content: ''; display: inline-block;  position: absolute; top:50%; right: 3px;width: 6px; height: 6px; border-right: 1px solid #666; border-top: 1px solid #666; transform: translateY(-75%) rotate(45deg);}
.dx-subt {font-size: 1.2rem; }
.dx-subt .txt1 {margin-right: 10px;display: inline-block;color: #111;vertical-align: middle;padding-top: 2px;}
.dx-subt .txt2 {margin-right: 10px;display: inline-block;background: url('/pconts/images/dx/com/ico_aram.png') 0 0 no-repeat;background-size: 16px auto;color: #111;vertical-align: middle; padding-left: 20px; text-decoration: underline;}
[class*="dx-arrow-"].subt {font-size: 1.4rem; position: absolute; top:53%; right: 0; transform: translateY(-50%); width: auto; font-weight: 500;}
.swip-t03 {width: 100%; overflow: visible; }
.swip-t03 .swiper-button-next {width: 1px; height: 1px; position: absolute; right: -30px; background: none;clip: rect(1px,1px,1px,1px);overflow: hidden;}
.swip-t03 .swiper-button-prev {width: 1px; height: 1px; position: absolute; left: -30px; background: none; clip: rect(1px,1px,1px,1px);overflow: hidden;}
.swip-t04 .swiper-wrapper {min-height: 194px; }
.dx-arrow-prev,
.dx-arrow-next {position: relative;}
.dx-arrow-prev::after, 
.dx-arrow-next::after {content: ''; display: inline-block;  position: absolute; top:-1px; left:0; right: 0px; bottom:0; margin: auto;  border-top: 1px solid #fff; border-right: 1px solid #fff; width: 7px; height: 7px; z-index: 1;}
.dx-arrow-prev::after {transform: rotateZ(-135deg); right: -3px;}
.dx-arrow-next::after {transform: rotateZ(45deg); right: 2px; }
.swip-t04 .swiper-button-next {background: none;position: absolute; height: 24px; width: 24px; transform: translateY(-50%); margin-top: 0; right: 4px;}
.swip-t04 .swiper-button-prev { background: none;position: absolute; height: 24px; width: 24px; transform: translateY(-50%); margin-top: 0; left:4px;}
.swip-t04 .swiper-button-next .bg, 
.swip-t04 .swiper-button-prev .bg {width: 100%;height: 100%;background-color: #fff;opacity: .2;display: inline-block;position: absolute; border-radius: 50%;}
.swip-t04 .cont-wrap {display: block; position: relative; min-height: 194px; color: #fff; padding:0px 32px 0; display: flex; flex-direction: column; justify-content: center;}
.swip-t04 .cont-wrap .evtimg { position: absolute; top: 0px; right:15px; bottom: 0%; margin: auto; width: 150px; display: inline-block; }
.swip-t04 .cont-wrap .tit {font-size: 2rem; display: block; margin-bottom: 6px; font-weight: 900; position: relative; z-index: 10; padding-right: 120px;}
.swip-t04 .cont-wrap .txt1 {font-size: 1.3rem; font-weight: 300; position: relative; z-index: 10; padding-right: 120px;}
.swip-t04 .test-num {display: inline-block; margin-left: 10px; position: relative; z-index: 10; font-size: 1.2rem; color: #fff; font-weight: 300;}
.swip-t04 {  border-radius: 8px; }
.swip-t04 .swiper-slide .cont-wrap {background-color: rgba(0, 103, 155, 1); /*background: linear-gradient(to top, rgba(0, 103, 155, 1), 60% , rgba(1, 162, 202, 1)) ;*/}
.swip-t04 .swiper-controls {display: none;}
.swip-t04.bull {display: flex; align-items: center; margin-top: 10px; justify-content: center;}
.swip-t04.bull .swiper-pagination { width: auto; position: initial;}
.swip-t04.bull .swiper-pagination .swiper-pagination-bullet {width: 6px; height: 6px; background: #ddd; display: inline-block; margin-right: 6px; opacity: 1;  border-radius: 50%;;}
.swip-t04.bull .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #383b5a; width:16px; height: 6px; border-radius: 4px;}
.swip-t04.bull .controls {background-color: #f1f1f3; width: 20px; height: 18px; border-radius: 4px; margin-right: 12px; }
.swip-t04.bull .swiper-pagination {display: flex; align-items: center;}
.swip-t04.bull .swiper-button-pause {position: relative;display: inline-block;width: 100%;height: 100%;z-index: 10; display: flex; justify-content: center; align-items: center;}
.swip-t04.bull .swiper-button-play {position: relative;display: none;width: 100%;height: 100%;z-index: 10;  display: flex; justify-content: center; align-items: center;}
.swip-t04.bull .swiper-button-pause::before {content: '';width: 8px;height: 12px;border-width: 0 2px 0 2px;border-color: #666;border-style: solid; display: inline-block;}
.swip-t04.bull .swiper-button-play::before {content: ''; border-width: 5px 0 5px 8px;border-color: transparent transparent transparent #666;border-style: solid; display: inline-block;}
.rlist-t06 > li {display: flex; flex-wrap: wrap; padding:19px 0;}
.rlist-t06 > li + li {border-top: 1px solid #eee;}
.rlist-t06 .tit {font-size: 1.6rem; flex: 1; display: flex; align-items: center; word-break: break-all;}
.rlist-t06 .val {font-size: 1.8rem; flex: 1; display: flex; align-items: center; justify-content: flex-end; font-weight: 900; }
.rlist-t06.ico > li {position: relative; padding-left:48px;}
.rlist-t06.ico > li::before {content: ''; display: inline-block; width: 36px; height:36px; position: absolute; left:0; top:14px; background: url('/pconts/images/shcard/220525_rico_09.png') no-repeat center/100%; margin-right:3px;}
.rlist-t06.ico > li:nth-child(2)::before {background: url('/pconts/images/shcard/220525_rico_07.png') no-repeat center/100%;}
.rlist-t06.ico > li:nth-child(3)::before {background: url('/pconts/images/shcard/220525_rico_08.png') no-repeat center/100%;}
.rlist-t07 > li { flex: 0 0 auto; width: 88px; } 
.rlist-t07 .item {  display: inline-block;  min-height: 166px; padding-top:104px; position: relative; text-align: center;} 
.rlist-t07 .tit {display: inline-block; margin-bottom:3px; font-size: 1.4rem;}
.rlist-t07 .txt1 {font-size: 1.2rem; font-weight: 300; color: #666; word-break: break-word;}
@media screen and (max-width: 960px) {.rlist-t07 > li { width: 88px !important;} }
.rlist-t07 .item::before {content: ''; display: inline-block; width: 88px; height:88px; position: absolute; left:0; top:0px; right: 0; margin: auto; background: #ddd;}
.rlist-t07 > li:nth-child(1) .item::before {background: url('/pconts/images/shcard/icon/icon-264-type1-5.png') no-repeat center/100%;}
.rlist-t07 > li:nth-child(2) .item::before {background: url('/pconts/images/shcard/icon/icon-264-type1-6.png') no-repeat center/100%;}
.rlist-t07 > li:nth-child(3) .item::before {background: url('/pconts/images/shcard/icon/icon-264-type1-7.png') no-repeat center/100%;}
.rlist-t07 > li:nth-child(4) .item::before {background: url('/pconts/images/shcard/icon/icon-264-type1-8.png') no-repeat center/100%;}
[class*="promo-ba-"].bgcb {background-color: #e5f8f7;}
[class*="promo-ba-"].bgcb2 {background-color: #e3d9cd;}
.promo-ba-t01.hc {min-height: 130px;}
.promo-ba-t01 {display: block; padding: 25px 26px; background-color: #dae2ff; border-radius: 8px; min-height: 152px; position: relative;}
.promo-ba-t01 .text-wrap {position: relative;z-index: 1;margin-bottom: 40px; padding-right: 150px;}
.promo-ba-t01::before {content: ''; display: inline-block; width: 166px; height: 100%; background: url('/pconts/images/shcard/220525_rb_01.png') no-repeat 12px bottom/100%; position: absolute; right: 0; bottom: 0; border-radius: 8px;;}
.promo-ba-t01 .b-txt {font-size: 1.6rem; display: inline-block; }
.promo-ba-t01 .s-txt {font-size: 1.4rem; margin-top: 4px; }
.promo-ba-t01 .q-btn {display: block; font-size: 13px; position: absolute;top: 0;bottom: 0;right: 0;left: 0;z-index: 10;  }
.promo-ba-t01 .q-btn > span {position: absolute; display: inline-block; padding-right: 28px; bottom:25px; left: 26px;}
.promo-ba-t01 .q-btn > span::after {content: ''; display: inline-block; width: 24px; top:0;  background: url('/pconts/images/shcard/220525_ico_12.png') no-repeat center/100%; position: absolute; right: 0; bottom: 0;}
.promo-ba-t02 { min-height: 150px; padding-top: 20px; display: block; position: relative;}
.promo-ba-t02::before {content: ''; display: none; width: 101px; height: 103px; background: url('/pconts/images/shcard/220525_rb_02.png') no-repeat bottom/100%; position: absolute; top:0px; right:0; }
.promo-ba-t02 .b-maintxt {font-size: 17px; margin-bottom: 2px; font-weight: 900;}
.promo-ba-t02 .b-subtxt {display: inline-block; font-size: 13px; margin-bottom: 29px; font-weight: 300;}
[class*="dx-rbtn-t"] {background-color: #fff; padding: 13px 5px; border-radius: 4px; font-size: 14px; text-align: center; }
.dx-rbtn-t01 {border: 1px solid #ccc; display: block; width: 100%;  font-size: 14px; text-align: center; color: #494f60; position: relative; z-index: 1;}
.dx-rbtn-t02 {padding: 12px 12px 12px 20px; background-color: #383b5a;  color: #fff; font-size: 1.4rem; }
.dx-rbtn-t02 > span {display: inline-block;padding-left: 35px; padding-right: 6px; text-align: center; position: relative; font-weight: normal; width: 100%;}
.dx-rbtn-t02 > span::before {content: ''; display: inline-block; width: 18px; height: 26px; position: absolute; bottom:0px; top:0; left:0; margin: auto;}
.dx-rbtn-t02 + .dx-rbtn-t02 {margin-left: 24px; }
.dx-rbtn-t02.and > span::before {background: url('/pconts/images/icon/btn_aos.png') no-repeat center/100%;}
.dx-rbtn-t02.ios > span::before {background: url('/pconts/images/shcard/220525_rico_13.png') no-repeat center/100%; width: 16px; top:-2px;}
.dx-rbtn-t03 {background-color: #4868e1; color: #fff; font-size: 1.6rem;  padding: 13px 5px;}
.dx-rbtn-t04 {position: relative; padding: 13px 5px; border: 1px solid #ccc; display: flex; align-items: center; justify-content: center;}
.dx-rbtn-t04::after{content: ''; display: inline-block; width: 122px; height: 19px; background: url('./tops/images/btn-tops2.png') no-repeat center/100%; }
.dx-rbtn-t04.tops::after{background: url('./tops/images/btn-tops2.png') no-repeat center/100%; }
#shcSm2sec3 .main_banner{margin-top:15px;}
#shcSm2sec4 .mys-img-area{margin:0px -24px;padding-bottom:10px;}
#shcSm2sec4 .mys-img-area .img-group{display:flex;justify-content: center;align-items: center;height:107px;background:url(/pconts/images/shcard/myshop_img_m_bg.png) center center no-repeat;background-size:auto 100%;}
#shcSm2sec4 .mys-img-area .img-item{width:154px;height:91px;position:relative;box-shadow:0 0 15px 0 rgba(0,0,0,0.08);border-radius:90px;transition:all .4s ease-in-out;border:2px solid #eee}
#shcSm2sec4 .mys-img-area .img-item .text-sec{position:absolute;left:17px;top:50%;transform:translateY(-50%);}
#shcSm2sec4 .mys-img-area .img-item .text-sec .text1{font-size:1.1rem;font-weight:900;}
#shcSm2sec4 .mys-img-area .img-item .text-sec .text2{font-size:1.3rem;font-weight:900;}
#shcSm2sec4 .mys-img-area .img-item .text-sec .text3{font-size:1.0rem;font-weight:bold;color:#999;}
#shcSm2sec4 .mys-img-area .img-item .act-sec{position:absolute;right:15px;top:19px;font-size:9px;color:#476dff;font-weight:900;}
#shcSm2sec4 .mys-img-area .img-item .act-sec .txt{vertical-align:middle;display:inline-block;padding-right:7px;}
#shcSm2sec4 .mys-img-area .img-item .act-sec .toggle{position:relative;width:20px;height:10px;border-radius:12px;background:#eee;border:1px solid #eee;vertical-align:middle;display:inline-block;}
#shcSm2sec4 .mys-img-area .img-item .act-sec .toggle:before{content:'';position:absolute;left:0px;top:-1px;width:0%;height:10px;transition:all .4s ease-in-out;border:1px solid #1949ff;background:#476dff;border-radius:12px;opacity:0;}
#shcSm2sec4 .mys-img-area .img-item .act-sec .toggle:after{content:'';width:14px;height:14px;position:absolute;left:-7px;top:-3px;border:1px solid #eee;background:#fff;border-radius:100%;transition:all .4s ease-in-out;}
#shcSm2sec4 .mys-img-area.on .img-item .act-sec .toggle:before{width:20px;opacity:1;}
#shcSm2sec4 .mys-img-area.on .img-item .act-sec .toggle:after{left:calc(100% - 7px);border:1px solid #1949ff;background:#fff;}
#shcSm2sec4 .mys-img-area.on .img-item{border-color: #1949ff;}
.app_pLay #shcSm2sec6{display:none !important;}
@media screen and (min-width: 1100px) {
    .benefit .mg-both {margin-right:auto; margin-left:auto;}
    .m-section {position: relative;}
    .m-section + .m-section::after {content: ''; display: inline-block; width: 1200px; height: 1px;; position: absolute; top: 0; left:0; right: 0; margin: 0 auto; background-color: #eee;}
    .rlist-t06 > li + li {border-top: 1px solid #ddd;}
    .m-section.no-line::after {content: none;}
    .dx-pc-show {display: block !important;}
    .dx-m-show {display: none !important;}
    .dx-rbtn-t01 {max-width: 380px; margin: 0 auto; min-height: 58px; font-size: 1.6rem;}
    .dx-rbtn-t02 {display: inline-block; min-width: 195px;}
    .m-art-head.subt .m-tit1 {padding-right: 20px; display: inline-block;} 
    .m-art-head.nonlogin {padding:0; margin:0;}
    [class*="dx-arrow-"].subt {width: 100%; line-height: 1;}
    [class*="dx-arrow-"].subt > span {display: inline-block; width: 1px; height: 1px; clip: rect(1px,1px,1px,1px); overflow: hidden;}
    #pdcs {padding-bottom: 50px; padding-top: 56px;}
    #pd40 {padding-top: 33px;}
    .dx-arrow-prev-lt2::before, 
    .dx-arrow-next-rt2::before {width: 11px; top:50%; height: 11px; border-color: #000; right: 3px; border-width: 2px;}
    .msie .dx-arrow-prev-lt2::before, 
    .msie .dx-arrow-next-rt2::before {width: 11px; height: 11px; border-color: #000; right: 3px;}
    .swip-t04 .cont-wrap .tit {margin-bottom: 4px; font-size: 2.2rem;padding-right: 0px; }
	.swip-t04 .cont-wrap .txt1 {font-size: 1.4rem; display:block;}
    .rlist-t06 {display: flex; flex-wrap: wrap; margin-left: -14px; margin-right: -14px; }
    .rlist-t06 > li {flex: 0 0 auto; display: flex; width:calc(33.333333%); padding: 16px 38px 13px 38px; margin-bottom: 6px;}
    .rlist-t06 > li + li {border-left: 1px solid #eee;  border-top: none;}
    .rlist-t06 > li:nth-child(3n+1) {border-left: none;}
    .rlist-t06 > li:first-child {margin-top:0px;}
    .rlist-t06 > li:last-child {margin-bottom:4px;}
    .rlist-t06 .tit {font-size: 1.8rem; margin-bottom: 3px;}
    .rlist-t06 .val {font-size: 2rem; }
    .rlist-t06.ico > li {padding-left: 86px;}
    .rlist-t06.ico > li::before {width: 36px; height: 36px; top:0; bottom:0; left:38px; margin:  auto;}
    .rlist-t07 .item {padding-top: 0; padding-left: 104px; text-align: left; min-height: 88px;} 
    .rlist-t07 .item::before {margin: 0;}
    .rlist-t07 .item .tit {font-size: 1.6rem; margin-top: 10px;}
    .rlist-t07 .item .txt1 {font-size: 1.4rem; display: inline-block;}
    .promo-ba-t01 {min-height: 201px; padding: 33px 0 27px 52px;}
    .promo-ba-t01 .b-txt {font-size: 2.2rem; }
    .promo-ba-t01 .text-wrap { margin-bottom: 26px; }
    .promo-ba-t01::before {min-width: 280px; background: url('/pconts/images/shcard/220525_rb_01.png') no-repeat 8px 17px/100%; border-radius: 8px;}
	.swip-t03 {overflow: hidden;}
	.swip-t04 .swiper-button-next {width: 40px; height: 40px; right: 8px; } 
	.swip-t04 .swiper-button-prev {width: 40px; height: 40px; left:8px; } 
	.dx-arrow-prev::after, 
	.dx-arrow-next::after {width: 12px; height: 12px; border-top-width:2px; border-right-width: 2px; top:0;}
    .swip-t04.bull {margin-top: 15px;}
    .swip-t04 {border-radius: 12px;}
    .swip-t04 .cont-wrap {min-height: 276px; padding: 30px 36px 20px 36px; overflow: hidden; border-radius: 12px; display: block;}
    .swip-t04 .cont-wrap .evtimg {width: 200px; height: 200px; bottom: 0; right: 0; top: auto; margin: inherit;}
    .promo-ba-t02 {text-align: center; position: initial; padding-top:4px;}
    .promo-ba-t02::before {width: 200px; height: 200px; left:581px; right: -44px; margin: auto; z-index: 0; bottom: 0; top: auto;}
    .promo-ba-t02 .b-maintxt {font-size: 2.4rem; margin-bottom: 5px; position: relative; z-index: 1; }
    .msie .promo-ba-t02 {overflow: hidden;}
    .msie .promo-ba-t02::before {bottom: -50px;}
    .promo-ba-t02 .b-subtxt {font-size: 2rem; position: relative; z-index: 1;}
    body.pc .dx-arrow-prev-lt1::before, 
    body.pc .dx-arrow-next-rt1::before {top:50%;}
	#shcSm2sec3 .m-art-head.link-tit .more{width:100px;}
	#shcSm2sec4 .m-art-head.link-tit .more{width:145px;}
	#shcSm2sec3 .main_banner{margin-top:13px;}
	#shcSm2sec4 .mys-img-area{margin:-13px 0px 0px;padding-bottom:0;}
	#shcSm2sec4 .mys-img-area .img-group{height:180px;background-image:url(/pconts/images/shcard/myshop_img_pc_bg.png)}
	#shcSm2sec4 .mys-img-area .img-item{width:240px;height:143px;border-radius:90px;}
	#shcSm2sec4 .mys-img-area .img-item .text-sec{left:30px;}
	#shcSm2sec4 .mys-img-area .img-item .text-sec .text1{font-size:1.3rem;}
	#shcSm2sec4 .mys-img-area .img-item .text-sec .text2{font-size:1.8rem;margin-top:6px;}
	#shcSm2sec4 .mys-img-area .img-item .text-sec .text3{font-size:1.1rem;margin-top:3px;}
	#shcSm2sec4 .mys-img-area .img-item .act-sec{right:27px;top:35px;font-size:11px;}
	#shcSm2sec4 .mys-img-area .img-item .act-sec .toggle{width:36px;height:18px;}
	#shcSm2sec4 .mys-img-area .img-item .act-sec .toggle:after{width:21px;height:21px;top:-2px;}
	#shcSm2sec4 .mys-img-area .img-item .act-sec .toggle:before{width:0px;height:18px;}
	#shcSm2sec4 .mys-img-area.on .img-item .act-sec .toggle:before{width:36px;}
	#shcSm2sec4 .mys-img-area.on .img-item .act-sec .toggle:after{left:calc(100% - 11px);}
}


/* 고객센터 메인 */
.submain_customer .contents{padding:0;}
.m-chatbot .m-article{padding:26px 24px 4px;}
.m-chatbot .a-block-all{padding: 12px 30px 12px 36px;background: #383b5a;height: auto;display: flex;color: #fff;align-items: center;border-radius: 8px;position: relative;line-height: 130%}

.m-chatbot .a-block-all:before{content:'';position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;border-radius:100%;background:url(/pconts/images/shcard/ico-48-noti1.png) center center no-repeat;background-size:100% auto;}
.m-chatbot .a-block-all:after{content:'';position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;background:url(/pconts/images/shcard/arr-48-r-c.png) center center no-repeat;background-size:100% auto;margin-top:1px;}
#shcSm7sec2 .m-article{padding-top:5px;}
#shcSm7sec3 .m-article{padding-top:6px;}
#shcSm7sec3 #shcSm7sec2 .m-article {padding:10px 0 0;}
.submain_customer .search_box_type01{margin-bottom:20px;}
.submain_customer .totalSrch_wrap{margin:0;}
.keyword-category-box{overflow:hidden;}
.keyword-category-box  ul{display:flex;align-items: center;flex-wrap: wrap;margin-left:-6px;margin-top:-6px;}
.keyword-category-box  ul > li {display:flex;padding:6px;}
.keyword-category-box .keyword{height:38px;padding:0px 14px;background:#f8f8f8;border-radius:19px;text-align:center;color:#494f60;}
.m-faq-list{margin-top:4px;}
.m-faq-list .a-block-all{padding:18px 22px 16px 32px;position:relative;font-weight:bold;display:flex;flex-direction: column;}
.m-faq-list .a-block-all:before{content:'';width:24px;height:24px;position:absolute;left:0;top:17px;background:url(/pconts/images/shcard/ico-72-qna1.png) center center no-repeat;background-size:100% auto;}
.m-faq-list .a-block-all:after{content:'';width:20px;height:20px;top:19px;right:0;position:absolute;background:url(/pconts/images/shcard/arr-60-r-b.png) center center no-repeat;background-size:100% auto;}
.m-faq-list .list-item{border-bottom:1px solid #eee;}
.m-faq-list .list-item .text{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}


.m-box-list{overflow:hidden;width:100%;}
.m-box-list > ul {display:flex;flex-wrap: wrap;align-items: center;align-content: center; margin:-26px 0 0 -30px;}
.m-box-list .list-item{padding:0;width:calc(25% - 30px);margin-top:26px;margin-left:30px;}
.m-box-list .list-item .a-block-all{height:60px;font-size:1.4rem;text-align:left;border-radius:12px;border:1px solid #eee; position: relative;}
.m-box-list .list-item .img-sec{width:28px;height:28px;position:absolute;left:16px;top:50%;transform:translateY(-50%)}
.line .m-box-list .list-item.online-cs .img-sec{width:28px;height:28px;position:absolute;left:20px;top:50%;transform:translateY(-50%)}

.m-box-list .list-item .text-sec{text-align: left;position: absolute;width: 100%;left: 0px;	padding-left:47%;top: 50%;transform: translateY(-50%);margin-top: 0;}
.m-box-list .list-item .icon1{background-image:url(/pconts/images/shcard/icon/icon-150-type2-28.png);}
.m-box-list .list-item .icon2{background-image:url(/pconts/images/shcard/icon/icon-150-type2-29.png);}
.m-box-list .list-item .icon3{background-image:url(/pconts/images/shcard/icon/icon-150-type2-30.png);}

.m-cs-center{margin-top:18px;border-top:1px solid #eee;padding-top:25px;}
.m-cs-center .tel-box{position:relative;}
.m-cs-center .tel-box .tit1{font-size:1.6rem;font-weight:bold;margin-bottom:3px;}
.m-cs-center .tel-box .txt1{font-size:1.2rem;color:#666;}
.m-cs-center .tel-box .tel-sec{position:absolute;right:0;top:8px;}
.m-cs-center .tel-box .tel-sec .c-link-tel{font-size:2.0rem;font-weight:900;display:inline-block;vertical-align:middle;padding-left:26px;position:relative;min-height:24px;}
.m-cs-center .tel-box .tel-sec .c-link-tel:before{content:'';position:absolute;left:1px;top:50%;transform:translateY(-50%);margin-top:1px;width:24px;height:24px;background:url(/pconts/images/shcard/ico-72-tel1.png) center center no-repeat;background-size:100% auto;}
.tel-box + .m-tel-list{margin-top:24px;}
body.pc .m-cs-center a{pointer-events: none;cursor:default;}
.app_pLay #shcSm7sec2{padding-top:26px;}
#shcSm7sec2 .search_box_type01 .btn-icon-search{position:absolute;right:0;top:2px;z-index:10;}
#shcSm7sec5 .m-box-list{margin-top:18px;}
#shcSm7sec2 .input_wrap.search_type input ~ .btn_clear{right: 40px;top: 5px;margin-top:0;}
#shcSm7sec2 .input_wrap.search_type{border-bottom:2px solid #000;padding:0px 35px 0px 0px;}
#shcSm7sec2 .search_box_type01 .input_wrap.search_type{padding-bottom:8px;background:none;float:none;}
#shcSm7sec2 .search_box_type01 .input_wrap.search_type:after{content:'';width:24px;height:24px;position:absolute;right:0;top:3px;background:url(/pconts/images/shcard/ico-72-src1.png) center center no-repeat;background-size:100% auto;display:none;}
#shcSm7sec2 .input_wrap.search_type input{height:30px;font-size:1.6rem;line-height:30px;padding:0px 35px 0px 0px;color:#000;}
#shcSm7sec2 .input_wrap.search_type input::-webkit-input-placeholder{font-size:1.6rem;color:#888;line-height:30px;}
#shcSm7sec3 .btn-cover{margin-top:24px;padding-bottom:2px;}
.faq-list1 .faq-q{margin-bottom:14px;font-size:1.8rem;font-weight:900;position:relative;padding-left:30px;}
.faq-list1 .faq-q:before{content:'';width:24px;height:24px;position:absolute;left:0;top:0.15em;background:url(/pconts/images/shcard/ico-72-qna1.png) center center no-repeat;background-size:100% auto;}
.faq-list1 .faq-a{position:relative;padding:1px 20px 0px 30px;font-size:1.3rem;}
.faq-list1 .faq-a:before{content:'';width:24px;height:24px;position:absolute;left:0;top:0em;background:url(/pconts/images/shcard/ico-72-qna2.png) center center no-repeat;background-size:100% auto;}
.faq-list1 .faq-a p + p{margin:0;}
.quick-menu-list{margin-top:7px;}
.quick-menu-list > ul{display:flex;flex-wrap: wrap;align-content: center;margin:0px -8px;}
.quick-menu-list .list-item{padding:16px 0px 13px;;width:25%;text-align:center;line-height:18px;font-size:1.3rem;font-weight:bold;}
.quick-menu-list .list-item > a{display:block;padding-top:39px;position:relative;background:none !important;}
.quick-menu-list .list-item > a:after{content:'';width:100%;height:28px;position:absolute;left:0;top:0;background-size:auto 100%;background-position:center  0px;background-repeat:no-repeat;}
.quick-menu-list .list-item > .mypage01:after{background-image:url(/pconts/images/icon/favorite/ico_mypage01_M_211026.png)}
.quick-menu-list .list-item > .mypage02:after{background-image:url(/pconts/images/icon/favorite/ico_mypage02_M_211026.png)}
.quick-menu-list .list-item > .mypage03:after{background-image:url(/pconts/images/icon/favorite/ico_mypage03_M_211026.png)}
.quick-menu-list .list-item > .mypage04:after{background-image:url(/pconts/images/icon/favorite/ico_mypage04_M_211026.png)}
.quick-menu-list .list-item > .mypage05:after{background-image:url(/pconts/images/icon/favorite/ico_mypage05_M_211026.png)}
.quick-menu-list .list-item > .mypage06:after{background-image:url(/pconts/images/icon/favorite/ico_mypage06_M_211026.png)}


.line .m-box-list .list-item .icon4{background-image:url(/pconts/images/shcard/icon/icon-150-type2-15.png);}
.line .m-box-list .list-item .icon52{background-image:url(/pconts/images/shcard/icon/icon-150-type2-40.png);}
.line .m-box-list .list-item.online-cs .text-sec {line-height:158%;}
/*.line .online-cs span.text_sm {font-size: 1.4rem;}*/


@media screen and (min-width: 1100px){
	.m-section.m-chatbot{height:44px;padding:0 40px;background:#383b5a;}
	.m-section.m-chatbot:after{display:none;}
	.m-chatbot .m-article{padding:0;}
	.m-chatbot .a-block-all{width:auto;display:inline-flex;padding-right:36px;padding-left:28px;font-size:1.4rem}
	.m-chatbot .a-block-all:before{left:0;margin-top:1px;}
	#shcSm7sec2 .search_box_type01 .input_wrap.search_type{width:700px;margin:0 auto;}
	.keyword-category{justify-content: center;}
	.m-faq-list{margin-top:3px;}
	.m-faq-list .a-block-all{padding:15px 22px 16px 32px;}
	.m-faq-list  > ul{position:relative;}
	.m-faq-list .list-item{max-width:560px;width: calc(50% - 40px);}
	.m-faq-list .list-item:nth-child(4){position:absolute;top:0;right:0;}
	.m-faq-list .list-item:nth-child(5){position:absolute;top:56px;right:0;}
	.m-faq-list .list-item:nth-child(6){position:absolute;top:112px;right:0;}

	.m-box-list {width:100%}
	.m-box-list > ul{margin-left: -30px; border:none;padding-right:0;}
	.m-box-list .list-item{padding:0;width:calc(25% - 30px);margin-top:26px;margin-left:30px;}
	.m-box-list .list-item .a-block-all{height:104px;font-size:1.8rem;text-align:left;border-radius:12px;}
	.m-box-list .list-item .img-sec{width:48px;height:48px;position:absolute;left:40px;top:50%;transform:translateY(-50%)}
	.m-box-list .list-item .text-sec{text-align: left;position: absolute;width: 100%;left: 0px;	padding-left:47%;top: 50%;transform: translateY(-50%);margin-top: 0;}
	.m-box-list .list-item.online-cs .text-sec{text-align: left;position: absolute;width: 100%;left: 0px; padding-left:47%;top: 50%;transform: translateY(-50%);margin-top: 0;}
	.line .m-box-list .list-item.online-cs .img-sec{width:48px;height:48px;position:absolute;left:40px;top:50%;transform:translateY(-50%)}

	.m-cs-center{width:50%;margin:0;border-top:0;padding-left:40px;}
	.m-cs-center .tel-box{padding-left:60px;padding-top:6px;}
	.m-cs-center .tel-box .tit1{font-size:2.0rem;margin-bottom:1px;}
	.m-cs-center .tel-box .txt1{font-size:1.6rem;}
	.m-cs-center .tel-box .tel-sec .c-link-tel{font-size:2.6rem;padding-left:32px;}
	.m-cs-center .tel-box .tel-sec .c-link-tel:before{width:30px;height:30px;}
	.m-cs-center .tel-box .tel-sec{right:68px;top:14px;}
	.tel-box + .m-tel-list{margin-top:56px;}
	
	#shcSm7sec2 .m-article{padding-top:56px;}
    #shcSm7sec3 .m-art-head{padding-top:20px;}
	#shcSm7sec3 .m-article{padding-top:18px; padding-bottom: 40px;}
	#shcSm7sec3 .m-tit1.sys230109 {padding-top:37px;}
	#shcSm7sec3 .btn-cover1{margin-top:26px;}
	#shcSm7sec3 #shcSm7sec2 .m-article {padding-top:18px;padding-bottom:40px;}
	.c-btn4-a.main{height:58px;width:380px;line-height:56px}
	#shcSm7sec5 .m-box-list{float:left;margin-top:12px;}
	#shcSm7sec5 .m-cs-center{float:right;}
	#shcSm7sec5 .m-article:after{content:'';display:table;clear:both;}
	.faq-list1 .faq-q{font-size:2.0rem;padding-left:36px;}
	.faq-list1 .faq-a{font-size:1.5rem;padding-left:36px;}
    .quick-menu-list{margin-top:-31px;}
    .quick-menu-list > ul{justify-content: flex-end;}
    .quick-menu-list .list-item{margin-left:26px;width:127px;height:111px;font-size:1.6rem;padding-top:0;}
    .quick-menu-list .list-item > a{padding-top:73px;}
    .quick-menu-list .list-item > a br{display:none;}
    .quick-menu-list .list-item > a:after{height:40px;background-size:auto 100%;top:21px;}
	#shcSm7sec4 .m-base-list2 .list-item > a:hover:after{display:none;}
	.sys230106 {margin: -60px 0 -24px;}

}


@media screen and (max-width: 830px){
    .line .m-box-list .list-item.online-cs .text-sec {padding-left: 41%;}
}

@media screen and (max-width: 768px){
#shcSm7sec3 .m-art-head .sys230109 {padding-top:20px}
.m-chatbot .a-block-all {height: auto;border-radius: 8px;padding: 12px 30px 12px 36px; line-height: 130%;}
#shcSm7sec2 .input_wrap.search_type input {height: 30px;padding: 0px 20px 0px 0px;}
#shcSm7sec2 .m-article{padding: 10px 24px 0;}

#shcSm7sec5 .m-box-list {margin-top: 13px;}
.m-box-list > ul {margin: 0 auto;}
.m-box-list .list-item {width: calc(50% - 8px);margin: 0px 8px 6px 0;}
.m-box-list .list-item:nth-child(even) {width: calc(50% - 0px);margin-right: 0px;}
.m-box-list .list-item .a-block-all {height: 60px;font-size: 1.4rem;}
.m-box-list .list-item .text-sec {left:41%; padding-left: 0;}
.line .m-box-list .list-item.online-cs .text-sec {line-height:158%; padding-left: 0%; left:41%}
.line .m-box-list .list-item.online-cs .img-sec {width: 28px;height: 28px;position: absolute;left: 20px;top: 50%;transform: translateY(-50%);}


}



.m-box-list .list-item .a-block-all {position:relative}
.m-box-list .list-item .img-sec {background-size:100% auto}



/* 탑스클럽 서브메인 */
#shcSm6sec1B [class*=c-btn4].blue{border-color:#9e7665;background-color:#9e7665;}
.m-art-head + .m-tops-banner1{margin-top:6px;}
.m-art-head.hidden-text + .m-tops-banner1{margin-top:0px;}
.m-tops-banner1{position:relative;height:140px;border-radius:8px;background:#f5eee6;}
.m-tops-banner1 + .m-tops-banner1{margin-top:20px;}
.m-tops-banner1 .text-sec{position:absolute;left:26px;top:27px;}
.m-tops-banner1 .text-sec .text1{font-weight:bold;font-size:1.8rem;}
.m-tops-banner1 .img-sec{position:absolute;right:20px;top:50%;width:100px;height:100px;background-repeat:no-repeat;background-position:center center;background-size:100% auto;transform:translateY(-50%)}
.m-tops-banner1 .c-link2-a{font-size:1.4rem;}
.m-tops-premium-wrap{padding-bottom:10px;}
.tops-bn-text{padding: 2px 0px 26px;position:relative;color:#666;}
.tops-bn-text .u-line{margin-left:6px;position:absolute;right:0;top:0px;}
.tops-dev-ban{background:#f4ebec;}
.tops-dev-ban .img-sec{background-image:url(/pconts/images/shcard/tops-m-300-img6.png)}
.tops-greeting-sec{line-height:1.4;position:relative;}
.tops-greeting-sec .text1{font-size:2.0rem;font-weight:900;}
.tops-greeting-sec .text1 .t-point1{position:relative;}
.tops-greeting-sec .btn-cover1 .c-btn4-a{width:100%;}
.sh-plus-membership .sh-plus{width:100%;}
.tops-greeting-sec .text1 .t-point1:after{content:'';width:100%;height:1px;background:#8d743a;position:absolute;left:0;bottom:0px;}
.tops-greeting-sec.case3 .text1 .t-point1:after{display:none;}
.tops-greeting-sec .text2{font-size:1.6rem;font-weight:bold;margin-top:14px;}
.tops-greeting-sec .text3{font-size:1.4rem;color:#666;margin-top:6px;}
.tops-greeting-sec .btn-cover1{margin-top:24px;}
.tops-greeting-sec .sh-plus-membership{background:#f6f6f6;padding:30px 20px;border-radius:10px;margin:0px -8px;margin-top:30px;position:relative;}
.tops-greeting-sec .sh-plus-membership .qr-box{text-align:center;margin-top:13px;}
.tops-greeting-sec .sh-plus-membership .qr-box .img-sec{display:none;}
.tops-greeting-sec .sh-plus-membership .text1{margin-left:4px;height:26px;overflow:hidden;user-select:none;color:transparent;background:url(/pconts/images/shcard/tops-m-text2.png) left center no-repeat;background-size:auto 100%;}
.tops-greeting-sec .sh-plus-membership .text2{font-size:1.6rem;margin-top:16px;}
.tops-greeting-sec .sh-plus-membership .c-bull3{margin-top:10px;line-height:1.5}
.tops-greeting-sec.case2 .btn-cover1{display:flex;}
.tops-greeting-sec.case2 .btn-cover1 .c-btn4-a{flex:1;}
.tops-greeting-sec.case2 .btn-cover1 .c-btn4-a.sh-plus{user-select:none;color:transparent;overflow:hidden;background:url(/pconts/images/shcard/tops-m-text1.png) center center no-repeat;background-size:auto 18px;image-rendering: -webkit-optimize-contrast;}
.tops-user-info{margin-top:30px;}
#shcSm6sec3 .c-btn6-a{width:90px;height:38px;background:#9e7665;border:0;text-align:center;font-size:1.4rem;justify-content: center}
#shcSm6sec3 .m-base-list5 .list-item .img-sec{display:block;width:30px;height:30px;flex:none;position:absolute;left:0;top:50%;transform:translateY(-50%);background-size:auto 100%;}
#shcSm6sec3 .m-base-list5 .list-item{padding-left:45px;position:relative;}
#shcSm6sec3 .m-base-list5{padding-top:3px;}
#shcSm6sec3 .m-article{padding-bottom:19px;}
#shcSm6sec1B .m-article{border-bottom:12px solid #eee}

@media screen and (min-width: 1100px){
	.m-art-head + .m-tops-banner1{margin-top:-2px;}
	.m-tops-banner1{margin:0;height:170px;}
	.m-tops-banner1 + .m-tops-banner1{margin-top:0px;}
	.m-tops-banner1 .text-sec{left:50px;top:35px;}
	.m-tops-banner1 .text-sec .text1{font-size:2.0rem;}
	.m-tops-banner1 .text-sec .text2{font-size:1.6rem;}
	.m-tops-banner1 .img-sec{right:51px;width:120px;height:120px;}
	.tops-bn-text{margin-top:-7px;padding:0 0 32px;}
	.tops-bn-text .u-line{position:relative;font-size:15.5px;}
	.tops-greeting-sec .text1{font-size:2.4rem;}
	.tops-greeting-sec .text-sec .btn-cover1{position:absolute;right:0;top:0;margin-top:0;}
	.tops-greeting-sec .text-sec .btn-cover1 .c-btn4-a{width:230px;}
	.tops-greeting-sec.case2 .btn-cover1 .c-btn4-a.sh-plus{background-image:url(/pconts/images/shcard/tops-m-text1x1.png);}
	.tops-greeting-sec .sh-plus-membership .qr-box{position:absolute;right:0;top:30px;width:290px;height:150px;border-left:1px solid #ddd;margin-top:0;}
	.tops-greeting-sec .sh-plus-membership .qr-box .img-sec{display:block;padding-top:5px;}
	.tops-greeting-sec .sh-plus-membership .qr-box .img-sec img{width:100px;margin:0 auto;}
	.tops-greeting-sec .sh-plus-membership .qr-box .text{font-size:1.6rem;margin-top:10px;}
	.tops-greeting-sec .sh-plus-membership a{display:none;}
	.tops-greeting-sec .sh-plus-membership{padding-right:290px;padding-lefT:50px;margin:35px 0px 0px;}	
	.tops-user-info .m-base-list3 > ul{display:flex;}
	.tops-user-info .m-base-list3 .list-item{flex:1;display:block;padding:15px 45px;;height:auto;font-size:1.8rem;}
	.tops-user-info .m-base-list3 .list-item:first-child{padding-left:35px;padding-right:55px;}
	.tops-user-info .m-base-list3 .list-item + .list-item{border-top:0;border-left:1px solid #eee;}
	.tops-user-info .m-base-list3 .list-item .c-link1-a.cost{font-size:2.0rem;margin-top:5px;}
    .tops-user-info .m-base-list3 .list-item .cell:first-child {min-height:54px;}
	.m-tops-premium-wrap{display:flex;margin:0px -15px;padding-bottom:0;}
	.m-tops-premium-wrap .m-tops-banner1{margin:0px 15px;flex:1;}
	#shcSm6sec1B .m-article{border-bottom:1px solid #eee}
	#shcSm6sec3 .m-article{padding-bottom:60px;}
	#shcSm6sec3 .m-base-list5{padding-top:9px;}
	#shcSm6sec3 .m-base-list5 .list-item{padding-left:24px;}
	#shcSm6sec3 .m-base-list5 .list-item .img-sec{position:static;width:100%;height:48px;transform:translateY(0)}
}

/* 금융 메인 */
.m-fin-btm-text1{margin-top:16px;}
.m-fin-btm-text1 > a{font-size:1.2rem}
.finance-section {padding-bottom:30px;position:relative;}
.finance-section .art-wrap{background:#fff;margin:0 -8px;border-radius:8px;padding:15px 16px 18px;}
.finance-section .art-wrap .m-art-head{padding:0;margin-bottom:24px;}
.finance-section .art-wrap .m-art-head .m-tit1{line-height:1;}
.finance-section .art-wrap .m-art-head .m-tit1{font-size:1.4rem;line-height:1.5;font-weight:bold;}
.finance-section .art-wrap .m-art-head .m-tit1 > a{font-size:inherit;}
.finance-section .art-wrap .m-art-head .m-tit1 > a:after{width:20px;height:20px;right:-4px;}
.finance-section .m-article{padding-bottom:0;}
.finance-section .m-article + .m-article{padding-top:20px;}
.finance-section .finan-text-sec{text-align:center;border-top:1px solid #eee;padding-top:11px;margin-top:-10px}
.finance-section .finan-text-sec .text1{color:#3048a2;font-weight:bold;}
.finance-section .finan-text-sec .c-link1-a{font-weight:900;font-size:1.6rem;margin-top:-2px}
.finance-section .text-tooltip {position:absolute;bottom:-36px;left:-119px;width:224px;height:36px;padding-top:12px;background:url('/pconts/images/dx/contents/financemain_tooltip_mo.svg') no-repeat center; white-space:nowrap;font-weight:900;color:#494f60;font-size:12px;text-align:center;}
#shcSm3sec1 .m-article{padding-bottom:18px;}
#shcSm3sec5 .termsConts .t-tit1{font-size:1.6rem;margin:0;}
#shcSm3sec5 .termsConts b{font-weight:900}
#shcSm3sec5 .termsConts{font-size:1.4rem;padding-bottom:20px;}
#shcSm3sec5 .termsConts li + li {margin-top:9px;}
#shcSm3sec5 .termsConts ul{margin-top:10px;}
#shcSm3sec5 .termsConts ul + ul{margin-top:9px;}
#shcSm3sec5 .c-bull1 > li{padding-left:7px;}

#shcSm3sec5 .db-num{font-size:1.3rem;padding-top:18px;border-top:1px solid #eee;color:#666;}

#shcSm3 .m-article.w100 {width: 100%; padding-top: 30px; padding-bottom: 10px;  }
#shcSm3 .expir-msg .ex-txt {font-size: 2rem; line-height: 1.3; color: #666; font-weight: 400; }
#shcSm3 .expir-msg .ex-txt > .name {font-weight: 900; color: #000; padding-left: 26px; position: relative;}
#shcSm3 .expir-msg .ex-txt > .name::before {content: ''; display: inline-block; width: 18px; height: 18px; background: url('/pconts/images/shcard/icon-54-clock.png') no-repeat center/100% auto; position: absolute; left: 0%; top: 50%; transform: translateY(-50%);}
#shcSm3 .expir-msg .ex-btn {color: #494f60;border: 1px solid #ccc;border-radius: 2px;display: inline-block;padding: 20px;background-color: #fff;margin-top: 12px;padding: 7px 14px 8px; font-size: 1.4rem;}

@media screen and (min-width: 1100px){
	.m-fin-btm-text1{margin-left:8px;margin-top:15px;}
	.m-fin-btm-text1 > a{font-size:1.4rem}
	#shcSm3sec1 .m-article{padding-bottom:48px;}
	.finance-section{display:flex;flex-wrap: wrap;max-width:1280px;margin:0 auto;justify-content: space-between;padding-bottom:50px;}
	.finance-section .m-article{position:relative;padding-top:52px;margin:0;}
	.finance-section .m-article{width:calc(50% - 15px)}
	.finance-section .m-article + .m-article{padding-top:50px;}
	.finance-section .art-wrap{margin:0;height:100%;padding:30px 40px;}
	.finance-section:before{content:'';position:absolute;height:100%;width:100vw;left:50%;top:0;background:#f4f7fc;transform:translateX(-50%);z-index:0;}
	.finance-section .art-wrap .m-art-head .m-tit1{font-size:2.0rem;}
	.finance-section .art-wrap .m-art-head .m-tit1 > a{display:inline-block;width:auto;padding-right:30px;}
	.finance-section .art-wrap .m-art-head .m-tit1 > a:after{width:28px;height:28px;right:0;top:2px;}
	.finance-section .finan-text-sec{padding-top:20px;margin-top:0px}
	.finance-section .finan-text-sec .c-link1-a{font-size:2.0rem;margin-top:0px;}
	.finance-section .finan-text-sec .c-link1-a:after{top: 3px;right: -8px;width: 25px;height: 25px;}
	.finance-section .text-tooltip {bottom:-47px;left:-123px;width:299px;height:46px;padding-top:14px;background:url('/pconts/images/dx/contents/financemain_tooltip_pc.svg') no-repeat center;font-size:16px;}
	#shcSm3sec5 .termsConts .t-tit1{font-size:1.8rem}
	#shcSm3sec5 .termsConts{padding-bottom:28px;font-size:1.6rem;}
	#shcSm3sec5  .db-num{font-size:1.5rem;}

    #shcSm3 .m-article.w100 {padding-top: 50px; padding-bottom: 0;}
	#shcSm3 .expir-msg {display: flex; align-items: center;}
	#shcSm3 .expir-msg .ex-txt {display: inline-block; font-size: 2.2rem; flex: 0 0 auto;}
	#shcSm3 .expir-msg .ex-txt > .name {padding-left: 32px;}
	#shcSm3 .expir-msg .ex-txt > .name::before {width: 24px; height: 24px;}
	#shcSm3 .expir-msg .ex-btn {margin-top: 0; margin-left: 30px; flex: 0 0 auto;}
}

/* 카드메인 */
#shcSm4sec1c{padding-top:0;margin-top:-8px;}
#shcSm4sec4 {margin-top:-3px;}
#shcSm4sec4 .m-article{padding-top:0;}
@media screen and (min-width: 1100px){
	#shcSm4sec1c{margin-top:-24px;}
	#shcSm4sec4{position:absolute;width:380px;left:auto;right:40px;top:64px;margin-top:0;padding:0px;}
	#shcSm4sec4.logOn{top:100px;}
	.m-quick-nav.type1{margin-top:8px;box-shadow:0px 0px 12px rgba(0, 0, 0, 0.12);padding:28px 30px;height:277px;border-radius:12px;}
	.m-quick-nav.type1 .list-item{margin-left:0;width:50%;flex:none;height:110px;}
	.m-quick-nav.type1 .list-item .icon-name{font-size:1.6rem;}
	.m-quick-nav.type1 .list-item:nth-child(1),
	.m-quick-nav.type1 .list-item:nth-child(2){border-bottom:1px solid #eee}
	.m-quick-nav.type1 .list-item:nth-child(2),
	.m-quick-nav.type1 .list-item:nth-child(4){border-left:1px solid #eee}
	.m-quick-nav.type1 .list-item:nth-child(1) .icon-name ,
	.m-quick-nav.type1 .list-item:nth-child(3) .icon-name,
	.m-quick-nav.type1 .list-item:nth-child(1),
	.m-quick-nav.type1 .list-item:nth-child(3){padding-right:20px;}
	.m-quick-nav.type1 .list-item:nth-child(2) .icon-name ,
	.m-quick-nav.type1 .list-item:nth-child(4) .icon-name,
	.m-quick-nav.type1 .list-item:nth-child(2),
	.m-quick-nav.type1 .list-item:nth-child(4){padding-left:20px;}
	.m-quick-nav.type1 .list-item .icon_box{background-position: center 20px;}
}
@media screen and (min-width: 1280px){
	#shcSm4sec4{left:calc(50vw + 210px );}
}

/* 이벤트 리스트 */
.e-cate-list1 .list-row:after{display:none;}
.e-cate-list1 .list-item{height:20px;}
.e-cate-list1 .list-row{display:flex;margin-left:-6px;}
.e-cate-list1 .list-item{color:#3048a2;font-size:1.2rem;}
.e-cate-list1 .list-item .a-block-all{padding:0px 6px;position:relative;height:auto;}
.e-cate-list1 .list-item .a-block-all:before{content:'';width:1px;height:8px;background:#bbb;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.e-cate-list1 .list-item:first-child .a-block-all:before{display:none;}
.e-cate-list1.ellipsis-wrap{overflow:hidden;margin-right:-5px;}
.os_ios .e-cate-list1.ellipsis-wrap{margin-right:0}
.e-cate-list1.ellipsis-wrap .list-row{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0px -10px 0px 0px;}
.e-cate-list1.ellipsis-wrap .list-item:first-child > .a-block-w::before {content: none;}/* 0930 간격동일 수정 */
.os_ios .e-cate-list1.ellipsis-wrap .list-row{width:100%}
.e-cate-list1.ellipsis-wrap .list-item{display:inline-block;}
.os_ios .e-cate-list1.ellipsis-wrap .list-item{display:inline}
.e-cate-list1.ellipsis-wrap .list-item .a-block-w:before{content: '';display:inline-block;width: 1px;height: 8px;background: #bbb;margin-left:5px;margin-right:5px;}
.event-list-cate{padding:22px 0px 27px}
.event-list-cate .icon-cate1{margin-left:-7px;}
.event-list-cate .scroll-x-wrap{height:20px;;overflow:hidden;margin:0px -10px;position:relative;padding-right:10px;}
.event-list-cate .scroll-x-wrap:before{content: '';position: absolute;left:-5px;top: 0;z-index: 2;width: 20px;height:100%;background: linear-gradient(to right,rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 0));}
.event-list-cate .scroll-x-wrap:after{content: '';position: absolute;right:0px;top: 0;z-index: 2;width: 20px;height:100%;background: linear-gradient(to left,rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0));}
.event-list-cate .scroll-x{width:100%;overflow:auto;overflow:scroll-x;padding-bottom:10px;-webkit-overflow-scrolling: touch;padding:0px 10px 10px;}
.pc .event-list-cate .scroll-x-wrap{height:28px;}
.pc .event-list-cate .scroll-x{padding-bottom:5px;}
.event-list-cate .scroll-x > div{white-space:nowrap;}
.event-list-cate .scroll-x::-webkit-scrollbar{height:3px;} 
.event-list-cate .scroll-x::-webkit-scrollbar-thumb{height:10%;background-color:rgba(0,0,0,0.1);border-radius:10px;}
.event-list-cate .scroll-x::-webkit-scrollbar-track{background-color:rgba(0,0,0,0)}
.event-list-cate .scroll-x .e-cate-list1 .list-row{width:auto;}
.event-list-cate .scroll-x .e-cate-list1 .list-item{flex:none;width:auto;}
.event-list-cate .size-mobile{display:block;}
.event-list-cate .size-pc{display:none;}
.event-list-top{position:relative;padding-bottom:17px;}
.event-list-top .text-sec{font-size:1.4rem}
.event-list-top .text-sec b{font-weight:900;}
.event-list-top .sort-sec{position:absolute;right:0;top:-4px;;}
.event-list-top .sort-sec .check_wrap{display:inline-block;width:auto;}
.event-list-top .sort-sec .icon-sort1{position:relative;top:2px;margin-left:12px;}
.c-event-list1 .list-row{margin:-13px -8px;display:flex;flex-wrap: wrap;}
.c-event-list1 .list-item{position:relative;margin:13px 8px;width:calc(50% - 16px);transition:all .4s ease-in-out;}
.c-event-list1 .tag-sec{position:absolute;left:10px;top:10px;}
.c-event-list1 .tag-sec .tag-evt{height:24px;line-height:24px;font-size:1.2rem;color:#fff;background:#3d4964;vertical-align:top;display:inline-block;padding:0px 8px;border-radius:3px}
.c-event-list1 .tag-sec .tag-evt.play{width: 73px;background:#0046ff url(/pconts/images/shcard/tag-evt1.png) center center no-repeat;overflow: hidden;color: transparent;background-size: auto 100%;user-select:none;}
.c-event-list1 .img-sec{width:100%;height:0;padding-top:100%;background-repeat:no-repeat;background-position:center center;background-size:100% auto;border-radius:8px;overflow:hidden;}
.c-event-list1 .tag-sec .tag-evt + .tag-evt{margin-left:1px;}
.c-event-list1 .text-sec{margin-top:15px;}
.c-event-list1 .text-sec .text1{font-size:1.5rem;min-height:44px;}
.c-event-list1 .text-sec .text2{font-size:1.5rem;color:#666;margin-top:6px;}
#nEventList{padding-bottom:60px;}
.c-cate-list1 .list-row{display:flex;margin:10px -6px -7px;flex-wrap: wrap;}
.c-cate-list1 .list-item{margin:7px 6px;width:calc(33.33% - 12px)}
.c-cate-list1 .ipt-cate1{display:block;}
/*.c-event-list1 .list-item.end-event .a-block-all{pointer-events: none;cursor:default;}*/ /* 221024 검색 후 지난이벤트 논처리 해제 */ 
.c-event-list1 .list-item.end-event .img-sec{position:relative;overflow:hidden;}
.c-event-list1 .list-item.end-event .img-sec:before{content:'종료';color:#fff;font-size:1.5rem;font-weight:bold;position:absolute;left:50%;top:50%;z-index:1;transform:translate(-50%, -50%)}
.c-event-list1 .list-item.end-event .img-sec:after{content:'';width:100%;height:100%;background:#000;position:absolute;left:0;top:0;opacity:0.5}
.c-event-list1 .list-item.end-event .tag-sec{display:none;}
.list01[data-type="list"] .event_info .cell3 .date{background:none;padding-left:0;}
.popover_wrap{border-radius:15px;}
.popover_wrap .popover_text{padding-top:20px;}
.popover_type01 .popover_cont{height:275px !important;}
.popover_type01{height:auto;}

.list01[data-type="list"] .evtapply_info .cell2 .title{max-height:48px;overflow:hidden;}
.list01[data-type="list"] .evtapply_info .cell2 .status.win{display:inline-block;color:#4762ff;padding-right: 17px;position: relative;}
.list01[data-type="list"] .evtapply_info .cell2 .status.win:after{content: '';position: absolute;top: 0.17em;right: 0;width: 16px;height: 16px;background-position: center center;background-repeat: no-repeat;background-size: 100% auto;background-image: url(/pconts/images/shcard/arr-60-r-c.png);}
.list01[data-type="list"] .evtapply_info .cell2 .status.win:hover{text-decoration:underline;}
.event-mid-ban1{padding-top:5px;padding-bottom:27px;}
.event-mid-ban1 .text1{font-size:1.7rem;font-weight:bold;}
.event-mid-ban1 .btn-sec{margin-top:10px;}
.event-mid-ban1 .c-btn4-c{font-size:1.3rem;color:#666;height:37px;line-height:35px;padding:0px 14px;border-radius:3px;}
.event-mid-ban1 .c-btn4-c:after{width: 15px;height: 15px;margin-left: 6px;margin-bottom: -2px;border-radius:100%;}
/* 이벤트 리스트 커스텀 */
.pop-bottom .c-cate-list1{padding-bottom:14px;}
.pop-bottom .c-cate-list1 .list-item{margin:0px;width:50%;padding:6px 4px;}
.pop-bottom .c-cate-list1 .list-item:first-child{flex:none;width:100%;padding:0px 0px 9px;border-bottom:1px solid #eee;margin-bottom:6px;}
.pop-bottom .c-cate-list1 .ipt-cate1{display:inline-block;}
.pop-bottom .c-cate-list1 .ipt-cate1 .text{padding:0;background:none;height:auto;border-radius:0;border:0;justify-content: flex-start; color:#000;min-height:32px;padding-left:36px;position:relative;}
.pop-bottom .c-cate-list1 .ipt-cate1 .text:before{content:'';position:absolute;width:32px;height:32px;left:0;top:0;background: url(/pconts/images/shcard/ipt-chk1-a.png) center center no-repeat;background-size: 25px auto;}
.pop-bottom .c-cate-list1 .ipt-cate1 input:checked + .text{background:none;color:#000;}
.pop-bottom .c-cate-list1 .ipt-cate1 input:checked + .text:before{background-image: url(/pconts/images/shcard/ipt-chk1-b.png);}
.pop-bottom .c-cate-list1 .ipt-cate1 input:disabled + .text:before{background-image: url(/pconts/images/common/check_disabled_on.png);background-size:12px auto;}
.pop-bottom .c-cate-list1 .ipt-cate1 input:disabled + .text{color: #ddd;background:none;border:none;}

@media screen and (min-width: 600px) {
	.c-event-list1 .list-item{position:relative;margin:13px 8px;width:calc(25% - 16px);}
	.event-list-cate .size-mobile{display:none;}
	.event-list-cate .size-pc{display:block;}
	.c-cate-list1 .list-item{width:auto;margin:6px 3px;}
}
@media screen and (min-width: 1100px) {
	.event-mid-ban1{display:none;}
	.event-list-cate{padding:40px 0px 40px;}
	.c-cate-list1 .list-row{margin:-6px -3px;}
	.c-cate-list1 .list-item{width:auto;margin:6px 3px;}
	.event-list-top{margin-top:-1px;padding-bottom:16px;}
	.event-list-top .text-sec{font-size:1.6rem;}
	.event-list-top .sort-sec .icon-sort1{margin-left:20px;}
	.c-event-list1 .list-row{margin: -13px -10px;}
	.c-event-list1 .list-item{width: calc(25% - 20px);    margin: 13px 10px;}
	.c-event-list1 .img-sec{border-radius:12px;}
	.c-event-list1 .text-sec .text1{font-size:1.8rem;height:45px;overflow:hidden;line-height:1.25;}
	.c-event-list1 .text-sec .text2{margin-top:8px;}
	.c-event-list1 .text-sec{margin-top:17px;}
}

/* 공지사항 */
.search-com{padding:25px 0px 19px;}
.search-com .search_type > input {height: 30px;font-size: 1.6rem;line-height: 30px;padding: 0px 35px 0px 0px;color: #000;}
.search-com .search_box_type01 > .search_type{background:none;float:none;border-bottom: 2px solid #000;padding: 0px 35px 9px 0px;}
.search-com .input_wrap.search_type input ~ .btn_clear{right:34px;margin-top:-16px;}
.search-com .search_box_type01 .btn-icon-search {position: absolute;right: 0;top: 3px;z-index: 10;}
.notice-list-wrap{margin-top:19px;}
.notice-list1 .list-item{border-bottom:1px solid #eee;position:relative;}
.notice-list1 .a-block-all{display:flex;min-height:76px;padding:8px 0px 11px;flex-direction: column;justify-content: center}
.notice-list1 .text1{position:relative;font-size:1.4rem;display:inline-block;max-width:calc(100% - 48px);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;vertical-align:middle; padding:1px 0px;}
.notice-list1 .text-sub{font-size:1.3rem;color:#666;margin-top:5px;display:none;}
.notice-list1 .date-sec{font-size:1.4rem;color:#666;margin-top:5px;}
.notice-list1 [class*=icon-text-]{position:relative;top:0px;}
.list-more-wrap{width:100%;height:76px;text-align:center;padding:10px 16px;}
.more-link1{padding: 0px 30px;height: 48px;line-height: 46px;color: #494f60;border-radius: 4px;position:relative;}
.more-link1:after{content:'';width:7px;height:7px;display:inline-block;transform:rotate(45deg);border-bottom:1px solid #000;border-right:1px solid #000;vertical-align:middle;margin-left:5px;position:relative;top:-2px;}
.list_view .list_view_head{padding:20px 0px 20px;}
.list_view .list_view_head .info .date{color:#666;}
.notice-file-sec{margin-top:50px;border-top:1px solid #eee;padding-top:26px;}
.notice-file-sec .file-item + .file-item{margin-top:12px;}
.notice-file-sec .file-item .a-block-all{padding-left:24px;position:relative;font-size:1.4rem;}
.notice-file-sec .file-item .a-block-all:hover{text-decoration:underline;}
.notice-file-sec .file-item .a-block-all:before{content:'';width:14px;height:12px;background: url(/pconts/images/icon/btn_download01_pc.png) no-repeat 50% 50%;background-size:100% auto;position:absolute;left:0;top:5px;}
@media screen and (min-width: 1100px){
	.search-com{max-width:700px;width:100%;margin:0 auto;padding:25px 0px 50px;}
	.search-com .search_box_type01 > .search_type{width:100%;}
	.input_wrap.search_type input::-webkit-input-placeholder{font-size:1.6rem;}
	.notice-list-wrap{margin-top:25px;}
	.notice-list1 .text-sec{padding-right:110px;}
	.notice-list1 .text1{font-size:1.6rem;}
	.notice-list1 .a-block-all{min-height:55px;}
	.notice-list1 .date-sec{font-size:1.6rem;height:100%;padding:8px 0px 11px;position:absolute;right:0;top:0;display:flex;align-items: center;}
	.notice-list1 .a-block-all:hover{background:rgba(242,247,255,0.6)}
	.notice-list1 .a-block-all .text1:after{content:'';position:absolute;bottom:0px;left:50%;width:0;height:1px;background:#000;transition:all .2s ease-in-out;}
	.notice-list1 .a-block-all:hover .text1:after{left:0;width:100%;}
	.notice-file-sec .file-item .a-block-all{padding-left:36px;}
	.notice-file-sec .file-item .a-block-all:before{left:10px;top:6px;}
}

/* 서비스 메인 */
#shcSm5sec1b{margin-bottom:-30px}
#shcSm5 .tops-user-info{margin-top:6px;}
#shcSm5sec1c .m-article{}
#shcSm5sec1d.m-banner1{height:auto;}
#shcSm5sec1d.m-banner1 .m-article{padding-bottom:30px;}
#shcSm5 .tab_type03 {margin-top:16px;}
.svc-list-wrap{height:201px;overflow:hidden;transition:all .4s ease-in-out;}
.svc-list-wrap.on{height:100%;}
/* #shcSm5sec1b .m-base-list3 .c-link1-a.cost:hover:before {left:50%;right:100%;} */
#shcSm5sec1b .list-link:hover .c-link1-a.cost:before {left:0;right:1em;}
#shcSm5sec1b .list-link{display: flex;align-content: center;align-items: center;justify-content: space-between;font-weight: bold;font-size: 1.6rem;height: 60px;width: 100%;}
@media screen and (min-width: 1100px){
	#shcSm5 > div[data-bind-view=MOBFM005R0106] > div[data-bind-visible='isLogin']{padding-bottom:0px;}
	#shcSm5sec1b{margin-bottom:0px}
	.m-base-list4 .list-item .img-sec{width:42px;height:42px;}
	.svc-list-wrap .icon-group{position:absolute;top:10px;left:73px;padding:0;}
	#shcSm5sec1b .m-article{padding-top:70px;border-bottom:1px solid #eee;}
	#shcSm5 .tops-user-info{margin-top:23px;}
	#shcSm5 .tops-user-info .m-base-list3 .list-item .cell:first-child{min-height:0;}
	#shcSm5 .tops-user-info .m-base-list3 .list-item{padding:7px 47px;}
	#shcSm5 .tops-user-info .m-base-list3 .list-item:first-child{padding-left:32px;padding-right:40px;}
	#shcSm5sec1c{margin-top:0;}
	#shcSm5sec1c .m-article{padding:60px 0px;}
	#shcSm5sec1d.m-banner1 .m-article{padding-bottom:60px;}
	.svc-list-wrap{height:225px;overflow:hidden;}
	#shcSm5 .tab_type03{margin-top:19px;}
	.m-more-wrap{margin-bottom:-8px;}
	#shcSm5sec1b .list-link {display:block;height:auto;font-size:1.8rem;}
}

/* 폰트 관련 DX 수정 */
.submain_digital .visual_txt{margin-top:0;}
.radio_wrap.type_btn .radio_btn input[type="radio"] + span, 
.check_wrap.type_btn .check_btn input[type="checkbox"] + span{font-size:1.4rem}
.radio_list .radio_default.vmid input + span::before, 
.checkbox_list .check_default.vmid input + span::before{left:0px;}
.mic_list_wrap dl.myinfo > dt{padding-right:30px;}
/*.radio_wrap .radio_default input[type="radio"]:checked + span:after{top:6px}*/
.btn_sm.link::after{margin-bottom:2px;}
.text_link::after{top:7px;}
.table_wrap table td{font-size:1.4rem}
p.marker_number, 
span.marker_number, 
ul.marker_number > li,
ol.marker_number > li
.color_darkgray{color:#000 !important;}
.loan_credit_list .wgt_md{font-weight:900 !important;}
.accordion_wrap.btm_line b,
.accordion_wrap.btm_line strong{font-weight:900 !important}
.card_jun_info b,
.card_jun_info strong{font-weight:900 !important}
[class*=icb_], 
[class*=ic-r-bank]{font-size:1.3rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 100%;display: block;}
.cardlist_filter_wrap .filter_toggle{width:100px;}
@media screen and (min-width: 1100px) {
	.card_filter .h_wrap .h_title24{font-size:18px;}
	.card_filter .card_filter_body{flex-wrap: wrap;}
	.card_filter_body.period_add .radio_wrap.type_btn{margin-left:0;}
	.card_filter_body .radio_wrap.type_btn.type_free li:first-child{margin-left:5px}
	.card_filter_body .radio_wrap.type_btn.type_free ul{margin-left:-5px}
    .myinfo_card_wrap .accordion_wrap .benefit_detail_wrap .benefit01 .graph.off span{font-size:1.4rem}
	.w_size01 .radio_wrap .radio_default + .radio_default, .w_size01 .check_wrap .check_default + .check_default{margin-left:18px;}
}
@media screen and (max-width: 1100px) {
	.content_well .content_heading .text_area + .btn_wrap.btn_cont .btn.default {min-width:152px;padding:0px 20px}
	.sub_spec_info .tit + span.line2{width: calc(100% - 93px);margin-top: 5px;}
	.division_group2 > dl > .title{flex:none;width:90px;padding-right:10px;}
	.division_group2 .info strong{font-size:1.7rem;}
	.btn_sm, .btn_outlink.btn_sm{line-height:26px;}
	.btn_sm.btn_outlink::after{margin-bottom:1px;}
	.grade_list li{padding-right:0;}
	.grade_list li p + p{font-size:1.4rem;}
	.btn_link{font-size:14px;letter-spacing:-0.03em;min-width:120px;}
	.btn_outlink{line-height:36px;}
	.btn_outlink::after{margin-bottom:-2px;}
	.card_filter_body .radio_wrap.type_btn .radio_btn{margin-right:4px;margin-bottom:4px;}
	.card_filter_body .radio_wrap.type_btn .radio_btn:last-child{margin-right:0;}
	.card_filter_body .radio_wrap.type_btn .radio_btn + .radio_btn{margin-left:0;}
	.btn_wrap.btn_cont [class*=c-btn]:not([style*="display:none"]):not([style*="display: none"]) + [class*=c-btn]{margin-left:0}
	.btn_link{font-weight:400;}
	.btn_link::after{top:-1px;}
	.list01[data-type="card"] .notice_news .badge_area{left:100px;bottom:23px;}
	.badge.new{padding:0;}
	.accordion_body .area{padding:18px 0px 20px;}
	.contents_heading.h_wrap > p{display:none;}
}

@media screen and (max-width: 767px){
	.sh_agreement_select .select_wrap{width: calc(100% - 72px);}
}
@media screen and (min-width: 1100px) {
	.report_recome .btn_wrap + .btn_wrap{margin-left:4px;}
	div[data-bind-view="MOBFM180R01"] .radio_wrap.type_grid ul li{width: 50%;}
}
.h_wrap .h_title38{margin-bottom:38px;}
.ly_inner{padding:0px 24px;}
[class*=c-section] + [class*=c-section1]{padding:30px 0px;}
.c-article{padding:0px 24px;}
.check_wrap .check_default input[type="checkbox"] + span{font-size:1.5rem;font-weight:normal;}
.check_wrap .check_default input[type="checkbox"] + span:before{width:25px;height:25px;border:none;background:none;border-radius:0;background:url(/pconts/images/shcard/ipt-chk1-a.png) center center no-repeat;background-size:100% auto;}
.check_wrap .check_default input[type="checkbox"] + span:after{display:none;}
.check_wrap .check_default input[type="checkbox"]:checked + span:before{background-image:url(/pconts/images/shcard/ipt-chk1-b.png)}
/*radio_wrap .radio_default input[type="radio"]:disabled + span:before, */
.check_wrap .check_default input[type="checkbox"]:disabled + span:before {background-image: url('/pconts/images/common/check_disabled_on.png'); display: inline-block;position: absolute; width: 15px;height: 11px;top: 8px;left: 6px; content: "";}

/* 버튼 */
[class*=c-btn5]:before{top:2px;}
[class*=c-btn5]:after{top:8px;}

/* 탭 */
.tab_type01 .tab_list li a, 
.tab_type01 .tab_list li button{padding:0px 10px;height:52px;display:flex;align-items: center;color:#888;font-size:1.8rem;font-weight:normal;}
.tab_type01 .tab_list li.current a, 
.tab_type01 .tab_list li.current button{color:#000;font-weight:900;}
.tab_type01 .tab_list li.current:before{left:10px;right:10px;width:auto;height:3px;}
.tab_type01 > .tab_pull > .tab_list{margin-left:-10px;}
.tab_type01 > .tab_pull,
.tab_type01.swiper_tab > .tab_pull{padding:0px 24px;margin:0px -24px;overflow:hidden;}
.tab_type01 > .tab_pull:before, 
.tab_type01 .ly_inner > .tab_pull:before{display:none;}
/* .tab_type01.swiper_tab > .tab_pull > .swiper-container:before{width:24px;left:-10px;height:100%;}
.tab_type01.swiper_tab > .tab_pull > .swiper-container{margin-left:-10px;} */
.contents_heading .tab_type01.swiper_tab > .tab_pull > .swiper-container:before{width:24px;left:-10px;height:100%;}
.tab_type01.swiper_tab.tab_t2 > .tab_pull > .swiper-container{margin-left:0;}
.tab_type01 > .tab_pull > .swiper-container{margin-left:-10px;}
.tab_type01.swiper_tab .tab_pull .swiper-button-prev{left:0;height:100%;background-size:auto 100%;transform:translate(0,0)}
.tab_type01.swiper_tab .tab_pull .swiper-button-next{right:0;height:100%;background-size:auto 100%;background-position:right center;transform:translate(0,0)}
.tab_type01.swiper_tab .swiper-container .swiper-container{margin-left:0}
.tab_type01.swiper_tab .shcard_slide_wrap .swiper-container{margin:0 auto}
.tab_type01 > .ly_inner > .tab_pull,
.tab_type01 > .tab_sticky > .ly_inner > .tab_pull{padding:0px 24px;margin:0px -24px}
body .tab_type02 > .tab_list > li.current > a, 
body .tab_type02 > .tab_list > li.current > button{color:#fff;font-weight:bold;letter-spacing:0;background:transparent;}
body .tab_type02 > .tab_list > li > a, 
body  .tab_type02 > .tab_list > li > button{font-size:1.6rem;padding: 14px 5px 13px;height:100%;line-height: 1.2;width:100%;background:transparent;}
.contents .tab_type02 > .tab_list li.current:before{left: -1px;right:auto;width: auto;height: auto;}
.tab_type03{position:relative;margin-bottom:15px;}
.tab_type03.swiper_tab > .ly_inner > .tab_pull,
.tab_type03.swiper_tab > .tab_pull{padding:0px 24px;margin:0px -24px;position: relative;overflow:hidden;}
.tab_type03.swiper_tab  .tab_pull > .swiper-container{overflow:visible;}
.tab_type03.swiper_tab  .tab_pull > .swiper-container:before{left:-24px;width:24px;height:100%;}
.tab_type03.swiper_tab  .tab_pull > .swiper-container:after{right:-24px;width:24px;height:100%;}
.tab_type03.swiper_tab  .tab_pull:before{display:none;}
.tab_type03 .tab_list li{margin:0;}
.tab_type03 .tab_list li a, 
.tab_type03 .tab_list li button{height:40px;padding:0px 16px;line-height:40px;white-space:nowrap;width:auto;color:#666;background:#f8f8f8;border-radius:20px;margin:0px 3px;font-size:1.4rem;font-weight:normal}
.tab_type03 .tab_list li:first-child a,
.tab_type03 .tab_list li:first-child button{margin-left:0;}
.tab_type03 .tab_list li.current a, 
.tab_type03 .tab_list li.current button{background:#383b5a;color:#fff;font-weight:normal;}
.tab_type03 .tab_list li.current:before{display:none;}
.tab_type03.swiper_tab .tab_pull .swiper-button-disabled {display:none !important;}
.tab_type03.swiper_tab .tab_pull .swiper-button-next{left:auto;top:50%;right:0;transform: translateY(-50%)}
.tab_type03.swiper_tab .tab_pull .swiper-button-prev{right:auto;top:50%;left:0;transform: translateY(-50%)}
.tab_type03 > .tab_pull + .tab_cont,
.tab_type03 > .tab_pull + .tab_wrap{margin-top:15px;}
.tab_type04 .tab_list li a, 
.tab_type04 .tab_list li button,
[class*='tab_type0'] .tab_type04 .tab_list li a,
[class*='tab_type0'] .tab_type04 .tab_list li button {font-size:1.6rem;padding:10px;}
.tab_type04 > .tab_list li.current a, 
.tab_type04 > .tab_list li.current button{font-weight: 700;color: #4868e1;}
.contents_heading{margin-top:0;}
.depth4-tab{margin-bottom:40px;}
.contents_heading{display:block;}
.h_wrap .h_title38{display:none;}
.c-tit1{font-size:2.2rem;}
[class*=c-bull] li+li, [class*=c-bull] + [class*=c-bull], 
[class*=c-bull] li > [class*=c-bull]{margin-top:5px;}
@media screen and (min-width: 1101px) {
	.contents_heading{margin-top:33px;}
	.h_wrap .h_title38{display:block;}
	[class*=c-section] + [class*=c-section1]{padding-top:60px;margin-top:60px}
	.h_wrap .h_title38{/*font-size:28px;*/font-weight:900;}
	.c-article{padding:0;}
	.ly_inner{padding:0;}
	.ly_inner.familyMall{padding-top:40px;}
	.tab_type01 .tab_list li a, 
	.tab_type01 .tab_list li button{font-size:2.1rem;height:48px;padding:0px 13px;}
	.tab_type01 .tab_list li.current:before{left:13px;right:13px;}
	/* .tab_type01.swiper_tab .swiper-container{margin-left:-13px;} */
	
	/* 접근성 탭포커스 영역 보여주기 위해 수정 */
	.tab_type01.swiper_tab.depth4-tab > .tab_pull {overflow:visible;}
	.tab_type01.swiper_tab.depth4-tab .tab_list li {padding:2px;}
	.tab_type01.swiper_tab.depth4-tab .tab_list li a,.tab_type01 .tab_list li button {height:44px;padding:0px 11px}

	.contents_heading .tab_type01.swiper_tab .swiper-container{margin-left:-13px;}
	.tab_type01 > .tab_pull > .tab_list{margin-left:-13px;}
	body .tab_type02 > .tab_list > li a, 
	body .tab_type02 > .tab_list > li button{height:100%;font-size:1.8rem;padding: 16px 10px 15px;line-height:1.39}
	.contents .tab_type02 > .tab_list > li.current:before{left: -1px;right:auto;width: auto;height: auto;}
	.tab_type03 .tab_list li a, 
	.tab_type03 .tab_list li button{height: 40px;padding: 0px 16px;color: #666;font-size: 1.6rem;}
	.tab_type03.swiper_tab .tab_pull .swiper-button-next,
	.tab_type03.swiper_tab .tab_pull .swiper-button-prev{width:24px;}
	.check_wrap .check_default input[type="checkbox"] + span{font-size:1.6rem;}
    .tab_type01.swiper_tab .tab_pull .swiper-button-next {right: 11px;}
	.list01[data-type="card"] .notice_news .badge_area{left:110px;bottom:22px;}
}


/* gnb */
/*.new-header*/ .gnb-fav-menu{background:#f4f7fc;position:fixed;width:100%;left:0;top:130px;display:none;}
/*.new-header*/ .is_gnbOpend .gnb-fav-menu{display:block;z-index:100} 
/*.new-header*/ .gnb-fav-menu .tit{position:absolute;left:20px;top:50%;transform:translateY(-50%);font-size:1.4rem;color:#3d4964;font-weight:bold;}
/*.new-header*/ .gnb-fav-menu .inner{padding-left:105px;position:relative;width:1080px;margin:0 auto;height:60px;}
/*.new-header*/ .gnb-fav-menu .btn-word{font-weight:normal;font-size:1.3rem;color:#000;display:inline-block;height:34px;line-height:34px;background:#fff;border-radius:5px;border:1px solid #e9ebf0;padding:0px 15px;} 
/*.new-header*/ .gnb-fav-menu .gnb-fav-swiper{position:relative;padding:13px 3px 0px;height:100%;}
/*.new-header*/ .gnb-fav-menu .gnb-fav-swiper:before{content:'';width:30px;height:100%;position:absolute;left:0px;top:0px;background:linear-gradient(to right,rgba(244, 247, 252, 1) 50% , rgba(244, 247, 252, 0));;z-index:3;}
/*.new-header*/ .gnb-fav-menu .gnb-fav-swiper:after{content:'';width:30px;height:100%;position:absolute;right:0px;top:0px;background:linear-gradient(to left,rgba(244, 247, 252, 1) 50% , rgba(244, 247, 252, 0));;z-index:3;}
/*.new-header*/ .gnb-fav-menu .gnb-fav-swiper .swiper-button-next,
/*.new-header*/ .gnb-fav-menu .gnb-fav-swiper .swiper-button-prev{width:30px;height:40px;top:50%;transform:translateY(-50%);margin:0;z-index:5}
/*.new-header*/ .gnb-fav-menu .gnb-fav-swiper .swiper-button-next{background:url(/pconts/images/shcard/arr-60-r-a.png) center center no-repeat;background-size:20px auto;right:-15px;}
/*.new-header*/  #fullMenuWrap .gnb-fav-menu .gnb-fav-swiper .swiper-button-prev{width:24px;}
/*.new-header*/  #fullMenuWrap .gnb-fav-menu .gnb-fav-swiper .swiper-button-next{width:24px;right:0;}
/*.new-header*/ .gnb-fav-menu .gnb-fav-swiper .swiper-button-prev{background:url(/pconts/images/shcard/arr-60-l-a.png) center center no-repeat;background-size:20px auto;left:0px;}
/*.new-header*/ .gnb-fav-menu .gnb-fav-swiper .swiper-button-next.swiper-button-disabled, 
/*.new-header*/ .gnb-fav-menu .gnb-fav-swiper .swiper-button-prev.swiper-button-disabled{opacity:0.05}
/*.new-header*/ .header_body .gnb-fav-menu .gnb-fav-swiper .swiper-button-next,
/*.new-header*/ .header_body .gnb-fav-menu .gnb-fav-swiper .swiper-button-prev{display:none;}
/*.new-header*/ .gnb-fav-menu .gnb-fav-swiper .swiper-container{padding:0px 20px;;width:auto;}
/*.new-header*/ .gnb-fav-menu .gnb-fav-swiper .swiper-wrapper:after{display:none;}
/*.new-header*/ .gnb-fav-menu .gnb-fav-swiper .swiper-slide{width:auto;padding:0px 3px;}
/*.new-header*/ .gnb-fav-menu .fav-text1{font-size:1.3rem;color:#888;padding:21px 36px;}
.has_eventTopBnr /*.new-header*/ .header_body  .gnb-fav-menu{top:190px;}
/*.new-header*/ #header .gnb_wrap .gnb-swiper-nav .gnb-swiper-nav-next{position:absolute;left:50%;top:50%;transform:translateY(-50%);width:64px;height:64px;color:transparent;user-select:none;margin-left:550px;}
/*.new-header*/ #header .gnb_wrap .gnb-swiper-nav .gnb-swiper-nav-next:after{content:'';display:block;width:25px;height:25px;border-top:1px solid #939393;border-right:1px solid #939393;transform:rotate(45deg) ;position:absolute;left:8px;top:15px;}
/*.new-header*/ #header .gnb_wrap .gnb-swiper-nav .gnb-swiper-nav-prev{position:absolute;right:50%;top:50%;transform:translateY(-50%);width:64px;height:64px;color:transparent;user-select:none;margin-right:550px;}
/*.new-header*/ #header .gnb_wrap .gnb-swiper-nav .gnb-swiper-nav-prev:after{content:'';display:block;width:25px;height:25px;border-top:1px solid #939393;border-right:1px solid #939393;transform:rotate(-135deg) ;position:absolute;right:8px;top:15px;}
/*.new-header*/ #header .gnb_wrap .gnb-swiper-nav .gnb-swiper-nav-next .text,
/*.new-header*/ #header .gnb_wrap .gnb-swiper-nav .gnb-swiper-nav-prev .text{position:absolute;width:100%;text-align:center;bottom:0;left:0;}
/*.new-header*/ #header .gnb_wrap .gnb-swiper-nav .gnb-swiper-nav-next:hover:after,
/*.new-header*/ #header .gnb_wrap .gnb-swiper-nav .gnb-swiper-nav-prev:hover:after{border-color:#000;border-width:2px;}
/*.new-header*/ #header .gnb_wrap .nav_area .allmenu_group{top:130px;overflow:hidden;}
/*.new-header*/ #header .gnb_wrap .nav_area .allmenu_scroll{margin-top:60px;border-top:none;overflow:auto;max-height: calc(100vh - 310px);} 

/* gnb font */
/*.new-header*/ #header .gnb_wrap .allmenu_title{max-width:1080px;width:100%;margin:0 auto;padding:30px 20px 20px;font-weight:900;font-size:1.8rem;color:#000}
/*.new-header*/ #header .allmenu_title > a{position:relative;padding-right:17px;vertical-align:middle;}
/*.new-header*/ #header .allmenu_title > a:after{content:'';position:absolute;right:-5px;top:50%;transform:translateY(-50%);width:22px;height:22px;background:url(/pconts/images/shcard/arr-60-r-a.png) center center no-repeat;background-size:100% auto;}
/*.new-header*/ .allmenu_list .tit{color:#000;font-size:1.6rem;font-weight:bold;position:relative;margin-bottom:10px;}
/*.new-header*/ .allmenu_list .tit > a{position:relative;padding-right:17px;max-width:calc(100% - 30px)}
/*.new-header*/ .allmenu_list .tit > a:after{content:'';position:absolute;right:-5px;top:50%;transform:translateY(-50%);width:22px;height:22px;background:url(/pconts/images/shcard/arr-60-r-a.png) center center no-repeat;background-size:100% auto;}
/*.new-header*/ #header a > .m-name{display:inline-block;position:relative;}
/*.new-header*/ #header a > .m-name:after{content:'';position:absolute;bottom:0;left:50%;width:0px;height:1px;background:#000;transition:all .3s ease-in-out;}
/*.new-header*/ #header a:hover > .m-name:after{width:100%;left:0;}
/*.new-header*/ #header .gnb_wrap .nav_area .allmenu_cont{padding-bottom:60px}
/*.new-header*/ #header .gnb_wrap .nav_area .allmenu_cont .allmenu_list:nth-child(1), 
/*.new-header*/ #header .gnb_wrap .nav_area .allmenu_cont .allmenu_list:nth-child(2), 
/*.new-header*/ #header .gnb_wrap .nav_area .allmenu_cont .allmenu_list:nth-child(3), 
/*.new-header*/ #header .gnb_wrap .nav_area .allmenu_cont .allmenu_list:nth-child(4){margin-top:0;}
/*.new-header*/ .allmenu_list .dep1_link{display:inline-block !important;font-size:1.4rem;color:#666;vertical-align:middle;max-width:calc(100% - 30px);}
/*.new-header*/ .allmenu_list .dep1_link .m-name{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;}
/*.new-header*/ .allmenu_list .tit a.outlink::after{top:8px;}
/*.new-header*/ .allmenu_list .dep1_link:focus,
/*.new-header*/ .allmenu_list .dep1_link:hover{color:#000;}
/*.new-header*/ .allmenu_list .dep1_item{line-height:1;white-space:nowrap;}
/*.new-header*/ .allmenu_list .dep1_item + .dep1_item{margin-top:1px;}
/*.new-header*/ #header .gnb_wrap [class*="icon-text-"]{display:none;}
/*.new-header*/ #header [class*="icon-text-"]{position:relative;margin-top:-3px;margin-left:4px;}
/*.new-header*/ .menu-tip-trigger{position:absolute;right:0;top:2px;width:20px;height:20px;color:transparent;overflow:hidden;background:#fff url(/pconts/images/shcard/ico-72-tip1.png) center center no-repeat;background-size:16px auto;user-select:none;}
/*.new-header*/ .menu-tip-pop{display:none;position:absolute;right:7px;top:34px;width:170px;box-shadow:2px 2px 10px 5px rgba(0,0,0,0.1);border-radius:8px;z-index:100;background:#fff;white-space:normal;font-size:1.2rem;padding:13px 16px;padding-right:34px;line-height:1.4;font-weight:normal;color:#111;}
/*.new-header*/ .menu-tip-pop:after{content:'';position:absolute;right:0;top:-10px;width:0px;height:0px;border-right:10px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent; z-index:2;}
/*.new-header*/ .menu-tip-pop:before{content:'';position:absolute;right:0px;top:-10px;width:2px;height:10px;box-shadow:2px 0px 8px 1px rgba(0,0,0,0.1);background:none;}
/*.new-header*/ .menu-tip-pop .menu-tip-close{position:absolute;z-index:1;right:12px;top:12px;width:16px;height:16px;overflow:hidden;color:transparent;user-select:none;background:url(/pconts/images/shcard/ico-72-close1.png) center center no-repeat;background-size:100% auto;}
/*.new-header*/ .allmenu_list .dep1_link, .allmenu_list .dep2_link{line-height:22px;}
/*.new-header*/ .allmenu_list .dep1_item .btn_expand{padding-right:0;}
/*.new-header*/ .allmenu_list .dep1_item .btn_expand::after{display:none;}
/* sitemap */
/*.new-header*/ .fullMenu{border-radius:12px;width:100%;max-width:1200px;}
/*.new-header*/ .fullMenu_nav .tab_list li a{padding:41px 49px 0px 49px;font-size:2.0rem;font-weight:900;color:#000;height:auto;line-height:1;}
/*.new-header*/ .fullMenu_nav .tab_list li a span{height:auto;display:inline;}
/*.new-header*/ .fullMenu_nav .tab_list{height:auto;}
/*.new-header*/ .fullMenu_nav:after{display:none;}
/*.new-header*/ .fullMenu.is_sigin .fullMenu_user{display:none;}
/*.new-header*/ .fullMenu_nav .tab_list li{height:auto;}
/*.new-header*/ .allmenu_nav_wrap .allmenu_nav .tab_list a .icon{display:none;}
/*.new-header*/ .fullMenu_body #fullMenuTabCont_2{display:block !important;}
/*.new-header*/ .fullMenu .allmenu_nav{position:relative;width:auto;top:auto !important;}
/*.new-header*/ .allmenu_nav_bg{display:none;}
/*.new-header*/ .fullMenu .allmenu_nav_wrap .allmenu_inner{padding-left:0;display:block;padding-right:10px;}
/*.new-header*/ .allmenu_nav_wrap .allmenu_etc{display:none;}
/*.new-header*/ .gnb-quick-bar{display:none !important;}
/*.new-header*/ .fullMenu_body{height:calc(100% - 63px);}
/*.new-header*/  #fullMenuWrap .allmenu_nav_wrap{height:100%;}
/*.new-header*/  #fullMenuWrap .gnb-fav-menu{display:none;}
/*.new-header*/ .fullMenu .allmenu_nav_wrap .allmenu_inner{height:100%;}
/*.new-header*/ .fullMenu_nav .tab_list li a{cursor:default;pointer-events: none;}
/*.new-header*/ .fullMenu_nav .tab_list li.current a{border:0;color:#000;}
/*.new-header*/ .allmenu_nav_wrap .allmenu_nav{padding:29px 50px 37px;;overflow:hidden;position:relative;}
/*.new-header*/ .allmenu_nav_wrap .allmenu_nav:before{content:'';width:50px;height:100%;position:absolute;left:0;top:0;background:linear-gradient(to right,rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0));z-index:10;}
/*.new-header*/ .allmenu_nav_wrap .allmenu_nav:after{content:'';width:50px;height:100%;position:absolute;right:0;top:0;background:linear-gradient(to left,rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0));z-index:10;}
/*.new-header*/ .allmenu_nav_wrap .allmenu_nav .swiper-container{overflow:visible;}
/*.new-header*/ .allmenu_nav_wrap .allmenu_nav .tab_list li{width:auto;}
/*.new-header*/ .allmenu_nav_wrap .allmenu_nav .tab_list li + li{margin-left:6px;}
/*.new-header*/ .allmenu_nav_wrap .allmenu_nav .tab_list li > a{height:40px;padding:0px 17px;background:#f8f8f8;color:#666;font-size:1.6rem;border-radius:40px;;display:flex;align-items: center;}	
/*.new-header*/ .allmenu_nav_wrap .allmenu_nav .tab_list a span{display:inline;font-size:inherit;font-weight:inherit;height:auto;padding:0;}
/*.new-header*/ .allmenu_nav_wrap .allmenu_nav .tab_list li.current{background-color:transparent;}
/*.new-header*/ .allmenu_nav_wrap .allmenu_nav .tab_list li a.on{color:#fff;background:#383b5a;}
/*.new-header*/ .allmenu_nav_wrap .allmenu_nav .swiper-button-next, 
/*.new-header*/ .allmenu_nav_wrap .allmenu_nav .swiper-button-prev{width:24px;height:40px;top:50%;transform:translateY(-50%);margin:0;z-index:11;display:none;}
/*.new-header*/ .allmenu_nav .swiper-button-next{background:url(/pconts/images/shcard/arr-60-r-a.png) center center no-repeat;background-size:20px auto;right:0px;}
/*.new-header*/ .allmenu_nav .swiper-button-prev{background:url(/pconts/images/shcard/arr-60-l-a.png) center center no-repeat;background-size:20px auto;left:0px;}
/*.new-header*/ .allmenu_nav .swiper-button-next.swiper-button-disabled, 
/*.new-header*/ .allmenu_nav .swiper-button-prev.swiper-button-disabled{opacity:0.05}
/*.new-header*/ .fullMenu_body .allmenu_nav_wrap .tab_content{display:block !important;padding-bottom:40px;}
/*.new-header*/ .fullMenu_body .allmenu_nav_wrap .tab_content:last-child{padding-bottom:70px;}
/*.new-header*/ .fullMenu_nav  #fullMenuTabNav_1{display:none !important;}
/*.new-header*/ .fullMenu_body #fullMenuTabCont_1{display:none !important;}
/*.new-header*/ .allmenu_nav_wrap{overflow:visible;height: calc(100% - 17px);}
/*.new-header*/ .allmenu_nav_wrap .allmenu_body{overflow:auto;height:calc(100% - 106px);-webkit-overflow-scrolling: touch;}
/*.new-header*/ .allmenu_nav_wrap .allmenu_body .allmenu_cont{padding:0px 30px;}
/*.new-header*/ .allmenu_nav_wrap .allmenu_body .allmenu_title{border:0;height:auto;margin:0px 50px;font-weight:900;font-size:1.8rem;color:#000;margin-bottom:16px;}
/*.new-header*/ .allmenu_nav_wrap .allmenu_body::-webkit-scrollbar{width:6px;} 
/*.new-header*/ .allmenu_nav_wrap .allmenu_body::-webkit-scrollbar-thumb{width:10%;background-color:rgba(0,0,0,0.1);border-radius:10px;}
/*.new-header*/ .allmenu_nav_wrap .allmenu_body::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,0.5);}
/*.new-header*/ .allmenu_nav_wrap .allmenu_body::-webkit-scrollbar-track{background-color:rgba(0,0,0,0)}
/*.new-header*/ .allmenu_nav_wrap .allmenu_list{padding:0px 20px;margin-bottom:30px;}
/*.new-header*/ .allmenu_nav_wrap .allmenu_cont .allmenu_list{border-right:1px solid #eee;margin-top:30px;position:relative;}
/*.new-header*/ .allmenu_nav_wrap .allmenu_cont .allmenu_list:nth-child(1),
/*.new-header*/ .allmenu_nav_wrap .allmenu_cont .allmenu_list:nth-child(2),
/*.new-header*/ .allmenu_nav_wrap .allmenu_cont .allmenu_list:nth-child(3),
/*.new-header*/ .allmenu_nav_wrap .allmenu_cont .allmenu_list:nth-child(4){margin-top:0;}
/*.new-header*/ .allmenu_nav_wrap .allmenu_cont .allmenu_list:nth-child(4n){border-right:0;}
/*.new-header*/ .allmenu_nav_wrap .allmenu_cont .allmenu_list:nth-child(4n + 1):not(:first-child):before{content:'';width:1080px;height:1px;background:#eee;position:absolute;left:20px;top:-30px;}
/*.new-header */ #fullMenuWrap [class*="icon-text-"]{display:none;}
/*.new-header */ .allmenu_list .dep1_link.outlink::after{margin-bottom:6px;}
/*.new-header*/ .allmenu_nav_wrap .allmenu_body .m-line{display:none;}
@media only screen and (max-width: 1100px){
	/*.new-header*/ .is_gnbOpend .header_body .gnb-fav-menu{display:none;}
	/*.new-header*/ .fullMenu{width:100%;}
	/*.new-header*/ .fullMenu_header{z-index:11;}
	/*.new-header*/ .fullMenu_util{height:56px;background:#fff;border-bottom:none;padding:0px 24px;}
	/*.new-header*/ .fullMenu_util .btn_user{display:none;}
	/*.new-header*/ .fullMenu_util .btn_home{background:none;width:auto;padding-right:5px;padding-left:10px;margin-left:-10px;}
	/*.new-header*/ .fullMenu_util .btn_home:after{content:'홈';font-size:1.4rem;}
	/*.new-header*/ .fullMenu_util .btn_sigin{width:auto;height:30px;color:#000;font-size:1.4rem;padding-left:22px;background:url(/pconts/images/shcard/ico-72-login1.png) left center no-repeat;background-size:25px auto;}
	/*.new-header*/ .fullMenu_util .btn_sigout{width:auto;height:30px;color:#000;font-size:1.4rem;padding-left:22px;background:url(/pconts/images/shcard/ico-72-logout1.png) left center no-repeat;background-size:25px auto;}
	/*.new-header*/ .fullMenu.is_sigin .fullMenu_util .btn_user{display:none;}
	/*.new-header*/ .fullMenu_util .btn_join{width:auto;height:30px;color:#000;font-size:1.4rem;padding:0px 5px;background:none;}
	/*.new-header*/ .fullMenu_util .btn_sigin:after{content:'로그인';}
	/*.new-header*/ .fullMenu_util .btn_sigout:after{content:'로그아웃'}
	/*.new-header*/ .fullMenu_util .btn_join:after{content:'회원가입'}
	/*.new-header*/ .fullMenu .fullMenu_closer{width:30px;height:30px;right:16px;background:url(/pconts/images/shcard/ico-72-close1.png) center center no-repeat;background-size:24px auto;}
	/*.new-header*/ .fullMenu .fullMenu_closer > span{background:none;overflow:hidden;}
	/*.new-header*/ .fullMenu .btn_setup{width:30px;height:30px;overflow:hidden;position:absolute;top:12px;right:52px;background:url(/pconts/images/shcard/ico-72-setup1.png) left center no-repeat;background-size:23px auto;}
	/*.new-header*/ .fullMenu .global_nav{position:fixed;width:100%;bottom:0;left:0;height:50px;background:#eee;}
	/*.new-header*/ .global_nav .tab_list{background:none;padding:8px;margin:0;}
	/*.new-header*/ .global_nav .tab_list li.current a,
	/*.new-header*/ .global_nav .tab_list li a{width:56px;display:flex;color:#000;font-size:1.4rem;text-align:center;align-items: center}
	/*.new-header*/ .global_nav .tab_list li:nth-child(2) a:after{display:none;}
	/*.new-header*/ .global_nav .tab_list li:first-child{display:none}
	/*.new-header*/ .global_nav .tab_list li a:after{background:#b1b7c4;height:14px;}
	/*.new-header*/ .fullMenu.is_sigin .fullMenu_body{height: calc(100% - 63px);}
	/*.new-header*/ .fullMenu_body .allmenu_nav_wrap .tab_content{padding-bottom:0px;}
	/*.new-header*/  #fullMenuWrap .gnb-fav-menu{position:relative;;display:block;left:auto;top:auto;width:auto;}
	/*.new-header*/ .fullMenu_wrap .gnb-fav-menu .inner{height:101px;padding:16px 0px;width:100%;}
	/*.new-header*/ .fullMenu_wrap .gnb-fav-menu .tit{position:relative;left:auto;top:auto;transform:translateY(0);padding-left:24px;margin-bottom:11px;}
	/*.new-header*/ .fullMenu_wrap .gnb-fav-menu .fav-text1{font-size:1.3rem;text-align:center;padding:6px;}
	/*.new-header*/ .gnb-fav-menu .gnb-fav-swiper{padding:0;height:34px;}
	/*.new-header*/ .fullMenu_nav{display:none;}
	/*.new-header*/ .allmenu_nav_wrap .allmenu_nav{margin-top:20px;padding:0px 24px;z-index:13;height:40px;}
	/*.new-header*/ .allmenu_nav_wrap .allmenu_nav .swiper-button-next, 
	/*.new-header*/ .allmenu_nav_wrap .allmenu_nav .swiper-button-prev{display:block;}
	/*.new-header*/ .allmenu_nav_wrap .allmenu_nav:before,
	/*.new-header*/ .allmenu_nav_wrap .allmenu_nav:after{width:25px;}
	/*.new-header*/ .fullMenu .allmenu_nav_wrap .allmenu_inner{padding-right:0;}
	/*.new-header*/ .allmenu_nav_wrap .allmenu_nav .tab_list a span{color:inherit;}
	/*.new-header*/ .allmenu_nav_wrap .allmenu_nav .tab_list li > a{font-size:1.4rem;}
	/*.new-header*/ .allmenu_nav_wrap .allmenu_body{height: calc(100% - 203px);padding-top:24px;}
	/*.new-header*/ .allmenu_nav_wrap .allmenu_body .allmenu_cont{padding:0px 24px;}
	/*.new-header*/ .allmenu_nav_wrap .allmenu_body .allmenu_title{margin:0px 24px;padding:44px 0px;padding:24px 0px 44px;color:#888;font-size:1.4rem;font-weight:bold;/*border-top:1px dotted #ccc;*/}
	/*.new-header*/ #header .allmenu_nav_wrap .allmenu_body .allmenu_title > a:after{width:18px;height:18px;top:50%;right:1px;opacity:0.4;}
	/*.new-header*/ .allmenu_nav_wrap .allmenu_body .tab_content:first-child .allmenu_title{border-top:0;padding-top:8px;}
	/*.new-header*/ .allmenu_nav_wrap .allmenu_body .tab_content:first-child .m-line{display:none;}
	/*.new-header*/ .allmenu_nav_wrap .allmenu_body .tab_content:first-child .m-line:before{margin-top:0;}
	/*.new-header*/ .allmenu_nav_wrap .allmenu_body .m-line{display:block;margin:0px 24px 0px;text-align:center;position:relative;padding-top:20px;}
	/*.new-header*/ .allmenu_nav_wrap .allmenu_body .m-line:before{content:'';height:1px;width:100%;background:#2c3548;position:absolute;left:0px;top:50%;margin-top:10px;}
	/*.new-header*/ .allmenu_nav_wrap .allmenu_body .m-line .name{height:22px;line-height:22px;padding:0px 12px;display:inline-block;margin:0 auto;background:#fff;position:relative;z-index:1;font-weight:900;color:#383b5a;font-size:1.6rem;}
	/*.new-header*/ .allmenu_nav_wrap .allmenu_cont .allmenu_list{border-right:0;}
	/*.new-header*/ .allmenu_nav_wrap .allmenu_body .allmenu_cont .allmenu_list .tit{color:#888;font-size:1.4rem;font-weight:bold;margin:0;}
	/*.new-header*/ .allmenu_nav_wrap .allmenu_body .allmenu_cont .allmenu_list .tit > a:after{width:18px;height:18px;top:50%;right:1px;opacity:0.4;}
	/*.new-header*/ .allmenu_nav_wrap .tit + .dep1_list{margin-top:21px;}
	/*.new-header*/ .allmenu_nav_wrap .allmenu_cont .allmenu_list:nth-child(4n + 1):not(:first-child):before{display:none;}
	/*.new-header*/ .fullMenu .allmenu_nav_wrap .allmenu_inner:before{content:'';position:absolute;left:0;top:30px;width:100%;height:40px;z-index:11;background: linear-gradient(to bottom,rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 0));}
	/*.new-header*/ .fullMenu .allmenu_nav_wrap .allmenu_inner:after{content:'';position:fixed;left:0;bottom:50px;width:100%;height:40px;z-index:11;background: linear-gradient(to top,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0));}
	/*.new-header*/ #header a > .m-name:after{display:none;}
	/*.new-header*/ .allmenu_nav_wrap .allmenu_body .allmenu_cont .allmenu_list{margin:0;padding-top:20px;padding-bottom:40px;border-top:1px dotted #ccc;}
	/*.new-header*/ .allmenu_nav_wrap .allmenu_cont .allmenu_list:nth-child(1), 
	/*.new-header*/ .allmenu_nav_wrap .allmenu_cont .allmenu_list:nth-child(2), 
	/*.new-header*/ .allmenu_nav_wrap .allmenu_cont /*.new-header*/ .allmenu_list:nth-child(3), 
	/*.new-header*/ .allmenu_nav_wrap .allmenu_cont .allmenu_list:nth-child(4){margin-top: 0;}
	/*.new-header*/ .allmenu_nav_wrap .allmenu_body .allmenu_cont .allmenu_list + .allmenu_list{margin-top:0;padding-top:20px;padding-bottom:39px;}
	/*.new-header*/ .allmenu_list .dep1_link{font-size:1.6rem;color:#000;max-width:calc(100% - 70px)}
	/*.new-header*/ .allmenu_nav_wrap .allmenu_body .allmenu_cont .allmenu_list .dep1_item + .dep1_item{margin-top:16px;}
	/*.new-header*/ .menu-tip-trigger{width:24px;height:24px;background-size:100% auto;top:0;}
	/*.new-header   .fullMenu_wrap{display:flex;height:100%;top:0px;transition:all .4s ease-in-out;transition-delay:0s;overflow:hidden;left:auto;right:-100%}
	/*.new-header*/ .fullMenu_wrap.is-opened{right:0;transition:all .4s ease-in-out;transition-delay:0s;}
	/*.new-header*/ .fullMenu_wrap .fullMenu{opacity:1;transition:all .4s ease-in-out;}
	/*.new-header*/ .fullMenu_wrap.is-opened .fullMenu{opacity:1;}*/
	/*.new-header*/ #header .dep1_item [class*="icon-text-"]{margin-top:-4px;}
	/*.new-header*/  #fullMenuWrap [class*="icon-text-"]{display:inline-block;}

    /* 0923 재정의 */
    /*.new-header*/ .allmenu_nav_wrap .allmenu_body{height: calc(100% - 102px);padding-top:24px;} /* 0923 height수정 */
    /*.new-header*/  #fullMenuWrap .gnb-fav-menu{position:relative;;display:none;left:auto;top:auto;width:auto;} /* 0923 임시가림*/
    /*.new-header*/ .fullMenu_util{height:56px;background:#fff;border-bottom:5px solid #f4f7fc ;padding:0px 24px;} /* 0923 보더바텀 임시생성 */

}
/* 0923 재정의 */
/*.new-header*/ .is_gnbOpend .gnb-fav-menu{display:none;z-index:100} /* 0923 임시가림 */
/*.new-header*/ #header .gnb_wrap .nav_area .allmenu_scroll{margin-top:0px;border-top:5px solid #f4f7fc;overflow:auto;max-height: calc(100vh - 310px);} /* 0923 보더 임시 생성 마진탑 60에서 0으로 임시변경 */


/* 신한카드 앱 종료 브릿지 페이지 */
.shappend_bridge_wrap {height: 100%; padding-top: 0 !important;}
.shappend_bridge_wrap .contents {height: 100%; padding-bottom: 0 !important; position: static;}
.shappend_bridge_wrap .bridge_close {width: 20px;height: 20px;position: absolute;top: 25px;right: 30px; background: url('/pconts/images/shcard/220926_shappend_bridge.png') no-repeat center/100%; z-index: 20;}
.shappend_bridge_wrap .contents .ly_inner {display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; overflow-y: scroll;}
.shappend_bridge_wrap .shapp_bridge_conts {text-align: center; padding-top: 180px; position: relative;}
.shappend_bridge_wrap .shapp_bridge_conts::before {content: ''; display: block; width: 160px; height: 177px; position: absolute; top: 0px; right:0; left:0; margin: auto; background: url('/pconts/images/shcard/220905_bridgeimg.png') no-repeat center / 100%;}
.shappend_bridge_wrap .shapp_bridge_conts .btn-cover3 {justify-content: center;}
.shappend_bridge_wrap .shapp_bridge_conts .date_box {background-color: #eff0f5; border-radius: 8px; padding: 17px 10px; margin-top: 15px; font-size: 1.6rem;}
.shappend_bridge_wrap .shapp_bridge_conts .txt1 {font-size: 2.6rem; color: #000; margin-top: 20px; font-weight: 900;}
.shappend_bridge_wrap .shapp_bridge_conts .txt2 {font-size: 1.8rem; color: #000; display: inline-block; font-weight: 700;}
.shappend_bridge_wrap .shapp_bridge_conts .txt3 {font-size: 1.6rem; color: #666; margin-top:8px;}
.shappend_bridge_wrap .shapp_bridge_conts .point-color {color: #3048a2;}
.shappend_bridge_wrap .shapp_bridge_conts .btn-cover1 .c-btn1-a3 {width: 100%;}
.shappend_bridge_wrap .shapp_bridge_conts .btn-cover3 {justify-content: center; margin-top: 15px; font-weight: 700; text-align: center;}
.shappend_bridge_wrap .shapp_bridge_conts .btn-cover3 .c-btn5-a {color: #476eff;}
.shappend_bridge_wrap .shapp_bridge_conts .btn-cover3 .c-btn5-a::after {content: ''; display: block; width: 17px; height: 17px; top: 55%; right: 4px; background: url('/pconts/images/shcard/arr-60-r-c.png') no-repeat center / 100% auto; ; border: none; border-right: 0;border-bottom: 0;transform: rotate(0deg) translateY(-50%);}
@media only screen and (max-height: 640px) {
    .shappend_bridge_wrap .contents .ly_inner {align-items: flex-start; padding-bottom: 40px; padding-top: 40px;}
}

#shcMainSec5 .icon-text-a2{margin-left:8px;}
#shcMainSec5 .icon-text-b1{margin-right:8px;}



/* 메인 서브메인 개편 롤백용 */
/* 메인, 혜택서브메인 이벤트 배너 */
#mainEventSwiper1.event_mainVisual{position:relative;height:auto;overflow:visible;}
#mainEventSwiper1.event_mainVisual .swiper-slide{padding-right:30px;}
#mainEventSwiper1.event_mainVisual .event_cont,
#mainEventSwiper1.event_mainVisual .event-cont{background-color:#f9f9f9 !important;border-radius:8px;position:relative;height:100%;transition: all .2s ease-in-out;height:140px;}
#mainEventSwiper1.event_mainVisual .text-sec{position:absolute;width:calc(100% - 90px);left:0;top:50%;transform:translateY(-50%);padding-left: 27px;color:#000;line-height:1.4;max-height: 84px;overflow: hidden;-webkit-line-clamp: 3;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;}
#mainEventSwiper1.event_mainVisual .text-sec .text1{font-weight:900;font-size:1.7rem;transition:all .4s ease-in-out}
#mainEventSwiper1.event_mainVisual .text-sec .text2{display:none;}
#mainEventSwiper1.event_mainVisual .img-sec{width:130px;height:130px;position:absolute;right:-30px;top:50%;transform:translateY(-50%);background-position:center center;background-repeat:no-repeat;background-size:100% auto;transition:all .4s ease-in-out;}
#mainEventSwiper1.event_mainVisual .swiper-button-prev{left:-8px;margin-top:-16px;}
#mainEventSwiper1.event_mainVisual .swiper-button-next{right:-8px;margin-top:-16px;left:auto;}
#mainEventSwiper1.event_mainVisual .swiper-button-prev,
#mainEventSwiper1.event_mainVisual .swiper-button-next{opacity:1;}
#mainEventSwiper1.event_mainVisual .swiper-button-prev:before,
#mainEventSwiper1.event_mainVisual .swiper-button-next:before{display:none;}
#mainEventSwiper1.event_mainVisual .swiper-button-play:before,
#mainEventSwiper1.event_mainVisual .swiper-button-pause:before{display:none;}
#mainEventSwiper1.event_mainVisual .swiper-controls{position:relative;left:auto;top:auto;right:auto;bottom:auto;display:block;margin-top:6px;padding-bottom:8px;}
#mainEventSwiper1.event_mainVisual .swiper-controls *{display:inline-block;}
@media screen and (min-width: 1100px){
	#mainEventSwiper1.event_mainVisual .event_cont,
	#mainEventSwiper1.event_mainVisual .event-cont{border-radius:12px;height:170px;}
	#mainEventSwiper1.event_mainVisual .event_cont:hover,
	#mainEventSwiper1.event_mainVisual .event-cont:hover{margin-top:-3px;box-shadow:0 0 12px rgba(0,0,0,0.12)}
	#mainEventSwiper1.event_mainVisual .img-sec{width:130px;height:130px;}
	#mainEventSwiper1.event_mainVisual .text-sec{padding-left:36px;width:190px;}
	#mainEventSwiper1.event_mainVisual .text-sec .text1{font-size:1.8rem;}
	#mainEventSwiper1.event_mainVisual .swiper-slide{padding:0px 30px;}
	#mainEventSwiper1.event_mainVisual .swiper-container{margin: -15px 0px -15px -30px;padding: 15px 0px;}
	#mainEventSwiper1.event_mainVisual .swiper-button-prev{left:-20px;}
	#mainEventSwiper1.event_mainVisual .swiper-button-next{right:-20px;}
	#mainEventSwiper1.event_mainVisual .swiper-button-prev,
	#mainEventSwiper1.event_mainVisual .swiper-button-next{margin-top:-10px;}
	#mainEventSwiper1.event_mainVisual .swiper-controls{padding-bottom:0;margin-bottom:-3px;}
}
@media screen and (min-width: 1200px){
	#mainEventSwiper1.event_mainVisual .img-sec{width:140px;height:140px;}
	#mainEventSwiper1.event_mainVisual .text-sec .text1{font-size:2.0rem;}
	#mainEventSwiper1.event_mainVisual .text-sec{padding-left:36px;width: calc(100% - 120px);width:200px;}
}

/* 혜택메인, 탑스 혜택포인트 부분 삭제 예정 (담당: 김민석)
.not-used{display:none !important}  */
#shcSm6sec1B .tops-user-info .m-base-list3 li:nth-child(1),
#shcSm6sec1B .tops-user-info .m-base-list3 li:nth-child(2){display:none;}
#shcSm6sec1B .tops-user-info .m-base-list3 li:nth-child(3){border-left:0}


/* 20221020352617 / 20220729530674 이벤트목록 필터영역 구분 */
.c-cate-list1 .c-cate-list-row {display: flex; align-items: flex-start;}
.c-cate-list1 .c-cate-list-row .ipt-cate1 .text {border-style: solid; border-color: #eee;}
.c-cate-list1 .c-cate-list-row + .c-cate-list-row {margin-top:12px}
.c-cate-list1 .c-cate-list-row strong {flex:0 0 110px; font-size: 18px; padding-top: 8px;}
.c-cate-list2 {display: flex; align-items: flex-start; border-top:1px solid #eee; margin-top:40px; padding-top:27px}
.c-cate-list2 > ul {display: flex; flex-wrap: wrap;}
.c-cate-list2 > ul li {position:relative; margin:3px 20px 0 0px}
.c-cate-list2 > ul li::after {content: ''; display: block; width:100%; height:1px; background: transparent; position: absolute; bottom: -1px; left:0}
.c-cate-list2 > ul li:hover::after  {background:#000}
.c-cate-list2 button {color:#666; position: relative;}
.c-cate-list2 button:hover {color:#000}
.c-cate-list2 > div {flex:0 0 110px; text-align: left;}
.c-cate-list2 .fbtn.filter-clear {padding-right:25px; margin-top:3px; color:#000}
.c-cate-list2 .fbtn.filter-item {padding-right: 20px;}
.c-cate-list2 .fbtn.filter-clear::after, .c-cate-list2 .fbtn.filter-item::after {content: ''; display: inline-block; width:17px; height:17px; position:absolute; right:0; top:4px; background-repeat: no-repeat; background-position: left top; background-size:100% auto}
.c-cate-list2 .fbtn.filter-clear::after {background-image:url(/pconts/images/shcard/ico-btn-refresh.png); }
.c-cate-list2 .fbtn.filter-item::after {background-image:url(/pconts/images/shcard/ico-btn-close.png); top:4px}
.c-cate-list2 .fbtn.filter-item:hover::after {background-image:url(/pconts/images/shcard/ico-btn-close-over.png)}
@media only screen and (max-width: 1100px) {
    /* .c-cate-list1 .list-item {margin:0 3px} */
    .c-cate-list1 .c-cate-list-row .list-row {margin:-6px -3px}
}


/* 이벤트 상세 Start */
.n-event{position:relative;font-size:1.8rem;}
/*.n-event.m_fixed_bottom{padding-bottom:0 !important;}
.n-event.m_fixed_bottom .btn_wrap.m_fixed{position:static}
.n-event.m_fixed_bottom.n-fixed{padding-bottom:112px !important;}
.n-event.m_fixed_bottom.n-fixed .btn_wrap.m_fixed{position:fixed}*/
.n-event #eventContents .c-article > :first-child {margin-top:0 !important;}
.n-event .c-tit2 {font-size:20px;color:#000;}
.n-event .btn_wrap.m_fixed {z-index: 3;}
.n-event .e-section1{height:250px;border-radius:12px;max-width:980px;margin:0 auto;overflow:hidden;}
.n-event .e-section1 img{display:none;}
.n-event .e-section1 .img-sec{width:100%;height:100%;position:absolute;right:0px;bottom:0px;background-position:right bottom;background-repeat:no-repeat;background-size:auto 100%;left:auto;top:auto;z-index:0;}
.n-event .e-section1 .txt-wrap{padding:52px 49px;max-width:700px;}
.n-event .e-section1 .txt-wrap .e-tit1{font-size:38px;font-weight:bold;line-height:1.3;letter-spacing:0;width:100%;}
.n-event .adm-attend .c-section{max-width:980px;margin-left:auto;margin-right:auto;}
.n-event .con.accordion_wrap{border:0;background:#f6f6f6;padding:53px 49px;}
.n-event .con.accordion_wrap .accordion_header button.acc_btn{border-top:0;pointer-events: none;cursor:pointer;font-size:2.2rem;color:#000;width:auto;padding:0;line-height:1.5;}
.n-event .con.accordion_wrap .accordion_header button.acc_btn:after{display:none;}
.n-event .con.accordion_wrap .accordion_body .area{padding:0;padding-top:19px;}
.n-event .con.accordion_wrap .accordion_body .area .para{font-size:inherit;color:inherit;margin:0;margin-top:11px;}
.n-event [class*=e-goods1] .in-wrap{margin:-6px;}
.n-event [class*=e-goods1] .item{flex:1;max-width:none;min-width:calc(25% - 12px);margin:6px;padding:0;border:0;background:#f8f8f8;border-radius:12px;padding:50px 0px 45px;}
.n-event [class*=e-goods1] .item:nth-child(n+5){flex:none;width:calc(25% - 12px);}
.n-event [class*=e-goods1] .img1{height:176px;position:relative;margin-bottom:35px;}
.n-event [class*=e-goods1] .img1:before{content:'';width:176px;height:176px;background:#fff;z-index:0;border-radius:100%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}
.n-event [class*=e-goods1] .img1 img{max-width:155px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);z-index:1;border-radius:100%;}
.n-event [class*=e-goods1] .txt-wrap{padding:0px 20px;margin:0;}
.n-event [class*=e-goods1] .txt-wrap .txt1 strong{font-weight:normal;}
.n-event [class*=e-goods1] .txt-wrap .txt1 + .txt2,
.n-event [class*=e-goods1] .txt-wrap .txt2 + .txt2{color:#666;}
.n-event [class*=e-goods1] .tit1{margin:0;padding:0px 20px;height:27px;margin-bottom:35px;margin-top:-5px;}
.n-event [class*=e-goods1-a2] .in-wrap{margin:-25px;}
.n-event [class*=e-goods1-a2] .item{margin:25px;}
.n-event [class*=e-goods1-a2] .item::after{transform: translateY(-50%);margin:0;right:-33px;}
.n-event .cms-jun-type {margin-top:5px;}
.n-event.special .e-section1{height:725px;}
.n-event.special .img-sec{width:100%;left:0;top:auto;height:100%;background-position:center 70px;background-size:auto 100%;}
.n-event.special .e-section1 .txt-wrap{max-width:100%;;text-align:center;}
.n-event.special .e-section1 .txt-wrap .e-tit1{color:#000;font-size:3.8rem;font-weight:900;text-align:center;}

.c-order1,
ol.c-order1 li{position:relative;padding-left:49px;}
ol.c-order1{padding-left:0;}
.c-order1 .num{position:absolute;left:0;top:2px;font-size:1.4rem;color:#fff;text-align:center;height:24px;border-radius:24px;background:#383b5a;width:38px;line-height:22px;}
ol.c-order1 li + li{margin-top:6px;}
[class*=e-sp2]{margin-top:60px;margin-bottom:30px;text-align:center;}
[class*=e-sp2] .txt2{font-size:3.4rem;font-weight:bold;line-height:1.3;margin-top:13px;}
[class*=e-sp2] .symbol{display:inline-block;height:34px;padding:0px 18px;line-height:32px;font-size:1.8rem;font-weight:bold;border:1px solid #000;border-radius:34px;}
[class*=e-sp2] .c-highlight1::after{opacity:0.2;}
.e-sp2-a .symbol{border-color:#476eff;color:#476eff;}
.e-sp2-a .c-highlight1:after{background:#476eff;}
/* 이벤트 고객고지 유형 추가 */
.e-noti1 li{position:relative;padding-left:40px;}
.e-noti1 li+li{margin-top:16px;}
.e-noti1 li:before{content:'';position:absolute;top:-2px;left:0;width:30px;height:30px;background:url('/pconts/images/dx/event/2023/e_noti_check.png') no-repeat 0 0;background-size:cover;}
.e-noti1 li.ico_o:before{background:url('/pconts/images/dx/event/2023/ico_o.png') no-repeat 0 0;background-size:cover;}
.e-noti1 li.ico_x:before{background:url('/pconts/images/dx/event/2023/ico_x.png') no-repeat 0 0;background-size:cover;}
.e-noti2{position:relative;display:flex;min-height:100px;padding:20px 0;background:#edf0f8;border-radius:20px;align-items: center;}
.e-noti2:before{content:'';position:absolute;top:50%;left:32px;transform:translate(0, -50%);width:40px;height:40px;background:url('/pconts/images/dx/event/2023/e_noti_icon01.png') no-repeat 0 0;background-size:cover;}
.e-noti2 p{padding:0 30px 0 90px;font-size:20px;line-height:26px;}
/* 이벤트 공유버튼 추가 */
.evtShare_btn{position:relative;margin-top:-1px;padding-top:1px;padding-bottom:50px;}	
.past_event + .evtShare_btn{margin-top:50px;}	
.evt_share{position:relative;display:inline-block;min-width:44px;text-align:center;vertical-align:middle;padding-top:50px;}	
.evt_share:before{content:'';position:absolute;top:0;left:50%;transform:translate(-50%, 0);width:44px;height:44px;border-radius:50%;border:1px solid #ddd;background:url('/pconts/images/dx/com/ico_evt_share.png') no-repeat center;background-size:24px auto;}
.evt_share > span{font-size:12px;}	
@media only screen and (max-width: 1100px){
    .n-event{font-size: 1.7rem;}
	.n-event .e-section1{height:380px;position:fixed;left:0;top:56px;width:100%;z-index:1;border-radius:0;max-width:none;}
	.app_pLay .n-event .e-section1{top:0;}
.shpay .n-event .e-section1{top:56px;}
	.n-event .e-section1 .txt-wrap{width:100%;position:absolute;left:0;;top:0px;padding:30px 32px 35px;}
	.n-event .e-section1 .txt-wrap .e-tit1{font-size:2.4rem;width:100%;}
	.n-event .e-section1 .img-sec{height:150px;right:0;bottom:auto;top:120px;}
	.n-event .event-contents-wrap{position:relative;z-index:10;background:#fff;margin-top:270px;}
	.n-event .c-tit2 {font-size:18px;}
	/* 상단 이미지 영역 이동 전 템플릿 - 디지인 맞춤용도 s*/
	.n-event #eventImage + .event-contents-wrap {margin-top:286px;}
	.n-event #eventImage + .event-contents-wrap:before{content:'';border-radius:15px 15px 0px 0px;width:100%;height:40px;box-shadow:0 0px 10px 8px rgba(0,0,0,0.1);position:absolute;left:0;top:-16px;;z-index:0;background:#fff;}
	.n-event #eventImage + .event-contents-wrap .event-contents {box-shadow:none;}
	.n-event #eventImage + .event-contents-wrap .event-contents [class*=c-section]:first-child {padding-top:25px;}
	.n-event #eventImage + .event-contents-wrap .event-contents:before{content:'';display:block;height:1px;width:100%;}
	/* 상단 이미지 영역 이동 전 템플릿 - 디지인 맞춤용도 */
	.n-event .event-contents{position:relative;z-index:2;background:#fff;border-radius:15px 15px 0px 0px;box-shadow:0 0px 10px 8px rgba(0,0,0,0.1);}
	.n-event .event-contents + .ly_inner {z-index:2;background:#fff;}
    .n-event .c-tit1,
    .n-event .headline .c-tit1,
    .n-event .con.accordion_wrap .accordion_header button.acc_btn{font-size:2.0rem;}
	.n-event .con.accordion_wrap{margin:0px -24px;padding:46px 24px;}
	.n-event .past_event + .con.accordion_wrap {margin-top:30px;}
	.n-event .event-contents [class*=c-section]:first-child{margin-top:0;padding-top:42px;}
	ol.c-order1 li + li{margin-top:9px;}
	[class*=e-sp2]{margin-top:65px;margin-bottom:45px;}
	[class*=e-sp2] .txt2{font-size:2.2rem;}
	[class*=e-sp2] .txt2{margin-top:10px;}
	[class*=e-sp2] br {display:none;} /* 허송민님 요청으로 모바일에서 줄바꿈 일괄 제거 23.01.05*/
	.n-event.special .e-section1{height:590px;}
	.n-event.special .img-sec{height:100%;background-position:center 0px;background-size:360px auto;top:auto;bottom:0;}
	.n-event.special .e-section1 .txt-wrap .e-tit1{font-size:2.4rem;}
	.n-event.special .event-contents-wrap{margin-top:578px;}
	.n-event.special .e-section1 .txt-wrap{padding:45px 0px 0px;}
	
	.n-event .event-contents + .ly_inner:after {content: '';display: block;position: absolute;bottom: -100px;left: 0;right: 0;height: 100px;background: #fff;}
/* 이벤트 고객고지 유형 추가 */
	.e-noti1 li{padding-left:34px;}
	.e-noti1 li:before{top:0;width:24px;height:24px;}
	.e-noti2{min-height:94px;}
	.e-noti2:before{left:14px;}
	.e-noti2 p{padding:0 20px 0 69px;font-size:14px;line-height:18px;}
}
@media only screen and (max-width: 768px){
	.n-event [class*=e-goods1] .item{min-width:calc(50% - 12px);border-radius:8px;padding:30px 0px 26px;}
	.n-event [class*=e-goods1] .item:nth-child(n+2),
	.n-event [class*=e-goods1] .item:nth-child(n+5){flex:none;width:calc(50% - 12px);}
	.n-event [class*=e-goods1] .img1{height:120px;margin-bottom:18px;}
	.n-event [class*=e-goods1] .img1:before{width:120px;height:120px;}
	.n-event [class*=e-goods1] .img1 img{max-width:110px;}
	.n-event [class*=e-goods1-a2] .item{width:calc(100% - 50px) !important}
	.n-event [class*=e-goods1-a2] .item::after{transform: translateY(0%)  translateX(-50%);bottom:-47px;right:auto;}
}
/* //이벤트 상세 End  */



/* 검색 테스트 */
/* ################# 공통 */
/* m */
/*  .quickSrch_wrap.renew .autoComplete_wrap.ac2022 .ac_scroll [data-plugin-visible="srch.lstKind == 'late'"] {display: block !important;} 인풋 클릭 시 나오는거 강제로 block시킴 */
.quickSrch_wrap.renew .autoComplete_wrap.ac2022 .form_ele.form-toggle {margin-top: 0;}
.quickSrch_wrap.renew .autoComplete_wrap.ac2022 .ac_title.conts {display: flex; justify-content: space-between;}
.quickSrch_wrap.renew .autoComplete_wrap.ac2022 .ac_title.conts .ac_title_left {flex: 0 1 auto;}
.quickSrch_wrap.renew .autoComplete_wrap.ac2022 .ac_title.conts .ac_title_right {flex: 0 1 auto;}
.quickSrch_wrap.renew .autoComplete_wrap.ac2022 .ac_title .ac_btn_text {height: auto !important;padding: 0 8px !important;border: none !important;background-color: transparent !important;border-radius: 0 !important;font-size: 13px !important;line-height: 1.53 !important; color: #666 !important;}
.quickSrch_wrap.renew .autoComplete_wrap.ac2022 .ac_title .ac_btn_text:first-child {padding-left: 0 !important;}
.quickSrch_wrap.renew .autoComplete_wrap.ac2022 .ac_title .ac_btn_text:last-child {padding-right: 0 !important;}
.quickSrch_wrap.renew .autoComplete_wrap.ac2022 .ac_title .ac_btn_text {position: relative;}
.quickSrch_wrap.renew .autoComplete_wrap.ac2022 .ac_title .ac_btn_text::after {content: ''; display: block; width: 1px; height: 13px; background-color: #888; position: absolute; right: -2px; top: 3px;}
.quickSrch_wrap.renew .autoComplete_wrap.ac2022 .ac_title .ac_btn_text:last-child::after {content: none;}
.quickSrch_wrap.renew .autoComplete_wrap.ac2022 .ac_option {justify-content: flex-end; /*margin-top:0;*/ margin-top: -1px !important;}
.quickSrch_wrap.renew .autoComplete_wrap.ac2022 .ac_btn_keyword.srch::before {content: none;}
.quickSrch_wrap.renew .autoComplete_wrap.ac2022 .srch_keyword {color: #486eff;}
.quickSrch_wrap.renew .autoComplete_wrap.ac2022 .srch_keyword.srch {color: #666;}
.quickSrch_wrap.renew .autoComplete_wrap.ac2022 .ac_btn_srch::before {content: none;}
.quickSrch_wrap.renew .autoComplete_wrap.ac2022 .nolately {text-align: center; text-align: center; font-size: 14px; margin: 25px 0; color: #666;}
.quickSrch_wrap.renew .autoComplete_wrap.ac2022 .ac_title {font-size: 18px;}
.quickSrch_wrap.renew .autoComplete_wrap.ac2022 .ac_nodata {padding: 10px 0;text-align: center;color: #666;font-size: 14px;}

/* 연관검색어 */
.quickSrch_wrap.renew .autoComplete_wrap.ac2022 .ac_btn_keyword {color: #666;} 
.quickSrch_wrap.renew .autoComplete_wrap.ac2022 .ac_menu.associate .ac_list {margin: 0 -20px;padding:0;} 
.quickSrch_wrap.renew .autoComplete_wrap.ac2022 .ac_menu.associate .ac_btn_keyword{padding-right: 0; padding-left:0;} 
.quickSrch_wrap.renew .autoComplete_wrap.ac2022 .ac_menu.associate .ac_list .ac_item {padding: 17px 28px; border-bottom: 1px solid #eee; min-height: 60px;} 
.quickSrch_wrap.renew .autoComplete_wrap.ac2022 .ac_menu.associate .ac_list .ac_item .ac_btn_keyword {margin-left:0;}
.quickSrch_wrap.renew .autoComplete_wrap.ac2022 .ac_menu.associate .ac_list .ac_item:last-child {/*border-bottom: none;*/}
/*.quickSrch_wrap.renew .autoComplete_wrap.ac2022 .ac_menu.associate .ac_list .ac_item:nth-last-child(2) {border-bottom: none;} */ /* 221125 mj삭제 */

/* 연관검색어 배너 추가*/
.quickSrch_wrap.renew .autoComplete_wrap.ac2022 .ac_menu.associate .ac_list_banner {margin: 0 -20px;}
.quickSrch_wrap.renew .autoComplete_wrap.ac2022 .ac_menu.associate .ac_list_banner .ac_item {padding: 0px 28px; border-bottom: 1px solid #eee; position: relative; width: 100%; display: flex; align-items: center; min-height: 60px;} 
/* .quickSrch_wrap.renew .autoComplete_wrap.ac2022 .ac_menu.associate .ac_list_banner .ac_item::before {content: ''; display: block; position: absolute; top:50%; left:0; transform: translateY(-50%); width: 20px; height: 20px; background: red url('') no-repeat center/100%;} */
.quickSrch_wrap.renew .autoComplete_wrap.ac2022 .ac_menu.associate .ac_list_banner .ac_item::after {content: ''; display: block; position: absolute; top:50%; right:
37px; transform: translateY(-50%); width: 6px; height: 11px; background: url('/pconts/images/shcard/221001_searchico01.png') no-repeat center/100%;} 
.quickSrch_wrap.renew .autoComplete_wrap.ac2022 .ac_menu.associate .ac_list_banner .ac_item .ac_list_ico {width: 20px; height: 20px; flex: 0 0 auto;}
.quickSrch_wrap.renew .autoComplete_wrap.ac2022 .ac_menu.associate .ac_list_banner .ac_item .ac_btn_keyword  {flex: 1 1 auto; width: 100%; padding: 15px 20px 15px 8px;} /* 221125 mj수정 */


/* 서브에서 검색창 클릭시 퀵서치도 강제로 열림 */
.quickSrch_wrap.renew .autoComplete_wrap.ac2022 {display: block;} 
.quickSrch_wrap.renew .quickSrch .srch_input_wrap.t1 input {padding-right: 80px !important; border: none;}

/* 접근성 추가소스 */
@media only screen and (max-width: 1100px) {
    .quickSrch_wrap.renew .quickSrch .srch_input_wrap {width:calc(100% - 40px);margin:0 auto;}
    .quickSrch_wrap.renew .quickSrch {padding:0;}
    .quickSrch_wrap.renew .quickSrch .autoComplete_wrap.ac2022{overflow:hidden;overflow-y:auto;padding:0 20px;}
    .quickSrch_wrap.renew .autoComplete_wrap.ac2022 .ac_scroll {height:auto;max-height:inherit;}
    .quickSrch_wrap.renew .autoComplete_wrap.ac2022 .ac_option{flex:none;}
}


/* pc */
@media screen and (min-width: 1100px) {
    html.main-page.pop_open {overflow-y: scroll}
    /* #wrap.shc-index.pc-search-on .quickSrch_inner {top: 260px;} */
	.quickSrch_wrap.renew .quickSrch_inner {width:740px; right: 0; margin: auto; z-index: 52; }
	.quickSrch_wrap.renew .quickSrch_dimmer {z-index: 50;}
	.quickSrch_wrap.renew .quickSrch_inner::before {/*background-color: transparent;*/ width: 700px; left:0; right: 0; margin: auto;}
	.quickSrch_wrap.renew .quickSrch_inner .srch_input_wrap { border-bottom: 2px solid #486eff; height: 64px;}
	.quickSrch_wrap:not(.is_acOnly).renew .quickSrch {width: 700px;}
	.quickSrch_wrap.renew .quickSrch .srch_input_wrap.t1 input + .srch_ico {background: url('/pconts/images/shcard/ico-72-src2.png') no-repeat center center; background-size: 100% auto;}
	.quickSrch_wrap.renew .quickSrch .srch_input_wrap input {height: 62px;}
	.quickSrch_wrap.renew .srch_input_wrap.t1 input.active {border: none;}
	.quickSrch_wrap:not(.is_acOnly).renew .quickSrch_inner.is_active {border-radius: 15px;}
	.quickSrch_wrap.renew .autoComplete_wrap.ac2022 .ac_nodata {padding: 8px 0; font-size: 16px;}
	.quickSrch_wrap.renew .autoComplete_wrap.ac2022 .ac_menu:not(.associate) {margin-top: 30px;}
	.quickSrch_wrap.renew .autoComplete_wrap.ac2022 .ac_option {margin-right: 0px; margin-top: 0;}
	.quickSrch_wrap.renew .autoComplete_wrap.ac2022 .ac_menu.associate .ac_list .ac_item {padding: 17px 0;}
	.quickSrch_wrap.renew .autoComplete_wrap.ac2022 .ac_menu.associate .ac_list .ac_item .ac_btn_keyword {padding-left:0; margin-left: 20px;}
	.quickSrch_wrap.renew .autoComplete_wrap.ac2022 .ac_menu.associate .ac_list .ac_item:hover .ac_btn_keyword {text-decoration: underline;}
	.quickSrch_wrap.renew .autoComplete_wrap.ac2022 .nolately {font-size: 16px;}
	.quickSrch_wrap.renew .autoComplete_wrap.ac2022 .ac_menu.associate .ac_list_banner .ac_item {padding: 0px 20px; }
	.quickSrch_wrap.renew .autoComplete_wrap.ac2022 .ac_menu.associate .ac_list .ac_item:nth-last-child(2) {/*border-bottom: none;*/} /* 221125 mj추가 */
}


/* ########### 통합검색쪽 ########### */
/* m */

/* .totalSrch_container.renewal22 .srch_tags_wrap.tags2022 {height: 55px; padding: 0 10px; justify-content: flex-start; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal; overflow: hidden;} 221125 기존꺼 삭제 */
.totalSrch_container.renewal22 .srch_tags_wrap.tags2022 {height: 55px; padding: 0 5px; display: block; overflow: hidden;} /* 221125 기존 말줄임삭제 수정 */
.totalSrch_container.renewal22 .srch_tags_wrap.tags2022 .default.hashtag {font-weight: bold; color: #000; margin-right: 13px;}
.totalSrch_container.renewal22 .srch_tags_wrap.tags2022 .hashtag {border-radius: initial !important; border: none; margin: 0; color: #888; height: auto; padding: 4px 0; overflow: hidden; padding: 4px 0 4px 8px;  }
.totalSrch_container.renewal22 .srch_tags_wrap.tags2022 .hashtag:not(.default):hover {border-color: initial; color: initial; color: #888;}
.totalSrch_container.renewal22 .tab_list button > span {font-size: 17px;}
.totalSrch_container.renewal22 .tab_type01.tab_t1 > .tab_pull .tab_list::before {content: '';position: absolute;bottom: 0;display: block;background: #eee;height: 1px;width: calc(100% - 48px);left: 0;right: 0;margin: auto;}
.totalSrch_container.renewal22 .tab_type01.swiper_tab.tab_t2 .tab_pull .swiper-button-next {top:0; }
.totalSrch_container.renewal22 .tab_type01.tab_t2 .tab_list li a, 
.totalSrch_container.renewal22 .tab_type01.tab_t2 .tab_list li button {color: #666;border: initial;background-color: #f6f6f6; border-radius: 20px; font-size: 15px;}
.totalSrch_container.renewal22 .tab_type01.tab_t2 .tab_list li.current a, 
.totalSrch_container.renewal22 .tab_type01.tab_t2 .tab_list li.current button {color: #fff;border: initial;background-color: #383b5a;}
.totalSrch_container.renewal22 .srch_noData.srch2022 .sub_title {display: flex; align-items: center; flex-wrap: wrap; justify-content: center;}
.totalSrch_container.renewal22 .srch_noData.srch2022 .sub_title .gonbaek {padding-right: 7px;}
.totalSrch_container.renewal22 .srch_noData.srch2022 .sub_title .srch_keyword {overflow: hidden;max-width: 165px;text-overflow: ellipsis;display: inline-block;}
.totalSrch_container.renewal22 .srch_noData.srch2022 .complete_body .sub_title {max-width: 100%;}
.totalSrch_container.renewal22 .srch_noData.srch2022 .sub_title .srch_keyword > strong {white-space: nowrap;}
.totalSrch_container.renewal22 .srch_noData.srch2022 .srch_pani .srch_pani_link {height: auto; min-height: 78px; padding: 15px 80px 15px 40px;}
.totalSrch_container.renewal22 .srch_input_wrap.t1 input.active {border: none;}
.srch_keyword {color: #4868e1;}
/* .totalSrch_container.renewal22 em.srch_keyword {color: #4868e1;} 커몬에 있는거 바로 덮음 .srch_keyword */
.totalSrch_container.renewal22 .srch_input_wrap.t1 .js_autoComplete.dxAccBox {padding-right: 76px;}/* 221125 mj추가 */
/* pc */
@media screen and (min-width: 1100px) {
	.totalSrch_container.renewal22 .quickSrch_wrap .quickSrch_inner::before {content: none;}
	.totalSrch_container.renewal22 .quickSrch_wrap.is_visible .quickSrch_dimmer.is_active {top: 0 !important;} /* 스크립트에서 헤더값계산해서 맞춰주는거 수정할지 이거 둘지 */
	.totalSrch_container.renewal22 .quickSrch_wrap.is_visible .quickSrch_inner::before {content: '';display: block;position: absolute;height: calc(100% + 75px);width: 640px;left: 0;top: -75px;bottom: 0;background-color: #fff;right: 0;border-radius: 18px;margin: auto; box-shadow: 0px 2px 25px rgb(0 0 0 / 20%);} 
	.totalSrch_container.renewal22 .quickSrch_wrap.is_visible .quickSrch_inner { background-color: transparent;} 
	.totalSrch_container.renewal22 .srch_input_wrap  { z-index: 10; } 
	body.slowTotalSearch .totalSrch_container.renewal22 .srch_input_wrap { z-index: 162; } 
    .totalSrch_container.renewal22 .tab_list button > span {font-size: 20px;}
    .totalSrch_container.renewal22 .srch_tags_wrap.tags2022 .hashtag:not(.default):hover {border-color: initial; text-decoration: underline;}
    .totalSrch_container.renewal22 .tab_type01.tab_t2 .tab_list .swiper-slide:not(.current) li a:hover, 
    .totalSrch_container.renewal22 .tab_type01.tab_t2 .tab_list .swiper-slide:not(.current) li button:hover {border: initial;background-color: #ddd}
    /* 임시 box-shadow: 0px 2px 25px rgb(0 0 0 / 20%); */
    .totalSrch_container.renewal22 .quickSrch_dimmer.is_active {opacity: 0;}
    .totalSrch_container.renewal22 .tab_type01.tab_t2 .tab_list li:not(.current) a:hover, 
    .totalSrch_container.renewal22 .tab_type01.tab_t2 .tab_list li:not(.current) button:hover {background-color: #ddd;}
	
	.totalSrch_container.renewal22 .srch_input_wrap.t1 .js_autoComplete.dxAccBox {padding-right: 76px;;}
    .totalSrch_container.renewal22 .srch_noData.srch2022 .srch_pani .srch_pani_link > span {word-break: break-word;}
}
/* 검색 테스트 */


/* 공통 박스 */
.c-box3 {background-color:#f6f6f6;padding:20px;border-radius:8px;}


/* ===========================================================================================================
2023 신규 디자인
=========================================================================================================== */
/* 컬러 */
.c-black {color:#000 !important;}
.c-red {color:#da1d1d !important;}

/* 간격 */
.col.col3_6 {width:25% !important;}
.col.col3_12 {width:25% !important;}
.col.col4_12 {width:33.33333333% !important;}
[class*='-dx'] .col.col1 {width:8.33333333% !important;}
[class*='-dx'] .col.col2 {width:16.66666667% !important;}
[class*='-dx'] .col.col3 {width:25% !important;}
[class*='-dx'] .col.col4 {width:33.33333333% !important;}
[class*='-dx'] .col.col5 {width:41.66666667% !important;}
[class*='-dx'] .col.col6 {width:50% !important;}
[class*='-dx'] .col.col7 {width:58.33333333% !important;}
[class*='-dx'] .col.col8 {width:66.66666667% !important;}
[class*='-dx'] .col.col9 {width:75% !important;}
[class*='-dx'] .col.col10 {width:83.33333333% !important;}
[class*='-dx'] .col.col11 {width:91.66666667% !important;}
[class*='-dx'] .col.col12 {width:100% !important;}
[class*='-dx'] .col.col3_6 {width:25% !important;}
[class*='-dx'] .col.col4_6 {width:33.33333333% !important;}
[class*='-dx'] .col.col6_12 {width:50% !important;}

/* .gutter32 {margin:-16px;}
.gutter32 .col {padding:16px;}
.gutter16_4 {margin:-8px;}
.gutter16_4 .col {padding:8px;}
.gutter32_16 {margin:-16px;}
.gutter32_16 .col {padding:16px;}
.gutter32_0 {margin:-16px;}
.gutter32_0 .col {padding:16px;} */
.flex_row.gutter8_6 {margin:-4px;}
.flex_row.gutter8_6 > .col {padding:4px;}
.flex_row.gutter16_4 {margin:-8px;}
.flex_row.gutter16_4 > .col {padding:8px;}
.flex_row.gutter24_0 {margin:-12px;}
.flex_row.gutter24_0 > .col {padding:12px;}
.flex_row.gutter32 {margin:-16px;}
.flex_row.gutter32 > .col {padding:16px;}
.flex_row.gutter32_0 {margin:-16px;}
.flex_row.gutter32_0 > .col {padding:16px;}
.flex_row.gutter32_16 {margin:-16px;}
.flex_row.gutter32_16 > .col {padding:16px;}

.flex_row.gutter-x32_24{margin-left:-16px;margin-right:-16px;}
.flex_row.gutter-x32_24 > .col{padding-left:16px;padding-right:16px;}
.flex_row.gutter-y24_32{margin-top:-12px;margin-bottom:-12px;}
.flex_row.gutter-y24_32 > .col{padding-top:12px;padding-bottom:12px;}
.flex_row.gutter-x32_0{margin-left:-16px;margin-right:-16px;}
.flex_row.gutter-x32_0 > .col{padding-left:16px;padding-right:16px;}
.flex_row.gutter-y24_0{margin-top:-12px;margin-bottom:-12px;}
.flex_row.gutter-y24_0 > .col{padding-top:12px;padding-bottom:12px;}


/* flex 정렬 */
.flex-wrap {flex-wrap:wrap !important;}
.flex-nowrap {flex-wrap:nowrap !important;}

.flex-column {flex-direction:column !important;}

.align-center {align-items:center !important;}
.align-start {align-items:flex-start !important;}
.align-end {align-items:flex-end !important;}
.align-baseline {align-items:baseline !important;}

.justify-center {justify-content:center !important;}
.justify-start {justify-content:flex-start !important;}
.justify-end {justify-content:flex-end !important;}
.justify-between {justify-content:space-between !important;}
.justify-around {justify-content:space-around !important;}


.bg-gap01 {padding-top:50px !important;padding-bottom:100px !important;}
.bg-gap02 {padding-top:50px !important;padding-bottom:50px !important;}
.bg-gap03 {padding-top:48px !important;padding-bottom:48px !important;}
.bg-gap04 {padding:40px 0;}
.bg-gap05 {padding:48px 0 !important;}

/* width */
.w25-50 {width:25% !important;}

/* =================================================================
공통 레이아웃
================================================================= */
/* display */
.inline {display:inline !important;}
.inline.btn_wrap::after {display:none;}
.flex-inline {display:inline-flex !important;}

/* flex */
.flex-grow-0 {flex-grow:0 !important;}
.flex-grow-1 {flex-grow:1 !important;}
.flex-shrink-0 {flex-shrink:0 !important;}
.flex-shrink-1 {flex-shrink:1 !important;}
.basis100 {flex-basis:100% !important;}

/* section 하단 여백 0 */
section.contents.bottom-fix {padding-bottom:0;}

/* 콘텐츠 사이 간격 */
.conts-wrap + .conts-wrap {margin-top:80px;}


/* =================================================================
체크 라디오 check-dx radio-dx 추가
================================================================= */
/* checkBox/radioButton 공통 */
.radio-dx,
.check-dx {display:block;}
* + .radio-dx,
* + .check-dx {margin-top:12px;}
.radio-dx + .radio-dx,
.check-dx + .check-dx,
.text_tip + .radio-dx,
.text_tip + .check-dx {margin-top:16px;}
.radio-dx .radio-group,
.check-dx .check-group {margin:-8px -12px;}
.radio-dx .radio-group .radio_default,
.radio-dx .radio-group .radio_default + .radio_default,
.check-dx .check-group .check_default,
.check-dx .check-group .check_default + .check_default {margin:8px 12px;}
.radio-dx .radio_default input[type="radio"],
.check-dx .check_default input[type="checkbox"] {width:24px;height:24px;}
.radio-dx .radio_default input[type="radio"] + span,
.check-dx .check_default input[type="checkbox"] + span {display:flex;padding-left:32px;color:#333;line-height:24px;}
.radio-dx .radio_default input[type="radio"] + span:before,
.check-dx .check_default input[type="checkbox"] + span:before {width:24px;height:24px;border:1px solid #ccc;background-image:none;border-radius:50%;}
.radio-dx .radio_default input[type="radio"]:disabled + span,
.check-dx .check_default input[type="checkbox"]:disabled + span {color:#ccc;}
.radio-dx .radio_default input[type="radio"]:disabled + span:before,
.check-dx .check_default input[type="checkbox"]:disabled + span:before {border-color:#ccc;background-color:#eee;}

/* checkBox */
.check-dx .check_default input[type="checkbox"] + span::before {background:#fff url('/pconts/images/dx/com/icon_check_ccc.svg') no-repeat center;}
.check-dx .check_default input[type="checkbox"]:checked + span::before {background:#476eff url('/pconts/images/dx/com/icon_check_white.svg') no-repeat center;border-color:#476eff;}
.check-dx .check_default input[type="checkbox"]:disabled + span:before {top:0;left:0;width:24px;height:24px;background:#eee url('/pconts/images/dx/com/icon_check_ccc.svg') no-repeat center;border-color:#ccc;}

/* checkBox check-only*/
.check-dx.check-only {width:24px;height:24px;}
.check-dx.check-only .check_default {display:block;width:100%;height:100%;}
.check-dx.check-only .check_default input[type="checkbox"] + span {z-index:0;display:block;width:100%;height:100%;padding-left:0;}

/* checkBox check-toggle */
.check-dx.check-toggle {width:48px;height:26px;}
.check-dx.check-toggle .check_default {display:block;width:100%;height:100%;}
.check-dx.check-toggle .check_default input[type="checkbox"] {width:100%;}
.check-dx.check-toggle .check_default input[type="checkbox"] + .toggle {overflow:hidden;display:block;width:100%;height:100%;margin:0;padding:0;background-color:#949494;border:1px solid #949494;border-radius:50px;}
.check-dx.check-toggle .check_default input[type="checkbox"] + .toggle::before {top:2px;left:1px;width:20px;height:20px;background-color:#fff;background-image:none;border:none;box-shadow:0 1px 4px rgba(0,0,0,0.2);transition:left 0.4s;}
.check-dx.check-toggle .check_default input[type="checkbox"]:checked + .toggle {background-color:#476eff;border-color:#3048a2;}
.check-dx.check-toggle .check_default input[type="checkbox"]:checked + .toggle::before {left:25px;}
.check-dx.check-toggle .check_default input[type="checkbox"] + .toggle .activate,
.check-dx.check-toggle .check_default input[type="checkbox"] + .toggle .deactivate {display:flex;margin-top:-1px;font-size:11px;color:#fff;}
.check-dx.check-toggle .check_default input[type="checkbox"] + .toggle .activate {display:none;padding-left:6px;}
.check-dx.check-toggle .check_default input[type="checkbox"] + .toggle .deactivate {display:flex;justify-content:flex-end;padding-right:4px;}
.check-dx.check-toggle .check_default input[type="checkbox"]:checked  + .toggle .activate {display:flex;}
.check-dx.check-toggle .check_default input[type="checkbox"]:checked  + .toggle .deactivate {display:none;}
.check-dx.check-toggle .check_default input[type="checkbox"]:disabled + .toggle{background-color:#ddd;border-color:#ddd;}
.check-dx.check-toggle .check_default input[type="checkbox"]:disabled + .toggle::before {background-color:#ccc;opacity:1;}
.check-dx.check-toggle .check_default input[type="checkbox"]:disabled  + .toggle .activate,
.check-dx.check-toggle .check_default input[type="checkbox"]:disabled  + .toggle .deactivate {color:#ddd;}

/* checkBox 내부에 input */
.check-dx .check_default + .input_wrap,
.radio-dx .radio_default + .input_wrap {margin-top:0;padding-left:34px;}
.check-dx .check_default + .input_wrap ~ .text_tip,
.radio-dx .radio_default + .input_wrap ~ .text_tip {width:100%;padding-left:34px;}

/* column */
.check-dx.check-column .check-group,
.radio-dx.radio-column .radio-group {margin:0;}
.check-dx.check-column .check_default,
.radio-dx.radio-column .radio_default {display:block;margin:0;}
.check-dx.check-column .check_default + .check_default,
.radio-dx.radio-column .radio_default + .radio_default {margin:16px 0 0;}

/* radioButton */
.radio-dx .radio_default input[type="radio"] + span:after {display:block;position:absolute;top:7px;left:7px;width:10px;height:10px;background-color:#ccc;}
.radio-dx .radio_default input[type="radio"]:checked + span:before {background-color:#4762ff;border-color:#4762ff;}
.radio-dx .radio_default input[type="radio"]:checked + span:after {top:7px;left:7px;width:10px;height:10px;background-color:#fff;}
.radio-dx .radio_default input[type="radio"]:disabled + span:after {background-color:#ccc;}
.radio-dx.small_type .radio_default input[type="radio"] + span:after {top:9px;}

/* radioButton radio-only*/
.radio-dx.radio-only {width:26px;height:26px;}
.radio-dx.radio-only .radio_default {display:block;width:100%;height:100%;}
.radio-dx.radio-only .radio_default input[type="radio"] + span {display:block;width:100%;height:100%;padding-left:0;color:transparent;}


/* radioButton type_btn */
.radio-dx.type_btn,
.check-dx.type_btn {display:flex;width:100%;}
.radio-dx.type_grid,
.check-dx.type_grid {display:block;}

.radio-dx > .flex_row,
.check-dx > .flex_row {flex-grow:1;margin:-2px;}
.radio-dx > .flex_row .col,
.check-dx > .flex_row .col {flex:none;padding:2px;}
.radio-dx > .flex_row li,
.check-dx > .flex_row li {width:auto;}

.radio-dx.type_btn .radio_btn,
.check-dx.type_btn .check_btn {flex:1;}

.radio-dx.type_btn .radio_btn input[type="radio"] + span,
.check-dx.type_btn .check_btn input[type="checkbox"] + span {display:flex !important;align-items:center;justify-content:center;height:100%;min-height:auto;padding:13px 14px 14px !important;border-color:#ccc;border-radius:4px;font-size:1.6rem;color:#333;line-height:1.2;font-weight:400;}
.radio-dx.type_btn .radio_btn input[type="radio"]:checked + span,
.check-dx.type_btn .check_btn input[type="checkbox"]:checked + span {padding:12px 14px 13px !important;border-color:#476eff;color:#476eff;line-height:1.2;}

.radio-dx.type_grid .radio_btn input[type="radio"] + span em {font-size:1.6rem;}

/* radioButton/checkBox 2뎁스 */
.radio-second .radio_default input[type="radio"] + span,
.check-second .check_default input[type="checkbox"] + span {padding-left:28px;font-size:14px;}

.check-second .check_default input[type="checkbox"] + span:before {border:none;background:url('/pconts/images/dx/com/icon_check_aaa.svg') no-repeat center;}
.check-second .check_default input[type="checkbox"]:disabled + span:before {background:transparent url('/pconts/images/dx/com/icon_check_eee.svg') no-repeat center;border:none;}
.check-second .check_default input[type="checkbox"]:checked + span::before {background:transparent url('/pconts/images/dx/com/icon_check_blue.svg');}
.radio-second .radio_default input[type="radio"] + span:before {top:3px;left:3px;width:18px;height:18px;}
.radio-second .radio_default input[type="radio"] + span:after,
.radio-second .radio_default input[type="radio"]:checked + span:after {top:8px;left:8px;width:8px;height:8px;}
.radio-second.radio-column .radio-group .radio_default + .radio_default,
.check-second.check-column .check-group .check_default + .check_default {margin-top:8px;}


/* =================================================================
텍스트(신규)
================================================================= */
/* 기본 텍스트 */
* + .default-txt {margin-top:8px;}
.default-txt {display:block;color:#666;}
.default-txt.lg {font-size:18px;}
.default-txt.sm {font-size:14px;}

.default-txt .btn-tooltip-dx {margin-left:0;}
.default-txt + .form-dx {margin-top:12px;}

.default-txt.announce {background: url('/pconts/images/dx/com/info.svg') left top no-repeat;padding-left:28px;}
.default-txt.announce.sm {background-position-y:-2px;}

/* =================================================================
텍스트 분리(신규)
================================================================= */
.text-split {display:flex;flex-wrap:wrap;align-items:center;}
.text-split-item {position:relative;padding-left:12px;}

.text-split .text-split-item.basis100 {margin:4px 0;}
.text-split .text-split-item.basis100:first-child{margin-top:0;}
.text-split .text-split-item.basis100:last-child{margin-bottom:0;}

/* 구분선이 들어가는 경우 */
.text-split.line .text-split-item {padding-left:17px;}
.text-split.line .text-split-item::before {content:'';display:block;position:absolute;top:50%;left:8px;width:1px;height:57.2%;background-color:#ccc;transform:translateY(-50%);} /* font-size 14px 기준으로 PC 12px/MO 8px */
.text-split.line .text-split-item:first-child::before {display:none;}

/* basis 100%인 경우 */
.text-split-item.basis100,
.text-split-item.basis100 + .text-split-item,
.text-split.line .text-split-item.basis100 {padding-left:0;}
.text-split.line .text-split-item.basis100::before,
.text-split.line .text-split-item.basis100 + .text-split-item::before {display:none;}

/* gutter로 개별 간격 설정 */
.text-split.gutter-x2 .text-split-item {padding-left:2px;}
.text-split.gutter-x4 .text-split-item {padding-left:4px;}
.text-split.gutter-x8 .text-split-item {padding-left:8px;}
.text-split.gutter-x8_4 .text-split-item {padding-left:8px;}
.text-split.gutter-x16 .text-split-item {padding-left:16px;}

.text-split-item:first-child,
.text-split.line .text-split-item:first-child,
.text-split[class*='gutter'] .text-split-item:first-child {padding-left:0;}


/* =================================================================
버튼 btn-wrap-dx
================================================================= */
.btn-wrap-dx {margin-top:60px;}


/* 모바일 하단 fixed 버튼 */
.btn-wrap-dx.m_fixed {padding:0 !important;}

.btn-wrap-dx .btn[style*="display:none"]:first-child + .btn,
.btn-wrap-dx .btn[style*="display: none"]:first-child + .btn {margin-left:0 !important;}

/* 버튼 유형 */
.btn.lightgray {background-color:#eff0f5;border-color:#eff0f5;color:#494f60;}
.btn.lightgray2{background-color:#edf0f8;border-color:#edf0f8;color:#494f60;}
.btn.line_gray {color:#494f60;}

/* disabled */
.btn-wrap-dx .btn.lightgray:disabled {background-color:#eff0f5;border-color:#eff0f5;color:#91a1b2;}
.btn-wrap-dx .btn.lightgray.disabled {background-color:#eff0f5;border-color:#eff0f5;color:#91a1b2;}
.btn-wrap-dx .btn.line_gray:disabled {background-color:#fff;border-color:#ddd;color:#ccc;}
.btn-wrap-dx .btn.line_gray.disabled {background-color:#fff;border-color:#ddd;color:#ccc;}

/* 버튼명 2줄 */
.btn-wrap-dx .btn.row02 {font-size:16px;}

/* 버튼 2개 이상 */
.btn-wrap-dx .btn.left {min-width:90px;padding:0 22px;}
.btn-wrap-dx .btn.left_ico {min-width:38px;}

/* btn-second */
.btn-wrap-dx.btn-second {margin-top:48px;}
/* .btn-wrap-dx.btn-second + * {margin-top:40px;} */
.btn-wrap-dx.btn_cont .default, /* .btn-wrap-dx.btn_cont .default 카드이용실적 충적현황에 사용해서 추가함(이후 사용하지 않음) */
.btn-wrap-dx.btn-second .btn {height:48px;padding:0 32px;line-height:46px;font-size:16px;}
.btn-wrap-dx.btn-second .btn {min-width:180px;}
.btn-wrap-dx.btn-second .btn[style*="display:none"]:first-child+ .btn,
.btn-wrap-dx.btn-second .btn[style*="display: none"]:first-child + .btn {margin-top:0 !important;}
/* btn-second 횡배열 */
.btn-wrap-dx.btn-second.btn-row .btn[style*="display:none"]:first-child+ .btn,
.btn-wrap-dx.btn-second.btn-row .btn[style*="display: none"]:first-child + .btn {margin-left:0 !important;}

/* btn-third */
.btn-wrap-dx.btn-third {margin-top:24px;}
.btn-wrap-dx .btn_md {flex-grow:0;height:38px;padding:0 14px;font-size:14px;line-height:36px;border-radius:2px;}
.btn-wrap-dx .btn_sm {flex-grow:0;height:32px;padding:0 14px;line-height:30px;font-size:13px;border-color:#ccc;border-radius:2px;}
.btn-wrap-dx.btn-third .btn.outlink::after{width:16px;height:16px;background:url('/pconts/images/dx/com/new_16x16.png') no-repeat center / 16px;}

/* btn-text */
.btn-wrap-dx.btn-text {margin-top:8px;}
.btn-wrap-dx + .btn-wrap-dx.btn-text {margin-top:20px;}
span.btn-wrap-dx.btn-text {display:inline-block;margin-top:0;margin-left:4px;}
.btn-wrap-dx [class*='text_'] {font-size:1.4rem;color:#000;}
.btn-wrap-dx [class*='text_'] {margin-right:3px;}
.btn-wrap-dx [class*='text_']:last-child {margin-right:0;}
.btn-wrap-dx [class*='text_']:disabled {color:#ccc;}

/* 아이콘 버튼 */
.btn-wrap-dx .btn.ico_btn {background-color:#eff0f5;border-color:#eff0f5;padding:0;}
.btn-wrap-dx .btn.ico_btn:before {width:24px;height:24px;margin:0;transform:translate(-50%, -50%);}
.btn-wrap-dx .btn.ico_btn.share:before {background:url('/pconts/images/dx/com/icon_share.svg') no-repeat center;}
.btn-wrap-dx .btn.ico_btn.refresh:before {background:url('/pconts/images/dx/com/icon_refresh.svg') no-repeat center;}
.btn-wrap-dx .btn.ico_btn.view_list:before {background:url('/pconts/images/dx/com/icon_view_list.svg') no-repeat center;}

/* 더보기 버튼 */
.btn-wrap-dx.btn-more {margin-top:24px;}
/* .btn-wrap-dx .btn_more 카드이용실적 충적현황에 사용해서 추가함(이후 사용하지 않음) */
.btn-wrap-dx .btn_more {height:auto;padding:0 24px 0 0;border:none;background:url('/pconts/images/dx/com/arrowdown_small.svg') no-repeat right center; line-height:1;font-size:16px;color:#000;}
.btn-wrap-dx.btn-more .btn {height:40px;padding:8px 36px 8px 12px;border:none;background:url('/pconts/images/dx/com/arrowdown_small.svg') no-repeat calc(100% - 12px) center; line-height:1;font-size:16px;color:#000;}
.btn-wrap-dx.btn-more .round {min-width:200px;height:48px;padding:0;border:1px solid #ddd;border-radius:50px;background:none;font-size:16px;line-height:46px;}

.btn-wrap-dx.btn-more .btn em {color:#b1b7c4;}
.btn-wrap-dx.btn-more .btn em b {color:#000;}

/* 피씨에서 가로 100% 버튼(앱통합에서 사용) */
.btn-wrap-dx .btn.full {min-width:100%;}
.btn-wrap-dx .full + .full {margin-top:8px;margin-left:0;}

/* 박스형 */
.contents-box + .btn-wrap-dx {margin-top:40px;}

/* 앱통합 text 버튼 간격 */
.contents-box .btn-wrap-dx [class*='text_'] {margin-right:14px;}
.contents-box .btn-wrap-dx [class*='text_']:last-child {margin-right:0;}
.contents-box .btn-wrap-dx.align_c [class*='text_'] {margin:0 7px;}

/* 새창 아이콘 */
.btn-wrap-dx .btn.outlink::after {content:'';display:inline-block;width:24px;height:24px;margin-left:4px;background-image:url('/pconts/images/dx/com/icon_outlink_gray.svg');background-repeat:no-repeat;background-position:center;background-size:100% auto;vertical-align:-5px;}
.btn-wrap-dx .btn.blue.outlink::after {background-image:url('/pconts/images/dx/com/icon_outlink_white.svg');}
.btn-wrap-dx .btn.btn_md.outlink::after,
.btn-wrap-dx.btn_cont .btn.outlink::after {width:20px;height:20px;margin-left:2px;vertical-align:-5px;}
.btn-wrap-dx .btn.btn_sm.outlink::after {width:16px;height:16px;margin-left:2px;vertical-align:-3px;}
.btn-wrap-dx .text_link.outlink::after {content:'';position:relative;top:auto;right:auto;display:inline-block;width:18px;height:18px;margin-left:2px;border:none;background-image:url('/pconts/images/dx/com/new.svg');background-repeat:no-repeat;background-position:center;background-size:100% auto;transform:none; vertical-align:-4px;}
.btn-wrap-dx .btn.blue.outlink:disabled:after,
.btn-wrap-dx .btn.blue.outlink.disabled:after,
.btn-wrap-dx .btn.lightgray.outlink:disabled:after,
.btn-wrap-dx .btn.lightgray.outlink.disabled:after {background-image:url('/pconts/images/dx/com/outlink_gray_disabsled.svg');}
.btn-wrap-dx .btn.line_gray.outlink:disabled:after,
.btn-wrap-dx .btn.line_gray.outlink.disabled:after {background-image:url('/pconts/images/dx/com/outlink_gray_disabsled2.svg');}

.btn-wrap-dx.btn-second .btn.outlink::after {vertical-align:-6px;}

/* 아이콘 타입 */
.btn-wrap-dx .btn_sm.btn_print {color:#494f60;}
.btn-wrap-dx .btn_sm.btn_print span {color:inherit;}
.btn-wrap-dx .btn_sm.btn_print:disabled,
.btn-wrap-dx .btn_sm.btn_print.disabled {border-color:#ddd;background-color:#fff;color:#ccc;}
.btn-wrap-dx .btn_sm.btn_print::before {width:16px;height:16px;background:url('/pconts/images/dx/com/print_16x16.png') no-repeat center / 16px;}
.btn-wrap-dx .btn_sm.btn_print:disabled::before,
.btn-wrap-dx .btn_sm.btn_print.disabled::before {opacity:0.3;}

.btn-wrap-dx .btn_sm.btn_email {color:#494f60;}
.btn-wrap-dx .btn_sm.btn_email span {color:inherit;}
.btn-wrap-dx .btn_sm.btn_email:disabled,
.btn-wrap-dx .btn_sm.btn_email.disabled {border-color:#ddd;background-color:#fff;color:#ccc;}
.btn-wrap-dx .btn_sm.btn_email::before {width:16px;height:16px;background:url('/pconts/images/dx/com/mail_16x16.png') no-repeat center / 16px;}
.btn-wrap-dx .btn_sm.btn_email:disabled::before,
.btn-wrap-dx .btn_sm.btn_email.disabled::before {opacity:0.3;}

.btn-wrap-dx .btn_sm.btn_download2 {color:#494f60;}
.btn-wrap-dx .btn_sm.btn_download2 span {color:inherit;}
.btn-wrap-dx .btn_sm.btn_download2:disabled,
.btn-wrap-dx .btn_sm.btn_download2.disabled {border-color:#ddd;background-color:#fff;color:#ccc;}
/* .btn-wrap-dx .btn_sm.btn_download2::before {width:14px;height:12px;background:url('/pconts/images/icon/icon_download.svg') no-repeat 50%;} */
.btn-wrap-dx .btn_sm.btn_download2:disabled::before,
.btn-wrap-dx .btn_sm.btn_download2.disabled::before {opacity:0.3;}

/* 언더라인 타입 */
.btn-wrap-dx .text_underline {padding-right:0;text-decoration:underline;text-underline-offset:2px;}/*241010 수정*/
.btn-wrap-dx .text_underline::before,
.btn-wrap-dx .text_underline::after {display:none;}

/* 언더라인 타입 - next */
.btn-wrap-dx .text_link.next {padding-right:0;}
.btn-wrap-dx .text_link.next::before {display:none;}
.btn-wrap-dx .text_link.next::after {content: '';position: relative;top: auto;right: auto;display: inline-block;width: 18px;height: 18px;margin-left: 2px;border: none;background-image: url('/pconts/images/dx/com/arrownext_small.svg');background-repeat: no-repeat;background-position: center;background-size: 100% auto;transform: none;vertical-align: -4px;}

/* 텍스트 타입 */
.btn-wrap-dx .text_link::before {top:1px;}
.btn-wrap-dx .text_link.text_md {font-size:16px;}

/* 경계 라인 */
.text_devision {position:relative;margin:0 !important;}
.text_devision + .text_devision {margin-left:25px !important;}
.text_devision + .text_devision::before {content:'';position:absolute;top:5px;left:-16px;display:inline-block;width:1px;height:11px;background-color:#bcbcbc;}

/* 정렬필터 버튼 */
.btn-sort {padding-right:24px;background:url('/pconts/images/dx/com/sort.svg') no-repeat right center / 20px; font-size:14px;color:#000;}

/* 메인버튼 + 서브버튼 유형 */
.btn-wrap-dx .sub-btn {margin-top:18px;}

/* =================================================================
버튼 조합
================================================================= */
/* btn-combination1 */
* + .btn-combination1 {margin-top:40px;}
.btn-combination1 {display:flex;align-items:center;justify-content:space-between;}
.btn-combination1 .btn-wrap-dx {margin-top:0;}

/* =================================================================
타이틀 스텝
================================================================= */
.has_flow_step.type02 {margin-top:20px;margin-bottom:60px;}
.has_flow_step.type02 .step_txt {font-size:28px;}
.has_flow_step.type02 .flow_step {padding-top:9px;}
.has_flow_step.type02 + .default-txt {margin-top:-37px;margin-bottom:60px;font-size:18px;}


/* =================================================================
블릿(신규)
================================================================= */
/* 블릿 리스트 */
* + .bullet-dot,
* + .bullet-hyphen,
* + .bullet-refer {margin-top:12px;/*margin-bottom:12px;*/}

.default-txt + .bullet-dot,
.default-txt + .bullet-hyphen,
.default-txt + .bullet-refer {margin-top:8px;}

.bullet-dot:last-child,
.bullet-hyphen:last-child,
.bullet-refer:last-child {/*margin-bottom:0;*/}

.bullet-dot,
.bullet-hyphen,
.bullet-refer {position:relative;}

/* 도트 블릿 */
.bullet-dot,
.bullet-dot > li {display:block;position:relative;padding-left:12px;color:#666;}
.bullet-dot > li + li {margin-top:8px;}
.bullet-dot::before,
.bullet-dot > li::before {content:'';display:block;position:absolute;top:9px;left:0;width:3px;height:3px;background-color:#666;border-radius:50%;color:#666;}

/* 하이픈 블릿 */
.bullet-hyphen,
.bullet-hyphen > li {display:block;position:relative;padding-left:14px;color:#666;}
.bullet-hyphen > li + li {margin-top:8px;}
.bullet-hyphen::before,
.bullet-hyphen > li::before {content:'';display:block;position:absolute;top:11px;left:0;width:6px;height:1px;background-color:#666;color:#666;}

/* 당구장 블릿 */
.bullet-refer,
.bullet-refer > li {display:block;position:relative;padding-left:19px;color:#666;}
.bullet-refer > li + li {margin-top:8px;}
.bullet-refer::before,
.bullet-refer > li::before {content:'※';display:block;position:absolute;top:0;left:0;color:#666;}

/* 블릿 내부에 요소 */
.bullet-dot > li * + .default-txt {margin-top:4px;margin-bottom:4px;}
.bullet-dot > li .default-txt:last-child {margin-bottom:0;}
.bullet-dot > li * + [class*='bullet-'] {margin-top:4px;margin-bottom:4px;}
.bullet-dot > li [class*='bullet-']:last-child {margin-bottom:0;}
.bullet-dot > li * + [class*='bullet-'] li + li {margin-top:4px;}

ul.bullet-dot,
ul.bullet-hyphen,
ul.bullet-refer,
ol.bullet-dot,
ol.bullet-hyphen,
ol.bullet-refer {padding-left:0;}
ul.bullet-dot::before,
ul.bullet-hyphen::before,
ul.bullet-refer::before,
ol.bullet-dot::before,
ol.bullet-hyphen::before,
ol.bullet-refer::before {display:none;}

/* 각주(본문 아래쪽에 따로 풀어 설명하는 주해 */
.footnote {padding-left:7px;text-indent:-7px;}


/* =================================================================
탭 tab-dx 추가
================================================================= */
* + .tab-dx {margin-top:16px;}
.tab-dx {margin-bottom:0;}
.tab-dx.tab_type01.swiper_tab .tab_pull .swiper-container {margin-left:-13px;}
.tab-dx + .tab_wrap {margin-top:60px;}

.tab-dx.tab-sol2 + .tab_wrap {margin-top:24px;}
.tab-dx.tab-sol2.tab_type03 .tab_list li a, 
.tab-dx.tab-sol2.tab_type03 .tab_list li button {margin:0 4px;font-size:14px;}
.tab-dx.tab-sol2.tab_type03 .tab_list li:first-child a, 
.tab-dx.tab-sol2.tab_type03 .tab_list li:first-child button {margin-left:0;}
.tab-dx.tab-sol2.tab_type03 .tab_list li.current a, 
.tab-dx.tab-sol2.tab_type03 .tab_list li.current button {background-color:#323b50;}

/* =================================================================
테이블(신규)
================================================================= */
* + .table-dx {margin-top:16px;}
.table-dx {overflow:hidden;border-top:1px solid #888;border-bottom:1px solid #ddd;}
.table-dx table {margin:-1px 0 0;word-break:break-all;border-spacing:0px;border-collapse:collapse;table-layout:fixed;}
.table-dx table caption {width:0;height:0;}
.table-dx table colgroup col:first-child {width:25%;}
.table-dx table th,
.table-dx table td {padding:12px 16px;border:1px solid #ddd;border-bottom-width:0;}
.table-dx table th {background-color:#f6f6f6;color:#333;font-weight:400;}
.table-dx table td {color:#666;}
.table-dx table th:first-child,
.table-dx table td:first-child {border-left-width:0;}
.table-dx table th:last-child,
.table-dx table td:last-child {border-right-width:0;}
.table-dx table thead th {text-align:center;}
.table-dx table tbody th,
.table-dx table tfoot th {text-align:left;}
.table-dx table tfoot td {background-color:#f6f6f6;}
.table-dx table thead + tbody th,
.table-dx table thead ~ tfoot th {text-align:center;}

/* 테이블 내부에 테이블 */
.table-dx .table-sub {margin:16px 0;}
.table-dx .table-sub .table-sub {border-top:1px solid #ddd;}
.table-dx .table-sub table th,
.table-dx .table-sub table td {padding:9px 16px;font-size:14px;}
.table-dx .table-sub table thead th {text-align:center;}

/* 테이블 내부에 버튼 */
.table-dx .btn-wrap-dx {margin-top:12px;}
.table-dx tbody th span.btn-text {margin-top:0;}

.table-dx .btn-wrap-dx.align-type2 {display:inline-flex;margin-top:0;margin-left:8px;}

/* 아코디언 내부 */
.accordion-dx .table-dx {border-color:#ddd;}
.accordion-dx .table-dx table {margin-top:-1px;}
.accordion-dx .table-dx table th,
.accordion-dx .table-dx table td {padding:9px 16px;font-size:14px;}


/* =================================================================
타이틀(신규)
================================================================= */
.h_wrap[class*='h-dep'] [class*='h_title'] {margin:0;}
* + .h-dep2 {margin-top:80px;}
.h-dep2 {margin-bottom:12px;}
* + .h-dep3 {margin-top:48px;}
.h-dep3 {margin-bottom:12px;}
* + .h-dep4 {margin-top:12px;}
.h-dep4 {margin-bottom:12px;}
.h-dep2 + .h-dep3 {margin-top:12px;}

.h-dep1:first-child,
.h-dep2:first-child,
.h-dep3:first-child,
.h-dep4:first-child {margin-top:0;}

.h-dep1 .h_title {font-size:28px;}
.h-dep2 .h_title {font-size:24px;}
.h-dep3 .h_title {font-size:20px;}
.h-dep4 .h_title {font-size:16px;color:#666;}

/* 타이틀(링크) */
.h-dep-link {padding-right:24px;background:url('/pconts/images/dx/com/arrownext_small.svg') no-repeat right center;}

/* 타이틀 우측 콘텐츠 존재시 */
[class*='h-dep'].side-txt {display:flex;justify-content:space-between;align-items:flex-end;}
[class*='h-dep'].side-txt .default-txt {margin:0 0 0 8px !important;}
[class*='h-dep'].side-txt2 {display:flex;align-items:center;}
[class*='h-dep'].side-txt2 .default-txt {margin:0 0 0 20px;}

/* 타이틀 우측 배지 존재시 */
[class*='h-dep'].side-badge {display:flex;align-items:center;}
[class*='h-dep'].side-badge .badge{display:block;margin-left:6px;}

/* 폼에서 사용시 */
.contents-box * + .h_wrap.h-dep3 {margin-top:40px;}
.contents-box .h-dep3 {margin-bottom:15px;}
.contents-box .h-dep3.line {margin-bottom:25px;padding-bottom:9px;border-bottom:1px solid #000;}


/* =================================================================
버튼 그룹(신규)
================================================================= */
/* btn-group1 */
* + .btn-group1 {margin-top:16px;}
.btn-group1-group {display:flex;flex-wrap:wrap;margin:-15px -12px;}
.btn-group1-item {display:flex;padding:15px 12px;}
.btn-groupt1-link {position:relative;display:flex;align-items:center;flex-grow:1;padding:16px 52px 16px 24px;border:1px solid #eee;font-size:18px;font-weight:700;color:#000;border-radius:12px;}
.btn-groupt1-link::after{content:'';display:block;position:absolute;top:50%;right:24px;width:24px;height:24px;background:url('/pconts/images/dx/com/arrownext_small.svg') no-repeat center;transform:translateY(-50%);}

/* btn-group2 */
* + .btn-group2 {margin-top:16px;}
.btn-group2-group {display:flex;flex-wrap:wrap;margin:-10px -20px;}
.btn-group2-item {display:flex;padding:10px 20px;}
.btn-group2-tit {font-weight:700;}
.btn-group2-txt {margin-left:auto;}
.btn-group2-link {position:relative;display:flex;align-items:center;flex-grow:1;padding:36px 62px 36px 30px;border:1px solid #eee;font-size:20px;border-radius:8px;}
.btn-group2-link::after{content:'';display:block;position:absolute;top:50%;right:30px;width:24px;height:24px;background:url('/pconts/images/dx/com/arrownext_small.svg') no-repeat center;transform:translateY(-50%);}
.btn-group2-link .icon-text-b3 {margin-left:8px;}

.btn-group2-info {position:relative;display:flex;align-items:center;flex-grow:1;padding:36px 62px 36px 30px;background-color:#f4f7fc;font-size:20px;border-radius:8px;}
.btn-group2-info .btn-group2-txt {margin-right:0;}

/* btn-group2(추가한도 신청 > 업종선택) */
.btn-group2.selectIndustry .btn-group2-item.use .btn-group2-txt {color:#666;font-weight:400;}
.btn-group2.selectIndustry .btn-group2-item .icon-text-b3 {display:none;}
.btn-group2.selectIndustry .btn-group2-item.use .icon-text-b3 {display:inline-block;}
.btn-group2.selectIndustry .btn-group2-txt {font-weight:700;color:#000;}

/* btn-group3 */
* + .btn-group3 {margin-top:16px;}
.btn-group3-item + .btn-group3-item {margin-top:12px;}
.btn-group3-btn {display:flex;justify-content:space-between;align-items:center;width:100%;padding:20px 28px;border:1px solid #ddd;border-radius:8px;font-size:20px;font-weight:700;}
.btn-group3-btn:hover {border-color:#476eff;background-color:#f4f7fc;}
.btn-group3-tit {color:#666;}
.btn-group3 .accordion-dx .accordion_header.active .acc_btn .btn-group3-tit {color:#476eff;}
.btn-group3 .accordion-dx .accordion_header.on .acc_btn .btn-group3-tit {color:#666;}

.btn-group3-btn.selected {border-color:#476eff;}
.btn-group3-btn.selected .btn-group3-tit,
.btn-group3-btn.selected .btn-group3-txt {color:#476eff;}

/* btn-group3 accordion */
.btn-group3 .accordion-dx {border:none;}
.btn-group3 .accordion-dx .accordion_header .acc_btn {display:flex;justify-content:space-between;align-items:center;padding:20px 52px 20px 28px;border:1px solid #ddd;border-radius:8px;font-size:20px;font-weight:700;}
.btn-group3 .accordion-dx .accordion_header .acc_btn:hover {border-color:#476eff;background-color:#f4f7fc;}
.btn-group3 .accordion-dx .accordion_header .acc_btn::before {right:28px;}
.btn-group3 .accordion-dx .accordion_body + .accordion_header {margin-top:12px;border-top:none;}
.btn-group3 .accordion-dx .accordion_body .area {padding:0;}
.btn-group3 .accordion-dx .accordion_header#disableClick .acc_btn:hover {border-color:#ddd;background-color:#fff;}

/* btn-group3 accordion on */
.btn-group3 .accordion-dx .accordion_header.on .acc_btn:hover {border-color:#ddd;background-color:#fff;}
.btn-group3 .accordion-dx .accordion_header .acc_btn.on {border-bottom:none;border-radius:8px 8px 0 0;border-top:1px solid #ddd;}
.btn-group3 .accordion-dx .accordion_header.on + .accordion_body {position:relative;padding:20px 28px;border:1px solid #ddd;border-top:none;border-radius:0 0 8px 8px;}
.btn-group3 .accordion-dx .accordion_header.on + .accordion_body::before {content:'';display:block;position:absolute;top:1px;left:28px;right:28px;height:1px;background-color:#ddd;}
.btn-group3 .accordion-dx .accordion_header.on + .accordion_body .between-list-btn.selected .between-list-tit,
.btn-group3 .accordion-dx .accordion_header.on + .accordion_body .between-list-btn.selected .between-list-txt {color:#476eff;}
.btn-group3 .accordion-dx .accordion_header.active .acc_btn {border-color:#476eff;}
.btn-group3 .accordion-dx .accordion_header.active .acc_btn:hover {border-color:#476eff;}
.btn-group3 .accordion-dx .accordion_header + .accordion_body.active {border-color:#476eff;}

/* list10-dx 즉시결제 신청 커스텀 */
.btn-group3 #disableClick .revolving {display: flex;}
.btn-group3 .accordion-dx #disableClick.accordion_header .btn-group3-txt,
.btn-group3 .accordion-dx #disableClick.accordion_header .acc_btn::before {display:none;}

.btn-group3 .revolving {position:absolute;top:0;bottom:0;right:28px;z-index:10;display:none;align-items:center;}
.btn-group3 .revolving-btn {font-size:20px;color:#476eff;font-weight:700;}
.btn-group3 .accordion-dx #disableClick.accordion_header .revolving ~ .acc_btn {padding-right:128px;}

/* .btn-group4 */
.btn-group4 {border-top:1px solid #888;}
.btn-group4-btn {display:block;width:100%;padding:16px;font-weight:700;text-align:left;}
.btn-group4-btn:hover {background-color:#f4f7fc;border-radius:8px;}
.btn-group4-txt {color:#888;}
.btn-group4-item.active .btn-group4-btn,
.btn-group4-item.active .btn-group4-txt {color:#476eff;}
.pop-dx .btn-group4-btn {width:calc(100% + 32px);margin:0 -16px;}
body.mobile .btn-group4-btn:hover {background-color:#fff;}

/* =================================================================
리스트(신규)
================================================================= */
/* 리스트 개수 */
.list-num {}
.list-num-count {font-weight:700;color:#000;}

/* 좌우정렬 리스트 */
.between-list{}
* + .between-list-group {margin-top:16px;}
.between-list-item {display:flex;justify-content:space-between;}
.between-list-item + .between-list-item {margin-top:8px;}
.between-list-tit {color:#666;text-align:left;}

.between-list-link,
.between-list-btn {display:flex;align-items:center;justify-content:space-between;flex-grow:1;padding-right:24px;background:url('/pconts/images/dx/com/arrownext_small.svg') no-repeat right center}

.between-list-group.line {padding-top:16px;border-top:1px solid #ddd;}

.between-list-group.type2 .between-list-tit {font-size:18px;}
.between-list-group.type2 .between-list-txt {font-size:20px;}

.pop-dx .between-list-item + .between-list-item {margin-top:12px;}

/* 셀 리스트(좌측셀 가로값 고정) */
.cell-list {}
* + .cell-list-group {margin-top:16px;}
.cell-list-item {display:flex;}
.cell-list-item + .cell-list-item {margin-top:8px;}
.cell-list-tit {flex:0 0 auto;width:90px;margin-right:4px;}
/* 사이즈 추가되면 아래와 같이 추가하여 사용 ex: 피씨 120px 모바일 140px
.cell-list-tit.size120_140 {width:120px;} */

/* 간격은 아래와 같이 gutter를 추가하여 사용 ex: gutter-y8_16 -> 피씨 8px 모바일 16px */
[class*='-list-group'].gutter-y0 > [class*='-list-item'] + [class*='-list-item'] {margin-top:0;}
[class*='-list-group'].gutter-y4 > [class*='-list-item'] + [class*='-list-item'] {margin-top:4px;}
[class*='-list-group'].gutter-y8_16 > [class*='-list-item'] + [class*='-list-item'] {margin-top:8px;}
[class*='-list-group'].gutter-y12 > [class*='-list-item'] + [class*='-list-item'] {margin-top:12px;}
[class*='-list-group'].gutter-y16 > [class*='-list-item'] + [class*='-list-item'] {margin-top:16px;}
[class*='-list-group'].gutter-y20 > [class*='-list-item'] + [class*='-list-item'] {margin-top:20px;}
[class*='-list-group'].gutter-y20_24 > [class*='-list-item'] + [class*='-list-item'] {margin-top:20px;}

/* 리스트 상단 전체 선택 */
* + .select-list-all {margin-top:16px;}
.select-list-all {display:flex;justify-content:space-between;align-items:center;}
.select-list-all .default-txt {margin-top:0;}
.select-list-all .radio-dx,
.select-list-all .check-dx {width:auto;}

/* list1-dx */
* + .list1-dx {margin-top:16px;}
.list1-dx {padding:18px 0;border-top:1px solid #888;border-bottom:1px solid #eee;}
.list1-group {display:flex;flex-wrap:wrap;}
.list1-tit {flex:0 0 auto;width:calc(25% - 25px);padding:8px 24px;font-size:15px;}
.list1-info {flex:0 0 auto;width:calc(75% + 25px);padding:8px 24px 8px 0;font-size:15px;}
.list1-dx.col2 .list1-tit {width:calc(25% - 25px);}
.list1-dx.col2 .list1-info {width:calc(25% + 25px);}

/* list2-dx */
* + .list2-dx {margin-top:16px;}
.list2-dx {margin-top:16px;padding:18px 0;border-top:1px solid #888;border-bottom:1px solid #eee;}
.list2-group {display:flex;}
.list2-item {position:relative;flex:1;text-align:center;}
.list2-item + .list2-item {border-left:1px solid #eee;}
.list2-tit {color:#111;}
.list2-info {margin-top:7px;color:#111;}
.list2-dx.left .list2-item {padding:0 24px;text-align:left;}

/* list3-dx */
* + .list3-dx {margin-top:16px;}
.list3-dx {margin-top:16px;border-top:1px solid #888;}
.list3-item {display:flex;align-items:center;padding:24px 0;}
.list3-item + .list3-item {border-top:1px solid #eee;}
.list3-item:last-child {border-bottom:1px solid #eee;}
.list3-link {display:flex;align-items:center;flex-grow:1;}
.list3-tit {display:flex;align-items:center;font-weight:700;}
.list3-tit [class*='icon-text-'] {overflow:hidden;flex-shrink:0; margin:0 16px 0 0;}
.list3-tit.line-clamp1-2 {overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.list3-txt {display:flex;align-items:center;color:#666;font-size:14px;}
.list3-txt > span + span {margin-left:4px;}
.list3-txt[role='text'] {overflow:hidden;}
.list3-txt del {color:#888;}
.list3-txt.fs3 {font-size:13px;}
.list3-tit + .list3-txt,
.list3-txt + .list3-txt,
.list3-txt + .btn-wrap-dx {margin-top:4px;}
.list3-cell1 {position:relative;display:flex;margin-right:10px;}
.list3-cell2 {display:flex;align-items:center;flex-grow:1;}
.list3-cell2 .list3-cell-item.item1 {order:10;}
.list3-cell2 .list3-cell-item.item2 {order:5;width:236px;}
.list3-cell2 .list3-cell-item.item2:only-child {width:100%;}
.list3-cell2 .list3-cell-item.item3 {order:15;margin-left:auto;text-align:right;}
.list3-cell2 .list3-cell-item.item3 .list3-txt {justify-content:flex-end;}
.list3-cell2 .list3-cell-item + .list3-cell-item.item2 {flex-shrink:0;margin-right:20px;}
.list3-cell3 {margin-left:40px;}
.list3-cell4 {margin-left:16px;text-align:right;}
.list3-cell4 .list3-txt {justify-content:flex-end;}
.list3-group + .btn-wrap-dx {margin-top:24px;}

/* IE 말줄임 예외적용 */
.msie .list3-cell2 .list3-cell-item.item1 {overflow:hidden;}
.msie .list3-tit.line-clamp1-2 {white-space:normal;}

/* list4-dx */
* + .list4-dx {margin-top:16px;}
.list4-dx {border-top:1px solid #888;border-bottom:1px solid #ddd;}

.list4-dx.pdtb_none .list4-item:first-child{padding-top:0;}
.list4-dx.pdtb_none .list4-item:last-child{padding-bottom:0;}

.list4-item {display:flex;align-items:center;padding:30px 0;}
.list4-item + .list4-item {border-top:1px solid #ddd;}

.list4-link {display:flex;align-items:center;flex-grow:1;padding:30px 0;margin:-30px 0;}

.list4-info {flex-grow:1;min-width:0;}
* + .list4-info {margin-left:40px;}
.list4-info > * + * {margin-top:4px;}

.list4-tit {display:block;font-size:18px;font-weight:700;}
.list4-txt {display:flex;align-items:center;font-size:18px;}
.list4-txt + .list4-txt {margin-top:4px;}
.list4-txt2 {display:flex;align-items:center;color:#666;font-size:14px;}
.list4-txt2 > span + span {margin-left:4px;}
.list4-txt3 {font-size:16px;}

.list4-plate {display:flex;flex-direction:column;align-items:center;width:49px;margin-left:30px;}
.list4-plate-inner {position:relative;width:78px;height:0;padding-top:100%;}
.list4-plate-img {position:absolute;top:50%;transform:translateY(-50%) rotate(90deg);}
.list4-link:hover .list4-plate-img {margin-top:-2px;transition:all 0.1s;box-shadow:0px 0px 12px rgb(0 0 0 / 12%);}

.list4-info-group {display:flex;justify-content:space-between;margin-top:12px;}
.list4-info-group:first-child {margin-top:0;}
.list4-info-group + .list4-info-group.item-btn {justify-content:flex-end;margin-top:8px;}
.list4-info-group.item-btn .btn-wrap-dx.btn-third {margin-top:0;}
.list4-info-group > .list4-txt + .list4-txt {margin-top:0;}

.list4-info-item {display:flex;flex-direction:column;min-width:0;}
.list4-info-item.item-price {flex-shrink:0;align-items:flex-end;width:216px;}
.list4-info-item + .list4-info-item {margin-left:8px;}
.list4-info-item > * + * {margin-top:4px;}

.list4-total {display:flex;justify-content:space-between;align-items:center;padding:20px 28px;background-color:#f8f8f8;}
.list4-total-tit {font-size:18px;}

.list4-dx.type2 .list4-item {align-items:stretch;padding:24px 0;}
.list4-dx.type2 .list4-item .js_more_focus + .list4-info{margin-left:0;}
.list4-dx.type2 * + .list4-info {margin-left:16px;}
.list4-dx.type2 .list4-tit {font-size:16px;}
.list4-dx.type2 .list4-txt {font-size:14px;}
.list4-dx.type2 .list4-tit.ellipsis2 {max-height:48px;}

/* ie에서 두줄 말줄임 예외처리 */
.msie .list4-info-item {flex:1;}
.msie .list4-info-item.item-price {flex:0 0 auto;}

/* list4 gutter */
.list4-dx.gutter16 .list4-item{padding:16px 0;}


/* list5-dx */
* + .list5-dx {margin-top:16px;}
.list5-dx {padding:32px 0;border-top:1px solid #888;border-bottom:1px solid #ddd;}
.list5-group {display:flex;flex-wrap:wrap;margin:-12px -30px;}
.list5-item {display:flex;justify-content:space-between;gap:12px;padding:12px 30px;}
.list5-tit1 {font-size:16px;color:#666;}
.list5-txt1 {font-size:18px;}

/* .list6-dx */
* + .list6-dx {margin-top:16px;}
.list6-dx[class*='bg_'] {padding:48px;border-radius:8px;}
.list6-tit {color:#000;font-size:20px;font-weight:700;}
.list6-inner {overflow:hidden;}
.list6-group {margin:-32px -30px;}
.list6-group .col {border-bottom:1px solid #ddd;padding:32px 30px;}
.list6-item .list6-tit + .between-list-group {margin-top:16px;}
.list6-item .between-list-item + .between-list-item {margin-top:16px;}
.list6-item .between-list-tit {color:#666;font-size:18px;}
.list6-item .between-list-txt {font-weight:700;font-size:18px;color:#000;}
.list6-dx.bg_gray {padding:48px;border-radius:8px;}

/* .pop-dx > .list6-dx */
.pop-dx .list6-dx {padding:0 16px;border-top:1px solid #000;}
.pop-dx .list6-group {margin:0 0 -1px 0;}
.pop-dx .list6-group .col {padding:32px 0;}
.pop-dx .list6-item .between-list-item + .between-list-item {margin-top:8px;}

/* .list7-dx */
* + .list7-dx {margin-top:12px;}
.list7-dx {border:1px solid #ccc;border-radius:8px;}
.list7-dx .between-list-item {display:block;padding:24px;text-align:center;}
.list7-dx .between-list-tit {font-size:18px;text-align:center;}
.list7-dx .between-list-txt {font-size:18px;}
.list7-dx .between-list-tit + .between-list-txt {margin-top:8px;}

/* list8-dx */
.list8-item + .list8-item {margin-top:32px;}
.list8-dx .h_wrap + .list8-info {padding-top:16px;border-top:1px solid #ddd;}
.list8-info > .between-list-item .between-list-tit {color:#666;}
.list8-info > .between-list-item .between-list-txt {color:#333;}
.list8-info > .between-list-item.item-total .between-list-txt {color:#000;font-size:18px;}

/* list9-dx */
* + .list9-dx {margin-top:16px;}
.list9-item {display:flex;flex-direction:column;justify-content:center;height:100%;padding:56px 24px;border:1px solid #ddd;border-radius:8px;text-align:center;}
.list9-link {padding-right:24px;background:url('/pconts/images/dx/com/arrownext_small.svg') no-repeat right center;}
.list9-txt {margin-top:4px;color:#666;}
.list9-txt-group .h-dep3 {margin-bottom:0;}
.list9-txt-group .h-dep3 + .default-txt {margin-top:4px;}

/* list10-dx */
.list10-dx {border-top:1px solid #888;}
* + .list10-dx {margin-top:16px;}
.list10-item {padding:24px 0;border-bottom:1px solid #ddd;}
.list10-item-group {display:flex;align-items:center;}
.list10-check {margin-right:16px;}
.list10-date {flex-shrink:0;width:180px;font-size:14px;color:#666;}
.list10-tit {font-weight:700;}
.list10-info {display:flex;flex-grow:1;align-items:center;min-width:0;}
.list10-info2 {display:flex;align-items:center;}
.list10-info2 .list10-price {width:216px;text-align:right;}
.list10-info2 .check-second {width:auto;margin:0;text-align:right;}
.list10-info2 .check-second input[type="checkbox"]:checked + span {font-weight:700;color:#476eff;}
.list10-info2 .btn-wrap-dx.btn-text {margin:0;text-align:right;}
.list10-info2-item {width:136px;}
.list10-price2.form-dx {width:216px;margin:0 136px 0 auto;}
.list10-price2.form-dx .input_wrap input,
.list10-price2.form-dx .input_wrap input::placeholder {font-size:16px;}
.list10-price2.form-dx .input_wrap.side_unit .unit {font-size:16px;}

/* list15-dx */
* + .list15-dx {margin-top:20px;}
.list15-dx {padding:24px 16px 16px;border:1px solid #91a8ff;box-shadow: 0px 4px 20px 0px rgba(19, 87, 196, 0.14);border-radius:12px;}
.list15-group-wrap {display:flex;}
.list15-group {flex:0 0 50%;padding:0 32px 0 8px;}
.list15-group + .list15-group {border-left: 1px solid #eee;padding:0 8px 0 32px;}
.list15-item {display:flex;justify-content:space-between;}
.list15-item + .list15-item {margin-top:14px;}
.list15-tit {color:#666;}

/* list16-dx */
* + .list16-dx {margin-top:20px;}
.list16-dx + .list16-dx {margin-top:16px;}
.list16-dx {border:1px solid #ddd;padding:16px;border-radius:12px;}
.list16-tit {font-size:14px;color:#666;font-weight:900;}
.list16-info {margin-top:16px;padding-top:16px;border-top:1px solid #eee;}
.list16-btn {display:inline-flex;align-items:center;height:30px;padding:0 14px;background-color:#edf0f8;border-radius:6px;color:#494f64;font-weight:700;}
.list16-dx.satisfy .list16-tit {display:flex;justify-content:space-between;color:#476eff;font-size:16px;}
.list16-dx.satisfy .list16-complete {display:flex;align-items:center;justify-content:center;height:24px;padding:0 8px 0 24px;border-radius: 48px;background:#f4f7fc url('/pconts/images/dx/contents/ic-pic-complete.svg') no-repeat 8px center;font-size:12px;font-weight:900;}
.list16-dx.satisfy + .accordion-box2,
.accordion-box2 + .list16-dx.satisfy {margin-top:16px;}

/* list17-dx */
* + .list17-dx {margin-top:20px;}
.list17-item {border:1px solid #ddd;padding:16px 24px;border-radius:12px;}
.list17-item + .list17-item {margin-top:16px;}
.list17-item-group {display:flex;justify-content:space-between;}
.list17-item-group + .list17-item-group {margin-top:8px;}
.list17-txt {font-size:14px;color:#476eff;font-weight:700;}
.list17-txt2 {font-size:14px;color:#666;}
.list17-tit {font-weight:700;}
.list17-item.cancel .list17-txt {font-weight:400;color:#666;}
.list17-item.cancel .list17-tit {font-weight:400;color:#666;}

/* list18-dx */
* + .list18-dx {margin-top:8px;}
.list18-tit {font-size:14px;}
.list18-item {padding:24px 8px;border-top:1px solid #eee;}
.list18-item:first-child {border-top:none;}
.list18-more {padding-top:20px;text-align:center;border-top:1px solid #eee;}
.list18-more-btn {padding-right:16px;background:url('/pconts/images/dx/com/arrow_down_line_black_16.svg') no-repeat right center; font-size:14px;}

/* 20241016396600 처음드림론 관리 -  오픈 후 수정 */
.list18-dx.type2 .icon-text-group {margin:0;align-items:center;}
.list18-dx.type2 [class*='icon-text'].icon-sol {height:16px;margin-right:4px;padding:3px 4px;font-size:10px;line-height:1;border-radius:2px;}

/* list19-dx */
* + .list19-dx {margin-top:8px;}
.list19-item {padding:24px 8px;}
.list19-item:last-child {padding-bottom:16px;}
.list19-item + .list19-item {border-top:1px solid #eee;}
.list19-tit {font-size:14px;}
.list19-txt {margin-top:8px;font-weight: 700;}
.list19-item.case01 .list19-tit .between-list-tit {color:#476eff;font-weight:700;}
.list19-item.case02 .list19-tit .between-list-tit {color:#000;font-weight:700;}
.list19-item.case02 .list19-tit .between-list-txt {color:#666;}
.list19-item.case03 {color:#666;}

/* =================================================================
카드타입 - 본인 1227 카드종류 유형에서 사용 
================================================================= */
.card-type {display:flex;align-items:center;}
.card-type > span {font-size:14px;color:#666;line-height:24px;}
.card-type > span + .ico_card_logo {overflow:hidden;}
.card-type > span + span,
.card-type > span + .ico_card_logo {margin-left:4px;}

/* =================================================================
메시지 박스
================================================================= */
/* .msg-box1 */
* + .msg-box {margin-top:16px;}
.msg-box-link {display:flex;justify-content:space-between;padding:17px 40px;background-color:#414e7f;border-radius:12px;}
.msg-box-txt {color:#fff;}

/* .msg-box1(type2) */
.msg-box.type2 {margin-top:0;margin-bottom:32px}
.msg-box.type2 .msg-box-link {justify-content: flex-start;background-color:#e4f8ba;border-radius:8px;}
.msg-box.type2 .msg-box-link img {width:24px;height:24px;margin-right:10px}
.msg-box.type2 .msg-box-txt {position:relative;color:#000;}
.msg-box.type2 .msg-box-txt::after {content:'';display:block;position:absolute;right:-32px;top:50%;width:16px;height:16px;margin-top:-8px;background:url(/pconts/images/dx/com/arrownext_small.svg) no-repeat right center;background-size:18px 18px;}

/* .msg-box2 */
* + .msg-box2 {margin-top:16px;}
.msg-box2-info {padding:20px 24px;border-radius:8px;background-color:#f6f6f6;}


/* =================================================================
버튼 디자인
================================================================= */
/* 버튼 목록 */
.button-list-btn {display:flex;align-items:center;width:100%;min-height:50px;padding:10px 16px;font-size:18px;font-weight:700;text-align:left;border-radius:8px;}
.button-list-btn:hover {background-color:#f4f7fc;}


/* =================================================================
필터(신규)
================================================================= */
.filter-dx {position:relative;border-top:1px solid #888;border-bottom:1px solid #ddd;}
.filter-group.text-split > .text-split-item {color:#304ba2;font-size:14px;}
.filter-btn {display:block;padding:16px 32px 16px 0;background:url('/pconts/images/dx/com/filter_black.svg') no-repeat right center;}


/* =================================================================
스텝(신규)
================================================================= */
/* 박스형 */
* + .step1-dx {margin-top:16px;margin-bottom:16px;}
.step1-dx:last-child {margin-bottom:0;}
.step1-dx {overflow:hidden;}
.step1-group {display:flex;margin:-10px;}
.step1-item {flex:1;margin:10px;padding:32px;background-color:#f6f6f6;}
.step1-step {display:block;font-size:13px;font-weight:700;}
.step1-tit {display:block;font-weight:700;}
.step1-txt {margin-top:8px;}
.step1-dx.col2 .step1-group {flex-wrap:wrap;}
.step1-dx.col2 .step1-item {flex-basis:calc(50% - 20px);}

/* 아이콘형 - 구축에는 있으나 사용하지 않기로 1차 협의됨
.step2-dx {overflow:hidden;}
.step2-group {display:flex;margin-top:-40px;}
.step2-item {position:relative;flex:1;margin:40px 24px 0 0;text-align:center;}
.step2-item:last-child {margin-right:0;}
.step2-item::after {content:'';display:block;position:absolute;top:13px;right:-24px;width:24px;height:24px;background:url('/pconts/images/dx/com/arrownext_small.svg') no-repeat;}
.step2-item:last-child::after {display:none;}
.step2-step {display:block;font-size:14px;font-weight:700;}
.step2-tit {display:block;font-weight:700;}
.step2-txt {margin-top:8px;}
.step2-dx .icon_box {width:50px;height:50px;margin:0 auto 28px;background-size:100% auto;}
.step2-dx[class*='col'] .step1-group {flex-wrap:wrap;}
.step2-dx[class*='col'] .step1-item:last-child {margin-right:24px;}
.step2-dx.col3 .step1-item {flex-basis:calc(33.3333% - 24px);}
.step2-dx.col4 .step1-item {flex-basis:calc(25% - 24px);}
*/


/* =================================================================
박스(신규)
================================================================= */
/* box1-dx */
* + .box1-dx {margin-top:16px;}
.box1-dx {background-color:#f6f6f6;padding:16px 20px 24px;color:#666;}
.box1-tit {font-weight:700;}

/* box2-dx */
* + .box2-dx {margin-top:16px;}
.box2-dx {background-color:#f6f6f6;padding:32px 40px;border-radius:8px;}

/* box3-dx 좌측 텍스트 우측 버튼의 경우 */
* + .box3-dx {margin-top:16px;}
.box3-dx {display:flex;justify-content:space-between;align-items:center;padding:32px 40px;border:1px solid #ddd;border-radius:8px;}
.box3-tit1 {font-size:16px;color:#666;}
.box3-txt1 {font-size:24px;}
.box3-tit1 + .box3-txt1 {margin-top:8px;}
.box3-dx > .btn-third {margin-top:0;}

/* box4-dx */
* + .box4-dx {margin-top:16px;}
.box4-dx {border-radius:8px;padding:24px;border:1px solid #ddd;}
.box4-dx.bg_gray {border:none;}
.box4-dx .between-list-tit {color:#000;font-weight:700;}
.box4-dx .between-list-txt {color:#000;font-weight:700;}
.box4-txt1 {font-size:18px;font-weight:700;text-align:center;}

/* box5-dx */
* + .box5-dx {margin-top:16px;}
.box5-dx {padding:36px 40px;border:1px solid #ddd;border-radius:12px;}
.box5-dx .h-dep2 {margin-bottom:4px;}
.box5-dx .h-dep2 .h_title {font-size:18px;font-weight:900;}
.box5-link {padding-right:24px;font-size:28px;font-weight:900;background:url('/pconts/images/dx/com/arrownext_small.svg') no-repeat right center;}
.box5-dx.type2{border:none;background-color:#f4f7fc;}

/* box6-dx */
.box6-dx {display:flex;justify-content:space-between;align-items:center;padding:21px 28px;border:2px solid #414e7f;border-radius:10px;box-shadow:2px 2px 12px 0 rgba(0,0,0,0.16);}
.box6-tit {font-size:22px;font-weight:700;}
.box6-dx .btn-wrap-dx {margin-top:0;}

/* box7-dx */
.box7-dx {padding:20px 24px;background-color:#f6f6f6;border-radius:12px;}

/* box10-dx */
.box10-dx {width:600px;padding:20px;border:1px solid #ddd;border-radius:14px;}
.box10-dx .btn {width:100%;height:48px;line-height:46px;border-radius:8px;font-size:16px;color:#494f60;background-color: #edf0f8;}

/* box11-dx */
.box11-dx {padding:24px 0;border:1px solid #ddd;border-radius:12px;}
.box11-dx .max-img {max-width:200px;margin:0 auto;} 

/* box12-dx */
* + .box12-dx {margin-top:16px;}
.h-dep2 + .box12-dx {margin-top:20px;}
.box12-dx {padding:16px;border:1px solid #91a8ff;box-shadow:0px 4px 20px 0px rgba(19, 87, 196, 0.14);border-radius:12px;}

/* box13-dx */
* + .box13-dx {margin-top:16px;}
.box13-dx {padding:16px;background-color:#f4f7fc;border-radius:6px;}
.box13-dx.type2 {padding:26px 16px;}
/* 개발에서 클래스 제거하기 전까지 유지 */
.box13-dx .between-list-item.pdt10_0,
.box13-dx .between-list-item.pdb10_0 {padding:0 !important}

/* 20241016396600 처음드림론 관리 -  오픈 후 수정 */
.box13-dx.type3 .between-list-tit {font-size:14px;}
.box13-dx.type3 .between-list-txt {font-size:16px;font-weight:700;}
.box13-dx.type3 .between-list-txt .sub {font-size:11px;color:#676d80;font-weight:400;}

.box13-dx.type3 .between-list-item.item2 {line-height:1.4;}
.box13-dx.type3 .between-list-item.item2 .between-list-tit {padding-top:1px;color:#143898;font-weight:700;}
.box13-dx.type3 .between-list-item.item2 .between-list-txt {color:#143898;text-align:right;font-weight:900;}

/* box14-dx */
* + .box14-dx {margin-top:16px;}
.box14-dx {padding:16px;border:1px solid #ddd;border-radius:12px;}
.box14-txt1 {margin-top:16px;padding-top:16px;padding-left:8px;border-top:1px solid #eee;font-size:14px;color:#494f60;}

/* =================================================================
배경 bg-dx
================================================================= */
.bg-dx.bg_gray,
.bg-dx.expend_wrap.bg_gray::before,
.has-flow-step-dx + .bg_gray,
.has-flow-step-dx + .bg_gray::before {background-color:#f4f7fc;}

/* 본인인증 공통모듈이 ly_inner 내부에 있는 경우 bg 100% */
.pesnAuth-bg-expend .tab_type01 > .bg_gray.mob_vh {position:relative;}
.pesnAuth-bg-expend .tab_type01 > .bg_gray.mob_vh::before {content: '';display: block;position: absolute;z-index: 0;left: calc(-50vw + 50%);top: 0;width: 100vw;height: 100%;background-color: #f4f7fc;}

/* =================================================================
페이지 상단 디자인
================================================================= */
.conts-header {margin-bottom:60px;}
.conts-header .h-dep1 + .default-txt {margin-top:23px;font-size:18px;}


/* =================================================================
아코디언 accordion-dx 추가
================================================================= */
* + .accordion-dx {margin-top:16px;}
[class*='bg_'] + .accordion-dx {margin-top:48px;}
.accordion-dx {border-top:1px solid #888;border-bottom:1px solid #eee;}
.accordion-dx .accordion_header {display:flex;}
.accordion-dx .accordion_body + .accordion_header {border-top:1px solid #eee;}

/* .acc_btn:only-child 통합 이전 체크(이상 없으면 추후삭제) 
.accordion-dx .accordion_header .acc_btn {display:flex;align-items:center;justify-content:center;width:44px;padding:0;border-top:none;color:#333;font-weight:400;} */
/* .acc_btn:only-child 통합 이전 체크(이상 없으면 추후삭제).accordion-dx .accordion_header .acc_btn:only-child {display:block;width:100%;padding:15px 52px 14px 0;line-height:1.53;font-size:18px;}
.accordion-dx .accordion_header .acc_btn:only-child::before {position:absolute;top:50%;right:0;width:44px;height:44px;transform:translateY(-50%);} */
.accordion-dx .accordion_header .acc_btn {display:block;width:100%;padding:15px 52px 14px 0;border-top:none;line-height:1.53;font-size:18px;font-weight:400;}
/* .accordion-dx .accordion_header .acc_btn::before {content:'';display:block;width:24px;height:24px;background:url('/pconts/images/dx/com/arrowdown_small.svg') no-repeat center;} */
.accordion-dx .accordion_header .acc_btn::before {content:'';display:block;position:absolute;top:50%;right:10px;width:24px;height:24px;background:url('/pconts/images/dx/com/arrowdown_small.svg') no-repeat center;transform:translateY(-50%);}
.accordion-dx .accordion_header .acc_btn::after {display:none;}
.accordion-dx .accordion_header .acc_btn.on {border-top:none;}
.accordion-dx .accordion_header .acc_btn.on::before {background:url('/pconts/images/dx/com/arrowup_small.svg') no-repeat center;}
.accordion-dx .accordion_body .area {padding:16px 0;}
.accordion-dx .accordion_body .accordion-tit {margin-bottom:12px;color:#000;}
.accordion-dx .accordion_body * + .accordion-tit {margin-top:24px;}
/* .accordion-dx .accordion_body .area .title {margin-top:0;margin-bottom:12px;color:#000;font-weight:400;}
.accordion-dx .accordion_body .area * + .title {margin-top:24px;} */
.accordion-dx .accordion_body .btn-wrap-dx {margin-top:16px;}

/* 꼭 알아두세요에 사용(페이지 하단에 노출되는 안내형 아코디언) */
.accordion-dx.accordion-note {margin-top:88px;border-top:none;border-bottom:none;}
.accordion-dx.accordion-note .accordion-note-tit {padding:12px 0;font-weight:900;}
.accordion-dx.accordion-note .accordion_header {border-bottom:1px solid #eee;}
.accordion-dx.accordion-note .accordion_header:first-child {border-top:1px solid #000;}
.accordion-dx.accordion-note .accordion_header.on + .accordion_body {border-bottom:1px solid #eee;}
.accordion-dx.accordion-note .accordion_header .acc_btn {padding-top:12px;padding-bottom:12px;font-size:16px;color:#000;}
.accordion-dx.accordion-note .accordion_body + .accordion_header {border-top:none;}
.accordion-dx.accordion-note .accordion_header .acc_btn::before {background:url('/pconts/images/dx/com/arrow_down2.svg') no-repeat center;}
.accordion-dx.accordion-note .accordion_header .acc_btn.on::before {background:url('/pconts/images/dx/com/arrow_up2.svg') no-repeat center;}
/* 하나만 있는 경우 */
.accordion-dx.accordion-note .accordion_header:only-of-type:first-child {border-top:none;border-bottom-color:#000;}
.accordion-dx.accordion-note .accordion_header:only-of-type:first-child .acc_btn {font-weight:900;}
.accordion-note-gap .accordion-dx.accordion-note {position:relative;z-index:1;margin-bottom:-89px;}

/* .accordion-box */
.accordion-dx.accordion-box {border:none;}
.accordion-dx.accordion-box .accordion_header .acc_btn {padding:28px 60px 28px 28px;border:1px solid #eee;border-radius:8px;font-size:20px;font-weight:700;color:#000;}
.accordion-dx.accordion-box .accordion_body + .accordion_header {margin-top:48px;border-top:none;}

.accordion-dx.accordion-box .accordion_header.on .acc_btn {border-bottom:none;padding:28px 60px 28px 28px;border-radius:8px 8px 0 0;}
.accordion-dx.accordion-box .accordion_header.on + .accordion_body {padding:0 24px 48px;border:1px solid #eee;border-top:none;border-radius:0 0 8px 8px;}
.accordion-dx.accordion-box .accordion_header.on + .accordion_body .area{padding:28px 0 0;border-top:1px solid #000;}
/* .acc_btn:only-child 통합 이전 체크(이상 없으면 추후삭제)  .accordion-dx.accordion-box .accordion_header .acc_btn:only-child::before {right:28px;width:24px;height:24px;} */
.accordion-dx.accordion-box .accordion_header .acc_btn::before {right:28px;}

.accordion-dx.accordion-box.type2 .accordion_header.on .acc_btn {padding:28px 80px 28px 48px;}
.accordion-dx.accordion-box.type2 .accordion_header.on + .accordion_body {padding:0 48px 48px;}
/* .acc_btn:only-child 통합 이전 체크(이상 없으면 추후삭제)  .accordion-dx.accordion-box.type2 .accordion_header.on .acc_btn:only-child::before {right:48px;} */
.accordion-dx.accordion-box.type2 .accordion_header.on .acc_btn::before {right:48px;}

/* accordion-box2 */
* + .accordion-dx.accordion-box2 {margin-top:20px;}
.accordion-box2 + .accordion-box2 {margin-top:16px;}
.accordion-dx.accordion-box2 {border:none;}
.accordion-dx.accordion-box2 .accordion_header .acc_btn {padding:15px 40px 15px 16px;border:1px solid #ddd;border-radius:12px;font-size:16px;font-weight:900;color:#666;}
.accordion-dx.accordion-box2 .accordion_body + .accordion_header {margin-top:16px;border-top:none;}
.accordion-dx.accordion-box2 .accordion_header.on .acc_btn {border-bottom:none;padding:16px 40px 16px 16px;border-radius:12px 12px 0 0;}
.accordion-dx.accordion-box2 .accordion_header.on + .accordion_body {padding:0 16px 16px;border:1px solid #ddd;border-top:none;border-radius:0 0 12px 12px;}
.accordion-dx.accordion-box2 .accordion_header.on + .accordion_body .area{padding:16px 0 0;border-top:1px solid #eee;}
.accordion-dx.accordion-box2 .accordion_header .acc_btn::before {right:16px;}
.accordion-dx.accordion-box2 .accordion_header .acc_btn .icon-text {line-height:24px;}
.accordion-dx.accordion-box2 .accordion-box2-list .between-list-txt {color:#666;}

/* accordion-box3 */
* + .accordion-dx.accordion-box3 {margin-top:20px;}
.accordion-dx.accordion-box3 {border:none;}
.accordion-dx.accordion-box3 .accordion_header .acc_btn {padding:16px 20px;border:1px solid #ddd;border-radius:8px;font-size:16px;font-weight:900;color:#666;}
.accordion-dx.accordion-box3 .accordion_header .acc_btn .badge1-dx {vertical-align:2px;}
.accordion-dx.accordion-box3 .accordion_body + .accordion_header {margin-top:12px;border-top:none;}
.accordion-dx.accordion-box3 .accordion_body .area {font-size:14px;color:#494f60;}
.accordion-dx.accordion-box3 .accordion_header.on .acc_btn {border-bottom:none;padding:16px 12px 12px 20px;border-color:#2c3548;border-radius:8px 8px 0 0;color:#000;box-shadow:0px 4px 8px 0px rgba(0,0,0,0.08);}
.accordion-dx.accordion-box3 .accordion_header.on + .accordion_body {position:relative;z-index:20;padding:0 12px 16px 20px;background-color:#fff;border:1px solid #2c3548;border-top:none;border-radius:0 0 8px 8px;box-shadow:0px 4px 8px 0px rgba(0,0,0,0.08);}
.accordion-dx.accordion-box3 .accordion_header.on + .accordion_body::before {content:'';display:block;z-index:10;position:absolute;top:-8px;left:0;right:0;height:8px;background-color:#fff;}
.accordion-dx.accordion-box3 .accordion_header.on + .accordion_body .area{padding:0;}
.accordion-dx.accordion-box3 .accordion_header .acc_btn::before {display:none;}
.accordion-dx.accordion-box3 .accordion_header .acc_btn:disabled {color:#ccc;}
.accordion-dx.accordion-box3 .accordion_header .acc_btn:disabled .badge1 {color:#a6adbd;}

/* .accordion-dx.type3 */
.accordion-dx.type3 {border:none;}
.accordion-dx.type3 .accordion_header .acc_btn {padding:32px 28px;background-color:#fff;border:1px solid #ddd;font-size:20px;color:#666;font-weight:700;border-radius:8px;}
.accordion-dx.type3 .accordion_header .acc_btn::before {display:none;}
.accordion-dx.type3 .accordion_header .acc_btn.on {border:1px solid #476eff;border-bottom:none;padding-bottom:28px;border-radius:8px 8px 0 0;color:#476eff;}
.accordion-dx.type3 .accordion_header .acc_btn [class*='icon-text'] {margin-left:12px;vertical-align:4px;}
.accordion-dx.type3 .accordion_body + .accordion_header {margin-top:24px;border:none;}
.accordion-dx.type3 .accordion_body .area {position:relative;padding:24px 28px 32px;background-color:#fff;border:1px solid #476eff;border-top:none;border-radius:0 0 8px 8px;}
.accordion-dx.type3 .accordion_body .area::before {content:'';display:block;position:absolute;top:0;left:28px;right:28px;height:1px;background-color:#ddd;}

/* =================================================================
약관 agreement-wrap-dx 추가(사용하지 않음)
================================================================= */
* + .agreement-wrap-dx {margin-top:16px;}
.agreement-wrap-dx .all_chk {width:100%;margin-bottom:10px;padding-bottom:30px;border-bottom:1px solid #ccc;}
.agreement-wrap-dx .all_chk.line-none {margin-bottom:16px;padding-bottom:0;border-bottom:none;}
.agreement-wrap-dx .all_chk.radio_wrap label,
.agreement-wrap-dx .all_chk.check_wrap label {min-width:100%;}
.agreement-wrap-dx .radio_wrap.type_btn.has_ico .radio_btn input[type="radio"],
.agreement-wrap-dx .check_wrap.type_btn.has_ico .check_btn input[type="checkbox"] {width:100%;}
.agreement-wrap-dx .check_wrap.has_ico.all_chk .check_btn input[type="checkbox"] + span {height:56px;padding:0 20px;border-color:#ccc;background-color:#fff;border-radius:4px;font-size:1.8rem;color:#000;line-height:54px;text-align:center;text-indent:-15px;}
.agreement-wrap-dx .check_wrap.has_ico.all_chk .check_btn input[type="checkbox"] + span::before {margin:0 13px 2px 0;border-color:#fff;}
.agreement-wrap-dx .check_wrap.has_ico.all_chk .check_btn input[type="checkbox"]:checked + span {background-color:#fff;border-color:#476eff;color:#476eff;}
.agreement-wrap-dx .check_wrap.has_ico.all_chk .check_btn input[type="checkbox"]:checked + span::before {border-color:#476eff;}
.agreement-wrap-dx .agreement_inner > .accordion_wrap.accordion_check,
.agreement-wrap-dx .agreement_inner .check_wrap.check_only {border-bottom:none;}
.agreement-wrap-dx .agreement_inner .accordion_header .check_wrap.type_agree.all .check_agree,
.agreement-wrap-dx .agreement_inner .check_wrap.check_only .check_agree {min-height:55px;}
.agreement-wrap-dx .agreement_inner .accordion_header .check_wrap.type_agree.all .check_agree input[type="checkbox"] + span,
.agreement-wrap-dx .agreement_inner .check_wrap.check_only .check_agree input[type="checkbox"] + span {padding:13px 55px 14px 38px;}
.agreement-wrap-dx .agreement_inner .accordion_header .check_wrap.type_agree.all .check_agree input[type="checkbox"] + span:before,
.agreement-wrap-dx .agreement_inner .check_wrap.check_only .check_agree input[type="checkbox"] + span:before {top:14px;}
.agreement-wrap-dx .agreement_inner .accordion_header .check_wrap.type_agree.all .check_agree input[type="checkbox"]:checked + span:before,
.agreement-wrap-dx .agreement_inner .check_wrap.check_only .check_agree input[type="checkbox"]:checked + span:before {background-color:#476eff;border-color:#476eff;}
.agreement-wrap-dx .agreement_inner .accordion_header .check_wrap.type_agree.all .check_agree input[type="checkbox"] + span:after,
.agreement-wrap-dx .agreement_inner .check_wrap.check_only .check_agree input[type="checkbox"] + span:after {top:19px;}
.agreement-wrap-dx .agreement_inner .check_wrap.check_only .btn_check_pop.btn_txt {height:55px;}

/*  다른 콘텐츠들과 간격 */
.contents-box .agreement-wrap-dx + .h-wrap-dx,
.contents-box .agreement-wrap-dx + .form-dx {margin-top:42px;}
.form-dx .form_ele + .agreement-wrap-dx {margin-top:18px;}


/* =================================================================
약관동의(추가)
================================================================= */
/* 
	모든 케이스의 약관 디자인이 나오지 않아 임의로 디자인 작업
	추후 디자인이 나옴에 따라 수정 필요
	새로운 약관이 추가될때마다 가이드 페이지에 추가하여 디자인 맞춤
*/
/* .agreement-dx */
* + .agreement-dx {margin-top:16px;}
.agreement-dx.bg_gray {padding:32px 40px;border-radius:8px;}
.agreement-dx.bg_gray.expend_wrap {border-radius:0;}

/* .agreement_inner */
.agreement-dx .check-dx.check-all + .agreement_inner {margin-top:30px;padding-top:10px;border-top:1px solid #ccc;}
.agreement-dx .agreement_inner > :first-child {border-top:none !important;}

/* .accordion_check */
.agreement-dx .agreement_inner > .accordion_wrap.accordion_check {border-bottom:none;}
.agreement-dx .agreement_inner > .accordion_wrap.accordion_check:last-child .accordion_body {padding-bottom:0;}
.agreement-dx .agreement_inner > .accordion_wrap.accordion_check:before,
.agreement-dx .agreement_inner > .accordion_wrap.accordion_check:after {display:none;}

/* accordion_header */
.agreement-dx .accordion_check .accordion_header .check-dx .check_default input[type="checkbox"] + span {font-weight:700;}
.agreement-dx .accordion_check .accordion_header .btn_acc_check {width:24px !important;height:100% !important;background:url('/pconts/images/dx/com/arrowdown_small.svg') no-repeat center / 24px !important;transform:rotate(0);-webkit-transform:rotate(0);-ms-transform:rotate(0);}
.agreement-dx .accordion_check .accordion_header .btn_acc_check:after {display:none !important;}
.agreement-dx .accordion_check .accordion_header.on .btn_acc_check {background-image:url('/pconts/images/dx/com/arrowup_small.svg') !important;}

/* accordion_body */
.agreement-dx .accordion_wrap.accordion_check .accordion_body {padding:8px 0 20px;}

/* agree_tit */
.agreement-dx .agreement_inner .agree_tit {margin-bottom:12px;}
.agreement-dx .agreement_inner * + .agree_tit {margin-top:16px;}

/*  txt_wrap */
.agreement-dx .agreement_inner .txt_wrap {position:relative;color:#333;}
.agreement-dx .agreement_inner * + .txt_wrap {margin-top:8px;}
.agreement-dx .agreement_inner .txt_wrap > p {padding-right:64px;}
.agreement-dx .agreement_inner .agree_depth02.no_check .txt_wrap {padding-right:0;}

/* btn-open-pop */
.agreement-dx .agreement_inner .btn-open-pop {position:absolute;top:0;right:0;z-index:10;color:#000;font-size:13px;text-decoration:underline;}

/* agree_view_all */
.agreement-dx .agree_view_all {margin-top:24px;text-align:right;}
.agreement-dx .agree_view_all button {font-size:14px;text-decoration:underline;}

/* check-second */
.agreement-dx .agreement_inner * + .check-second {margin-top:8px;}
.agreement-dx .agreement_inner .check-second + .check-second {margin-top:8px;}
.agreement-dx .agreement_inner .check-second .check_default {display:block;width:100%;}
.agreement-dx .agreement_inner .check-second .check_default input[type="checkbox"] {width:100%;height:100%;}

.agreement-dx .agreement_inner .check-second .check-group .check_default {display:inline-block;width:auto;}
.agreement-dx .agreement_inner .check-second .check-group .check_default input[type="checkbox"] + span {padding-right:0;}
.agreement-dx .agreement_inner .check-second.check-column .check-group .check_default {display:block;}

/* agree_depth01 */
.agreement-dx .agreement_inner .agree_depth01 {position:relative;border-top:1px solid #ddd;}
.agreement-dx .agreement_inner .agree_depth01 > .btn-open-pop {height:100%;}
.agreement-dx .agreement_inner .agree_depth01 .check-dx .check_default {display:block;width:100%;}
.agreement-dx .agreement_inner .agree_depth01 .check-dx .check_default input[type="checkbox"] {width:100%;height:100%;}
.agreement-dx .agreement_inner .agree_depth01 .check-dx .check_default input[type="checkbox"] + span {display:block;padding:16px 64px 16px 32px;font-size:16px;}
.agreement-dx .agreement_inner .agree_depth01 .check-dx .check_default input[type="checkbox"] + span:before {top:50%;transform:translateY(-50%);}
.agreement-dx .agreement_inner .agree_depth01 .check-dx .check_default input[type="checkbox"] + span > em {display:block;font-size:13px;color:#333;font-weight:400;}
.agreement-dx .agreement_inner .agree_depth01 .accordion_header .check-dx .check_default input[type="checkbox"] + span {padding-right:40px;}

/* agree_depth02 */
.agreement-dx .agreement_inner .agree_depth02 {margin-top:24px;padding:0;}
.agreement-dx .agreement_inner .accordion_body > :first-child {margin-top:0;}
.agreement-dx .agreement_inner .agree_depth02.no_check {padding-left:32px;}
.agreement-dx .agreement_inner .agree_depth02 .check-second .check_default input[type="checkbox"] + span {padding:0 64px 0 32px;font-weight:400;}
.agreement-dx .agreement_inner .agree_depth02 .check-second .check_default input[type="checkbox"] + span:before {top:0;transform:translateY(0);}
.agreement-dx .agreement_inner .agree_depth02 .check-second.check-column .check-group .check_default {width:100%;}
.agreement-dx .agreement_inner .agree_depth02 .accordion_header .btn_acc_check {top:1px !important;right:0 !important;opacity:0.5;}

/* agree_depth03 */
.agreement-dx .agreement_inner .agree_depth03 {margin-top:8px;padding:0 0 0 32px;}
.agreement-dx .agreement_inner .agree_depth03 + .check-second,
.agreement-dx .agreement_inner .agree_depth03 + .radio-second {margin-top:12px;}
.agreement-dx .agreement_inner .agree_depth03 .check-second .check_default,
.agreement-dx .agreement_inner .agree_depth03 .radio-second .radio_default {display:inline-block;width:auto;}
.agreement-dx .agreement_inner .agree_depth03 .check-second .check_default input[type="checkbox"] + span {padding:0 0 0 28px;}
.agreement-dx .agreement_inner .agree_depth03 .check-second.check-column .check_default,
.agreement-dx .agreement_inner .agree_depth03 .radio-second.radio-column .radio_default {display:block;width:100%;}


/* =================================================================
완료페이지(신규)
================================================================= */
.complete-dx {position:relative;margin-top:80px;text-align:center;}
.complete-dx .icon {display:block;width:64px;height:64px;margin:0 auto 48px;background:url('/pconts/images/dx/landing/dxicon01.png') no-repeat center / 100%;}
.complete-dx.dxicon02 .icon {background:url('/pconts/images/dx/landing/dxicon02.png') no-repeat center / 100%;}
.complete-dx.dxicon03 .icon {background:url('/pconts/images/dx/landing/dxicon03.png') no-repeat center / 100%;}
.complete-dx .title {font-size:28px;font-weight:700;text-align:center;line-height:1.3;color:#000;}
.complete-dx .sub_title {color:#666;}
.complete-dx .title + .sub_title {margin-top:12px;}
.complete-dx [class*='title'] + [class*='bullet-'] {margin-top:40px;}
.complete-dx [class*='title'] + .btn-wrap-dx {margin-top:56px;}


/* =================================================================
내역없음(신규)
================================================================= */
.complete-dx.no-data {margin:0;padding:100px 0;border-top:1px solid #333;border-bottom:1px solid #ddd;}
.complete-dx.no-data .btn-wrap-dx {margin-top:40px;}
* + .complete-dx.no-data {margin-top:16px;}
.complete-dx.no-data .title {font-size:24px;}

/* border 유무 */
* + .complete-dx.no-data.bdt_none,
* + .complete-dx.no-data.bd_none {margin-top:0;}
.complete-dx.no-data.bd_none {margin:100px 0;padding:0;}
.complete-dx.no-data.bdt_none {margin-top:100px;padding-top:0;}
.complete-dx.no-data.bdb_none {margin-bottom:100px;padding-bottom:0;}

/* 간격(gutter) 추가 */
.complete-dx.no-data.gutter48 {padding:48px 0;}
.complete-dx.no-data.gutter48.bd_none {margin:48px 0;padding:0;}
.complete-dx.no-data.gutter48.bdt_none {margin-top:48px;padding-top:0;}
.complete-dx.no-data.gutter48.bdb_none {margin-bottom:48px;padding-bottom:0;}
.complete-dx.no-data.gutter48 .title {font-size:20px;}

/* contents-box 내부 */
.contents-box .complete-dx.no-data .title {font-size:20px;}



/* =================================================================
팝업 pop-dx(추가)
================================================================= */
.pop-dx .popup {position:relative;}
.pop-dx.medium2 .popup {width:580px;max-height:570px;}

/* 팝업 타이틀 우측 버튼 - 신용카드 설명서 */
.pop-dx .popup .pop_head {padding:30px 32px;}
.pop-dx .popup .pop_head h3 {min-height:auto;line-height:1.2;}
.pop-dx .popup .pop_head.has_tab {padding-bottom:0;}
.pop-dx .pop_head .has-btn {display:flex;justify-content:space-between;padding-right:42px;}
.pop-dx .pop_head .has-btn h3 {padding-right:12px;}
.pop-dx .pop_head .has-btn .btn-wrap-dx {margin-top:0;}

/* 본문 */
.pop-dx .popup .pop_cont {padding:8px 32px 148px;}
.msie .pop-dx .popup_type01 .pop_cont {flex:0 0 auto;}

/* 버튼없는 타입 */
.pop-dx .popup.btn_none .pop_cont {padding-bottom:40px;}
.pop-dx .popup.btn_none {padding-bottom:20px;}

/* 버튼 - 하단 */
.pop-dx .popup_type01 .pop_btn {position:absolute;bottom:0;left:17px;right:17px;margin-top:0;padding:20px 24px;background-color:rgba(255,255,255,0.8);border-radius:0 0 16px 16px;font-size:1.6rem;} /* left 17 right 17 -> 스크롤바가 버튼영역 하단에 생기면서 버튼 배경이 적용되어 좌우 17px 여백 설정 */
.pop-dx .popup_type01 .pop_btn .btn {padding:0 32px;}

/* 버튼 - X닫기 */
.pop-dx .popup .btn_close {top:32px;right:32px;background:url('/pconts/images/dx/com/icon_close.svg') no-repeat;}
.pop-dx.pop_alert .popup:not(.pop-bottom) .btn_close {right:8px;}

/* Alert Confirm 타입 */
.pop-dx.pop_alert .popup .pop_cont + .pop_btn,
.pop-dx.pop_confirm .popup .pop_cont + .pop_btn {position:relative;left:0;right:0;background-color:#fff;border-radius:0;}

/* 탭 타입 */
.pop-dx .popup_type01 .has_tab ~.pop_btn {left:0;right:0;}
.pop-dx .popup_type01[tabindex] .has_tab ~.pop_btn {right:17px;;}


/* 본문 - 타이틀 */
.pop-dx * + .h-dep1 {margin-top:56px;}
.pop-dx .h-dep1 {margin-bottom:40px;}
.pop-dx * + .h-dep2 {margin-top:56px;}
.pop-dx .h-dep2 {margin-bottom:12px;}
.pop-dx * + .h-dep3 {margin-top:32px;}
.pop-dx .h-dep3 {margin-bottom:12px;}

.pop-dx .h-dep1 + .h-dep2 {margin-top:40px;}
.pop-dx .h-dep2 + .h-dep3 {margin-top:12px;}

.pop-dx .h-dep1 .h_title {font-size:24px;}
.pop-dx .h-dep2 .h_title {font-size:18px;}
.pop-dx .h-dep3 .h_title {font-size:16px;}

/* 본문 - 스텝타이틀이 없는 경우 */
.contents_heading + .h-dep2 {margin-top:0;}

/* 본문 - p + p 초기화 */
.pop-dx .pop_cont p + p {margin-top:0;}

/* 본문 - 블릿 */
.pop-dx .pop_cont * + .default-txt,
.pop-dx .pop_cont * + [class*='bullet-'] {margin-top:8px;}
.pop-dx .pop_cont .bullet-dot > li * + .default-txt,
.pop-dx .pop_cont .bullet-dot > li * + [class*='bullet-'] {margin-top:4px;}

/* 본문 - 테이블 */
.pop-dx .table-dx table th,
.pop-dx .table-dx table td {padding:12px;font-size:14px;}
.pop-dx .table-dx .table-sub table th,
.pop-dx .table-dx .table-sub table td {padding:8px 12px;font-size:13px;}

/* 본문 - 아코디언 */
.pop-dx .accordion-dx.accordion-note {margin-top:56px;}
/* .acc_btn:only-child 통합 이전 체크(이상 없으면 추후삭제)  .pop-dx .accordion-dx .accordion_header .acc_btn:only-child {font-size:16px;color:#000;} */
.pop-dx .accordion-dx .accordion_header .acc_btn {font-size:16px;color:#000;}


/* =================================================================
팝업 - 카드설명서만 개별 적용 케이스 /pconts/dx/svn/card_new/MOBFM038C02_cardmanual_01.html
================================================================= */
.pop-dx.card-manual .popup {min-height:75%;}
.pop-dx.card-manual .popup .pop_head {padding-bottom:29px;}
.pop-dx.card-manual .manual-progress {display:flex;position:absolute;bottom:0;left:0;right:0;}
.pop-dx.card-manual .manual-progress .progress_bar {position:relative;width:100%;height:3px;background-color:#d1dbe7;}
.pop-dx.card-manual .manual-progress .progress_bar .bar_val {position:absolute;top:0;left:0;height:100%;background-color:#476eff;transition:all 0.6s ease-in-out;}
.pop-dx.card-manual ol li {overflow:hidden;position:absolute;margin:0;padding:0;width:1px;height:1px;border:0;clip:rect(1px,1px,1px,1px);}
.pop-dx.card-manual .progress_bar .current {overflow:hidden;position:absolute;margin:0;padding:0;width:1px;height:1px;border:0;clip:rect(1px,1px,1px,1px);}
.pop-dx.card-manual .pop_cont {display:flex;flex-direction:column;justify-content:space-between;padding-top:32px;padding-bottom:180px;}
.pop-dx.card-manual .pop_cont::after{display:none;}
.pop-dx.card-manual .pop_btn {padding-top:40px;padding-bottom:32px;}
/* .pop-dx.card-manual .pop_btn {min-height:108px;} */

.pop-dx.card-manual .bold {color:#000;}
.pop-dx.card-manual .bold2 {color:#e11f94;}

/* df_list_wrap 커스텀 */
.pop-dx.card-manual .df_list_wrap {border-top-color:#888;border-bottom-color:#eee;}
.pop-dx.card-manual .df_list_wrap.single .df_list .item.tit {width:229px;padding:16px 30px 0 0;color:#666;}
.pop-dx.card-manual .df_list_wrap.single .df_list .item.con {width:calc(100% - 229px);color:#333;}

/* 숫자 블릿 ① ② 에 사용 */
.pop-dx.card-manual * + .bullet-number {margin-top:8px;margin-bottom:8px;}
.pop-dx.card-manual .bullet-number > li {display:block;padding-left:22px;text-indent:-22px;color:#666;}
.pop-dx.card-manual .bullet-number > li + li {margin-top:8px;}
.pop-dx.card-manual .bullet-number:last-child {margin-bottom:0;}

.pop-dx.card-manual #scrollInfo {position:absolute;bottom:88px;left:0;right:0;z-index:20;padding:0 24px;text-align:center;}
.pop-dx.card-manual #scrollInfo .info-txt {display:inline-block;padding:8px 20px;border-radius:10px;opacity:0.8;background-color:#050f26;text-align:center;color:#fff;font-size:14px;box-shadow:0px 0px 29px rgba(0,0,0,0.2);}

/* 테이블 내부 라인 */
.pop-dx.card-manual .table-dx .line {position: relative;}
.pop-dx.card-manual .table-dx .line::before {content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:-1px;border-left:2px solid #e11f94;border-right:2px solid #e11f94;}
.pop-dx.card-manual .table-dx thead th.line::before{border-top:2px solid #e11f94;}
.pop-dx.card-manual .table-dx tbody tr:last-child td.line::before {bottom:0;border-bottom:2px solid #e11f94;}

/* 현재 위치 안내 */
.pop-dx.card-manual .page-nav {margin-top:32px;text-align:center;}

/* =================================================================
툴팁 - dx-tooltip-wrap
================================================================= */
.dx-tooltip-wrap{max-width:650px;width:auto !important;}
.dx-tooltip-wrap.tooltip-open{transition: all 0.4s ease-out;}
.dx-tooltip-wrap .tooltip_cont {padding:20px 38px 20px 25px;}
.dx-tooltip-wrap:not(.up) .tooltip_box::before {top:-8px;}
.dx-tooltip-wrap .tooltip_box::before {content:'';display: block;position: absolute;left:calc(50% - 5px);border-bottom:8px solid #fff;border-left:5px solid transparent;border-right:5px solid transparent;}
.dx-tooltip-wrap.left{border-top-left-radius:0;}
.dx-tooltip-wrap.left .tooltip_box::before {content:'';left:0;border-left-width:0;border-right-width:9px;}
.dx-tooltip-wrap.right{border-top-right-radius:0;left:auto !important;}
.dx-tooltip-wrap.right .tooltip_box::before {content:'';left:calc(100% - 9px);border-right-width:0;border-left-width:9px;}
.dx-tooltip-wrap.up .tooltip_box::before {bottom: -8px;transform:rotate(180deg);}
.dx-tooltip-wrap.up.left{border-top-left-radius:8px;border-bottom-left-radius:0;}
.dx-tooltip-wrap.up.right{border-top-right-radius:8px;border-bottom-right-radius:0;}
.dx-tooltip-wrap.up.left .tooltip_box::before {content:'';left:0;border-left-width:9px;border-right-width:0;}
.dx-tooltip-wrap.up.right .tooltip_box::before {content:'';left:calc(100% - 9px);border-right-width:9px;border-left-width:0;}
.dx-tooltip-wrap .btn_close,
.pop-dx .dx-tooltip-wrap .btn_close {top:12px;right:0;width:38px;height:38px;background:url('/pconts/images/dx/com/icon_close.svg') no-repeat center / 18px;}
.dx-tooltip-wrap .btn_close span::before,
.dx-tooltip-wrap .btn_close span::after{display:none;}

.SH_submain .dx-tooltip-wrap {max-width:700px;}
.pop-dx .dx-tooltip-wrap {max-width:60%;}
/* 툴팁 사이즈 커스텀 */
.dx-tooltip-wrap.size01 {width:312px !important;}
/* service-2020.js에서 .btn_close 클릭 시 팝업을 닫는 로직으로 인해 .btn_tooltip_close로 닫기 추가 */
.dx-tooltip-wrap .btn_tooltip_close {overflow:hidden;position:absolute;top:12px;right:0;z-index:12;display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:url('/pconts/images/dx/com/icon_close.svg') no-repeat center / 18px;}
.dx-tooltip-wrap .btn_tooltip_close > span {overflow:hidden;position:relative;display:block;width:100%;height:100%;text-indent:-9999px;user-select:none;}

/* 전활율tf에서 추가된 small 타입 */
.btn_tooltip.btn-tooltip-dx.small {width:16px;height:auto;min-height:16px;line-height:normal;background-size:16px;vertical-align:text-top;}
.dx-tooltip-wrap.tooltip-small .tooltip_cont {padding: 16px 36px 16px 16px; font-size:12px;}
.dx-tooltip-wrap.tooltip-small .btn_tooltip_close {right: 12px !important; width: 16px !important; height: 16px !important; background-size: 16px; top: 16px !important;}


/* =================================================================
본문 상단 타이틀 - 회원가입만 사용
================================================================= */
.contents-top {margin-bottom:30px;}
.contents-top .tit {font-size:28px;}
.contents-top .txt {font-size:18px;}
.contents-top .tit + .txt {margin-top:20px;}


/* =================================================================
박스형 레이아웃 contents-box
================================================================= */
/* 섹션 보더 */
.contents.border-b1 {padding-bottom:0;}

/* 박스 */
.contents-box {z-index:initial;width:580px;margin-left:auto;margin-right:auto;padding:40px 50px;background-color:#fff;border-radius:10px;}
.contents-box + .contents-box {margin-top:24px;}
.contents-box:only-child {/*min-height:262px;*/}

/* 박스 콘텐츠 내 문단별 간격 */
.contents-box .contents-box-item + .contents-box-item {margin-top:50px;}

/* 팝업 콘텐츠 내 문단별 간격 */
.pop-conts-item + .pop-conts-item {margin-top:25px;}

/* =================================================================
폼 form-dx - 박스형 레이아웃
================================================================= */
.form-dx,
.form-dx.expend_wrap,
.pop-dx .form-dx {padding:0;}
.form-dx input[type='tel'],
.form-dx input[type='text'],
.form-dx input[type='email'],
.form-dx input[type='password'],
.form-dx input[type='search'],
.form-dx input[type='number'] {height:42px;padding:0 25px 0 0;border:none;border-bottom:1px solid #eee;line-height:40px;font-size:2.0rem;color:#000;}
.form-dx input[type='tel']::placeholder,
.form-dx input[type='text']::placeholder,
.form-dx input[type='email']::placeholder,
.form-dx input[type='password']::placeholder,
.form-dx input[type='search']::placeholder,
.form-dx input[type='number']::placeholder {color:#ccc;font-size:2.0rem;font-weight:400;}
.form-dx input[type='tel'].placeholder-pw::placeholder,
.form-dx input[type='text'].placeholder-pw::placeholder,
.form-dx input[type='email'].placeholder-pw::placeholder,
.form-dx input[type='password'].placeholder-pw::placeholder,
.form-dx input[type='search'].placeholder-pw::placeholder,
.form-dx input[type='number'].placeholder-pw::placeholder {font-size:1.0rem;letter-spacing:3px;}
.form-dx input[type='tel']:focus,
.form-dx input[type='text']:focus,
.form-dx input[type='text'].focused,
.form-dx input[type='number']:focus,
.form-dx input[type='number'].focused,
.form-dx input[type='search']:focus,
.form-dx input[type='search'].focused,
.form-dx input[type='email']:focus,
.form-dx input[type='email'].focused,
.form-dx input[type='password']:focus,
.form-dx input[type='password'].focused {padding:0 25px 0 0;border:none;border-bottom:1px solid #476eff;}
.form-dx input[type='tel'].error,
.form-dx input[type='text'].error,
.form-dx input[type='text'].error:focus,
.form-dx input[type='number'].error,
.form-dx input[type='number'].error:focus,
.form-dx input[type='email'].error,
.form-dx input[type='email'].error:focus,
.form-dx input[type='password'].error,
.form-dx input[type='password'].error:focus {padding:0 25px 0 0;border:none;border-bottom:1px solid #da1d1d;}
.form-dx input[type="tel"]:disabled,
.form-dx input[type="text"]:disabled,
.form-dx input[type="number"]:disabled,
.form-dx input[type="search"]:disabled,
.form-dx input[type="email"]:disabled,
.form-dx input[type="password"]:disabled {border:none;border-bottom:1px solid #eee;background-color:transparent;color:#888;}
.form-dx input[readonly],
.form-dx input[readonly]:focus {border:none;border-bottom:1px solid #eee;background-color:transparent;color:#888;}
.form-dx input[readonly]:focus {border-color:#476eff;}
.form-dx .form_ele {padding-left:0;}
.form-dx .form_ele .ele_tit {display:flex;align-items:center;position:relative;width:auto;margin-bottom:2px;padding-top:0;color:#666;}
.form-dx .form_ele .ele_tit label,
.form-dx .form_ele .ele_tit .label,
.form-dx .form_ele .ele_tit .txt {color:#666;font-weight:400;font-size:1.6rem;}
.form-dx .form_ele + .form_ele,
.form-dx .form_ele + form,
.form-dx .form_ele + .tab_wrap,
.form-dx .tab_wrap + .form_ele,
.form-dx .sec + .sec,
.form-dx .btn-wrap-dx + .form_ele {margin-top:32px;}
.pop-dx .form-dx .form_ele + .form_ele {margin-top:24px;}
.form-dx .form_ele + .btn-wrap-dx {margin-top:16px;}
.form-dx .form_ele + .btn-wrap-dx.btn_foot {margin-top:40px;}

/* 인풋 초기화 버튼 - 구축 클래스 사용 */
.form-dx .btn_clear {right:0;width:20px;height:20px;margin-top:-6px;background:url('/pconts/images/dx/contents/btn-reset.png') no-repeat center / 20px;}
.form-dx.formlist .btn_clear {margin-top:-13px;} /* dx-solpay.css 커스텀 */

/* 인풋 초기화 버튼 - 신규 클래스 - 로그인, CDD에서만 사용함 */
.form-dx .input_wrap .btn-ipt-reset,
.form-dx .jumin_type .btn-ipt-reset {position:absolute;right:0;bottom:8px;width:20px;height:20px;background:url('/pconts/images/dx/contents/btn-reset.png') no-repeat center / 20px;}
.form-dx input[disabled],
.form-dx input[readonly] {padding-right:0;}
.form-dx input[disabled] + .btn-ipt-reset,
.form-dx input[readonly] + .btn-ipt-reset {display:none;}
.form-dx .side_btn .btn-ipt-reset {bottom:13px;right:90px;}
.form-dx .side_btn.side-type2 .btn-ipt-reset {right:124px;}
.form-dx .side_btn.side_timer.input_wrap .btn-ipt-reset {right:139px;}
.form-dx .side_btn.side_timer.input_wrap.side-type2 .btn-ipt-reset {right:172px;}

/* input col02 */
.form-dx.form_type .form_ele .col02 {display:flex;margin:0;}
.form-dx.form_type .form_ele .col02 > .input_wrap {padding:0;}
.form-dx.form_type .form_ele .col02 > .input_wrap + .input_wrap {margin-left:10px;}

/* 주민번호 입력 */
.form-dx .jumin_type {position:relative;display:flex;height:42px;}
.form-dx .jumin_type::after {content:'';display:block;position:absolute;bottom:0;left:0;right:0;height:1px;background-color:#eee;}
.form-dx .jumin_type input {padding-right:0 !important;}

.form-dx .form_ele .jumin_type .first,
.form-dx .form_ele .jumin_type span,
.form-dx .form_ele .jumin_type .last {position:absolute;z-index:1;}
.form-dx .form_ele .jumin_type .first {width:76px;}
.form-dx .form_ele .jumin_type span {left:76px;height:42px;}
.form-dx .form_ele .jumin_type .last {left:102px;}
.form-dx .form_ele .jumin_type .last .input_wrap {width:14px;}
.form-dx .form_ele .jumin_type .last .masking {height:42px;padding:3px 0 0;font-size:1.0rem;letter-spacing:3px;}
.form-dx .form_ele .jumin_type .last input {padding:0 !important;}

/* 우측 텍스트 조합 */
.form-dx .input_wrap.side_unit {display:flex;align-items:center;}
.form-dx .input_wrap.side_unit .unit {margin-left:4px;font-size:20px;}
.form-dx .input_wrap.side_unit input.align_r {padding-right:0 !important;}

/* 인풋 - 한도 */
.form-dx .input-limit {display:flex;margin:0 -20px;}
.form-dx .input-limit-item {position:relative;flex:1;padding:0 20px;display:flex;align-items:center;}
.form-dx .input-limit-tit {font-size:20px;color:#888;}
.form-dx .input-limit-item.arrow::after {content:'';display:block;position:absolute;top:50%;right:-10px;width:24px;height:24px;background:url('/pconts/images/dx/com/arrownext.svg') no-repeat 50% 50%;transform:translateY(-50%);}

/* tel_wrap */
.form-dx .tel_wrap > .select_wrap {width:140px;z-index:10;}
.form-dx .tel_wrap > .select_wrap + div {padding-left:150px;}
.form-dx .tel_wrap.type01_pc > .select_wrap {width:200px;}
.form-dx .tel_wrap.type01_pc > .select_wrap + div {padding-left:210px;}

/* radio_wrap & check_btn */
.form-dx .check_wrap .check_default input[type="checkbox"] + span {font-size:1.6rem;}

/* 체크/라디오 공통 가이드 나오기 전 사용된 케이스 */
.form-dx .radio_wrap.type_btn:not(.radio-dx) .radio_btn input[type="radio"] + span,
.form-dx .check_wrap.type_btn:not(.check-dx) .check_btn input[type="checkbox"] + span {height:100%;min-height:auto;padding:13px 14px 14px;border-color:#ccc;border-radius:4px;font-size:1.6rem;color:#494f60;line-height:1.2;}
.form-dx .radio_wrap.type_btn:not(.radio-dx) .radio_btn input[type="radio"]:checked + span,
.form-dx .check_wrap.type_btn:not(.check-dx) .check_btn input[type="checkbox"]:checked + span {padding:12px 14px 13px;border-color:#476eff;color:#476eff;line-height:1.2;}
.form-dx .radio_wrap.type_grid .radio_btn input[type="radio"] + span em {font-size:inherit;line-height:inherit;}

.form-dx .ele_tit + .radio_wrap,
.form-dx .ele_tit + .check_wrap,
.form-dx .ele_tit + .work_info .radio_wrap,
.form-dx .ele_tit + .work_info .check_wrap,
.form-dx .ele_tit + .text_wrap,
.form-dx .ele_tit + .work_info .text_wrap {margin-top:10px;}


/* side_btn */
.form-dx .side_btn.input_wrap input {width:100%;padding-right:120px;}
.form-dx .side_btn .btn {width:80px;min-width:80px;height:38px;padding:0;font-size:1.4rem;line-height:36px;}
.form-dx .side_btn .btn_clear {right:90px;margin-top:-10px;}
.form-dx .side_btn.input_wrap input[readonly] {padding-right:90px;}

/* side_btn - side-type2 */
.form-dx .side_btn.input_wrap.side-type2 input {padding-right:154px;}
.form-dx .side_btn.side-type2 .btn {width:114px;min-width:114px;}
.form-dx .side_btn.side-type2 .btn_clear {right:124px;}
.form-dx .side_btn.input_wrap.side-type2 input[readonly] {padding-right:124px;}

/* side_btn - side-type3 */
.form-dx .side_btn.input_wrap.side-type3 input {padding-right:94px;}
.form-dx .side_btn.side-type3 .btn {width:54px; min-width:54px;}
.form-dx .side_btn.side-type3 .btn_clear {right:64px;}
.form-dx .side_btn.input_wrap.side-type3 input[readonly] {padding-right:64px;}


/* side_timer */
.form-dx .timer_input_side {display:block;top:11px;right:0;width:auto;padding-left:0;color:#476eff;font-size:14px;}
.form-dx .timer_input_side::before,
.form-dx .timer_input_side::after {display:none;}
.form-dx .side_timer.input_wrap input {padding-right:40px;}

/* side_btn + side_timer */
.form-dx .side_btn.side_timer.input_wrap .timer_input_side {right:95px;}
.form-dx .side_btn.side_timer.input_wrap input {padding-right:165px;}
.form-dx .side_btn.side_timer.input_wrap .btn_clear {right:139px;}


/* side_btn + side_timer - side-type2 */
.form-dx .side_btn.side_timer.input_wrap.side-type2 .timer_input_side {right:129px;}
.form-dx .side_btn.side_timer.input_wrap.side-type2 input {padding-right:200px;}
.form-dx .side_btn.side_timer.input_wrap.side-type2 .btn_clear {right:172px;}


/* text_tip */
.form-dx .text_tip {color:#888;}
.form-dx .text_tip.error {color:#da1d1d;}

/* btn_tooltip */
.form-dx .btn_tooltip,
.h-wrap-dx .btn_tooltip,
.form-dx .btn_question,
.h-wrap-dx .btn_question,
.btn-tooltip-dx {width:20px;height:20px;margin:0 0 0 4px;border:none;background:url('/pconts/images/common/btn_tooltip_q.svg') no-repeat center / 18px;border-radius:0;line-height:20px;}

.h-wrap-dx .btn_tooltip,
.h-wrap-dx .btn_question {line-height:22px;}

/* select_wrap */
.form-dx .select_wrap .ui_select .ui_select_btn,
.select_wrap.select_line .ui_select .ui_select_btn {height:42px;padding:0 10px 0 0;border:none;border-bottom:1px solid #eee;background-color:transparent;font-size:2.0rem;}
.form-dx .select_wrap .ui_select .ui_select_btn:focus,
.select_wrap.select_line .ui_select .ui_select_btn:focus {padding:0 10px 0 0;border:none;border-bottom:1px solid #476eff;}
.form-dx .select_wrap .ui_select .ui_select_btn.is_placeholder .ui_select_value,
.select_wrap.select_line .ui_select .ui_select_btn.is_placeholder .ui_select_value {color:#ccc;}
.form-dx .select_wrap .ui_select .ui_select_menu,
.select_wrap.select_line .ui_select .ui_select_menu {box-shadow: 0 0 6px rgba(0,0,0,0.15);}
.form-dx .select_wrap .ui_select[data-direction=up] .ui_select_menu,
.select_wrap.select_line .ui_select[data-direction=up] .ui_select_menu {margin-bottom:4px;border:none;}
.form-dx .select_wrap .ui_select[data-direction=down] .ui_select_menu,
.select_wrap.select_line .ui_select[data-direction=down] .ui_select_menu {margin-top:4px;border:none;}
.form-dx .select_wrap .ui_select.is_active .ui_select_btn,
.select_wrap.select_line .ui_select.is_active .ui_select_btn {padding:0 10px 0 0;border:none;border-bottom:1px solid #476eff;}
.form-dx .select_wrap .ui_select[data-direction=up].is_active .ui_select_btn .ui_select_value,
.select_wrap.select_line .ui_select[data-direction=up].is_active .ui_select_btn .ui_select_value {padding-top:0;}
.form-dx .select_wrap .ui_select[data-direction=down].is_active .ui_select_btn,
.select_wrap.select_line .ui_select[data-direction=down].is_active .ui_select_btn {padding-bottom:0;}
.form-dx .select_wrap .ui_select select,
.select_wrap.select_line .ui_select select {padding-left:0;border:none;border-bottom: 1px solid #eee;font-size:1.8rem;}
.form-dx .select_wrap .ui_select .ui_select_btn.is_disabled,
.select_wrap.select_line .ui_select .ui_select_btn.is_disabled {background-color:transparent;}

/* 버튼디자인 셀렉트박스 */
.select_wrap.type-btn .ui_select_btn,
.select_wrap.type-btn .ui_select_btn:focus,
.select_wrap.type-btn .is_active .ui_select_btn {height:auto;padding:23px 28px;border-radius:8px;border:2px solid #414e7f;box-shadow:0 4px 8px rgba(0, 0, 0, 0.15);}
.select_wrap.type-btn .ui_select_btn .ui_select_value,
.select_wrap.type-btn .ui_select_btn.is_placeholder .ui_select_value {font-weight:700;font-size:22px;color:#000;line-height:1.53;}
.select_wrap.type-btn .ui_select_btn .ui_select_value:before {display:none;}
.select_wrap.type-btn .ui_select .select-label {position:absolute;top:50%;right:28px;z-index:11;display:flex;align-items:center;height:38px;padding:0 12px;background-color:#eff0f5;font-size:14px;border-radius:2px;transform:translateY(-50%);pointer-events:none;}
.select_wrap.type-btn .ui_select.is_active .select-label {z-index:0;}
.select_wrap.type-btn .ui_select .ui_select_menu {border:2px solid #414e7f;}
.select_wrap.type-btn .ui_select.is_active .ui_select_menu {z-index:12;}
.select_wrap.type-btn .ui_select .ui_select_option > a {padding:8px 28px;font-size:16px;font-weight:700;color:#000;}
.select_wrap.type-btn .ui_select .ui_select_option > a:hover {background-color:#f8f8f8;}
.select_wrap.type-btn .ui_select .ui_select_option.is_selected > a {color:#3048a2;}

.select_wrap.type-btn .ui_select[data-direction='down'] .ui_select_btn {border-radius:8px 8px 0 0;padding-bottom:25px;border-bottom:none;}
.select_wrap.type-btn .ui_select[data-direction='down'] .ui_select_menu {border-radius:0 0 8px 8px;border-top:none;}
.select_wrap.type-btn .ui_select[data-direction='down'] .ui_select_scr {border:none;box-shadow:0 12px 8px rgba(0, 0, 0, 0.15);}
.select_wrap.type-btn .ui_select[data-direction='down'] .mCSB_container {padding-bottom:15px;}
.select_wrap.type-btn .ui_select[data-direction='up'] .ui_select_btn {border-radius:0 0 8px 8px;border-top:none;}
.select_wrap.type-btn .ui_select[data-direction='up'] .ui_select_menu {border-radius:8px 8px 0 0;border-bottom:none;}
.select_wrap.type-btn .ui_select[data-direction='up'] .ui_select_scr {border-bottom:none;}
.select_wrap.type-btn .ui_select[data-direction='up'] .ui_select_menu {padding-top:15px;}

/* select_wrap col02 */
.form-dx.form_type .form_ele .col02 {display:flex;margin:0;}
.form-dx.form_type .form_ele .col02 > .select_wrap {padding:0;}
.form-dx.form_type .form_ele .col02 > .select_wrap + .select_wrap {margin-left:10px;}

/* 지역선택 커스텀 */
.select-region {display:flex;padding:0 32px;}
.select-region .form_ele {flex:1;padding:0 16px;}
.select-region .form_ele + .form_ele {margin-top:0;}

/* 하단 버튼 */
.contents-box .form-bottom {margin:60px 0 -5px;padding-top:24px;border-top:1px solid #ccc;}

/* 보안키패드 오픈 시 z-index 오류 */
.is_kaypadNumber .expend_wrap .contents-box {position:relative;}

/* =================================================================
탭 tab-dx - 박스형 레이아웃 contents-box
================================================================= */
/* contents-box 내에서만 사용 */
.contents-box .tab-dx.tab_type02 > .tab_list li {min-height:56px;background-color:#eff0f5;}
.contents-box .tab-dx.tab_type02 > .tab_list li.current {background-color:#414e7f;border-color:#414e7f;}
.contents-box .tab-dx.tab_type02 > .tab_list li.current:before {border-color:#414e7f;}
.contents-box .tab-dx.tab_type02 > .tab_list li a,
.contents-box .tab-dx.tab_type02 > .tab_list li button {padding:0 10px;font-size:1.6rem !important;color:#76798e;}
.contents-box .tab-dx.tab_type02 > .tab_list li.current a,
.contents-box .tab-dx.tab_type02 > .tab_list li.current button {color:#fff;}


/* =================================================================
텍스트 - 박스형 레이아웃 contents-box
================================================================= */
/* 텍스트 */
.contents-box .sub-txt {color:#666;font-size:1.6rem;}
.contents-box .sub-txt + .btn-wrap-dx {margin-top:30px;}
.contents-box .sub-txt + .form-dx {margin-top: 25px;}


/* =================================================================
타이틀 - 박스형 레이아웃 contents-box
================================================================= */
[class*='h_title'],
[class*='c_title'] {color:#000;}
.h-wrap-dx.h_wrap .h_title38 {margin-bottom:30px;}
.h-wrap-dx.contents_heading {padding-left:10px;}
.h-wrap-dx.contents_heading + .has-flow-step-dx {margin-top:-15px;}
.h-wrap-dx.line {margin-bottom:25px;border-bottom:1px solid #000;}

.h-wrap-dx.line .h_title,
.h-wrap-dx.line .c_title,
.h-wrap-dx.line .c_title_m15 {margin-bottom:9px;}

.h-wrap-dx.sidebtn .btn-wrap-dx {position:absolute;top:3px;right:0;margin:0;}

/* =================================================================
상단 타이틀 스텝 - 박스형 레이아웃 contents-box
================================================================= */
.has-flow-step-dx {display:flex;justify-content:space-between;margin-bottom:36px;padding-left:10px;}
.has-flow-step-dx .step_txt {color:#000;line-height:1.4;font-weight:400;}
.has-flow-step-dx .flow_step{flex-shrink:0;margin-left:10px;padding-left:6px;}

/* =================================================================
완료페이지 - 박스형 레이아웃 contents-box + 카드이용실적 충족현황
================================================================= */
.complete-body-dx {margin-top:20px;}
.complete-body-dx .complete-body-top {display:flex;flex-direction:column;justify-content:center;flex-grow:1;margin-bottom:20px;}
.complete-body-dx .complete-body-top .title {font-size:2.2rem;color:#000;line-height:1.45;text-align:center;font-weight:700;}
.complete-body-dx .complete-body-top .sub_title {margin-top:16px;padding-top:0;color:#666;text-align:center;font-size:1.6rem;}
.complete-body-dx .complete-body-top .btn-wrap-dx {margin-top:3px;}
.complete-body-dx .complete-body-bottom {margin-top:36px;padding-top:25px;border-top:1px solid #eee;font-size:1.4rem;color:#666;}
.complete-body-dx .complete-body-top .sub-wrap {margin-top:16px;}
.complete-body-dx .complete-body-top .sub-wrap .sub_title {margin-top:0;}
.complete-body-dx .complete-body-top .sub-wrap .sub_title + .btn-wrap-dx {margin-top:15px;}

/* 완료 페이지 - 내역없음 */
.complete-body-dx.no-data {margin-top:50px;}
.complete-body-dx.no-data[class*='dxicon0'] .icon {margin-bottom:44px;}
.complete-body-dx.no-data .complete-body-top .title {font-size:24px;}
.complete-body-dx.no-data .complete-body-top .sub_title {margin-top:9px;font-size:18px;}
.complete-body-dx.no-data .complete-body-top .btn-wrap-dx {margin-top:25px;}

/* 완료 페이지 - 아이콘 공통 */
.complete-body-dx[class*='dxicon0'] .icon {display:block;position:relative;width:66px;height:66px;margin:0 auto 19px;background:#edf0f8;border-radius:50%;animation:iconCircleDx 1.5s 1 cubic-bezier(0.4, 0, 1, 1);}
.complete-body-dx[class*='dxicon0'] .icon::before,
.complete-body-dx[class*='dxicon0'] .icon::after {content:'';display:block;position:absolute;border-radius:10px;animation-duration:1.5s;animation-timing-function:ease-out;}

/* 완료 페이지 - 체크 아이콘 */
.complete-body-dx[class*='dxicon0'].dxicon01 .icon::before {top:31px;left:21px;width:14px;height:4px;background:#414e7f;transform-origin:left;transform:rotate(45deg);animation-name:iconChkDx1;}
.complete-body-dx[class*='dxicon0'].dxicon01 .icon::after {top:41px;left:29px;width:24px;height:4px;background:#414e7f;transform-origin:left;transform:rotate(-45deg);animation-name:iconChkDx2;}

/* 완료 페이지 - 느낌표 아이콘 */
.complete-body-dx[class*='dxicon0'].dxicon02 .icon {animation:none;}
.complete-body-dx[class*='dxicon0'].dxicon02 .icon::before,
.complete-body-dx[class*='dxicon0'].dxicon02 .icon::after {position:absolute;left:31px;width:4px;height:4px;background:#414e7f;}
.complete-body-dx[class*='dxicon0'].dxicon02 .icon::before {top:21px;height:18px;}
.complete-body-dx[class*='dxicon0'].dxicon02 .icon::after {top:42px;}

/* 완료 페이지 - 엑스 아이콘 */
.complete-body-dx[class*='dxicon0'].dxicon03 .icon {background:#ffeded;}
.complete-body-dx[class*='dxicon0'].dxicon03 .icon::before,
.complete-body-dx[class*='dxicon0'].dxicon03 .icon::after {position:absolute;top:50%;left:50%;width:28px;height:4px;background:#ff4f4f;}
.complete-body-dx[class*='dxicon0'].dxicon03 .icon::before {transform:translate(-50%, -50%) rotate(45deg);}
.complete-body-dx[class*='dxicon0'].dxicon03 .icon::after {transform:translate(-50%, -50%) rotate(-45deg);}

/* =================================================================
스켈레톤 ui 
================================================================= */
.noData_list .center {margin-left:auto;margin-right:auto;}
.noData_list .radius8 {border-radius:8px;}
.noData_list .w82 {width:82px !important;}
.noData_list .w340_148 {width:340px !important;}
.noData_list .h16 {height:16px !important;}
.noData_list .h36_27 {height:36px !important;}
.noData_list .h70_56 {height:70px !important;}
.noData_list .h84_93 {height:84px !important;}



/* 완료 페이지 - 애니메이션 */
@keyframes iconCircleDx {
	0% {transform:scale(0);}
	20% {transform:scale(1.2);animation-timing-function:ease-in;}
	45% {transform:scale(1);}
}
@keyframes iconChkDx1 {
	0% {width:0px;transform:translate(-5px, -5px) rotate(45deg);}
	30% {width:0px;transform:translate(-5px, -5px) rotate(45deg);}
	35% {width:12px;transform:translate(2px, 2px) rotate(45deg);}
	60% {width:12px;transform:translate(2px, 2px) rotate(45deg);animation-timing-function:ease-out;}
	75% {width:15px;transform:translate(0, 0) rotate(45deg);}
}
@keyframes iconChkDx2 {
	0% {width:0px;}
	40% {width:0px;}
	48% {width:29px;}
	55% {width:29px;animation-timing-function:ease-out;}
	78% {width:24px;}
}

/* 피씨만 적용 */
@media screen and (min-width: 1101px) {
	/* 모바일만 노출 */
	.only-mo {display:none !important;}
	
	/* flex */
	.pc-basis100 {flex-basis:100% !important;}

	/* block */
	.pc-block2 {display:block !important;}
	
}


@media only screen and (max-width:1100px) {
	.mo-basis100 {flex-basis:100% !important;}

	/* 피씨만 노출 */
	.only-pc {display:none !important;}

	/* =================================================================
	간격
	================================================================= */
	.col.col3_6 {width:50% !important;}
	.col.col3_12 {width:100% !important;}
	.col.col4_12 {width:100% !important;}
	[class*='-dx'] .col.col3_6 {width:50% !important;}
	[class*='-dx'] .col.col4_6 {width:50% !important;}
	[class*='-dx'] .col.col4_12 {width:100% !important;}
	[class*='-dx'] .col.col6_12 {width:100% !important;}

	/* .gutter16_4 {margin:-2px;}
	.gutter16_4 .col {padding:2px;}
	.gutter32_16 {margin:-8px;}
	.gutter32_16 .col {padding:8px;}
	.gutter32_0 {margin:0;}
	.gutter32_0 .col {padding:0;} */

	.flex_row.gutter8_6 {margin:-3px;}
	.flex_row.gutter8_6 > .col {padding:3px;}
	.flex_row.gutter16_4 {margin:-2px;}
	.flex_row.gutter16_4 > .col {padding:2px;}
	.flex_row.gutter24_0 {margin:0;}
	.flex_row.gutter24_0 > .col {padding:0;}
	.flex_row.gutter32_0 {margin:0;}
	.flex_row.gutter32_0 > .col {padding:0;}
	.flex_row.gutter32_16 {margin:-8px;}
	.flex_row.gutter32_16 > .col {padding:8px;}

	.flex_row.gutter-x32_24{margin-left:-12px;margin-right:-12px;}
	.flex_row.gutter-x32_24 > .col{padding-left:12px;padding-right:12px;}
	.flex_row.gutter-y24_32{margin-top:-16px;margin-bottom:-16px;}
	.flex_row.gutter-y24_32 > .col{padding-top:16px;padding-bottom:16px;}
    .flex_row.gutter-x32_0{margin-left:0;margin-right:0}
    .flex_row.gutter-x32_0 > .col{padding-left:0;padding-right:0}
    .flex_row.gutter-y24_0{margin-top:0;margin-bottom:0}
    .flex_row.gutter-y24_0 > .col{padding-top:0;padding-bottom:0}

	.bg-gap01,
	.bg-gap02 {padding-top:0 !important;padding-bottom:0 !important;}
	.bg-gap03 {padding-top:32px !important;padding-bottom:32px !important;}

	.bg-gap02,
	.bg-gap02.expend_wrap::before {background-color:transparent !important;}

	.bg-gap04 {padding:80px 0 0;background-color:transparent !important;}
	.bg-gap04.expend_wrap::before {height:24px;}

	/* width */
	.w25-50 {width:50% !important;}

	/* =================================================================
	공통 레이아웃
	================================================================= */
	/* 콘텐츠 사이 간격 */
	.conts-wrap + .conts-wrap {margin-top:56px;}


	/* =================================================================
	체크 라디오 check-dx radio-dx 추가
	================================================================= */
	.radio-dx,
	.check-dx {display:flex;}

	.radio-dx .radio-group,
	.check-dx .check-group {display:flex;flex-wrap:wrap;flex-grow:1;}
	.radio-dx .radio-group .radio_default,
	.check-dx .check-group .check_default {width:calc(50% - 24px);}

	.radio-dx .radio_default input[type="radio"] + span,
	.check-dx .check_default input[type="checkbox"] + span {font-size:16px;}

	/* column */
	.radio-dx.radio-column .radio_default,
	.check-dx.check-column .check_default {width:100%;}

	/* 모바일만 column */
	.radio-dx.radio-column-m .radio-group,
	.check-dx.check-column-m .check-group {margin:0;}
	.check-dx.check-column-m .check_default,
	.radio-dx.radio-column-m .radio_default {width:100%;display:block;margin:0;}
	.check-dx.check-column-m .check_default + .check_default,
	.radio-dx.radio-column-m .radio_default + .radio_default {margin:16px 0 0;}


	/* radioButton type_btn */
	.radio-dx.type_btn .radio_btn input[type="radio"] + span,
	.check-dx.type_btn .check_btn input[type="checkbox"] + span {padding:13px 14px !important;font-size:1.4rem;}
	.radio-dx.type_btn .radio_btn input[type="radio"]:checked + span,
	.check-dx.type_btn .check_btn input[type="checkbox"]:checked + span {padding:12px 14px !important;}
	.radio-dx.type_grid .radio_btn input[type="radio"] + span em,
	.check-dx.type_grid .check_btn input[type="checkbox"] + span em {font-size:1.4rem;}


	/* =================================================================
	텍스트 분리(신규)
	================================================================= */
	/* 구분선이 들어가는 경우 */
	.text-split.line .text-split-item + .text-split-item::before {height:38.1%;}

	/* 모바일에서 basis 100%인 경우 */
	.text-split .text-split-item.mo-basis100 {margin:4px 0;}
	.text-split .text-split-item.mo-basis100:first-child{margin-top:0;}
	.text-split .text-split-item.mo-basis100:last-child{margin-bottom:0;}

	.text-split-item.mo-basis100,
	.text-split-item.mo-basis100 + .text-split-item,
	.text-split.line .text-split-item.mo-basis100 {padding-left:0;}
	.text-split.line .text-split-item.mo-basis100::before,
	.text-split.line .text-split-item.mo-basis100 + .text-split-item::before {display:none;}

	/* gutter로 개별 간격 설정 */
	.text-split.gutter-x8_4 .text-split-item {padding-left:4px;}


	/* =================================================================
	버튼 btn-wrap-dx 추가
	================================================================= */
	.btn-wrap-dx {margin-top:40px;flex-wrap:wrap;}
	.btn-wrap-dx .btn {min-width:inherit;height:48px;padding:0 16px;line-height:46px;font-size:1.6rem;}
	.btn-wrap-dx .btn.default {flex:1;}

	.msie .btn-wrap-dx.btn-second .btn.default {flex:1 1 auto;}
	.msie .btn-wrap-dx.btn-second.btn-row .btn.default,
	.msie .btn-wrap-dx.btn-second .left + .btn.default
	.msie .btn-wrap-dx.btn-second .ico_btn + .btn.default {flex:1;}

	.btn-wrap-dx.m_fixed {padding:16px 16px !important;} /* 240626 수정 */

	/* 버튼명 2줄 */
	.btn-wrap-dx .btn.row02 {font-size:14px;}

	/* 정렬 */
	.btn-wrap-dx.align_l {justify-content:flex-start;}
	.btn-wrap-dx.align_c {justify-content:center;}
	.btn-wrap-dx.align_r {justify-content:flex-end;}

	.btn-wrap-dx.btn-second.align_l {align-items:flex-start;}
	.btn-wrap-dx.btn-second.align_c {align-items:center;}
	.btn-wrap-dx.btn-second.align_r {align-items:flex-end;}

	/* 버튼 2개 이상 */
	/* 카드설명서 팝업에서 css 문제 발생 시 .card-manual 상속받아 재설정 */
	.btn-wrap-dx {display:flex;}
	.btn-wrap-dx .btn + .btn {margin-left:8px !important;}
	
	
	.btn-wrap-dx .btn.left {min-width:104px;}
	.btn-wrap-dx .btn.left_ico {flex:none;min-width:45px;padding:0 !important;}

	/* btn-second */
	.btn-wrap-dx.btn-second {margin-top:32px;flex-direction:column;align-items:flex-start;}
	/* .btn-wrap-dx.btn-second + * {margin-top:32px;} */
	.btn-wrap-dx.btn_cont .default {flex:none;font-size:14px;} /* .btn-wrap-dx.btn_cont .default 카드이용실적 충적현황에 사용해서 추가함(이후 사용하지 않음) */
	.btn-wrap-dx.btn-second .btn {font-size:14px;padding:0 16px;}
	.btn-wrap-dx.btn-second .btn + .btn {margin:8px 0 0 !important;}

	/* btn-second 횡배열 */
	.btn-wrap-dx.btn-second.btn-row {flex-direction:row;}
	.btn-wrap-dx.btn-second.btn-row .btn {min-width:auto;}
	.btn-wrap-dx.btn-second.btn-row .btn + .btn {margin:0 0 0 8px !important;}

	/* 더보기 */
	.btn-wrap-dx .btn.btn_more {font-size:14px;}

	/* btn-text */
	.btn-wrap-dx [class*='text_'] {margin-right:8px;}


	/*  페이지 이동 */
	.btn-wrap-dx .btn_md {height:38px;padding:0 12px;line-height:36px;font-size:14px;}
	.btn-wrap-dx .btn_sm {height:32px;padding:0 12px;line-height:30px;font-size:13px;}

	/* 모바일에서 종배열 전환 - 폼요소가 많은 좁은 레이아웃에 사용 */
	.btn-wrap-dx.col {display:block;}
	.btn-wrap-dx.col .btn {width:100%;}
	.btn-wrap-dx.col .btn +.btn {margin:5px 0 0 0;}

	/* 셀렉트 - 앱통합에서 사용 */
	.form-dx .select_wrap .ui_select .ui_select_btn {font-size:1.8rem;}

	/* 메인버튼 + 서브버튼 유형 */
	.btn-wrap-dx .sub-btn {width:100%;flex-basis:100%;}

	/* 피씨에서 가로 100% 버튼(앱통합에서 사용) */
	.btn-wrap-dx .full + .full {margin-left:0 !important;}


	/* =================================================================
	버튼 조합
	================================================================= */
	/* btn-combination1 */
	* + .btn-combination1 {margin-top:56px;}
	.btn-combination1 {display:block;}
	.btn-combination1 .btn-wrap-dx.btn-text {margin-top:4px;}


	/* =================================================================
	타이틀 스텝
	================================================================= */
	.has_flow_step.type02 {margin-bottom:32px;}
	.has_flow_step.type02 .step_txt {font-size:24px;}
	.has_flow_step.type02 .flow_step {margin-top:16px;padding-top:0;}
	.has_flow_step.type02 + .default-txt {margin-top:-9px;margin-bottom:32px;}

	/* =================================================================
	탭 tab-dx 추가
	================================================================= */
	.tab-dx.tab_type01.swiper_tab .tab_pull .swiper-container {margin-left:-10px;}
	.tab-dx + .tab_wrap {margin-top:40px;}
	.tab-dx.tab-sol2 + .tab_wrap {margin-top:16px;}


	/* =================================================================
	테이블(신규)
	================================================================= */
	.table-dx table colgroup col:first-child {width:auto;}
	.table-dx table th,
	.table-dx table td {padding:12px;font-size:14px;}

	/* 테이블 내부에 테이블 */
	.table-dx .table-sub table th,
	.table-dx .table-sub table td {padding:8px 12px;font-size:13px;}

	/* 테이블 내부에 버튼 */
	.table-dx .btn-wrap-dx.align-type2 {display:flex;margin-top:12px;margin-left:0;}


	/* =================================================================
	타이틀(신규)
	================================================================= */
	* + .h-dep2 {margin-top:56px;}
	* + .h-dep3 {margin-top:32px;}

	.h-dep1 .h_title {font-size:24px;}
	.h-dep2 .h_title {font-size:18px;}
	.h-dep3 .h_title {font-size:16px;}

	/* 타이틀 우측 콘텐츠 존재시 */
	[class*='h-dep'].side-txt2 {justify-content: space-between;}
	[class*='h-dep'].side-txt2 .default-txt {margin:0;}

	/* 폼에서 사용시 */
	.contents-box .h-dep3.line {margin-bottom:18px;}

	/* 스텝타이틀이 없는 경우 */
	.contents_heading + .h-dep2 {margin-top:20px;}


	/* =================================================================
	버튼 그룹(신규)
	================================================================= */
	/* btn-group1 */
	.btn-group1-group {flex-direction:row;margin:0;}
	.btn-group1-item {padding:0;}
	.btn-groupt1-link {padding:16px 27px 16px 0;border:none;font-size:16px;}
	.btn-groupt1-link::after{right:0;}

	/* btn-group2 */
	.btn-group2-group {margin:0;}
	.btn-group2-item {padding:0;}
	.btn-group2-link {padding:16px 28px 16px 0;border:none;font-size:16px;}
	.btn-group2-link::after {right:0;}
	.btn-group2-info {margin:0 -24px;padding:16px 52px 16px 24px;font-size:16px;border-radius:0;}

	/* btn-group2(추가한도 신청 > 업종선택) */
	.btn-group2.selectIndustry {margin-top:20px;}

	/* btn-group3 */
	.btn-group3-btn {padding:16px;}
	.btn-group3-tit {font-size:16px;}
	.btn-group3-txt {font-size:18px;}

	.btn-group3 .accordion-dx .accordion_header .acc_btn {padding:16px 40px 16px 16px;}
	.btn-group3 .accordion-dx .accordion_header .acc_btn::before {right:16px;}

	.btn-group3 .accordion_header.on + .accordion_body {padding:16px;}
	.btn-group3 .accordion_header.on + .accordion_body::before {left:16px;right:16px;}

	.btn-group3 .accordion-dx .accordion_header.on + .accordion_body {padding:16px;}
	.btn-group3 .accordion-dx .accordion_header.on + .accordion_body::before {left:16px;right:16px;}

	/* btn-group3 즉시결제 신청 커스텀 */
	.btn-group3 .revolving {right:16px;}
	.btn-group3 .revolving-btn {font-size:16px;}
	.btn-group3 .accordion-dx #disableClick.accordion_header .revolving ~ .acc_btn {padding-right:164px;}

	/* .btn-group4 : pop-dx*/
	.pop-dx .btn-group4-btn {width:calc(100% + 24px);margin:0 -12px;padding:16px 12px;}



	/* =================================================================
	리스트(신규)
	================================================================= */
	/* 좌우정렬 리스트 */
	.between-list-group.type2 .between-list-tit {font-size:16px;}
	.between-list-group.type2 .between-list-txt {font-size:16px;}

	/* between-list type2 모바일에서 block처리 */
	.between-list-item.type2 {display:block;}
	.between-list-item.type2 .between-list-tit + .between-list-txt {margin-top:4px;}

	/* 셀 리스트(좌측셀 가로값 고정) */
	.cell-list-tit {width:104px;margin-right:8px;}

	/* 간격은 아래와 같이 gutter를 추가하여 사용 ex: gutter-y8_16 -> 피씨 8px 모바일 16px */
	[class*='-list-group'].gutter-y8_16 > [class*='-list-item'] + [class*='-list-item'] {margin-top:16px;}
	[class*='-list-group'].gutter-y20_24 > [class*='-list-item'] + [class*='-list-item'] {margin-top:24px;}

	/* list1-dx */
	.list1-tit,
	.list1-dx.col2 .list1-tit {width:50%;padding:8px 30px 8px 10px;}
	.list1-info,
	.list1-dx.col2 .list1-info {width:50%;padding:8px 10px 8px 0;}

	/* list2-dx */
	.list2-dx {padding:10px;}
	.list2-group {display:block;}
	.list2-item {border-left:none;}
	.list2-item + .list2-item {margin-top:10px;border-left:none;}
	.list2-info {margin-top:0;}
	.list2-dx.left .list2-item {padding:0;}

	/* list3-dx */
	.list3-item {align-items:flex-start;}
	.list3-link {align-items:flex-start;}
	.list3-tit [class*='icon-text-'] {margin-right:8px;}
	.list3-tit.line-clamp1-2 {-webkit-line-clamp:2;}
	.list3-txt {font-size:14px;}
	.list3-txt.fs2 {font-size:16px;}
	.list3-cell1 {margin-right:8px;}
	.list3-cell2 {flex-direction:column;align-items:flex-start;}
	.list3-cell2 .list3-cell-item + .list3-cell-item {margin-top:4px;}
	.list3-cell2 .list3-cell-item + .list3-cell-item.item2 {margin-right:0;}
	.list3-cell2 .list3-cell-item.item1 {order:5;}
	.list3-cell2 .list3-cell-item.item2 {order:10;width:100%;}
	.list3-cell2 .list3-cell-item.item3 {margin-left:0;text-align:left;}
	.list3-cell2 .list3-cell-item.item3 .list3-txt {justify-content:flex-start;}
	.list3-cell3 {margin-left:16px;}
	.list3-cell4 {margin-left:8px;}

	/* list4-dx */
	.list4-item {padding:24px 0;}

	* + .list4-info {margin-left:16px;}

	.list4-link {margin:-24px 0;padding:24px 0;}

	.list4-tit {font-size:16px;}
	.list4-txt {font-size:16px;}

	.list4-plate {width:47px;margin-left:0;}
	.list4-plate-inner {width:75px;}
	/* .list4-plate-img {margin-top:8px;} */

	.list4-check + .list4-plate {margin-left:16px;}

	.list4-total{padding:20px 16px;}
	.list4-total-tit {font-size:16px;}
	.list4-info-item.item-price {width:112px;}

	/* list5-dx */
	.list5-dx {padding:24px 0;}

	/* .list6-dx */
	.list6-dx[class*='bg_'] {padding:24px;}
	.list6-group {margin:-24px;}
	.list6-group .col {padding:24px;}
	.list6-tit {font-size:16px;/*font-weight:400;*/}
	.list6-item .list6-tit + .between-list-group {margin-top:6px;}
	.list6-item .between-list-item + .between-list-item {margin-top:0;}
	.list6-item .between-list-tit {font-size:14px;}
	.list6-item .between-list-txt {font-size:16px;}

	/* .accordion-box > .list6-dx  */
	.accordion-box .list6-group {margin:-12px;}
	.accordion-box .list6-group .col {padding:12px;border-bottom:none;}

	/* .pop-dx > .list6-dx */
	.pop-dx .list6-dx {padding:0;}
	.pop-dx .list6-item .between-list-item + .between-list-item {margin-top:0;}
	.pop-dx .list6-item .between-list-tit {flex-shrink:0;width:50%;}


	/* list7-dx */
	.list7-dx {padding:24px;}
	.list7-dx .between-list-item {display:flex;padding:0;gap:4px;text-align:left;}
	.list7-dx .between-list-item + .between-list-item {margin-top:4px;}
	.list7-dx .between-list-tit {text-align:left;}
	.list7-dx .between-list-tit,
	.list7-dx .between-list-txt {font-size:16px;}
	.list7-dx .between-list-tit + .between-list-txt {margin-top:0;}

	/* list8-dx */
	.list8-item + .list8-item {margin-top:40px;}

	/* list9-dx */
	.list9-item {flex-direction:row;align-items:center;padding:24px 0;border:none;border-bottom:1px solid #ddd;border-radius:0;text-align:left;}
	.list9-dx .btn-third {margin-top:0;}
	.msie .list9-dx .btn-third {flex-shrink:0;}
	.list9-txt {font-size:13px;}
	.list9-txt-group {margin-right:16px;}

	/* list10-dx */
	.list10-item-group {align-items:stretch;}
	.list10-item-group + .list10-item-group {margin-top:4px;}
	.list10-info {flex-direction:column-reverse;align-items:initial;}
	.list10-date {margin-top:4px;}
	.list10-info2 {flex-direction:column;align-items:flex-end;justify-content:space-between;}
	.list10-info2 .list10-price {width:126px;}
	.list10-info2-item {width:auto;}
	.list10-price2.form-dx {width:calc(100% - 40px);margin-right:0;}
	.immediate02 .list10-info2-item {margin-bottom:18px;} /* 즉시결제 > 할부에서만 커스텀 */

	/* list15-dx */
	* + .list15-dx {margin-top:16px;}
	.list15-dx {padding:16px;}
	.list15-group-wrap {display:block;}
	.list15-group {padding:0;}
	.list15-group + .list15-group {margin-top:14px;padding:0;border:none;}

	/* list16-dx */
	* + .list16-dx {margin-top:16px;}
	.list16-dx + .list16-dx {margin-top:16px;}

	/* list17-dx */
	* + .list17-dx {margin-top:16px;}
	.list17-item {padding:16px;}

	/* list18-dx */
	.list18-more {margin-bottom:4px;}

	


	/* =================================================================
	메시지 박스
	================================================================= */
	/* .msg-box1 */
	.msg-box-link {padding:13px 20px;}
	.msg-box-txt {font-size:13px;}

	/* .msg-box1(type2) */
	.msg-box.type2{margin-bottom:24px;}
	.msg-box.type2 .msg-box-link {align-items:center;padding:16px 20px;}
	.msg-box.type2 .msg-box-txt {width:100%;font-size:14px;}
	.msg-box.type2 .msg-box-txt::after{right:0;}

	/* .msg-box2 */
	.msg-box2-info {padding:14px 24px;}
	.msg-box2-txt {font-size:14px;}


	/* =================================================================
	버튼 디자인
	================================================================= */
	/* 버튼 목록 */
	.button-list-btn {min-height:56px;padding:10px 12px;font-size:16px;}


	/* =================================================================
	필터(신규)
	================================================================= */
	.filter-btn {padding-right:32px;background-position:right 16px;}


	/* =================================================================
	스텝(신규)
	================================================================= */
	/* 박스형 */
	.step1-group {display:block;margin:0;}
	.step1-item {margin:0;padding:20px;}
	.step1-item + .step1-item {margin-top:20px;}
	.step1-tit {margin-top:4px;}
	.step1-txt {margin-top:16px;}

	/* 아이콘형 - 구축에는 있으나 사용하지 않기로 1차 협의됨
	.step2-group {display:block;}
	.step2-item {display:flex;align-items:center;padding:0;text-align:left;}
	.step2-item + .step1-item {margin-top:40px;}
	.step2-item::after {top:calc(100% + 8px);right:auto;left:13px;background:url('/pconts/images/dx/com/arrowdown_small.svg') no-repeat;}
	.step2-step {font-size:13px;}
	.step2-tit {margin-top:4px;}
	.step2-dx .icon_box {margin:0 28px 0 0;}
	*/

	/* =================================================================
	박스(신규)
	================================================================= */
	/* box2-dx */
	.box2-dx {background-color:#fff;padding:0;border-radius:0;}

	/* box3-dx */
	.box3-dx {flex-direction:column;padding:20px;}
	.box3-tit1 {font-size:14px;text-align:center;}
	.box3-txt1 {font-size:20px;text-align:center;}
	.box3-dx > .btn-third {margin-top:12px;}
	.box3-dx > .btn-third:last-child {margin-bottom:4px;} /* 버튼이 마지막인 요소인 경우 박스 여백 맞추기 위해 마진 추가 */

	/* box5-dx */
	.box5-dx {margin:0 -24px;padding:32px 24px;border:none;border-radius:0;border-top:8px solid #f1f1f3;}
	.box5-link {font-size:24px;}
	.box5-dx.type2{border-top:8px solid #f1f1f3;background-color:#fff;}

	/* box6-dx */
	.box6-dx {position:relative;padding:22px 52px 23px 19px;}
	.box6-tit {font-size:16px;}
	.box6-dx .btn-wrap-dx {position:absolute;top:0;right:0;bottom:0;width:52px;}
	.box6-dx .btn-wrap-dx .btn {width:100%;height:100%;padding:0 0 0 8px;background:transparent;border:none;}
	.box6-dx .btn-wrap-dx .btn::before {content:'';display:block;width:24px;height:24px;background:url('/pconts/images/dx/com/arrowdown_small.svg') no-repeat left center;}
	.box6-dx .btn-wrap-dx .btn span {display:none;}

	/* box7-dx */
	.box7-dx {padding:20px 16px;}
   
    /* box10-dx */
    .box10-dx {width:100%;}

	/* box12-dx */
	.h-dep2 + .box12-dx {margin-top:16px;}


	/* =================================================================
	페이지 상단 디자인
	================================================================= */
	.conts-header {margin-top:20px;margin-bottom:32px;}


	/* =================================================================
	아코디언 accordion-dx 추가
	================================================================= */
	[class*='bg_'] + .accordion-dx {margin-top:32px;}
	.accordion-dx.accordion-note {margin-top:44px;}

	.accordion-note-gap .accordion-dx.accordion-note {margin-bottom:-45px;}

	/* .accordion-box */
	.accordion-dx.accordion-box .accordion_header .acc_btn {padding:20px 44px 20px 20px;font-size:16px;}
	/* .acc_btn:only-child 통합 이전 체크(이상 없으면 추후삭제) .accordion-dx.accordion-box .accordion_header .acc_btn:only-child::before {right:20px;} */
	.accordion-dx.accordion-box .accordion_header .acc_btn::before {right:20px;}
	.accordion-dx.accordion-box .accordion_header.on .acc_btn,
	.accordion-dx.accordion-box.type2 .accordion_header.on .acc_btn {padding:24px 48px 16px 24px;}
	.accordion-dx.accordion-box .accordion_header.on + .accordion_body,
	.accordion-dx.accordion-box.type2 .accordion_header.on + .accordion_body {padding:0 24px 24px}
	.accordion-dx.accordion-box .accordion_header.on + .accordion_body .area {padding-top:24px;}
	.accordion-dx.accordion-box .accordion_body + .accordion_header {margin-top:32px;}
	/* .acc_btn:only-child 통합 이전 체크(이상 없으면 추후삭제) .accordion-dx.accordion-box.type2 .accordion_header.on .acc_btn:only-child::before {right:24px;} */
	.accordion-dx.accordion-box.type2 .accordion_header.on .acc_btn::before {right:24px;}

	/* accordion-box2 */
	* + .accordion-dx.accordion-box2 {margin-top:16px;}

	/* accordion-box3 */
	* + .accordion-dx.accordion-box3 {margin-top:16px;}

	/* .accordion-dx.type3 */
	.accordion-dx.type3 .accordion_header .acc_btn {padding:16px;font-size:16px;}
	.accordion-dx.type3 .accordion_header .acc_btn.on {padding:16px;border:1px solid #476eff;border-radius:8px;}
	.accordion-dx.type3 .accordion_header .acc_btn [class*='icon-text'] {margin-left:4px;vertical-align:2px;}
	.accordion-dx.type3 .accordion_body + .accordion_header {margin-top:12px;}

	.accordion-dx.type3 .accordion_body .area {margin:32px 0;padding:0;border:none;}
	.accordion-dx.type3 .accordion_body .area::before {display:none;}


	/* =================================================================
	약관 agreement-wrap-dx 추가(사용하지 않음)
	================================================================= */
	.agreement-wrap-dx .agreement_inner > .accordion_wrap.accordion_check:before,
	.agreement-wrap-dx .agreement_inner .check_wrap.check_only:before,
	.agreement-wrap-dx .agreement_inner > .accordion_wrap.accordion_check:after,
	.agreement-wrap-dx .agreement_inner .check_wrap.check_only:after {display:none;}
	.agreement-wrap-dx .check_wrap.has_ico.all_chk .check_btn input[type="checkbox"] + span {height:48px;line-height:46px;font-size:1.6rem;}

	/*  다른 콘텐츠들과 간격 */
	.contents-box .agreement-wrap-dx + .h-wrap-dx,
	.contents-box .agreement-wrap-dx + .form-dx {margin-top:32px;}

	/* =================================================================
	약관동의(추가)
	================================================================= */
	.agreement-dx[class*='bg'] {padding:0;background-color:transparent !important;border-radius:0;}

	/* agree_depth01 */
	.agreement-dx .agreement_inner .agree_depth01 .check-dx .check_default input[type="checkbox"] + span:before {top:16px;transform:translateY(0);}
	.agreement-dx .accordion_check .accordion_header .btn_acc_check {background-position:center 16px !important;}

	/* agree_depth02 */
	.agreement-dx .agreement_inner .agree_depth02 .check-second .check_default input[type="checkbox"] + span:before {top:0;}

	/* agree_depth03 */


	/* =================================================================
	완료페이지(신규)
	================================================================= */
	.complete-dx .title {font-size:24px;}
	.complete-dx [class*='title'] + [class*='bullet-'] {margin-top:30px;}


	/* =================================================================
    내역없음(신규)
    ================================================================= */
	.complete-dx.no-data {padding:48px 0;}
    .complete-dx.no-data .title {font-size:16px;}
	.complete-dx .title + .sub_title {margin-top:4px;}
	.complete-dx .sub_title {font-size:14px;}

	/* 간격(gutter) 추가 */
	.complete-dx.no-data.gutter48 .title {font-size:16px;}

	/* contents-box 내부 */
	.contents-box .complete-dx.no-data .title {font-size:16px;}


	/* =================================================================
	팝업 pop-dx(추가)
	================================================================= */
	.pop-dx .popup_type01 .pop_head {padding:23px 24px 13px;}
	.pop-dx .popup .pop_head h3 {line-height:1.53;}
	.pop-dx .popup:not(.pop-bottom) .btn_close {top:23px;right:24px;}
	.pop-dx.medium2 {padding:0;}
	.pop-dx.medium2 .popup {display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction: column;width:100%;height:100%;max-height:100%;}

	/* 팝업 타이틀 우측 버튼 - 신용카드 설명서 */
	.pop-dx .pop_head .has-btn {padding-right:32px;}
	.pop-dx .pop_head .has-btn .btn-wrap-dx {margin-top:-2px;}

	/* 본문 여백 */
	.pop-dx .popup .pop_cont {padding:20px 24px 168px;}

	/* 버튼 - 하단 */
	.pop-dx .popup_type01 .pop_btn {border-radius:0;overflow:visible;left:0;right:0;}
	.pop-dx .popup_type01 .pop_btn::before {content:'';display:block;position:absolute;top:-20px;left:0;width:100%;height:20px;opacity:0.8;background-image: linear-gradient(rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 70%, rgb(255, 255, 255) 100%);}
	.pop-dx .popup_type01 .pop_btn .btn {padding:0 16px;}

	/* 버튼 - X닫기 */
	.pop-dx .popup .btn_close{right:20px;}

	/* 버튼없는 타입 */
	.pop-dx .popup_type01.btn_none .pop_cont,
	.pop-dx .popup_type01.btn_none_mo .pop_cont {padding-bottom:20px;}
	.pop-dx .popup_type01.btn_none_mo .pop_btn {display:none;}

	/* Small 타입 */
	.pop-dx.small {padding:24px;}
	.pop-dx.small.mo_full {padding:0;}
	.pop-dx.small .popup_type01 .pop_btn {border-radius:0 0 16px 16px;}
	.pop-dx.small.mo_full .popup_type01 .pop_btn {border-radius:0;}
	.pop-dx.small .popup .btn_close {top:14px;}

	/* Alert Confirm 타입 */
	.pop-dx.pop_alert .btn-wrap-dx .btn + .btn,
	.pop-dx.pop_confirm .btn-wrap-dx .btn + .btn {margin-left:0 !important;border-top-left-radius:0;border-bottom-left-radius:0;}
	.pop-dx.pop_alert .popup_type01 .pop_btn::before,
	.pop-dx.pop_confirm .popup_type01 .pop_btn::before {display:none;}

	/* 모바일 하단에서 올라옴 */
	.pop-dx.pop_wrap.point_filter_pop .popup {border-radius:10px 10px 0 0;}
	.pop-dx.pop_wrap.point_filter_pop .popup .pop_cont {padding-bottom:98px;}
	.pop-dx.pop_wrap.point_filter_pop .popup.btn_none .pop_cont {padding-bottom:20px;}


	/* =================================================================
	팝업 - 카드설명서만 개별 적용 케이스
	================================================================= */
	.pop-dx.card-manual .popup .pop_head {padding-bottom:16px;}
	.pop-dx.card-manual .pop_cont {padding-top:28px;}
	.pop-dx.card-manual .pop_btn {padding-top:20px;padding-bottom:20px;}
	/* .pop-dx.card-manual .pop_btn {min-height:88px;} */
	.pop-dx.card-manual.pop_wrap .popup .btn_close{top:18px;}

	/* df_list_wrap 커스텀 */
	.pop-dx.card-manual .df_list_wrap {padding:10px 0 26px;}
	.pop-dx.card-manual .df_list_wrap.single .df_list .item.tit {width:50%;}
	.pop-dx.card-manual .df_list_wrap.single .df_list .item.con {width:50%;}

	.pop-dx.card-manual #scrollInfo {bottom:80px;}

	/* =================================================================
	툴팁 dx-tooltip-wrap
	================================================================= */
	.dx-tooltip-wrap{max-width:60% !important;}
	.dx-tooltip-wrap .tooltip_cont{padding:16px 36px 16px 20px;font-size:1.3rem;}
	.dx-tooltip-wrap .btn_close,
	.pop-dx .dx-tooltip-wrap .btn_close {top:6px !important;right:0 !important;width:38px !important;height:38px !important;}
	/* 툴팁 사이즈 커스텀 */
	.dx-tooltip-wrap[class*='size'] {width:60% !important;}
	/* service-2020.js에서 .btn_close 클릭 시 팝업을 닫는 로직으로 인해 .btn_tooltip_close로 닫기 추가 */
	.dx-tooltip-wrap .btn_tooltip_close {top:6px;right:0;width:38px;height:38px;background:url('/pconts/images/dx/com/icon_close.svg') no-repeat center / 18px;}


	/* =================================================================
	본문 상단 타이틀 - 회원가입만 사용
	================================================================= */
	.contents-top {margin-bottom:20px;} /* 추후 박스형으로 디자인 변경시 32px로 수정해야 함 */
	.contents-top .tit {font-size:24px;}
	.contents-top .tit + .txt {margin-top:16px;}


	/* =================================================================
	박스형 레이아웃 contents-box
	================================================================= */
	.contents-box {width:auto;padding:0 24px 40px;margin-left:-24px;margin-right:-24px;border-radius:0;}
	.contents-box + .contents-box {padding-top:40px;}
	.bg-gap02 .contents-box {padding-bottom:0;}

	/* =================================================================
	폼 form-dx - 박스형 레이아웃 contents-box
	================================================================= */
	.form-dx input[type='tel'],
	.form-dx input[type='text'],
	.form-dx input[type='email'],
	.form-dx input[type='password'],
	.form-dx input[type='search'],
	.form-dx input[type='number'] {font-size:1.8rem;}
	.form-dx input[type='tel']::placeholder,
	.form-dx input[type='text']::placeholder,
	.form-dx input[type='email']::placeholder,
	.form-dx input[type='password']::placeholder,
	.form-dx input[type='search']::placeholder,
	.form-dx input[type='number']::placeholder {font-size:1.8rem;}
	.form-dx input[type='tel'].placeholder-pw::placeholder,
	.form-dx input[type='text'].placeholder-pw::placeholder,
	.form-dx input[type='email'].placeholder-pw::placeholder,
	.form-dx input[type='password'].placeholder-pw::placeholder,
	.form-dx input[type='search'].placeholder-pw::placeholder,
	.form-dx input[type='number'].placeholder-pw::placeholder {font-size:1.0rem;}
	.form-dx .form_ele .ele_tit {padding-bottom:0;}
	.form-dx .form_ele .ele_tit label,
	.form-dx .form_ele .ele_tit .label,
	.form-dx .form_ele .ele_tit .txt {font-size:1.4rem;}

	/* 우측 텍스트 조합 */
	.form-dx .input_wrap.side_unit .unit {font-size:16px;}

	/* 인풋 - 한도 */
	.form-dx .input-limit-item:first-child {flex-basis:112px;}
	.form-dx .input-limit-item {flex-basis:160px;}
	.form-dx .input-limit-tit {font-size:16px;}
	.form-dx .input-limit-item .input_wrap input,
	.form-dx .input-limit-item .input_wrap input::placeholder {font-size:16px;}

	/* 체크/라디오 공통 가이드 나오기 전 사용된 케이스 */
	.form-dx .radio_wrap.type_btn:not(.radio-dx) .radio_btn input[type="radio"] + span,
	.form-dx .check_wrap.type_btn:not(.check-dx) .check_btn input[type="checkbox"] + span {padding:13px 14px;font-size:1.4rem;}
	.form-dx .radio_wrap.type_btn:not(.radio-dx) .radio_btn input[type="radio"]:checked + span,
	.form-dx .check_wrap.type_btn:not(.check-dx) .check_btn input[type="checkbox"]:checked + span {padding:12px 14px;}
	.form-dx .radio_wrap.type_grid:not(.radio-dx) .check_btn input[type="checkbox"] + span em,
	.form-dx .check_wrap.type_grid:not(.check-dx) .radio_btn input[type="radio"] + span em {font-size:1.4rem;}

	/* tel_wrap */
	.form-dx .tel_wrap > .select_wrap,
	.form-dx .tel_wrap.type01_pc > .select_wrap {width:110px;}
	.form-dx .tel_wrap > .select_wrap + div,
	.form-dx .tel_wrap.type01_pc > .select_wrap + div {padding-left:120px;}

	/* text_tip */
	.form-dx .text_tip:last-child {margin-bottom:0;}

	/* btn_tooltip */
	.form-dx .btn_tooltip,
	.h-wrap-dx .btn_tooltip,
	.form-dx .btn_question,
	.h-wrap-dx .btn_question,
	.btn-tooltip-dx {margin-left:2px;background-size:14px;}

	/* select_wrap */
	.select_line .ui_select select {background-color:transparent;}
	.contents-box .select_wrap select:disabled,
	.select_line select:disabled {color:#bbb;background-color:transparent !important;}

	/* 버튼디자인 셀렉트박스 */
	.select_wrap.type-btn .ui_select .ui_select_btn {height:64px;padding-left:20px;}
	.select_wrap.type-btn .ui_select .ui_select_btn .ui_select_value {font-size:16px;}
	.select_wrap.type-btn .ui_select .select-label {display:none;}
	body.mobile .select_wrap.type-btn .ui_select select {border-radius:8px;border:2px solid #414E7f;height:64px;padding:0 41px 0 20px;font-weight:700;box-shadow:0px 4px 8px rgb(0 0 0 / 15%);}
	body.mobile .select_wrap.type-btn .ui_select:before {top:-5px;bottom:0;right:20px;left:calc(100% - 37px);margin:auto;}

	/* 지역선택 커스텀 */
	.select-region {display:block;padding:0;}
	.select-region .form_ele {padding:0;}
	.select-region .form_ele + .form_ele {margin-top:32px;}

	/* 하단 버튼 */
	.contents-box .form-bottom,
	.btn-wrap-dx + .btn-wrap-dx.form-bottom {margin:36px -16px -20px;padding-top:19px;}


	/* =================================================================
	탭 tab-dx - 박스형 레이아웃 contents-box
	================================================================= */
	/* contents-box 내에서만 사용 */
	.contents-box .tab-dx.tab_type02 > .tab_list li {min-height:48px;}
	.contents-box .tab-dx.tab_type02 > .tab_list li a,
	.contents-box .tab-dx.tab_type02 > .tab_list li button {font-size:1.4rem !important;}
	.contents-box .tab-dx.tab_type02 > .tab_list li {margin-top:0;}
	.contents-box .tab-dx.tab_type02 > .tab_list.col4_2 li:nth-child(1n+3) {margin-top:-1px;}
	.contents-box .tab-dx.tab_type02 > .tab_list.col3 li:nth-child(1n+4) {margin-top:-1px;}
	.contents-box .tab-dx.tab_type02 > .tab_list.col3_2 li:nth-child(1n+3) {margin-top:-1px;}
	.contents-box .tab-dx.tab_type02 > .tab_list.col2 li:nth-child(1n+3) {margin-top:-1px;}


	/* =================================================================
	텍스트 tab-dx - 박스형 레이아웃 contents-box
	================================================================= */
	.contents-box .sub-txt {font-size:1.4rem;}
	.contents-box .sub-txt + .btn-wrap-dx {margin-top:25px;}


	/* =================================================================
	타이틀 tab-dx - 박스형 레이아웃 contents-box
	================================================================= */
	.h-wrap-dx.contents_heading {padding-left:0;}
	.h-wrap-dx .h_title,
	.h-wrap-dx .c_title,
	.h-wrap-dx .c_title_m15 {margin-bottom:15px;}
	.h-wrap-dx.line {margin-bottom:18px;}


	/* =================================================================
	스텝 tab-dx - 박스형 레이아웃 contents-box
	================================================================= */
	.has-flow-step-dx {flex-direction:column;}
	.has-flow-step-dx,
	.h-wrap-dx.contents_heading + .has-flow-step-dx {margin-top:21px;padding-left:0;}
	.has-flow-step-dx .step_txt {font-size: 2.0rem;}
	.has-flow-step-dx {margin-bottom:0;}
	.has-flow-step-dx .flow_step {margin-left:0;}


	/* =================================================================
	완료페이지 tab-dx - 박스형 레이아웃 contents-box + 카드이용실적 충족현황
	================================================================= */
	.complete-page-dx .contents-box {padding-bottom:10px;}
	.contents-box .complete-body-dx {margin-top:0;}
	.complete-body-dx .complete-body-top {margin-bottom:30px;}
	.complete-body-dx .complete-body-bottom {margin-top:20px;padding-top:16px;}
	.complete-body-dx[class*='dxicon0'] .icon {margin-bottom:31px;}

	/* 완료 페이지 - 내역없음 */
	.complete-body-dx.no-data[class*='dxicon0'] .icon {margin-bottom:24px;}
	.complete-body-dx.no-data .complete-body-top .title {font-size:16px;}
	.complete-body-dx.no-data .complete-body-top .sub_title {margin-top:5px;font-size:14px;}

	/* 완료 페이지 - 수직 가운데 정렬 */
	.complete-page-dx,
	.complete-page-dx .ly_inner,
	.complete-page-dx .expend_wrap,
	.complete-page-dx .contents-box,
	.complete-page-dx .complete-body-dx {display:flex;flex-direction:column;flex-grow:1;}
	/* 완료 페이지 - fixed_bottom */
	.complete-page-dx.m_fixed_bottom,
	.complete-page-dx.btn_fixed_bottom {padding-bottom:105px !important;}

	/* =================================================================
	스켈레톤 ui 
	================================================================= */
	.noData_list .w340_148 {width:148px !important;}
	.noData_list .h36_27 {height:27px !important;}
	.noData_list .h70_56 {height:56px !important;}
	.noData_list .h84_93 {height:93px !important;}
}

@media only screen and (max-width:480px) {
	/* =================================================================
	툴팁 dx-tooltip-wrap
	================================================================= */
	.dx-tooltip-wrap{max-width:224px !important}
	/* 툴팁 사이즈 커스텀 */
	.dx-tooltip-wrap[class*='size'] {width:224px !important;}
}


/* 230210 카드쪽 보관함 추가시 깨지는 것 수정 */
.tab_type01.swiper_tab.fixed > .tab_pull {z-index: 49; margin: 0; padding:0; top: 130px;}
@media only screen and (max-width: 1100px) {
	.tab_type01.swiper_tab.fixed > .tab_pull {top: 56px;}
	.card_compare_wrap.active {top: 56px}
}


/* =================================================================
2023 접근성 관련 수정
================================================================= */
/* input 명도대비 */
.form-dx .form_ele .ele_tit label,
.form-dx .form_ele .ele_tit .label,
.form-dx .form_ele .ele_tit .txt {color:#000;}
.form-dx input[type='tel']::placeholder,
.form-dx input[type='text']::placeholder,
.form-dx input[type='email']::placeholder,
.form-dx input[type='password']::placeholder,
.form-dx input[type='search']::placeholder,
.form-dx input[type='number']::placeholder {color:#949494;}
.form-dx .select_wrap .ui_select .ui_select_btn.is_placeholder .ui_select_value {color:#949494;}


/* =================================================================
2023 신규 가이드 커스텀은 아래로 작성
================================================================= */

/* 20230515554629 개인사업자 전용 추가한도 이용 신청 추가 */
.form-dx .ele_txt01{margin-top:8px;font-size:1.8rem;}
.form-dx .input_wrap.unit_side:before{display:none;}
.form-dx .input_wrap.unit_side input{padding-left:0;padding-right:70px;text-align:left;}
.form-dx .unit_side .btn_clear{margin-top:-9px;right:42px;}
.form-dx .unit_side .unit{position:absolute;bottom:7px;right:0;font-size:1.8rem;}

/* 포인트조회 - 월별내역 필터 팝업 내 셀렉트박스 수정 */
[data-bind-view="MOBFM022R02P4"] .pop-dx .pop_cont.type_visible {overflow:hidden;z-index:11;}
[data-bind-view="MOBFM022R02P4"] .pop-dx .pop_cont.type_visible .select_wrap .ui_select .ui_select_scr {max-height:123px;}

/* 20230920374632 [Apple] iPhone for life 프로그램 가입정보 조회 화면 list11-dx 추가*/
.list11-group .list11-item + .list11-item{margin-top:32px;}
.list11-wrap{border-top:1px solid #ddd; padding-top:12px;}
.list11-wrap .total-txt{font-size:18px; color:#000; font-weight:700;}
.list11-wrap .list11-box + .list11-box{margin-top:12px;}
.list11-wrap .list11-box + .list11-conts{margin-top:8px;}
.list11-box .list11-sublist{padding-left:20px;}
.list11-conts{display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; margin-top:12px;}
.list11-conts +.list11-conts{margin-top:8px}
.list11-conts + .list11-sublist{margin-top:4px;}
.list11-sublist li + li{margin-top:8px;}
.list11-conts:first-child{margin-top:0;}

/* 즉시결제 > 일시불 > 이용건별결제 커스텀 */
.form-dx.form-immediate .form_ele {display:flex;align-items:flex-start;}
.form-dx.form-immediate .form_ele .ele_tit {flex-shrink:0;margin:0 24px 0 0;padding-top:8px;}
.form-dx.form-immediate .form_ele .ele_tit label {font-weight:700;}
.form-dx.form-immediate .form_ele:after {display:none;}
.form-dx.form-immediate .form_ele .work_info {flex-grow:1;}
.form-dx.form-immediate .form_ele .ui_select .ui_select_btn {font-size:16px;}

/* 즉시결제 - 카드이용안내 팝업 */
#popDetailFilter.card_usage_guide {padding:40px;}
#popDetailFilter.card_usage_guide #tabSwiper0 .swiper-button-disabled {display:none !important;}
#popDetailFilter.card_usage_guide .select_wrap.progress_index .progress_bar .bar {background-color:#476eff;}

/* 즉시결제 - 즉시결제 신청 리볼빙 툴팁 */
#revolvingTooltip {z-index:2;position:absolute;top:57px;left:-28px;width:222px;}
#revolvingTooltip .tooltip_cont {padding:8px 42px 8px 16px;border-radius:8px;text-align:left;background-color:#3d4964;color:#fff;font-size:14px;}
#revolvingTooltip .tooltip_cont::before{content:'';position:absolute;left:50%;top:-8px;width:10px;height:7px;border-right:6px solid transparent;border-left:6px solid transparent;border-bottom:8px solid #3d4964;}
#revolvingTooltip .btn_close{position:absolute;top:9px;right:12px;display:inline-block;width:18px;height:18px;margin-left:12px;margin-right:0;vertical-align:middle;background:url(/pconts/images/dx/com/close_ccc.svg) no-repeat 50%;background-size:18px 18px;}
.btn-group3 .btn-group3-tit .revolving-br {display:none;}



@media only screen and (max-width: 1100px) {
	/* 즉시결제 > 일시불 */
	#immediate01 > .bg-gap04 {padding-top:0;}
	/* 즉시결제 > 일시불 > 이용건별결제 커스텀 */
	.form-dx.form-immediate .form_ele {display:block;}
	.form-dx.form-immediate + .h_wrap {margin-top:32px;}
	.form-dx.form-immediate .select_wrap .ui_select select {font-size:16px;}
	/* 즉시결제 - 카드이용안내 팝업 */
	#popDetailFilter.card_usage_guide {padding:0;}
	#popDetailFilter.card_usage_guide .popup {width:100% !important;}
	/* 즉시결제 - 즉시결제 신청 리볼빙 툴팁 */
	#revolvingTooltip {top:48px;left:-180px;width:252px;}
	#revolvingTooltip .tooltip_cont {border-top-right-radius:0;font-size:13px;}
	#revolvingTooltip .tooltip_cont::before {left: calc(100% - 10px);border-right-width: 0;border-left-width: 9px;}
}




@media only screen and (max-width: 640px) { 
	/* 640이하에서 툴팁내용 2줄로 되면서 툴팁 top값 변경 */
	.btn-group3 .btn-group3-tit .revolving-br {display:inline;}
	#revolvingTooltip {top:60px;}
}

/* 검색 뱃지추가 */    
.quickSrch_wrap.renew .autoComplete_wrap.ac2022 .ac_menu.associate .ac_list .ac_item .ac_btn_keyword{width:100%;}    
#header .quickSrch_wrap.renew .autoComplete_wrap.ac2022 .ac_menu.associate .ac_list .ac_item [class*="icon-text-"]{margin:0;}    

/* 쏠페이 로딩 */
#__flying_partition__ .layer_dimmed.white_bg{background-color: rgba(256, 256, 256, 0.8);}
#__flying_partition__ .progress .dx_loading{width:80px;height:80px;background-color:#f8f8f8;border-radius:50%;overflow:hidden;margin:-80px auto 0; margin-top: -40px;} /* 250529 상하중앙정렬 위해 margin-top추가 */

/* 이벤트상단 로띠 */
.n-event.lottie .e-section1{height: 1000px;}
#eventImage .lotti-sec *{transition: none;}
.n-event.lottie .lotti-sec{width:2000px;height:1000px;position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:1;}
.n-event.lottie .e-section1 .img-sec {background-position: top center;background-size:auto 100%;}
.n-event.lottie .e-section1 .txt-wrap{max-width:100%;text-align: center;}
.n-event.lottie .e-section1 .img-sec,
.n-event.lottie .e-section1 .txt-wrap{display:none;}
.n-event.lottie.lottie_m .e-section1{height: 870px;}
.n-event.lottie.lottie_m #evt_lottie{display:none;}
.n-event.lottie.lottie_m .e-section1 .img-sec,
.n-event.lottie.lottie_m .e-section1 .txt-wrap{display:block;}
@media only screen and (max-width: 1100px){
    .n-event.lottie .e-section1{height:640px;}
    .n-event.lottie .event-contents-wrap{margin-top:530px;}
    .n-event.lottie .lotti-sec{width:1100px;height:550px;}
    .n-event.lottie.lottie_m #evt_lottie{display:block;}
	.n-event.lottie .e-section1 .img-sec {height:550px;background-size:auto 100%;top:0;}
    .n-event.lottie.lottie_m .e-section1 .img-sec,
    .n-event.lottie.lottie_m .e-section1 .txt-wrap {display: none;}
}
@media only screen and (max-width: 350px){
	.n-event.lottie .event-contents-wrap{margin-top:430px;}
	.n-event.lottie .e-section1 .img-sec {height:450px;}
    .n-event.lottie .lotti-sec{width:900px;height:450px;}
}


/* 20240326403437  카드신청 카드 선택 페이지 */
#cardBridgeSwiper {position:relative;margin-top:65px;}
#cardBridgeSwiper .swiper-wrapper {padding-top:10px;padding-bottom:50px;}
#cardBridgeSwiper .swiper-slide {width:210px;height:332px;margin:0 14px;transform:scale(64%);opacity:0;filter:blur(2.5px);transition:all 0.3s ease !important;}
#cardBridgeSwiper .swiper-slide.swiper-slide-active {filter:none;}
#cardBridgeSwiper .swiper-slide.swiper-slide-active button.card-btn {cursor:pointer;}
#cardBridgeSwiper .swiper-slide-active,
#cardBridgeSwiper .swiper-slide-prev,
#cardBridgeSwiper .swiper-slide-next {opacity:1;}
#cardBridgeSwiper .swiper-slide-active {transform:scale(100%);}
#cardBridgeSwiper .swiper-slide-prev,
#cardBridgeSwiper .swiper-slide-next {transform:scale(89.525%);transform-origin:bottom center;-ms-transform-origin:bottom center;}
#cardBridgeSwiper .swiper-button-prev,
#cardBridgeSwiper .swiper-button-next {top:156px;width:40px;height:40px;margin-top:0;background-repeat:no-repeat;background-position:center; background-size:100%;}
#cardBridgeSwiper .swiper-button-prev.swiper-button-disabled,
#cardBridgeSwiper .swiper-button-next.swiper-button-disabled {opacity:1;}
#cardBridgeSwiper .swiper-button-prev {left:0;background-image:url('/pconts/images/dx/contents/btn_cardBridge_prev.png')}
#cardBridgeSwiper .swiper-button-next {right:0;background-image:url('/pconts/images/dx/contents/btn_cardBridge_next.png')}
#cardBridgeSwiper .swiper-button-prev.swiper-button-disabled {background-image:url('/pconts/images/dx/contents/btn_cardBridge_prev_disabled.png')}
#cardBridgeSwiper .swiper-button-next.swiper-button-disabled {background-image:url('/pconts/images/dx/contents/btn_cardBridge_next_disabled.png')}
#cardBridgeSwiper .swiper-pagination {position:relative;display:flex;justify-content:center;margin-top:32px;}
#cardBridgeSwiper .swiper-pagination-bullet {display:block;margin:0 2px;width:9px;height:9px;background-color:#d7d7d7;opacity:1;}
#cardBridgeSwiper .swiper-pagination-bullet-active {width:24px;border-radius:7px;background-color:#476eff;}
#cardBridgeSwiper .card {perspective:1000px;width:100%;height:100%;}
#cardBridgeSwiper .card-inner {width:100%;height:100%;transform-style:preserve-3d;box-shadow:5px 10px 25px 0px rgba(0, 0, 0, 0.2);border-radius:12px;transition:all 0.5s;}
#cardBridgeSwiper .card-inner.flip180 {transform:rotateY(180deg);box-shadow:-5px 10px 25px 0px rgba(0, 0, 0, 0.2);}
#cardBridgeSwiper .card-btn {overflow:hidden;display:block;position:relative;width:100%;height:100%;cursor:default;transform-style:preserve-3d;}
#cardBridgeSwiper .card-inner.flip180 .card-btn,
#cardBridgeSwiper .card-inner.flipping .card-btn {overflow:visible;}
#cardBridgeSwiper .card-front, 
#cardBridgeSwiper .card-back {backface-visibility:hidden;position:absolute;top:50%;left:50%;display:block;height:210px;width:332px;transform:translate(-50%, -50%) rotate(90deg);}
#cardBridgeSwiper .card-back {transform:translate(-50%, -50%) rotate(90deg) rotateX(180deg);}
.msie #cardBridgeSwiper .card-back.cardRotate {transform:translate(-50%, -50%) rotate(90deg) rotateX(0deg) !important;}
#cardBridgeSwiper .card-checkbox {display:none;}
.msie #cardBridgeSwiper .swiper-slide {-ms-zoom:0.64;}
.msie #cardBridgeSwiper .swiper-slide-active {-ms-zoom:1;}
.msie #cardBridgeSwiper .swiper-slide-prev,
.msie #cardBridgeSwiper .swiper-slide-next {-ms-zoom:0.89525;margin-top:35px;}
.msie #cardBridgeSwiper .swiper-slide-next {margin-left:26px;}

/* 
	iOS 카드 포커스 영역 접근성 대응 - .card-btn에 overflow:hidden이 적용되어야 보이스오버의 포커스가 카드 영역만 표시하지만 backface-visibility:hidden이 적용되지 않아 opacity로 대체하는 소스
	
	.iphone #cardBridgeSwiper .card-inner.flip180 .card-btn,
	.iphone #cardBridgeSwiper .card-inner.flipping .card-btn {overflow:hidden;}
	.iphone #cardBridgeSwiper .card-btn {overflow:hidden;}
	.iphone #cardBridgeSwiper .card-front, 
	.iphone #cardBridgeSwiper .card-back {backface-visibility:visible;}
	.iphone #cardBridgeSwiper .card-front{opacity:1;animation:0.5s ease 0s 1 normal both running showCardRotating;}
	.iphone #cardBridgeSwiper .card-back {opacity:0;animation:0.5s ease 0s 1 normal both running hideCardRotating;}
	.iphone #cardBridgeSwiper .card-inner.flip180 .card-front{animation:0.5s ease 0s 1 normal both running hideCardRotating;}
	.iphone #cardBridgeSwiper .card-inner.flip180 .card-back {animation:0.5s ease 0s 1 normal both running showCardRotating;}
	@keyframes showCardRotating {0% {opacity:0;}100% {opacity:1;}}
	@keyframes hideCardRotating {0% {opacity:1;}100% {opacity:0;}}
*/

#cardBridgeSwiper .cardBridge-tit {position:relative;margin-top:-26px;padding-top:36px;font-size:18px;font-weight:900;text-align:center;}
#cardBridgeSwiper .cardBridge-tit::before {content:'';display:block;position:absolute;top:0;left:50%;width:24px;height:24px;background:#476eff url('/pconts/images/dx/com/icon_check_white.svg') no-repeat center;border-color: #476eff;border-radius:50%;opacity: 0;transition: all 0.2s;transform:translateX(-50%);}
#cardBridgeSwiper .cardBridge-tit.show::before {opacity:1;}
#cardBridgeSwiper .cardBridge-selected {margin-top:2px;text-align:center;}
#cardBridgeTooltip {position:absolute;top:-54px;left:50%;z-index:10;display:inline-flex;padding:8px 36px 8px 16px;background-color:#3d4964;transform:translateX(-50%);border-radius:8px;color:#fff;font-size:13px;}
#cardBridgeTooltip::after{content:'';position:absolute;bottom:-8px;left:50%;display:block;width:0;height:0;border-bottom:8px solid #3d4964;border-left:6px solid transparent;border-right:6px solid transparent;transform:translateX(-50%) rotate(180deg);}
#cardBridgeTooltip .btn-tooltip {display:block;position:absolute;top:8px;right:10px;width:18px;height:18px;background:url('/pconts/images/dx/com/close_ccc.svg') no-repeat center / 100%}
#cardBridgeTooltip.hide {display:none;}
#cardBridgeBtn {margin-top:75px !important;}
#cardBridgeSwiper .cardBridge-contents {display:none;}
#cardBridgeSwiper .cardBridge-contents.show {display:block;}

@media only screen and (max-width:1100px) {
	#cardBridgeSwiper {margin:65px -24px 0;}
	#cardBridgeSwiper .swiper-slide {width:188px;height:298px;}
	#cardBridgeSwiper .swiper-button-prev,
	#cardBridgeSwiper .swiper-button-next {top:147px;width:24px;height:24px;}
	#cardBridgeSwiper .swiper-button-prev {left:24px;}
	#cardBridgeSwiper .swiper-button-next {right:24px;}
	#cardBridgeSwiper .card-front, 
	#cardBridgeSwiper .card-back {width:298px;height:188px;}
	#cardBridgeTooltip {min-width:175px;padding:8px 36px 8px 16px;}
	#cardBridgeBtn {margin-top:0 !important;}
}

/* 20240529381583 마이페이지 결제할 금액 영역 버튼 수정 */
.myPayment-btn .btn-wrap-dx {margin-top:0;}
.myPayment-btn .btn-wrap-dx .btn {width:100%;padding:0;font-size:16px;border-radius:8px;}
.myPayment-btn .btn-wrap-dx .btn.revolving {font-size:14px;line-height:1.3}
@media only screen and (max-width: 1100px) {
	.myPayment-btn .btn-wrap-dx .btn {font-size:14px;}
	.myPayment-btn .btn-wrap-dx .btn.revolving {font-size:11px;line-height:16px;}
}


/* 즉시결제 */

/* 즉시결제 STEP2. 이용구분 선택 title영역 정렬 */
.btn-group3-btn.use-immediate > .btn-group3-tit {text-align:left;}

/* [스켈레톤] 즉시결제 STEP1. 결제금액 조회기준 선택 */
.noData_list.skeleton_solpay .h96_58 {height:96px;}
.noData_list.skeleton_solpay .gapt24_12 {margin-top:24px;}

/* [스켈레톤] 즉시결제 STEP2. 결제가능금액 텍스트 영역 */
.noData_list.skeleton_solpay .immediate_sum {width:220px; height:24px; margin-left:20px;}

/* [스켈레톤] 즉시결제 STEP2. 일시불/할부 리스트 */
.noData_list.skeleton_solpay .h36_28 {height:36px;}
.noData_list.skeleton_solpay .h66_72 {height:66px;}

/* [스켈레톤] 즉시결제 STEP2. 리볼빙 금액보기 텍스트 영역 */
.noData_list.skeleton_solpay .box_revolving_view {width:105px; height:30px;}

/* 즉시결제 - dl dt dd 구조에서 아코디언 기능 제거 */
.btn-group3 .accordion-dx .accordion_header.accordion_prevent .acc_btn {padding-right:28px;}
.btn-group3 .accordion-dx .accordion_header.accordion_prevent .acc_btn:before {display:none;}
.btn-group3 .accordion-dx .accordion_header.accordion_prevent .acc_btn.selected {border-color:#476eff;}
.btn-group3 .accordion-dx .accordion_header.accordion_prevent {margin:12px 0;}

/* 즉시결제 - STEP01. 아코디언 활성화 스타일 추가 */
.accordion-dx.accordion_wrap.type3.immediate-step1-accordion .accordion_header button:hover {background-color:#f4f7fc; border-color:#476eff;}
.accordion-dx.accordion_wrap.type3.immediate-step1-accordion .accordion_header button.on:hover {background-color:#fff; border-color:#476eff;}
.accordion-dx.accordion_wrap.type3.immediate-step1-accordion .btn-group4-item.active .btn-group4-btn,
.accordion-dx.accordion_wrap.type3.immediate-step1-accordion .btn-group4-item.active .btn-group4-txt {background-color:#f4f7fc; border-radius:8px;}
.accordion-dx.accordion_wrap.type3.immediate-step1-accordion .btn-group4-group li + li {margin-top:4px;}

/* 즉시결제 - STEP2. 일시불 결제 영역 아코디언 활성화 스타일 추가 */
.accordion-dx.accordion_wrap.type3.immediate01-accordion .accordion_header button:hover {border-color:#476eff; color:#476eff;}
.accordion-dx.accordion_wrap.type3.immediate01-accordion .accordion_header button.on:hover {background-color:#fff; border-color:#476eff;}

/* 즉시결제 - 명세서 미표기 버튼 */
.list10-group .list10-price2.form-dx {margin-right:0;}
.list10-group .list10-item-group.btn-spec-toggle {text-align:right; margin-top:8px;}
.list10-group .list10-item-group.btn-spec-toggle .list10-info2-item {margin:0 0 0 auto;}
.list10-item-group.btn-spec-toggle .check-second input[type="checkbox"]:checked + span {font-weight:700; color:#476eff;}

/* 즉시결제 - 대출계약철회 버튼 */
.list10-group .list10-item-group.btn-ln-withdraw {text-align:right; margin-top:12px;}
.list10-group .list10-item-group.btn-ln-withdraw .list10-info2-item {margin:0 0 0 auto;}
.list10-group .list10-item-group.btn-ln-withdraw .list10-info2-item .btn-wrap-dx.btn-text {margin-top:0;}
.list10-group .list10-item-group.btn-ln-withdraw .list10-info2-item button:disabled {cursor:default;}

/* 즉시결제 - STEP3. 본인명의 계좌 input 컬러값 */
.form-dx input.another_account {color:#000 !important;}

/* 즉시결제 - 리볼빙 툴팁 */
.revolving #revolvingTooltip {width:212px; left:-24px;}

/* 즉시결제 - 리볼빙 이월내역 툴팁 */
.tab_revolving {display:flex; flex-wrap:wrap; align-items:center;}
.tab_revolving .tab_pull {flex-grow:1;}
.tab_revolving .revolv_tooltip_box {position:relative; z-index:3;}
.tab_revolving .revolv_tooltip_box span {font-size:16px; color:#666;}
.dx-tooltip-wrap.tooltip_revolving {width:560px !important;}

/* 즉시결제 - 리볼빙 정렬 팝업 */
#sortFilter.pop-dx.pop_wrap .btn-group4 {border-top:none;}

/* 즉시결제 - 카드명 말줄임 pc1줄, m2줄 */
.box6-tit.card {min-width:0;}
.box6-tit.card > b {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; margin-right:24px;}

/* 즉시결제 - 결제계좌탭 - 안내문구 영역 */
.withdrawal-txt-box {margin-top:24px; border-bottom:1px solid #eee; padding-bottom:24px;}
.withdrawal-txt-box > p {text-align:center;}
.withdrawal-txt-box .tit1 strong {font-weight:700; font-size:16px; color:#000;}
.withdrawal-txt-box .tit2 {margin-top:8px; font-size:14px; color:#666;}

/* 즉시결제 - 결제계좌탭 - 오픈뱅킹 계좌 선택 */
.withdrawal-openbank {background-color:#f4f7fc; border-radius:12px; padding:20px 24px; margin:24px 0 0 0;}
.withdrawal-openbank.regist {margin:16px 0 24px 0;}
.withdrawal-openbank .inbox {display:flex; flex-wrap:wrap; align-items:center;}
.withdrawal-openbank .inbox .box1 {flex:1;}
.withdrawal-openbank .inbox .box1 > p {font-size:16px; color:#494f60; font-weight:700;}
.withdrawal-openbank .inbox .box2 {text-align:right; margin-left:12px;}
.withdrawal-openbank .inbox .box2 .btn-wrap-dx {display:block; margin:0;}
.withdrawal-openbank .inbox .box2 .btn-wrap-dx .btn_md {padding:0 12px; font-size:13px; font-weight:700; height:38px; line-height:initial; min-width:135px;}

/* 즉시결제 - 본인명의 다른계좌 - 계좌번호 직접 입력 */
.withdrawal_account_box {margin-top:24px;}
.withdrawal_account_box .withdrawal_account_txt {font-size:16px; font-weight:700;}
.withdrawal_account_btn .btn.dashed {border:1px dashed #ccc; color:#494f60; border-radius:4px; width:100%; font-size:16px; font-weight:700; height:48px; line-height:inherit;}
.withdrawal_account_inbox {background-color:#f6f6f6; border-radius:12px; padding:20px 24px; margin-top:16px;}
.withdrawal_account_inbox .withdrawal_account_list > li {margin-top:3px; color:#000; font-size:16px;}
.withdrawal_account_inbox .withdrawal_account_list > li:first-child {margin-top:0;}
.withdrawal_account_inbox .withdrawal_account_list > li .inner {display:flex;}
.withdrawal_account_inbox .withdrawal_account_list > li .bank {color:#333;}
.withdrawal_account_inbox .withdrawal_account_list > li .num {color:#333; margin-left:16px;}

.withdrawal_account_box.openbank .withdrawal_account_txt {text-align:center;}
.withdrawal_account_box.openbank .withdrawal_account_btn {margin-top:12px;}
.withdrawal_account_box.button {margin-top:8px;}

/* 즉시결제 - 결제금액 조회기준 선택버튼 스타일 변경 */
.box6-dx.button-block {border-width:1px; border-radius:8px;}

/* 즉시결제 - 스텝3 간격 조정 */
.immediate_step03 .contents-box .h-dep3 {margin-bottom:16px;}
.immediate_step03 .box7-dx.radius {border-radius:8px;}

.pop_wrap.pop-bank-select {padding:100px 0;}
.pop_wrap.pop-bank-select .openbank_btnbox {margin-top:24px;}

.between-list-item .text-split.revolvingbox {display:table; padding-right:20px;}
.between-list-item .text-split.revolvingbox > li {display:table-cell;}
.between-list-item .text-split.revolvingbox > li:nth-child(1) {max-width:220px;}

/* 즉시결제 - 오픈뱅킹 문구 */
.account_txt_wrap {margin-top:40px; border-radius:12px; border:1px solid #e7e9ee; padding:20px;}
.account_txt_wrap .account_txt_tit {font-size:14px; font-weight:700; color:#323B50;}
.account_txt_wrap .account_txtlist {margin-top:12px;}
.account_txt_wrap .account_txtlist > li {font-size:13px; color:#494f60; padding-left:7px;}
.account_txt_wrap .account_txtlist > li + li {margin-top:10px;}
.account_txt_wrap .account_txtlist > li:before {top:8px; color:#494f60; background-color:#494f60;}

/* 즉시결제 - 아코디언 꼭 알아두세요 */
.accordion-note.immediate {text-align:left;}
.accordion-note.immediate .bullet-dot > li .bullet-hyphen {margin-top:10px;}

/* 즉시결제 - 이월 내역 팝업 */
.pop-dx.pop_wrap.revolving_forward .pop_cont {padding-bottom:108px;}
.pop-dx.pop_wrap.revolving_forward .pop_btn .btn {min-width:200px;}
.revolving_forward_tit {display:inline-block; color:#000; font-size:16px; font-weight:700;}
.revolving_forward_list {margin-top:16px;}
.revolving_forward_list > li {color:#333; margin-top:16px;}
.revolving_forward_list > li:first-child {margin-top:0;}
.revolving_forward_img {text-align:center; margin-top:32px; padding:0 13px;}

@media only screen and (max-width: 1100px) {

    /* [스켈레톤] 즉시결제 STEP1. 결제금액 조회기준 선택 */
    .noData_list.skeleton_solpay .h96_58 {height:58px;}
    .noData_list.skeleton_solpay .gapt24_12 {margin-top:12px;}

    /* [스켈레톤] 즉시결제 STEP2. 결제가능금액 텍스트 영역 */
    .noData_list.skeleton_solpay .immediate_sum {width:140px; height:21px; margin-left:0;}

    /* [스켈레톤] 즉시결제 STEP2. 일시불/할부 리스트 */
    .noData_list.skeleton_solpay .h36_28 {height:28px;}
    .noData_list.skeleton_solpay .h66_72 {height:72px;}

    /* [스켈레톤] 즉시결제 STEP2. 리볼빙 금액보기 텍스트 영역 */
    .noData_list.skeleton_solpay .box_revolving_view {width:84px; height:24px;}

    /* 즉시결제 공통 리스트 (이용건별/할부 리스트) keep-all -> normal */
    .list10-dx .list10-item-group .list10-info > .list10-tit.ellipsis-m2 {word-break:normal; padding-right:16px;}

    /* 즉시결제 - 리볼빙 툴팁 */
    .tab_revolving .revolv_tooltip_box span {font-size:14px;}
    .revolving #revolvingTooltip {width:204px; left:-132px;}

    /* 즉시결제 - 리볼빙 이월내역 툴팁 */
    .dx-tooltip-wrap.tooltip_revolving {width:293px !important; max-width:80% !important;}

    /* 즉시결제 - 카드명 말줄임 pc1줄, m2줄 */
    .box6-tit.card > b {display:-webkit-box !important; white-space:inherit; word-wrap:break-word !important; -webkit-line-clamp:2 !important; max-width:100% !important; -webkit-box-orient:vertical !important; margin-right:0;}

    /* 즉시결제 - 결제계좌탭 - 오픈뱅킹 계좌 선택 */
    .withdrawal-openbank .inbox {display:block;}
    .withdrawal-openbank .inbox .box1 {flex:none;}
    .withdrawal-openbank .inbox .box2 {text-align:left; margin:8px 0 0 0;}
    .withdrawal-openbank .inbox .box2 .btn-wrap-dx .btn_md {font-size:14px; padding:0 14px; height:38px;}

    /* 즉시결제 - 본인명의 다른계좌 - 계좌번호 직접 입력 */
    .withdrawal_account_btn .btn.dashed {font-size:14px;}

    /* 즉시결제 - 결제금액 조회기준 선택버튼 스타일 변경 */
    .box6-dx.button-block {padding-right:20px;}
    .box6-dx.button-block .box6-tit {font-size:14px;}
    .box6-dx.button-block .btn-wrap-dx {position:static;}
    .box6-dx.button-block .btn-wrap-dx .btn::before {display:none;}
    .box6-dx.button-block .btn-wrap-dx {width:auto; margin-left:8px;}
    .box6-dx.button-block .btn-wrap-dx .btn {display:block; background-color:#eff0f5; color:#494f60; min-width:80px; padding:0; line-height:38px;}
    .box6-dx.button-block .btn-wrap-dx .btn span {display:block;}
    .box6-dx.button-block .box6-tit.card > b {word-break:break-all;}

    .pop_wrap.pop-bank-select {padding:0;}
    .pop_wrap.pop-bank-select .btn_wrap.btn_cont {margin-bottom:0;}

    .withdrawal_account_inbox {border-radius:8px; padding:20px 16px;}
    .withdrawal_account_inbox .withdrawal_account_list > li {font-size:14px;}

    .between-list-item .text-split.revolvingbox {padding-right:0;}

    /* 즉시결제 - dl dt dd 구조에서 아코디언 기능 제거 */
    .btn-group3 .accordion-dx .accordion_header.accordion_prevent .acc_btn {padding-right:16px;}

    /* 즉시결제 - 스텝2 간격 조정 */
    /* section.immediate_step02 #immediatePayment {padding-bottom:80px;}
	section.immediate_step02 .accordion-dx.accordion_wrap.accordion-note {padding-bottom:60px;} */

    /* 금액별이 노출되는 경우 */
    .contents.immediate_step02:has(#immediate01.show1 .list-total-floating.immediate0101),
    .contents.immediate_step02:has(#immediate01.show1 .list-total-floating.immediate0102) {padding-bottom:140px !important;}

    /* 이용 건별 결제가 노출되는 경우 */
    .contents.immediate_step02:has(#immediate01.show2 .list-total-floating.immediate0101),
    .contents.immediate_step02:has(#immediate01.show2 .list-total-floating.immediate0102) {padding-bottom:140px !important;}

    /* 즉시결제 - 이월 내역 팝업 */
	.revolving_forward_img {padding:0;}
}

/* // 즉시결제 */


/* 신한 SOL페이 디자인 - 헤딩 */
* + .h-sol.h-dep2 {margin-top:60px;}
.h-sol.h-dep1 .h_title {font-size:24px;font-weight:900;}
.h-sol.h-dep2 .h_title {font-size:20px;}

.h-sol.contents_heading {margin-top:60px;}
.h-sol.contents_heading .h_title38 {margin-bottom:48px;text-align:center;}
.contents_heading + .h-sol.h-dep2 {margin-top:48px;}

/* 신한 SOL페이 디자인 - 버튼 */
.btn-sol.btn-wrap-dx {display:flex;width:400px;}
.btn-sol.btn-wrap-dx::after {display:none;}
.btn-sol.btn-wrap-dx.align_c {margin-left:auto;margin-right:auto;}

.btn-sol.btn-wrap-dx .btn {padding:0 16px;font-size:16px;border-radius:8px;}
.btn-sol.btn-wrap-dx .btn + .btn {margin-left:8px;}
.btn-sol.btn-wrap-dx .btn.lightgray {background-color:#edf0f8;border-color:#edf0f8}
.btn-sol.btn-wrap-dx .btn.lightgray:disabled {color:#b2b8c9;}
.btn-sol.btn-wrap-dx .btn.default {flex:1;min-width:auto;}
.btn-sol.btn-wrap-dx .btn.left {padding:0 32px;}

.btn-sol.btn-wrap-dx.btn-second .btn {font-size:14px;}
.btn-sol.btn-wrap-dx.btn-third .btn {min-width:auto;height:38px;padding:0 14px;line-height:36px;font-size:14px;border-radius:6px;}
.btn-sol.btn-wrap-dx.btn-text {width:auto;}
.btn-sol.btn-wrap-dx.btn-text .text_underline {border-bottom:1px solid #666;font-size:14px;font-weight:700;text-decoration:none;}

/* 신한 SOL페이 디자인 - 팝업 */
.pop-sol.pop-dx .pop_cont {padding-top:10px;}
.pop-sol.pop-dx .pop_btn.btn-sol {left:32px;right:32px;width:auto;padding-left:0;padding-right:0;}
.pop-sol.pop-dx .pop_btn.btn-sol .btn.left {min-width:96px;padding:0 16px;}

.pop-sol.pop-dx.pop_alert .popup .pop_cont {padding:32px;}

.pop-sol.pop-dx.small .popup .pop_head {padding:24px 56px 24px 24px;}
.pop-sol.pop-dx.small .popup .pop_cont {padding-top:0;padding-left:24px;padding-right:24px;}
.pop-sol.pop-dx.small .popup .pop_btn.btn-sol {left:16px;right:16px;}
.pop-sol.pop-dx.small .popup .btn_close {top:24px;}

/* 신한 SOL페이 디자인 - 폼 */
.form-sol.form-dx input[type='tel'],
.form-sol.form-dx input[type='text'],
.form-sol.form-dx input[type='email'],
.form-sol.form-dx input[type='password'],
.form-sol.form-dx input[type='search'],
.form-sol.form-dx input[type='number'] {font-size:22px;}
.form-sol.form-dx input[type='tel']::placeholder,
.form-sol.form-dx input[type='text']::placeholder,
.form-sol.form-dx input[type='email']::placeholder,
.form-sol.form-dx input[type='password']::placeholder,
.form-sol.form-dx input[type='search']::placeholder,
.form-sol.form-dx input[type='number']::placeholder {font-size:22px;color:#888;}
.form-sol.form-dx input[type="tel"]:disabled,
.form-sol.form-dx input[type="text"]:disabled,
.form-sol.form-dx input[type="number"]:disabled,
.form-sol.form-dx input[type="search"]:disabled,
.form-sol.form-dx input[type="email"]:disabled,
.form-sol.form-dx input[type="password"]:disabled {color:#ccc;}
.form-sol.form-dx .ele_tit label {margin-bottom:0;font-size:14px;color:#888;}
.form-sol.form-dx .input_wrap .w328_100p {width:328px;}
.form-sol.form-dx .btn_clear {margin-top:-11px;}

/* 신한 SOL페이 디자인 - 완료페이지/내역없음 */
.complete-sol.complete-dx {margin-top:108px;}
.complete-sol.complete-dx .title {font-size:24px;}
.complete-sol.complete-dx + .btn-wrap-dx.btn-sol {margin-top:120px;}

.complete-sol.complete-dx.no-data {margin-top:20px;padding:8px;}
.complete-sol.complete-dx.no-data .icon {width:80px;height:80px;margin:0 auto 16px;background:url('/pconts/images/dx/contents/dxicon04.svg') no-repeat;}


.form-dx.form02 .form_ele {display:flex;align-items:center;}
.form-dx.form02 .form_ele + .form_ele {margin-top:24px;}
.form-dx.form02 .form_ele .ele_tit {width:200px;margin-bottom:0;flex-shrink:0;}
.form-dx.form02 .form_ele .ele_tit label {font-size:18px;font-weight:700;}
.form-dx.form02 .form_ele:after {display:none;}

/* plate-select2-dx */
.plate-select2-btn {position:relative;display:block;padding:16px;border:1px solid #ddd;border-radius:8px;}
a.plate-select2-btn{padding-right:54px;}
a.plate-select2-btn::after {content:'';display:block;position:absolute;top:50%;right:16px;width:24px;height:24px;background:url('/pconts/images/dx/com/arrowdown_small.svg') no-repeat;transform:translateY(-50%);}
.plate-select2-item {display:flex;align-items:center;}
.plate-select2-img {position:relative;flex-shrink:0;width:38px;height:38px;margin:0 -7px;}
.plate-select2-img > img {position:absolute;top:50%;transform:translateY(-50%) rotate(90deg);}
.plate-select2-info {margin-left:14px;}
.plate-select2-title {font-weight:700;line-height:22px;}
.plate-select2-text {margin-top:4px;color:#666;font-size:14px;line-height:20px;}


/* badge1-dx */
.badge1-dx {display:inline-flex;align-items:center;flex-shrink:0;height:20px;padding:0 6px;border-radius:4px;font-weight:700;font-size:11px;}
.badge1-dx.badge1 {background-color:#edf0f8;color:#3d4964;}

/* platelist1-dx */
.input1-dx {position:relative; width:100%;border-bottom:1px solid #eee;}
.input1-group {display:flex;align-items:center;}
.input1-before {flex:1;font-size:20px;color:#888;}
.input1-arrow {margin:0 3px;flex-shrink:0;}
.input1-after {flex:1;}
.input1-after .input_wrap {position:initial;display:flex;}
.input1-after .input_wrap input[type='number'] {border:none;text-align:right;padding:0;font-size:22px;}
.input1-after .input_wrap input[type='number']:focus {border:none;padding:0;}
.input1-after .btn_clear {right:0;margin-top:0;transform:translateY(-50%);}
.input1-after .input_wrap .unit {font-size:22px;padding-top:4px;}
.input1-after .input_wrap .line {position:absolute;bottom:-1px;left:0;right:0;width:100%;height:1px;}
.input1-after .input_wrap input[type='number']:focus ~ .line {background-color:#476eff;}
.input1-after .input_wrap input[type='number'].error ~ .line {background-color:#da1d1d;}
.input1-dx .btn-clear {width:20px;height:20px;margin-left:8px;background:url('/pconts/images/dx/contents/btn-reset.png') no-repeat center / 20px;}
.input1-dx .tooltip-recommend {position:absolute;top:-43px;right:0;display:flex;justify-content:center;width:322px;height:42px;background:url('/pconts/images/dx/contents/tooltip1-pc.svg') no-repeat;padding-top:9px;font-size:12px;font-weight:900;color:#494f60;}
.input1-dx .tooltip-recommend::before,
.input1-dx .tooltip-recommend::after{content:'';display:block;position:absolute;}
.input1-dx .tooltip-recommend::before {top:8px;left:9px;width:26px;height:20px;background:url('/pconts/images/dx/contents/icon-dog.svg');}
.input1-dx .tooltip-recommend::after {top:7px;right:10px;width:22px;height:23px;background:url('/pconts/images/dx/contents/icon-cat.svg');}
@media only screen and (max-width: 320px) {
	.input1-dx .tooltip-recommend {right:-25px;}
}

/* platelist1-dx */
.platelist1-item + .platelist1-item {margin-top:8px;}
.platelist1-btn {display:flex;align-items:center;padding:16px;}
.platelist1-img {position:relative;flex-shrink:0;width:62px;height:62px;margin:0 -11px;}
.platelist1-img > img {position:absolute;top:50%;transform:translateY(-50%) rotate(90deg);}
.platelist1-info {min-width:0;margin-left:20px;}
.platelist1-title {font-weight:700;line-height:22px;}
.platelist1-text {margin-top:4px;color:#666;font-size:14px;line-height:20px;}

.gift-option-txt {margin-top:40px;font-size:14px;color:#1b1f42;text-align:center;}
.gift-option-box {margin-top:60px;padding:16px;background:#f4f7fc;border-radius:12px;}
.gift-option-box .bullet-dot > li {color:#494f60;font-size:14px;}
.gift-option-box .bullet-dot > li + li {margin-top:10px;}
.gift-option-box .bullet-dot > li::before {background-color:#494f60;}

@media only screen and (max-width: 1100px) {
	/* 신한 SOL페이 디자인 - 헤딩 */
	* + .h-sol.h-dep2 {margin-top:40px;}
	.h-sol.h-dep1 .h_title {font-size:22px;}
	.h-sol.h-dep2 .h_title {font-size:18px;}

	.h-sol.contents_heading {margin-top:0;}
	.contents_heading + .h-sol.h-dep1 {margin-top:20px;}
	.contents_heading + .h-sol.h-dep2 {margin-top:20px;}

	/* 신한 SOL페이 디자인 - 버튼 */
	.btn-sol.btn-wrap-dx {width:100%;}
	.btn-sol.btn-wrap-dx .btn.left {min-width:auto;padding:0 16px;}
	
	/* 신한 SOL페이 디자인 - 팝업 */
	.pop-sol.pop-dx .pop_head {padding-bottom:9px;}
	.pop-sol.pop-dx .pop_cont {padding-top:20px;}
	.pop-sol.pop-dx .btn-sol.pop_btn {padding-left:16px;padding-right:16px;}
	.pop-sol.pop-dx .btn-sol.pop_btn .mo-left {flex-grow:0;/*min-width:106px;*/}

	.pop-sol.pop-dx .btn-sol.pop_btn,
	.pop-sol.pop-dx.small .btn-sol.pop_btn {left:0;right:0;}

	.pop-sol.pop-dx.small .popup .pop_head {padding-bottom:9px;}
	.pop-sol.pop-dx.small .popup .pop_cont {padding-top:20px;}

	.pop-sol.pop-dx.small.point_filter_pop {padding:0;}

	/* 신한 SOL페이 디자인 - 완료페이지/내역없음 */
	.complete-full,
	.complete-full .ly_inner,
	.complete-full .complete-dx {display:flex;flex-direction:column;flex-grow:1;}
	.complete-full .contents_heading.h-sol {margin:0;}
	.complete-full .complete-dx {margin:0;justify-content:center;}

	.complete-sol.complete-dx.no-data {display:flex;flex-direction:column;justify-content:center;height:385px;margin:0;}
	.complete-sol.complete-dx.no-data .sub_title {font-size:16px;}



	.form-sol.form-dx .input_wrap .w328_100p {width:100%;}

	.form-dx.form02 .form_ele .ele_tit {width:100px;}


	/* platelist1-dx */
	.platelist1-img {width:38px;height:38px;margin:0 -7px;}
	.platelist1-info {margin-left:14px;}
	.platelist1-text {margin-top:6px;}

	.gift-option-txt {margin:40px -24px 0;padding:0 16px 40px 16px;border-bottom:12px solid #eee}
	.gift-option-box {margin-top:0;}
}

/* 20240723587636 처음드림론 관리 - 이미지형 라디오 버튼 */
.radio-dx.radio-img .radio-group {margin:0;}
.radio-dx.radio-img .radio_default {display:block;margin:0;}
.radio-dx.radio-img .radio_default + .radio_default {margin:16px 0 0;}
.radio-dx.radio-img .radio_default input[type="radio"] {top:50%;left:auto;right:12px;transform:translateY(-50%);}
.radio-dx.radio-img .radio_default input[type="radio"] + span {flex-direction:column;justify-content:center;min-height:60px;padding-left:68px;padding-right:48px;font-size:13px;color:#666;background-repeat:no-repeat;background-position:left center;background-size:60px;font-weight:700;}
.radio-dx.radio-img .radio_default input[type="radio"] + span strong {font-size:16px;font-weight:900;color:#000;}
.radio-dx.radio-img .radio_default input[type="radio"] + span:before {top:50%;left:auto;right:12px;transform:translateY(-50%);}
.radio-dx.radio-img .radio_default input[type="radio"] + span:after,
.radio-dx.radio-img .radio_default input[type="radio"]:checked + span:after {top:50%;left:auto;right:19px;transform:translateY(-50%);}
.radio-dx.radio-img .radio_default.daiso input[type="radio"] + span {background-image:url('/pconts/images/dx/contents/dx_dreamLoan_daisoX3.png');}
.radio-dx.radio-img .radio_default.naver input[type="radio"] + span {background-image:url('/pconts/images/dx/contents/dx_dreamLoan_naverX3.png');}
.radio-dx.radio-img .radio_default.cu input[type="radio"] + span {background-image:url('/pconts/images/dx/contents/dx_dreamLoan_cuX3.png');}
.radio-dx.radio-img .radio_default.none input[type="radio"] + span {background-image:url('/pconts/images/dx/contents/dx_dreamLoan_noneX3.png');}
@media only screen and (max-width:1100px) {
	.radio-dx.radio-img .radio-group {display:block;}
	.radio-dx.radio-img .radio-group .radio_default {width:100%;}
}

/* 20240723587636 처음드림론 관리 - 배지 */
[class*='icon-text'].icon-sol{height:24px;padding:0 8px;line-height:24px;font-size:12px;border-radius:4px;}
[class*='icon-text'].icon-sol + [class*='icon-text'].icon-sol {margin-left:4px;} /* 연속적으로 나오는 경우 디자인에 맞춰 마진 정의(4px은 임의로 넣었음) */
.icon-text-a4.icon-sol {background-color:#e0f4ef;color:#09634d;}

/* 20240815633896  개인채무자보호 - 예정 통지서 반송확인(상세페이지) */
.notice240830 [class*='notice_w'] button {text-decoration: underline;}
.notice240830 th {vertical-align: middle !important;}
.notice240830 td {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.notice240830 select option {font-size:14px !important;}
.pop_foeignDoc .stamp.logo240830 {width: auto;}
.popup3_2_Dl240830 {display:flex; gap:3px;}
@media only screen and (max-width: 700px){
	.notice240830 .notice_w1, .notice240830 .notice_w3 {width: 715px !important;}
	.notice240830 .notice_w2 {width: 700px !important;}
}
@media only screen and (max-width: 500px){
	.notice240830 .notice_w2 {width: 500px !important;}
	.notice240830 [class*='notice_w'] colgroup col{width: auto !important;}
}

/* 20240814493296  개인채무자보호 - 채권담당자조희(상세페이지) */
.manager240830 .item {display:flex; justify-content:center; align-items:center; padding: 20px 50px; margin-bottom:10px; border: 1px solid #7894ff; border-radius: 4px; background: #fff;}
.manager240830 .item_pop {justify-content: space-between; padding:20px 30px;}
.manager240830 .item_txt {font-size: 18px; text-align: center;}
.manager240830 .btn-wrap-dx {margin-top: 0;}
.manager240830 select option {font-size:14px !important;}
.t-line240906 {border-top:1px solid #ccc;}
.notice240830 .manager240924 button {text-decoration: underline;}
@media only screen and (max-width: 1100px){
	.manager240830 .item {flex-direction: column;}
    .manager240830 .btn-wrap-dx {margin-top: 20PX; width:100%;}
    .manager240830 .btn-wrap-dx .btn_md {width:100%;}
}
@media only screen and (max-width: 700px){
	.notice240830 .manager240924 {width: 700px !important;}
}
@media only screen and (max-width: 500px){
	.notice240830 .manager240924 {width: 500px !important;}
	.notice240830 .manager240924 colgroup col{width: auto !important;}
}

/* 탑버튼 수정 */
.quick_fixed .quick_top .top{background: url('/pconts/images/dx/com/top_btn_pc.svg') no-repeat center center;background-size: 45px auto;}
@media only screen and (max-width: 1100px){
	.quick_fixed .quick_top .top{background-size: 38px auto;}
}

/* 20241104630812  포인트조회(사용내역) 승인취소 추가 */
.myp-re2023 .myp-list3-cell4 .myp-list3-txt.del strong{display:block; position:relative; color:#999 !important;}
.myp-re2023 .myp-list3-cell4 .myp-list3-txt.del strong:before {content: '';display: block; position: absolute; left: -3px; top: calc(50% - 2px); width: calc(100% + 5px); border-top: solid #999 1px;}
.myp-re2023 .myp-list3-cell4 .part_cancel{display:inline-block; margin:3px 0 0; font-weight:400; font-size:13px; color:#da1d1d;}

/* 20250106 신한카드 이벤트 응모하기 휴대폰 인증 돔 구조 수정으로 인한 css 추가 */
.pesnAuth-small-size ~ .evtagree_wrap .radio_wrap {display: flex; flex-wrap: wrap;}

/* 25.02.10 마이 > 이용한도 > 추가한도 이용신청 가맹점 스타일 추가 */
.btn-group2 .store-group .btn-group2-item .btn-group2-info {border-radius: 10px; }
.btn-group2 .store-group .btn-group2-item .btn-group2-link {padding: 0px 62px 0px 30px; height: 100px; border-radius: 10px;}
.btn-group2 .store-group .btn-group2-item .btn-group2-link::after {top: initial; transform: initial;}
.btn-group2 .store-group .btn-group2-item .btn-group2-link .btn-group2-txt {white-space: nowrap;}
.btn-group2 .store-group .btn-group2-item .btn-group2-link .btn-group2-store { display: flex; flex-direction: column; align-items: flex-start;}
.btn-group2 .store-group .btn-group2-item .btn-group2-link .btn-group2-store .btn-group2-desc { font-size: 14px; color: #676d80; margin-top: 4px; text-align: left;}
.btn-group2 .store-group .btn-group2-item .btn-group2-link .btn-tit-group {display: flex; align-items: center; text-align: left;}

@media only screen and (max-width: 1100px) {
	.btn-group2 .store-group .btn-group2-item .btn-group2-link {padding: 16px 28px 16px 0; height: auto; align-items: flex-start;}
	.btn-group2 .store-group .btn-group2-item .btn-group2-link .btn-group2-store {margin-right: 20px;}
	.btn-group2 .store-group .btn-group2-item .btn-group2-link .btn-group2-store .btn-group2-desc {font-size: 12px;}
	.btn-group2 .store-group .btn-group2-item .btn-group2-link .btn-tit-group {align-items: baseline;}
}