@charset "utf-8";

/* --------------------------------------------------------------------------------
	메인페이지
--------------------------------------------------------------------------------- */
.contents.main { padding-left:var(--spc5); padding-right:var(--spc5); }
.contents.main .top-bar { padding-left:var(--spc3); padding-right:var(--spc3); margin-left:calc(var(--spc5) * -1); margin-right:calc(var(--spc5) * -1); }
.contents.main .buttom-bar { margin-left:calc(var(--spc5) * -1); margin-right:calc(var(--spc5) * -1); }
.contents.main .section1 { margin-top:1rem; }
.contents.main .wrap-slider-list { margin-left:calc(var(--spc5) * -1); margin-right:calc(var(--spc5) * -1); box-shadow:none; }
.contents.main .pagination-bul { margin:1rem 0 0; }
.contents.main .pagination-ctr { display:none; }

.tit-main1 { margin:4rem 0 0.8rem; font-size:var(--fontSz7); font-weight:var(--fontWg1); color:var(--fontCr2); line-height:3.2rem; }
.tit-main1 .cap { display:block; font-size:var(--fontSz4); font-weight:var(--fontWg3); color:var(--fontCr1); line-height:2.2rem; letter-spacing:-0.05rem; }

.top-bar { position:sticky; top:0; z-index:10; display:flex; justify-content:space-between; align-items:center; padding:1.4rem 0 0; height:5.2rem; background-color:var(--bgCr9); }
.top-bar h1 .ic80 { position:relative; display:inline-block; padding-left:2.4rem; font-size:var(--fontSz6); color:var(--fontCr2); font-weight:var(--fontWg1); line-height:2.4rem; }
.top-bar h1 .ic80::before { position:absolute; left:0; top:0.2rem; margin-right:0.8rem; vertical-align:middle; }
.top-bar .side .btn-txt2 { position:relative; display:inline-block; font-size:var(--fontSz1); color:var(--fontCr8); font-weight:var(--fontWg1); line-height:1.5rem; }
.top-bar .side .btn-txt2 + .btn-txt2 { margin-left:1rem; }
.top-bar .side .ic78::after { margin-left:0.2rem; }
.top-bar .side .no { position:absolute; top:-0.5rem; right:-0.6rem; min-width:1.6rem; height:1.6rem; padding-top:0.05rem; border-radius:0.8rem; background:#be375f; font-size:1rem; font-weight:var(--fontWg1); line-height:1.6rem; color:var(--fontCr7); text-align:center; }
.buttom-bar { position:sticky; bottom:0; z-index:10; display:flex; padding:1.8rem; margin:auto var(--spc3-t1) var(--spc3-t2); border-radius:3.2rem 3.2rem 0 0; background:#f9f9f9; box-shadow:0 0 2.6rem rgba(0,0,0,0.12); }
.buttom-bar > .btn-txt3 { flex:1; font-size:1rem; color:var(--fontCr1); font-weight:var(--fontWg2); line-height:1.4rem; letter-spacing:-0.05rem; text-align:center; }
.buttom-bar > .btn-txt3:first-child { color:var(--point1); }
.buttom-bar .btn-txt3::before { display:block; margin:0 auto 0.6rem; }

.info-summary1 { position:relative; border:2px solid #be375f; border-radius:3.2rem; background:url('/resources/mini/img/MA/info-bg.png') right center no-repeat; background-size:contain; }
.info-summary1 .links { display:flex; justify-content:space-between; align-items:center; padding:0.8rem 2rem 1.5rem; border-top:1px solid #eee; }
.info-summary1 .links .btn-txt3 { display:inline-block; font-size:var(--fontSz3); color:var(--fontCr2); font-weight:var(--fontWg2); line-height:1.8rem; letter-spacing:-0.05rem; }
.info-summary1 .links .btn-txt3:not(.ic72)::before { margin:0 0.4rem 0.4rem 0; }
.info-summary1 .side { position:absolute; right:2rem; top:2.4rem; }
.info-summary1 .side .ic72 { width:5.6rem; height:5.6rem; padding:0.9rem 0 0; font-size:var(--fontSz2); color:var(--fontCr2); font-weight:var(--fontWg2); line-height:1.8rem; border:1px solid #000; border-radius:1.8rem; }
.info-summary1 .side .ic72::before { display:block; margin:0 auto 0.2rem; }
.info-summary1 .info { padding:2.4rem 2rem 1.2rem; }
.info-summary1 .info dt { margin:0 0 1.4rem; font-size:var(--fontSz6); color:var(--fontCr2); font-weight:var(--fontWg1); line-height:2.8rem; letter-spacing:-0.05rem; }
.info-summary1 .info dd { font-size:var(--fontSz1); color:var(--fontCr8); font-weight:var(--fontWg2); line-height:1.5rem; }
.info-summary1 .info dd.data-num { font-size:var(--fontSz7); color:var(--fontCr2); font-weight:var(--fontWg2); line-height:4.2rem; letter-spacing:-0.05rem; }
.info-summary1 .info dd.data-num strong { font-size:3.2rem; }
.info-summary1 .info dt + dd.data-num { margin-top:3.2rem; }
.info-summary1 .info .pop-mes3-btn { margin-right:0.6rem; }

.point-main { position:relative; height:7.2rem; overflow:hidden; background:var(--bgCr3); border-radius:var(--bdrRds1); }
.point-main::before { content:''; position:absolute; left:0; top:0; bottom:0; z-index:2; width:2.6rem; pointer-events:none; background-image:linear-gradient(90deg, var(--bgCr3) 50%, transparent 100%); border-radius:var(--bdrRds1) 0 0 var(--bdrRds1); }
.point-main::after { content:''; position:absolute; right:0; top:0; bottom:0; z-index:2; width:12.8rem; pointer-events:none; background-image:linear-gradient(90deg, transparent 0%, var(--bgCr3) 2rem, var(--bgCr3) 100%); border-radius:0 var(--bdrRds1) var(--bdrRds1) 0; }
.point-main > .btn-sub3 { position:absolute; right:1.6rem; top:1.5rem; z-index:3; }
.point-main .list { position:absolute; left:0; top:0; display:flex; width:fit-content; white-space:nowrap; padding:1.2rem 1.6rem; transform:translateX(calc(-50% + 1.6rem)); animation:loop 11.2s linear infinite; } /* 1.6s * 갯수 */
.point-main .list img { display:inline-block; vertical-align:top; width:4.8rem; height:4.8rem; overflow:hidden; border-radius:2.4rem; }
@-webkit-keyframes loop {
	0% { transform:translateX(0); }
	100% { transform:translateX(calc(-50% + 1.6rem)); }
}
@keyframes loop {
	0% { transform:translateX(0); }
	100% { transform:translateX(calc(-50% + 1.6rem)); }
}

.contents.main [class*="section"]:nth-last-child(2) { margin-bottom:var(--spc3); }

.banner1 { margin-top:var(--spc4); }
.banner1 li { overflow:hidden; border-radius:3.2rem 3.2rem 3.2rem 1.2rem; --bgcolor:var(--bgCr4); --bgsize:contain; background:var(--bgcolor) var(--bgimg) right center no-repeat; background-size:var(--bgsize); }
.banner1 li + li { margin-top:var(--spc5); }
.banner1 a { display:flex; flex-direction:column; height:15rem; padding:var(--spc3); color:var(--fontCr7); font-size:var(--fontSz6); font-weight:var(--fontWg1); line-height:2.8rem; letter-spacing:-0.05rem; }
.banner1 .info { margin:auto 0; }
.banner1 .info small { display:block; margin-top:0.4rem; font-size:var(--fontSz3); font-weight:var(--fontWg2); line-height:1.9rem; letter-spacing:-0.02rem; }
/* .banner1 li:nth-child(1) { --bgcolor:#fea301; --bgimg:url('/resources/mini/img/MA/bg-cont1.svg'); }
.banner1 li:nth-child(2) { --bgcolor:#5370b4; --bgimg:url('/resources/mini/img/MA/bg-cont2.svg'); }
.banner1 li:nth-child(3) { --bgcolor:#e04d4c; --bgimg:url('/resources/mini/img/MA/bg-cont3.svg'); }
.banner1 li:nth-child(2) .info::before { content:''; display:inline-block; vertical-align:middle; width:3.2rem; height:3.2rem; background:var(--irImg1) -35.2rem -19.2rem no-repeat; background-size:var(--irImg1Size); margin:-0.4rem 0.4rem 0 0; } */

/* 23.02.07 추가 [s] */
.banner1.img-insert a {padding:0}
.banner1.img-insert a > img {width:100%;height:auto}
.banner1.img-insert .info {visibility: hidden;color:transparent;font-size:0}
/* 23.02.07 추가 [e] */

.banner2 { margin-top:var(--spc4); }
.wrap-slider-list2 .banner2 { margin-top:1.2rem; }
.banner2 a { display:block; height:11.8rem; padding:var(--spc3); position:relative; border-radius:var(--bdrRds1); --bgcolor:rgba(214,202,188,.3); --fontcolor:#867664; background-color:var(--bgcolor); color:var(--fontcolor); font-size:var(--fontSz5); font-weight:var(--fontWg1); line-height:2.8rem; letter-spacing:-0.05rem; transition:background .6s; }
.banner2 a::after { content:''; position:absolute; right:0; bottom:var(--bottom); height:var(--height); width:var(--width); background:var(--bgimg) right bottom no-repeat; background-size:contain; }
.banner2 li + li { margin-top:var(--spc5); }
.banner2 .info { margin:auto 0; }
.banner2 .info small { display:block; margin-top:0.4rem; font-size:var(--fontSz3); font-weight:var(--fontWg2); line-height:1.9rem; letter-spacing:-0.02rem; color:#888; opacity:.8; }
.banner2[data-banner="scroll"] { overflow:auto; padding:0 var(--spc5) 1rem; margin-bottom:-1rem; margin-left:calc(var(--spc5) * -1); margin-right:calc(var(--spc5) * -1); }
.banner2[data-banner="scroll"] > ul { display:-webkit-box; }
.banner2[data-banner="scroll"] > ul > li { flex:0 0 25.2rem; margin-top:0; }
.banner2[data-banner="scroll"] > ul > li + li { margin-left:1.6rem; }
.banner2[data-banner="scroll"] > ul::after { content:''; display:block; width:var(--spc5); }
.banner2 li:nth-child(1) a, .banner2 .slide.active a { --bgcolor:#edb46b; --fontcolor:#fff; font-weight:var(--fontWg1); }
.banner2 li:nth-child(1) small, .banner2 .slide.active small { color:#fff; }
.banner2 li:nth-child(1) a::after,
.banner2 .slide:nth-child(1) a::after { --bgimg:url('/resources/mini/img/MA/bg-cont4-1.svg'); --width:10rem; --height:5rem; --bottom:0; }
.banner2 li:nth-child(2) a::after,
.banner2 .slide:nth-child(2) a::after { --bgimg:url('/resources/mini/img/MA/bg-cont4-2.svg'); --width:10rem; --height:5rem; --bottom:0; }
.banner2 li:nth-child(3) a::after,
.banner2 .slide:nth-child(3) a::after { --bgimg:url('/resources/mini/img/MA/bg-cont4-3.svg'); --width:10rem; --height:5rem; --bottom:0; }

.app-links { display:flex; }
.app-links .btn-txt3 { flex:1; padding:0.9rem 0; font-size:var(--fontSz2); color:var(--fontCr5); font-weight:var(--fontWg3); line-height:2.6rem; background:var(--bgCr6); border-radius:var(--bdrRds3); }
.app-links .btn-txt3 + .btn-txt3 { margin-left:0.8rem; }
.app-links .btn-txt3::before { display:block; margin:0 auto; }

.notice-main { position:relative; padding:var(--spc4) var(--spc4) 0 6rem; margin:var(--spc2) calc(var(--spc5) * -1) 0 calc(var(--spc5) * -1); border-top:1px solid var(--lineC2); }
.notice-main > dt { position:absolute; left:var(--spc5); top:2rem; padding:0.4rem 0.8rem 0.3rem; font-size:1rem; font-weight:var(--fontWg1); color:#be375f; line-height:1.252rem; letter-spacing:-0.05rem; border:1px solid #be375f; border-radius:1.6rem; }
.notice-main a { display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:var(--fontSz3); font-weight:var(--fontWg3); color:var(--fontCr1); line-height:2.2rem; letter-spacing:-0.05rem; }

/* --------------------------------------------------------------------------------
	팝업페이지
--------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------
	하나멤버스앱 : 약관 재정의
--------------------------------------------------------------------------------- */
.area-terms1 { font-size:1.3rem; color:var(--fontCr6); line-height:1.385; }
.area-terms1 h1, .area-terms1 h2, .area-terms1 h3, .area-terms1 h4 { font-size:1.5rem; font-weight:500; color:var(--fontCr5); }
.area-terms1 h2, .area-terms1 h3, .area-terms1 h4 { margin:var(--spc5) 0 var(--spc8) 0; }
.area-terms1 ul, .area-terms1 ol, .area-terms1 .sub-txt, .area-terms1 li + li { margin-top:var(--spc8); }
.area-terms1 .sub-txt:first-child { margin-top:var(--spc5); }
.area-terms1 .bullet_num_list { list-style-type:decimal; list-style-position:inside; }
.area-terms1 li > ul, .area-terms1 li > ol { margin-top:0; padding:var(--spc8) 0 0 1em; }
.area-terms1 a img { vertical-align:top; }
.area-terms1 table { margin:var(--spc5) 0 var(--spc8) 0; word-break:break-word; }
.area-terms1 table th, .area-terms1 table td { padding:var(--spc8) 0.5rem; border:0.1rem solid var(--lineC1); color:var(--fontCr6); vertical-align:top; }
.area-terms1 table thead th { color:var(--fontCr1); font-weight:500; text-align:center; }
.area-terms1 table.tbl_type_arg td { text-align:center; }
.area-terms1 table.tbl_type_alliance { font-size:1.2rem; }
.area-terms1 .box_right { margin-top:var(--spc8); text-align:right; }
.area-terms1 .btn_link { position:relative; padding-right:1.4rem; font-size:1.3rem; font-weight:700; color:var(--fontCr5); }
.area-terms1 .btn_link:after { content:''; display:block; position:absolute; top:50%; right:0.5rem; width:0.6rem; height:0.6rem; margin-top:-0.3rem; border-top:0.1rem solid var(--fontCr5); border-right:0.1rem solid var(--fontCr5); transform:rotate(45deg); }
.area-terms1 #agr-wrap .tit_section { display:none; }