@charset "utf-8";

/* 텍스트아이콘 ------------------------------------------------------------------- */
/* 마크형 */
.icon-mark { font-size:var(--fontSz6); font-weight:var(--fontWg1); }
.icon-mark.ic1 { color:var(--point1); }
.icon-mark.ic2 { color:var(--fontCr8); }
.icon-mark .ic8 { margin:-0.2rem 0 0.3rem 0.8rem; }

/* --------------------------------------------------------------------------------
	CONTENT :TITLE
--------------------------------------------------------------------------------- */
/* 공통 */
[class*="tit-sub"] { position:relative; }
[class*="tit-sub"] > .side { position:absolute; top:0; right:0; font-size:var(--fontSz1); }

/* 유형1 */
.tit-sub1 { margin:0 0 var(--spc4); font-size:var(--fontSz5); font-weight:var(--fontWg2); color:var(--fontCr5); line-height:2.5rem; }
.tit-sub1 .num { font-size:var(--fontSz5); }
.tit-sub1 .num + [class*="icon-com"] { margin-left:0.6rem; }
.tit-sub1.mg { margin:var(--spc3) 0 var(--spc6); }
.tit-sub1.mg:first-child { margin-top:0; }

/* 유형3 */
.tit-sub3 { margin:var(--spc2) 0 var(--spc4); font-size:var(--fontSz7); font-weight:var(--fontWg2); color:var(--fontCr5); line-height:2.9rem; }

/* --------------------------------------------------------------------------------
	CONTENT :TEXT
--------------------------------------------------------------------------------- */
.point { color:var(--point1) !important; }
.fc { color:var(--fontCr1) !important; }
.fc5 { color:var(--fontCr5) !important; }
.fc6 { color:var(--fontCr6) !important; }

/* 문단 ------------------------------------------------------------------------ */
.txt-sub1 { color:var(--fontCr6); font-size:var(--fontSz2); line-height:1.8rem; letter-spacing:-0.02rem; }
.mes-headline2 + .txt-sub1 { margin-top:var(--spc8); }

/* 블릿 유형 ------------------------------------------------------------------- */
/* 공통 */
[class*="txt-bul"] { word-wrap:break-word; }
[class*="txt-bul"]:not(ul,dl), [class*="txt-bul"] > li, [class*="txt-bul"] > dd { position:relative; }
[class*="txt-bul"]:not(ul,dl)::before,
[class*="txt-bul"] > li::before,
[class*="txt-bul"] > dd::before { display:block; position:absolute; left:0; }
[class*="txt-bul"] > li + li,
[class*="txt-bul"] > dd + dd { margin-top:var(--spc8); }

/* 유형1 :원숫자 */
.txt-bul1 { margin-top:var(--spc2); }
.contents > .txt-bul1:first-child { margin-top:var(--spc5); }
.txt-bul1 > li, .txt-bul1 > dd { padding-left:var(--spc7); }
.txt-bul1 { counter-reset:num1; }
.txt-bul1 > li { position:relative; display:flex; flex-wrap:wrap; align-items:center; min-height:var(--hgt5); padding-left:0; font-size:var(--fontSz4); color:var(--fontCr1); line-height:2.2rem; word-break:normal; }
.txt-bul1 > li + li { margin-top:var(--spc4); }
.txt-bul1 > li::before { content:counter(num1); counter-increment:num1; flex:none; position:static; display:block; width:3.2rem; height:3.2rem; margin:0 1rem 0 0; border-radius:100%; background:#d0d4d7; font-size:var(--fontSz5); color:var(--fontCr7); text-align:center; line-height:3.2rem; }
.txt-bul1 > li .in { flex:1; }
.txt-bul1 > li .row { display:block; width:100%; flex:none; margin-top:1rem; }
.txt-bul1 > li:not(:last-child) img.row:last-child { margin-bottom:var(--spc6); }
.txt-bul1 > li img { max-width:100%; }
.txt-bul1.line-t { margin:var(--spc2) var(--spc3-t1) 0; padding:var(--spc2) var(--spc3) 0; border-top:solid 1px var(--lineC2); }

/* 유형3 :도트 */
.txt-bul3:not(ul,dl), .txt-bul3 > li, .txt-bul3 > dd { padding-left:1.4rem; font-size:var(--fontSz2); line-height:1.8rem; color:var(--fontCr6); letter-spacing:-0.02rem; }
.txt-bul3 > dt { font-size:var(--fontSz5); color:var(--fontCr5); line-height:2.5rem; font-weight:var(--fontWg2); margin-bottom:var(--spc8); letter-spacing:-0.02rem; }
.txt-bul3:not(ul,dl)::before, .txt-bul3 > li::before, .txt-bul3 > dd::before { content:''; top:0.6rem; left:0; width:0.4rem; height:0.4rem; border-radius:50%; background:var(--bgCr2); }
.txt-bul3 > li.dot-none::before, .txt-bul3 > dd.dot-none::before { display:none; }
.info-con1 + .txt-bul3 { margin-top:var(--spc8); }
.txt-bul3.line-t { margin:var(--spc2) var(--spc3-t1) 0; padding:var(--spc2) var(--spc3) 0; border-top:solid 1px var(--lineC2); }
.mes-headline1 + .txt-bul3 { margin-top:var(--spc8); }

/* 유형4 :원숫자 */
.txt-bul4 { counter-reset:num1; }
.txt-bul4 > li { position:relative; padding-left:2.7rem; font-size:var(--fontSz3); line-height:2.2rem; word-break:normal; letter-spacing:-0.05rem; }
.txt-bul4 > li + li { margin-top:0.5rem; }
.txt-bul4 > li::before { content:counter(num1); counter-increment:num1; position:absolute; left:0; top:0; width:1.8rem; height:1.8rem; border-radius:100%; text-align:center; font-size:1rem; color:var(--fontCr6); font-weight:var(--fontWg1); line-height:1.84rem; border:1px solid var(--fontCr6); }

/* --------------------------------------------------------------------------------
	CONTENT :MES :헤드라인 및 완료형 문구
--------------------------------------------------------------------------------- */
[class*="mes-headline"][class*="ico"]::before { content:''; background:var(--irImg1) var(--bg-position) no-repeat; background-size:var(--irImg1Size); display:block; margin:0 auto var(--spc3); }
[class*="mes-headline"] > p.txt-small { font-size:var(--fontSz4); font-weight:var(--fontWg3); color:var(--fontCr1); line-height:2.2rem; letter-spacing:-0.02rem; }
[class*="mes-headline"] > p.txt-small2 { font-size:var(--fontSz5); font-weight:var(--fontWg2); color:var(--fontCr5); line-height:2.5rem; letter-spacing:-0.02rem; }
[class*="mes-headline"] > p:first-child { margin-top:0; }
[class*="mes-headline"] p + p { margin-top:var(--spc6); }
[class*="mes-headline"] .txt-bul3 { margin-top:var(--spc4); }
/* 유형1 */
.mes-headline1 { margin-top:var(--spc5); }
.mes-headline1.data-num1 > dt.hide + dd { margin-top:0; }
.mes-headline1.ico2 { margin-top:4.4rem; }
.con-m > .mes-headline1.ico2:first-child { margin-top:0; }
.content > .mes-headline1.ico2:first-child { margin-top:var(--spc4); }
.mes-headline1.ico2::before { --bg-position:0 -11rem; width:7.2rem; height:7.2rem; }
.mes-headline1.ico3 { margin:0; }
.mes-headline1.ico3::before { width:100%; height:30rem; background:url('/resources/mini/img/com/bg-comingsoon.png') center center no-repeat; background-size:contain; margin:0; }
.mes-headline1 > p { margin-top:var(--spc5); font-size:var(--fontSz7); color:var(--fontCr5); font-weight:var(--fontWg2); line-height:2.9rem; text-align:center; letter-spacing:-0.05rem; }
.mes-headline1 > p.txt-big { margin-top:var(--spc5); font-size:3.5rem; font-weight:var(--fontWg3); color:var(--fontCr5); line-height:4.382rem; letter-spacing:-0.02rem; }
.mes-headline1 > p.txt-big + p { margin-top:var(--spc9); }
.mes-headline1 > p.txt-big ~ .txt-big { margin-top:var(--spc8); }
.mes-headline1.data-num1 > dt { font-size:var(--fontSz7); font-weight:var(--fontWg2); color:var(--fontCr5); line-height:2.9rem; text-align:center; letter-spacing:-0.05rem; }
.mes-headline1.data-num1 > dd { margin-top:var(--spc6); font-size:var(--fontSz9); color:var(--fontCr5); line-height:3.8rem; text-align:center; letter-spacing:-0.05rem; }
.mes-headline1.data-num1 dt.hide + dd { margin-top:0; }
.mes-headline1.line-t { border-top:1px solid var(--lineC2); margin:var(--spc2) var(--spc3-t1) 0; padding:4.4rem var(--spc3) 0; }
.wrap-form1 + .mes-headline1 { margin-top:var(--spc1); }

/* 유형2 */
.mes-headline2 { margin-top:var(--spc5); font-size:var(--fontSz9); color:var(--fontCr2); font-weight:var(--fontWg4); line-height:3.8rem; letter-spacing:-0.05rem; }
.mes-headline2 > strong { font-weight:var(--fontWg2); }
.wrap-form1 legend.mes-headline2 { margin-top:0; }
.mes-headline2 .txt-cat { font-size:var(--fontSz1); color:var(--fontCr1); font-weight:var(--fontWg2); line-height:1.5rem; }
.mes-headline2 .txt-cat + p { margin-top:var(--spc4); }
.mes-headline2 + .area-agree1 { margin-top:var(--spc2); }
.tab ~ .ui-tabcont > .mes-headline2:first-child { margin-top:var(--spc2); }

/* 유형3 */
.mes-headline3 { margin-top:9.5rem; font-size:var(--fontSz9); color:var(--fontCr2); font-weight:var(--fontWg4); line-height:3.8rem; letter-spacing:-0.05rem; text-align:center; }
.mes-headline3[class*="ico"]::before { margin:0 auto 2rem; }
.mes-headline3.ico1::before { width:12.8rem; height:12.8rem; background:url('/resources/mini/img/com/i-complate.svg') center center no-repeat; background-size:contain; }
.mes-headline3.ico3::before { width:12.8rem; height:12.8rem; background:url('/resources/mini/img/com/i-complate-2.svg') center center no-repeat; background-size:contain; }
.mes-headline3.ico4::before { --bg-position:-8rem -11rem; width:8rem; height:8rem; }
.mes-headline3.ico5::before { --bg-position:-16rem -11rem; width:8rem; height:8rem; }
.mes-headline3.ico6::before { width:12.8rem; height:12.8rem; background:url('/resources/mini/img/com/i-complate-3.svg') center center no-repeat; background-size:contain; }
.mes-headline3.ico7::before { width:12.8rem; height:12.8rem; background:url('/resources/mini/img/com/icon_loading.png') center center no-repeat; background-size:contain; } /* 22.11.01 추가 */
.mes-headline3.ico7 {font-weight:var(--fontWg2)} /* 22.11.01 추가 */
.mes-headline3 .txt-bul3 { display:inline-block; margin-top:var(--spc8); }

/* --------------------------------------------------------------------------------
	CONTENT :MES :간략 문구
--------------------------------------------------------------------------------- */

/* 유형2 */
div.mes-t2 { margin-top:var(--spc5); font-size:var(--fontSz7); color:var(--fontCr5); font-weight:var(--fontWg2); line-height:2.9rem; text-align:center; letter-spacing:-0.05rem; }
p.mes-t2 { margin-top:var(--spc5); font-size:var(--fontSz9); color:var(--fontCr2); font-weight:var(--fontWg4); line-height:3.8rem; letter-spacing:-0.05rem; }
p.mes-t2 > strong { font-weight:var(--fontWg4); }
p.mes-t2 > span { display:block; margin-top:var(--spc6); font-size:var(--fontSz4); font-weight:var(--fontWg3); color:var(--fontCr1); line-height:2.2rem; letter-spacing:-0.02rem; }
.area-btn3 + .mes-t2 { margin-top:var(--spc2); }

/* 유형3 */
.mes-t3 { color:var(--fontCr1); line-height:2.2rem; text-align:center; letter-spacing:-0.02rem; }
.mes-t2 + .mes-t3 { margin-top:var(--spc6); }
.area-btn3 + .mes-t3 { margin-top:var(--spc2); }

/* 유형4 */
.mes-t4 { font-size:var(--fontSz3); letter-spacing:-0.05rem; }

.txt-bul1 + .txt-ref { margin-top:var(--spc4); }
.txt-ref { position:relative; font-size:var(--fontSz2); color:var(--fontCr3); line-height:1.8rem; margin-top:var(--spc7); padding-left:1.6rem; white-space:normal; text-indent:0; }
.txt-ref::before { content:''; display:inline-block; background:var(--irImg1) var(--bg-position) no-repeat; background-size:var(--irImg1Size); position:absolute; left:0; top:0.2rem; width:1.2rem; height:1.2rem; }

/* --------------------------------------------------------------------------------
	CONTENT :BUTTON
--------------------------------------------------------------------------------- */
[class*="btn-"] { display:inline-block; text-align:center; }
[class*="btn-"]:disabled,[class*="btn-"].c1:disabled,[class*="btn-"].c2:disabled { background:var(--bgCr1); color:var(--fontCr7); border-color:var(--bgCr1); }
button[class*="btn-"] { cursor:pointer; }

/* 액션버튼 -------------------------------------------------------------------- */
.btn-action { min-width:9.2rem; box-sizing:border-box; height:var(--hgt2); border-radius:var(--hgt2); font-size:var(--fontSz6); line-height:calc(var(--hgt2) - 0.2rem); font-weight:var(--fontWg2); background:var(--point1); color:var(--fontCr7); padding:0 var(--spc5); letter-spacing:-0.03rem; border:solid 0.1rem transparent; }
.btn-action.c1 { flex:0.3; color:var(--fontCr10); background-color:var(--bgCr9); border:0.1rem solid var(--bgCr1); }
.btn-action.c2 { background-color:var(--bgCr8); color:var(--point1); }
.wrap-popup.bg1 .btn-action.c1 { background-color:var(--bgCr4); }

/* 일반버튼 -------------------------------------------------------------------- */
.btn-com1 { width:var(--wht1); height:var(--hgt3); border-radius:var(--hgt3); font-size:var(--fontSz4); line-height:calc(var(--hgt3) - 0.2rem); color:var(--fontCr8); font-weight:var(--fontWg2); padding:0 var(--spc7); border-width:1px; border-style:solid; border-color:var(--lineC1); letter-spacing:-0.03rem; }
.btn-com1.active { border-color:var(--point1); color:var(--point1); }
.btn-com2 { height:var(--hgt5); border-radius:var(--hgt5); font-size:var(--fontSz2); line-height:calc(var(--hgt5) - 0.2rem); color:var(--fontCr2); font-weight:var(--fontWg3); padding:0 var(--spc6); background:var(--bgCr7); letter-spacing:-0.03rem; }

/* 서브버튼 ------------------------------------------------------------------ */
.btn-sub1 { height:var(--hgt5); border-radius:var(--hgt5); font-size:var(--fontSz2); line-height:calc(var(--hgt5)); color:var(--fontCr1); font-weight:var(--fontWg3); padding:0; border:solid 0.1rem var(--lineC1); letter-spacing:-0.03rem; }
.btn-sub3 { height:4.2rem; border-radius:2.1rem; font-size:var(--fontSz2); line-height:1.8rem; color:var(--fontCr7); font-weight:var(--fontWg2); padding:0 var(--spc6); background:var(--point1); letter-spacing:-0.05rem; }

/* 기타유형 ------------------------------------------------------------------ */
.btn-util2 { position:relative; z-index:1; min-width:5.6rem; min-height:5.6rem; vertical-align:top; text-align:center; padding-top:6.8rem; color:var(--fontCr8); }
.btn-util2::before { content:''; background:var(--irImg1) var(--bg-position) no-repeat; background-size:var(--irImg1Size); position:absolute; top:0; left:50%; width:5.6rem; height:5.6rem; margin-left:-2.8rem; }
.btn-util2.more::before { --bg-position:0 -4.8rem; }
.btn-util2.kakao::before { --bg-position:-12rem -4.8rem; }
.btn-util2.sms::before { --bg-position:-6rem -4.8rem; }
.btn-util2.face::before { --bg-position:-24rem -4.8rem; }
.btn-util2.story::before { --bg-position:-30rem -4.8rem; }
.btn-util2.url::before { --bg-position:-18rem -4.8rem; }

.btn-box { display:block; width:var(--wht1); background:var(--bgCr6); border-radius:var(--bdrRds3); padding:var(--spc4); }
.btn-box .in-txt { font-size:var(--fontSz4); color:var(--fontCr8); line-height:2.2rem; letter-spacing:-0.02rem; }
.btn-box .icon-com { display:block; margin:var(--spc4) auto 0; }

/* 버튼세트 ------------------------------------------------------------------ */
.btn-set1 { display:-webki-box; display:flex; flex-wrap:wrap; width:100%; margin-top:var(--spc4); }
.btn-set1 > button, .btn-set1 > label > span { flex:1; height:var(--hgt5); border-radius:var(--hgt5); font-size:var(--fontSz2); line-height:calc(var(--hgt5) - 0.1rem); color:var(--fontCr5); padding:0 var(--spc7); background:var(--bgCr6); }
.btn-set1 > button + button, .btn-set1 > label + label { margin-left:var(--spc9); }
.btn-set1 > button:hover, .btn-set1 > label > input:checked + span { background:var(--bgCr8); color:var(--point1); }
.btn-set1 > label { flex:1; }
.btn-set1 > label > input { position:absolute; top:0; right:0; bottom:0; left:0; width:0; height:0; color:transparent; -webkit-appearance:none; -moz-appearance:none; appearance:none; background-color:transparent; }
.btn-set1 > label > span { display:block; line-height:var(--hgt5); }

/* 링크유형 ------------------------------------------------------------------ */
.link-t1::after, .link-t3::after { content:''; display:inline-block; vertical-align:middle; background:var(--irImg1) var(--bg-position) no-repeat; background-size:var(--irImg1Size); }
[class*="link-t"].block { display:flex; justify-content:space-between; align-items:center; width:100%; }
[class*="link-t"].block::after { flex:none; }
.link-t1 { position:relative; display:inline-block; padding:0.2rem 1.4rem 0.2rem 0; font-size:var(--fontSz2); line-height:1.8rem; color:var(--point1); }
.link-t1::after { --bg-position:-5rem -2.6rem; width:0.6rem; height:1rem; margin:0 0 0.2rem var(--spc8); }
.link-t2 { font-size:var(--fontSz1); line-height:1.2rem; color:var(--fontCr1); font-weight:var(--fontWg2); padding:0.8rem 0; text-decoration:underline !important; }
.link-t3::after { --bg-position:-25rem -2.6rem; width:0.9rem; height:1.6rem; margin:0 0 0.2rem var(--spc8); }
.link-t3.block::after { margin-left:auto; }
.link-t4 { display:inline-block; }
.link-t4.block { align-items:baseline; }
.link-t4::after { content:'보기'; display:inline-block; vertical-align:middle; font-size:var(--fontSz1); text-decoration:underline; }
.link-t4.block::after { margin-left:var(--spc6); }

/* 버튼영역 ------------------------------------------------------------------ */
.area-action { display:flex; pointer-events:none; padding-top:var(--spc1); }
.area-action::before { content:''; display:block; position:absolute; left:var(--spc3-t1); right:var(--spc3-t1); top:calc(var(--spc1) - 0.4rem); bottom:-2.0rem; background:rgba(255,255,255,0.2); backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px); }
.area-action > [class*="btn-"] { flex:1; position:relative; pointer-events:all; }
.area-action > [class*="btn-"] + [class*="btn-"] { margin-left:var(--spc8); }
.area-action > [class*="btn-"].c1, .area-action > [class*="btn-"].c2 { flex:none; }
.area-action.t2 { flex-wrap:wrap; }
.area-action.t2 > [class*="btn-"] { flex-basis:100%; }
.area-action.t2 > [class*="btn-"] + [class*="btn-"] { margin:var(--spc8) 0 0 0; }

.area-btn1 { display:flex; margin-top:var(--spc4); }
.area-btn1 > .btn { flex:1; min-width:0; height:var(--hgt2); border-radius:var(--hgt2); font-size:var(--fontSz6); line-height:calc(var(--hgt2) - 0.2rem); font-weight:var(--fontWg2); background:var(--point1); color:var(--fontCr7); padding:0 var(--spc5); letter-spacing:-0.03rem; text-align:center; }
.area-btn1 > .btn + .btn { margin-left:var(--spc8); }
.area-btn1 > .btn.c1 { flex:0.3; color:var(--fontCr10); background-color:var(--bgCr9); border:0.1rem solid var(--bgCr1); }
.area-btn1 > .btn:disabled { background-color:var(--bgCr1); color:var(--bgCr9); }

.area-btn2 { position:relative; text-align:center; }
.area-btn2 > p:not([class]) { padding:0.3rem 0; font-size:var(--fontSz1); line-height:2.4rem; }
.area-btn2 > p:not([class]):first-child, .area-btn2 > .link-t1:first-child { margin-top:-0.5rem; }

.area-btn3 { width:100%; margin-top:var(--spc4); display:flex; }
.area-btn3 [class*="btn-"] + [class*="btn-"] { margin-left:var(--spc8); }
.area-btn3.col { width:100%; flex-wrap:wrap; }
.area-btn3.col > [class*="btn"] { width:calc((100% - 1.6rem) / 3); }
.area-btn3.col > [class*="btn"]:nth-child(3n+1) { margin-left:0; }
.area-btn3.col > [class*="btn"]:nth-child(3n) ~ [class*="btn"] { margin-top:var(--spc8); }

.area-btn3.row { display:block; }
.area-btn3.row [class*="btn-com"] + [class*="btn-com"] { margin-left:0; margin-top:var(--spc7); }

.area-btn5 { display:flex; flex-wrap:wrap; margin-top:var(--spc5); }
.area-btn5 .btn-util2:nth-child(3) ~ .btn-util2 { margin-top:var(--spc3); }
.area-btn5 .btn-util2 { width:calc(100% / 3); }

/* --------------------------------------------------------------------------------
	CONTENT :FORM :ELEMENT :INPUT
--------------------------------------------------------------------------------- */
.text { box-shadow:0 0.2rem 0 var(--el-border-color); }

input[type="search"][class*="text"] { padding-right:0; }
input[type="search"]::-webkit-search-cancel-button { -webkit-appearance:none; }
input[class*="text"], data[class*="text"], span[class*="text"], .selectbox1, textarea, .input-wrap1 {
	--el-height:var(--hgt4);
	--el-border-color:var(--lineC1);
	--el-border-focus-color:var(--fontCr5);
	--el-border-disabled-color:var(--bgCr1);
	--el-border-invalid-color:var(--point2);
	--el-color:var(--fontCr5);
	--el-focus-color:var(--fontCr5);
	--el-disabled-color:var(--fontCr6);
	--el-invalid-color:var(--point2);
	--el-fontsize:var(--fontSz5);
}
input[class*="text"] { height:var(--el-height); line-height:calc(var(--el-height) - 0.1rem); }
input[class*="text"], data[class*="text"], span[class*="text"] { display:inline-block; color:var(--el-color); font-size:var(--el-fontsize); }
input[class*="text"]:disabled, [class*="text"].disabled { border-color:var(--el-border-disabled-color); color:var(--el-disabled-color); }
input[class*="text"][aria-invalid="true"], data[class*="text"][aria-invalid="true"], span[class*="text"][aria-invalid="true"] { box-shadow:0 0.2rem 0 var(--el-border-invalid-color) !important; }
input[class*="text"]::-webkit-input-placeholder { color:var(--fontCr6); font-size:var(--el-fontsize); }
data[class*="text"], span[class*="text"] { min-height:var(--el-height); line-height:calc(var(--el-height) - 0.1rem); }
input[class*="text"].num { height:4.5rem; font-size:var(--fontSz8); }
input[class*="text"].num::-webkit-input-placeholder { font-size:2.4rem; font-weight:400 !important; }
input[class*="text"]:not(:placeholder-shown) { box-shadow:0 0.2rem 0 var(--el-border-color); }
input[class*="text"]:not(:read-only):focus, [class*="text"].focus { box-shadow:0 0.2rem 0 var(--el-border-focus-color) !important; color:var(--el-focus-color) !important; }
.text:empty { border:0; box-shadow:0 0.1rem 0 var(--el-border-color); }

/* --------------------------------------------------------------------------------
	CONTENT :FORM :ELEMENT :WRAP
--------------------------------------------------------------------------------- */

/* 유형1 */
.input-wrap1 { position:relative; box-shadow:0 0.1rem 0 var(--el-border-color); }
.input-wrap1 [class*="text"], .input-wrap1 .selectbox1 { box-shadow:none; }
.input-wrap1 [class*="text"]:focus, .input-wrap1 .selectbox1:focus { border-width:0 !important; }
.input-wrap1 .selectbox1:not(:only-child) { width:auto !important; }
.input-wrap1[data-mode="invalid"] { box-shadow:0 0.2rem 0 var(--el-border-invalid-color); }
.input-wrap1:focus-within [class*="text"]:not(:placeholder-shown), .input-btn1:focus-within [class*="text"]:not(:placeholder-shown) { box-shadow:0 0.2rem 0 var(--el-border-focus-color); }
.input-wrap1:focus-within, .input-btn1:focus-within { box-shadow:0 0.2rem 0 var(--el-border-focus-color); }

[class*="input-wrap"] { display:-webkit-box; display:flex; align-items:center; position:relative; }
[class*="input-wrap"] > [class*="text"], [class*="input-wrap"] > [class*="input-date"], [class*="input-wrap"] > .data1 { flex:1; min-width:0; }
[class*="input-wrap"] > .mes.util1 { color:var(--point3); font-weight:var(--fontWg3); font-size:var(--fontSz2); }
[class*="input-wrap"] + [class*="input-wrap"],
[class*="input-btn"] + [class*="input-btn"],
[class*="input-wrap"] + [class*="input-btn"],
[class*="input-btn"] + [class*="input-wrap"] { margin-top:var(--spc3); }
[class*="input-wrap"] > [class*="input-btn"] + [class*="input-btn"] { margin-top:0; }

.input-wrap1 .data1 { display:flex; }
.input-wrap1 .data1 input[class*="text"]:not(:placeholder-shown) ~ .mes,
.input-wrap1 .data1 input[class*="text"]:not(:placeholder-shown) ~ .side-btn { box-shadow:0 0.2rem 0 var(--el-border-color); }
.input-wrap1:focus-within .data1 input[class*="text"] ~ .mes,
.input-wrap1:focus-within .data1 input[class*="text"] ~ .side-btn { box-shadow:0 0.2rem 0 var(--el-border-focus-color); }
.input-wrap1 .data1 .mes { flex-shrink:0; line-height:4.5rem; padding-left:var(--spc9); }
.input-wrap1 .data1 .side-btn { flex-shrink:0; padding-left:var(--spc9); padding-top:var(--spc9); }
.data1[data-form="cancel"] > button { position:relative !important; right:1.8rem; margin-right:-1.8rem; margin-top:0; top:1.4rem; flex-shrink:0; }

/* --------------------------------------------------------------------------------
	CONTENT :FORM :ELEMENT :SELECTBOX
--------------------------------------------------------------------------------- */
.selectbox1 { display:inline-block; padding:0 var(--irImg2Size) 0 0.8rem; border:0; box-shadow:0 0.2rem 0 var(--el-border-color); width:100%; height:var(--el-height); color:var(--el-color); line-height:calc(var(--el-height) - 1px); font-size:var(--el-fontsize); background-image:var(--irImg2); background-position:center right; background-size:var(--irImg2Size); background-repeat:no-repeat; }
.selectbox1:disabled { box-shadow:0 0.2rem 0 var(--el-border-disabled-color); color:var(--el-disabled-color); }
.selectbox1[aria-invalid="true"] { box-shadow:0 0.2rem 0 var(--el-border-invalid-color); color:var(--el-invalid-color); }
.selectbox1.focus, .selectbox1:focus-within:not(:placeholder-shown) { box-shadow:0 0.2rem 0 var(--el-border-focus-color); }

/* --------------------------------------------------------------------------------s
	CONTENT :FORM :ELEMENT :TEXTAREA
--------------------------------------------------------------------------------- */
textarea { width:100%; border:0; padding:0.5rem 0; }
textarea::-webkit-input-placeholder { color:var(--fontCr6); }
textarea:disabled { border-color:var(--el-border-disabled-color); color:var(--el-disabled-color); }
textarea[aria-invalid="true"] { box-shadow:0 0.2rem 0 var(--el-border-invalid-color); }
.textareabox { font-size:var(--fontSz1); color:var(--fontCr9); }
.textareabox textarea { min-height:20.0rem; }
.textareabox .mes { text-align:right; }

/* --------------------------------------------------------------------------------
	CONTENT :FORM :ELEMENT :CHECKBOX / RADIO
--------------------------------------------------------------------------------- */
/* 기본형 :공통 ---------------------------------------------------------------- */
[class*="label-check"].block > label { display:block; }
[class*="label-check"].block > label + label { margin-top:var(--spc8); }

/* 기본형 :유형1 */
.label-check1 > label { display:inline-block; position:relative; }
.label-check1 > label > input { position:absolute; top:0; right:0; bottom:0; left:0; width:0; height:0; color:transparent; -webkit-appearance:none; -moz-appearance:none; appearance:none; background-color:transparent; }
.label-check1 > label > input + span { position:relative; display:inline-block; padding:0 0 0 2.8rem; line-height:2.3rem; font-size:var(--fontSz1); color:var(--fontCr8); }
.label-check1 > label > input + span::before,
.label-check1 > label > input + span::after { content:''; background:var(--irImg1) var(--bg-position) no-repeat; background-size:var(--irImg1Size); display:block; position:absolute; }
.label-check1 > label > input + span::before { top:0; left:0; width:2.3rem; height:2.3rem; background-color:transparent; border-radius:100%; transition:background-color 0.5s; box-sizing:border-box; }
.label-check1 > label > input + span::after { top:0; left:0; --bg-position:-12rem 0; width:2.3rem; height:2.3rem; }
.label-check1 > label > input:checked + span::after { --bg-position:-14.4rem 0; }
.label-check1 > label > input:disabled + span { opacity:0.5; }

/* 버튼형 :공통 ---------------------------------------------------------------- */
[class*="label-btn"] { display:-webkit-box; display:flex; flex-wrap:wrap; }
[class*="label-btn"] > label { position:relative; }
[class*="label-btn"] > label > input { position:absolute; top:0; left:0; right:0; bottom:0; width:0; height:0; color:transparent; -webkit-appearance:none; -moz-appearance:none; appearance:none; background-color:transparent; }
[class*="label-btn"] > label > input + span { display:-webkit-box; display:flex; justify-content:center; align-items:center; position:relative; margin:var(--spc9); height:var(--hgt5); border-radius:var(--hgt5); font-size:var(--fontSz2); line-height:calc(var(--hgt5) - 0.1rem); color:var(--fontCr1); font-weight:var(--fontWg3); padding:0; border:solid 0.1rem var(--lineC1); letter-spacing:-0.03rem; }
[class*="label-btn"] > label > input:checked + span { z-index:2; border-color:var(--point1); background:var(--bgCr9); color:var(--point1); }
[class*="label-btn"] > label > input:disabled + span { color:#d8d8d8; }
[class*="label-btn"]:first-child { margin-top:-0.3rem }
[class*="label-btn"]:last-child { margin-bottom:-0.3rem; }

/* 블록형 ---------------------------------------------------------------- */
.label-block1 + .label-block1, .label-block1 > label + label { margin-top:var(--spc7); }
.label-block1 > label { display:block; position:relative; }
.label-block1 > label > input { position:absolute; top:0; right:0; bottom:0; left:0; }
.label-block1 > label > input + span { position:relative; display:flex; justify-content:space-between; align-items:center; height:5.6rem; padding:0 2.0rem 0 4.8rem; background:var(--bgCr6); border-radius:var(--bdrRds3); line-height:2.4rem; word-break:break-all; transition:all 0.3s; }
.label-block1 > label > input + span::before,
.label-block1 > label > input + span::after { content:''; position:absolute; top:50%; }
.label-block1 > label > input + span > span { font-size:var(--fontSz2); color:var(--fontCr8); line-height:2.4rem; }
.label-block1 > label > input + span > span:first-child { font-size:var(--fontSz4); font-weight:var(--fontWg2); }
.label-block1 > label > input + span::after { box-sizing:border-box; left:2.7rem; width:1.0rem; height:1.0rem; background:var(--bgCr1); border-radius:100%; transform:translateY(-50%); }
.label-block1 > label > input + span::before { box-sizing:border-box; left:2.2rem; width:2.0rem; height:2.0rem; border:0.1rem solid var(--bgCr1); border-radius:100%; transform:translateY(-50%); }
.label-block1 > label > input + span span:first-child { flex:1; padding-right:0.5rem; }
.label-block1 > label > input:checked + span { background:var(--bgCr8); }
.label-block1 > label > input:checked + span > span { color:var(--point1); }
.label-block1 > label > input:checked + span::before { border-color:var(--point1); }
.label-block1 > label > input:checked + span::after { background-color:var(--point1); }

/* 토글형 ---------------------------------------------------------------- */
.label-toggle1 { display:inline-block; position:relative; }
.label-toggle1 > label > input { position:absolute; top:0; left:0; right:0; bottom:0; }
.label-toggle1 > label > input + span { display:inline-block; padding-right:5.7rem; font-size:var(--fontSz1); color:var(--fontCr8); line-height:2.5rem; }
.label-toggle1 > label > input + span::before,
.label-toggle1 > label > input + span::after { display:block; position:absolute; font-size:1rem; color:#fff; transition:all 0.3s; white-space:nowrap; }
.label-toggle1 > label > input + span::before { content:''; top:0; right:0; overflow:hidden; box-sizing:border-box; width:4.8rem; height:2.4rem; background-color:var(--bgCr1); border-radius:5rem; text-indent:-2.4rem; }
.label-toggle1 > label > input + span::after { content:''; top:0; right:var(--spc3); width:2rem; height:2rem; margin:0.2rem; border-radius:50%; background-color:var(--bgCr9); line-height:2rem; text-indent:2.3rem; }
.label-toggle1 > label > input:checked + span::before { content:''; background-color:var(--point1); text-indent:0.8rem; }
.label-toggle1 > label > input:checked + span::after { right:0; }
.label-toggle1 + .label-toggle1 { margin-left:var(--spc8); }

/* --------------------------------------------------------------------------------
	CONTENT :FORM :ELEMENT :DATE
--------------------------------------------------------------------------------- */
.input-date1 { display:-webkit-box; display:flex; margin-top:var(--spc9); }
.input-date1, .input-date1 > span { position:relative; }
.input-date1 button { overflow:hidden; position:absolute; top:0; bottom:0; right:0; left:0; width:100%; color:transparent; cursor:pointer; white-space:nowrap; }
.input-date1 button::after { content:''; background:var(--irImg1) var(--bg-position) no-repeat; background-size:var(--irImg1Size); display:block; position:absolute; top:50%; right:2.8rem; margin-top:-0.9rem; --bg-position:-9.6rem -2.6rem; width:1.6rem; height:1.8rem; }
.input-date1 span { flex:1; }
.input-date1 span + span { margin-left:2.4rem; }
.input-date1 span + span::before { content:'~'; display:inline-block; position:absolute; left:-2.4rem; width:2.4rem; text-align:center; line-height:var(--hgt5); }
.input-date1 .text { width:100%; background:var(--bgCr4); font-size:var(--fontSz1); color:var(--fontCr1); height:var(--hgt5); border-radius:var(--bdrRds3); padding-right:2.6rem; text-align:center; }
.input-date1 input[class*="text"]:not(:placeholder-shown) { box-shadow:none; }
.input-date1.disabled { pointer-events:none; }

/* --------------------------------------------------------------------------------
	CONTENT :FORM :ELEMENT :UTIL
--------------------------------------------------------------------------------- */
.input-util1 { display:-webkit-box; display:flex; align-items:center; justify-content:space-between; }
.input-util1 [class*="text"] { border-width:0; }
.input-util1 [class*="text"]:focus { border-width:0 !important; }
.input-util1 > span { width:calc(50% - 0.8rem); }
.input-util1 > span:first-child [class*="text"] { width:100%; }
.input-util1 > span + span::before { content:'-'; display:inline-block; width:1.6rem; text-align:center; margin-left:-1.6rem; }
.input-util1 > span + span input { text-align:center; }
.input-util1 > span + span::after { content:'******'; margin-left:0.3rem; letter-spacing:0.7rem; color:var(--fontCr6); }

/* --------------------------------------------------------------------------------
	CONTENT :FORM :ELEMENT :BTN
--------------------------------------------------------------------------------- */
.input-btn1 { position:relative; }
.input-btn1 > .text:empty::before, .input-btn1 > .selectbox1:empty::before { content:attr(data-label); color:var(--fontCr6); font-size:var(--fontSz3); font-weight:400; }
.input-btn1 > .text, .input-btn1 > .selectbox1 { display:block; width:100%; }
.input-btn1 > .text { padding-right:5.5rem; }
.input-btn1.pr2 > .text { padding-right:8rem; }
.input-btn1 > .text > span + span { margin-left:var(--spc9); }
.input-btn1 > button { position:absolute !important; right:0; bottom:var(--spc9); left:0; width:100% !important; height:100% !important; }
.input-btn1 > data.selectbox1 + button { bottom:0; color:transparent; }
.input-btn1 > .btn-com2 { left:auto; width:auto !important; height:3.2rem !important; }
.input-btn1 > .text:not(input):empty + button.btn-com2 { top:0; bottom:0; left:0; right:0; width:100% !important; height:100% !important; background:transparent; color:transparent; padding:0; }
.input-btn1 > input.text:placeholder-shown + button.mod-only { display:none; }

/* --------------------------------------------------------------------------------
	CONTENT :FORMAREA :폼영역
--------------------------------------------------------------------------------- */
/* 삭제버튼 */
[data-form="cancel"] { position:relative; }
[data-form="cancel"] > input { width:100%; padding-right:3.0rem; }
[data-form="cancel"] > button { position:absolute !important; top:50%; margin-top:-0.9rem; right:0.2rem; }
[data-form="cancel"] > input:placeholder-shown ~ button { display:none; }

/* 폼크기 자동 */
[data-form="autosize"] + .mes { display:none; }
[data-form="autosize"]:not(:placeholder-shown) { width:auto !important; flex:none !important; }

/* 유효성 */
.validation, .invalid { display:none; }
[data-mode="invalid"] + .validation, [data-mode="invalid"] + .invalid { display:block; }
.nb-total [data-mode="invalid"] + .invalid { display:inline-block; }
[data-mode="invalid"] + .validation::before, .invalid::before { background:var(--irImg1) var(--bg-position) no-repeat; background-size:var(--irImg1Size); width:1.2rem; height:1.2rem; --bg-position:-3.6rem -2.6rem; --el-size:1.2rem; }

/* 기본 */
.mes-headline2 + .wrap-form1 { margin-top:var(--spc2); }
.mes-headline2 + .wrap-form1 > fieldset:first-child > .form:first-of-type > dt.hide:first-child + dd,
.mes-headline2 + .wrap-form1 > .form:first-of-type > dt.hide:first-child + dd { margin-top:-0.3rem; }
.wrap-form1:first-child { margin-top:var(--spc5); }
.wrap-form1.section:not(.section-line) { padding-top:0; }
.wrap-form1 legend.tit-sub1, .wrap-form1 legend.mes-headline2 { width:100%; height:auto; opacity:1; white-space:normal; }
.wrap-form1 .form { margin-top:var(--spc3); }
.wrap-form1 .form:first-of-type { margin-top:0; }
.wrap-form1 .mes-headline2 + .form { margin-top:var(--spc2); }
.wrap-form1 .form > dt { font-size:var(--fontSz1); color:var(--fontCr6); height:2.0rem; line-height:2.0rem; }
.wrap-form1 .form > dd > .text, .wrap-form1 .form > dd > .selectbox1 { width:100%; }
.wrap-form1 .form > dd.mes { margin-top:var(--spc7); color:var(--fontCr3); font-size:var(--fontSz2); }
.wrap-form1 .form > dd.mes-2 { margin-top:var(--spc2); color:var(--fontCr1); font-size:var(--fontSz4); }
.wrap-form1 .form > dd.mes-2 + .mes-2 { margin-top:var(--spc8); }
.wrap-form1 .form > dd.mes .ic22 { margin:-0.2rem var(--spc9) 0; }
.wrap-form1 .form > dd.mes > strong { color:var(--point1); }
.wrap-form1 .form > dd.mes > .side { position:absolute; right:0; }
.wrap-form1 .form > .validation + dd.mes { margin-top:var(--spc2); }
.wrap-form1 .form > dt + .btn-set1 { margin-top:var(--spc8); }
.wrap-form1 .img > img { width:100%; }
.wrap-form1 .label-block1 { margin-top:var(--spc4) !important; }
.wrap-form1 [data-mode="invalid"] + .validation, [data-mode="invalid"] + .invalid { position:relative; font-size:var(--fontSz2); color:var(--point2); margin-top:var(--spc7); padding-left:1.7rem; }
.wrap-form1 [data-mode="invalid"] + .validation::before, [data-mode="invalid"] + .invalid::before { content:''; position:absolute; left:0; top:0.2rem; display:inline-block; --el-size:1.2rem; --bg-position:-3.6rem -2.6rem; }
.wrap-form1 [data-mode="move"] { opacity:1; position:relative; top:0; transition:top 0.3s, opacity 0.3s; }
.wrap-form1 [data-mode="move"].none { display:block !important; opacity:0; top:var(--spc7); margin-top:0; }
.wrap-form1 [data-mode="move"].none > dt,
.wrap-form1 [data-mode="move"].none > dd,
.wrap-form1 [data-mode="move"].none > div,
.wrap-form1 [data-mode="move"].none > strong,
.wrap-form1 [data-mode="move"].none > button { display:none; }
.wrap-form1[data-ui-sticky="top"] { top:var(--headHgt); background:var(--bgCr9); }
.wrap-form1[data-ui-sticky="top"]::after { content:''; display:block; position:absolute; bottom:-2.0rem; width:100%; height:2.0rem; background:transparent; } /* 2021-11-01 수정 */
.mes-t2 + .wrap-form1 .form:first-of-type { margin-top:0; }
.info-summary2 + .wrap-form1 { margin-top:-1.2rem; }
.wrap-form1 .form .label-b { margin-bottom:var(--spc2); font-size:var(--fontSz5); font-weight:var(--fontWg2); color:var(--fontCr5); line-height:2.5rem; }
.wrap-form1 .form + .form .label-b { margin-top:var(--spc2); }
.area-btn3 + .wrap-form1 { margin-top:var(--spc2); }
.mes-t2 + .wrap-form1 { margin-top:var(--spc2); }

.wrap-form2 .form { display:flex; justify-content:space-between; }
.wrap-form2 .form input[class*="text"] { text-decoration:solid 0.2rem #000; offset:0.2rem; --el-height:2.4rem; }

/* --------------------------------------------------------------------------------
	CONTENT :FORMAREA :검색
--------------------------------------------------------------------------------- */
/* 기간검색 */
.label-btn1 { margin:0 -0.4rem; }
.label-btn1 > label { width:calc(100% / 3); }
.label-btn1:first-child { margin-top:-0.4rem; }
.label-btn1:last-child { margin-bottom:-0.4rem; }

.area-search1 { margin-top:var(--space3); }
.area-search1 .form > dt { margin:var(--spc4) 0 var(--spc6); font-weight:var(--fontWg2); color:var(--fontCr5); }
.area-search1 .form + .form { margin-top:3.0rem; }
.area-search1 .text:only-child, .area-search1 .selectbox1:only-child { width:100%; }

/* --------------------------------------------------------------------------------
	CONTENT :FORMAREA :약관동의
--------------------------------------------------------------------------------- */
/* 유형1 ------------------------------------------------------------------------ */
.contents > .area-agree1:first-child { margin-top:var(--spc5); }
.area-agree1 + .area-agree1 { margin-top:var(--spc5); }
.wrap-form1 + .area-agree1 { margin-top:var(--spc2); }
.area-agree1 .label-check1.tit { display:-webkit-box; display:flex; flex-wrap:wrap; align-items:center; position:relative; padding:0; margin:0; }
.area-agree1 .label-check1.tit > label > input + span { display:block; padding:var(--spc5) 4.4rem var(--spc5) calc(var(--spc4) + 2.8rem); font-size:var(--fontSz4); font-weight:var(--fontWg2); color:var(--fontCr8); border-radius:var(--bdrRds3); background:var(--bgCr3); }
.area-agree1 .label-check1.tit > label > input + span::after { left:var(--spc4); top:var(--spc5); }
.area-agree1 .label-check1.tit > label > input:checked + span { color:var(--point1); background:var(--bgCr5); }
.area-agree1 .label-check1 { display:-webkit-box; display:flex; flex-wrap:wrap; align-items:center; padding:0 var(--spc5); margin:var(--spc6) 0 0; }
.area-agree1 .label-check1 > label { flex:1; }
.area-agree1 .label-check1 > button:not([data-toggle="btn"]):not(.link) { overflow:hidden; position:relative; width:5rem; height:3.2rem; color:transparent; white-space:nowrap; }
.area-agree1 .label-check1 > button.link { font-size:var(--fontSz1); text-decoration:underline; }
.area-agree1 .label-check1 > label + button.link { margin-left:var(--spc6); }
.area-agree1 .label-check1.tit > button.link { position:absolute; right:var(--spc5); top:50%; transform:translateY(-50%); }
.area-agree1 .label-check1.tit + .area { margin-top:var(--spc6); }
.area-agree1 .tit-agree { margin:var(--spc4) 0 var(--spc9); font-size:var(--fontSz1); font-weight:var(--fontWg2); color:var(--fontCr1); }
.area-agree1 legend + .label-check1,
.area-agree1 legend + .tit-agree { margin-top:0; }
.area-agree1 .check-sub { margin:0 0 0 2.8rem; }
.area-agree1 .label-check1.col > label { width:50%; flex:none; }
.area-agree1 .label-check1.col > label:nth-child(n+3) { margin-top:var(--spc6); }
.txt-ref + .area-agree1 { margin-top:var(--spc4); }

/* --------------------------------------------------------------------------------
	CONTENT :TAB :네비게이션 탭
--------------------------------------------------------------------------------- */
.nav-tab1 { display:-webkit-box; display:flex; position:relative; background:var(--bgCr9); }
.nav-tab1::after { content:''; display:block; position:absolute; bottom:0; left:0; right:0; height:1px; background:var(--bgCr7); }
.nav-tab1 > ul { overflow-x:auto; display:-webkit-box; display:flex; flex:1; }
.nav-tab1 > ul > li { flex:1; }
.nav-tab1 > ul > li > a { display:block; position:relative; line-height:4.7rem; color:var(--fontCr4); text-align:center; padding:0 var(--spc5); }
.nav-tab1 > ul > li > a::after { content:''; display:block; position:absolute; left:50%; right:0; bottom:0; z-index:1; width:0; height:0.2rem; border-radius:0.6rem; background-color:transparent; transition:all 0.3s; }
.nav-tab1 > ul > li.active { position:relative; z-index:3; }
.nav-tab1 > ul > li.active > a { color:var(--point1); }
.nav-tab1 > ul > li.active > a::after { width:100%; margin:0 -50%; background-color:var(--point1); }
.nav-tab1 .icon-com1.ic12 { margin:var(--spc8) var(--spc7) 0 0; }
.nav-tab1[data-ui-sticky="top"] { top:var(--headHgt); }

.nav-tab1.t1 > ul { padding-bottom:1.0rem; margin-bottom:-1.0rem; }
.nav-tab1.t1 > ul > li { flex-shrink:0; flex:none; }
.nav-tab1.t1 > ul::before, .nav-tab1.t1 > ul::after { content:''; display:block; position:absolute; width:2.9rem; height:4.7rem; z-index:2; background:linear-gradient(270deg, #fff -16.87%, rgba(249,249,249,0) 98.85%); }
.nav-tab1.t1 > ul::before { transform:rotate(-180deg); left:0; }
.nav-tab1.t1 > ul::after { right:0; }

/* --------------------------------------------------------------------------------
	CONTENT :TAB :컨텐츠 탭
--------------------------------------------------------------------------------- */
.tab-sub1 { margin:var(--spc8) var(--spc3-t1) var(--spc8); border-bottom:solid 0.1rem var(--lineC2); padding-bottom:0.8rem; }
.tab-sub1 > ul { overflow-x:auto; display:-webkit-box; display:flex; padding-bottom:1.0rem; margin-bottom:-1.0rem; }
.tab-sub1 > ul::before,.tab-sub1 > ul::after { content:''; display:block; width:var(--spc3); flex-shrink:0; }
.tab-sub1 > ul > li { flex-shrink:0; }
.tab-sub1 > ul > li + li { margin-left:0.6rem; }
.tab-sub1 > ul > li > a { display:block; padding:0 var(--spc7); min-width:6.0rem; background:var(--bgCr9); border:1px solid var(--line3); border-radius:var(--bdrRds3); font-size:1.3rem; height:var(--hgt5); line-height:var(--hgt5); color:var(--fontCr1); text-align:center; }
.tab-sub1 > ul > li.active > a { background:var(--point1); border-color:var(--point1); color:var(--fontCr7); }

/* --------------------------------------------------------------------------------
	CONTENT :TAB :섹션 탭
--------------------------------------------------------------------------------- */
.tab { display:-webkit-box; display:flex; position:relative; background:var(--bgCr9); }
.contents > .tab:first-child { margin-top:var(--spc5); }
.tab::after { content:''; display:block; position:absolute; bottom:0; left:0; right:0; height:1px; background:var(--bgCr7); }
.tab > ul { overflow-x:auto; display:-webkit-box; display:flex; flex:1; }
.tab > ul > li { flex:1; position:relative; }
.tab > ul > li > a { display:block; position:relative; line-height:4.0rem; color:var(--fontCr4); text-align:center; }
.tab > ul > li > a:not(:only-child) { padding-right:2.6rem; }
.tab > ul > li > a::after { content:''; display:block; position:absolute; left:50%; right:0; bottom:0; z-index:1; width:0; height:0.2rem; border-radius:0.6rem; background-color:transparent; transition:all 0.3s; }
.tab > ul > li.active > a { color:var(--point1); }
.tab > ul > li.active > a::after { width:100%; margin:0 -50%; background-color:var(--point1); }
.tab[data-ui-sticky="top"] { top:var(--headHgt); }
.tab .pop-mes3-btn { position:absolute; left:50%; top:50%; margin:-1.0rem 0 0 2rem; }

.area-tab1 { margin:var(--spc2) var(--spc3-t1) 0; border-top:solid 8px var(--lineC2); padding:var(--spc5) var(--spc3) 0; }
.area-tab1 .cont { overflow:hidden; padding:2.2rem 0 0; }
.area-tab1 .wrap-form1 .form input[class*="text"].num { font-size:2.3rem; }
.area-tab1 .wrap-form1 .form input[class*="text"].num::-webkit-input-placeholder { font-size:2.2rem; }
.area-tab1 + .section { margin:var(--spc2) var(--spc3-t1) 0; border-top:solid 8px var(--lineC2); padding:var(--spc3) var(--spc3) 0; }

/* --------------------------------------------------------------------------------
	CONTENT :TOGGLE
--------------------------------------------------------------------------------- */
/* 공통 ------------------------------------------------------------------------ */
[data-toggle="btn"]:not([class]) { overflow:hidden; color:transparent; white-space:nowrap; text-align:right; }
[data-toggle="btn"] { position:relative; }
[data-toggle="btn"]::before { content:''; background:var(--irImg1) var(--bg-position) no-repeat; background-size:var(--irImg1Size); display:block; position:absolute; top:50%; right:0.3rem; margin:-0.4rem 0; --bg-position:-16.4rem -2.6rem; width:1.6rem; height:0.9rem; transition:transform 0.3s; }
[data-toggle="btn"]::before { transform:rotate(180deg); }
[data-toggle="content"] { clear:both; overflow:hidden; padding:0; height:0; transition:padding 0.3s; }
.active > [data-toggle="content"]{ height:auto; }
.active [data-toggle="btn"][aria-expanded="true"]::before { transform:rotate(0); }

/* 유형1 */
.area-toggle1 { margin:var(--spc2) var(--spc3-t1) 0; border-top:solid 8px var(--lineC2); padding:var(--spc2) var(--spc3) 0; }
.area-toggle1 > dl > dt, .area-toggle1 > ul > li .tit { position:relative; padding:var(--spc8) 0 var(--spc8); color:var(--fontCr5); font-weight:var(--fontWg2); line-height:2.5rem; margin-top:-0.8rem; }
.area-toggle1 [data-toggle="btn"]:not([class]) { position:absolute; top:0; right:0; bottom:0; left:0; width:100%; }
.area-toggle1 [data-toggle="content"] > .txt-bul1 { margin:0 }
.area-toggle1 .box-t1 { border-radius:0; }

/* --------------------------------------------------------------------------------
	CONTENT :DATA
--------------------------------------------------------------------------------- */
/* 인증번호 */
.data-num2 { margin-top:var(--spc1); }
.data-num2 > dt { margin-bottom:var(--spc6); font-size:var(--fontSz5); color:var(--fontCr5); font-weight:var(--fontWg2); text-align:center; }
.data-num2 > dd { font-size:3.5rem; font-weight:var(--fontWg1); text-align:center; }
.data-num2 > dd span { display:inline-block; margin:0 var(--spc9); background:var(--bgCr4); width:8.0rem; height:8.0rem; border-radius:var(--bdrRds3); text-align:center; font-size:var(--fontSz9); color:var(--fontCr5); font-weight:var(--fontWg1); line-height:8rem; }
.data-num2 > dd.small { display:flex; justify-content:center; }
.data-num2 > dd.small span { margin:0 0.2rem; height:6.8rem; line-height:6.8rem; font-weight:var(--fontWg2); }
.data-num2 > dd.time { margin-top:var(--spc8); color:var(--point3); font-weight:var(--fontWg3); font-size:var(--fontSz2); line-height:2.6rem; }

/* --------------------------------------------------------------------------------
	CONTENT :INFO
--------------------------------------------------------------------------------- */
/* 유형2 */
.info-summary2 { position:relative; margin:var(--spc5) 0 0 0; padding:var(--spc3); border-radius:var(--bdrRds3); border:solid 2px var(--lineC5); }
.info-summary2 > dl { display:-webkit-box; display:flex; justify-content:space-between; align-items:center; line-height:2.5rem; color:var(--fontCr5); }
.info-summary2 > dl dt { font-size:var(--fontSz4); }
.info-summary2 > dl dd { font-size:var(--fontSz5); font-weight:var(--fontWg2); }
.info-summary2 > dl + dl { margin-top:var(--spc8); }
.info-summary2 .pop-mes3 { left:0; right:0; color:var(--fontCr3); }
.info-summary2.box-t1 { border:none; background:var(--bgCr4); }
.info-summary2.box-t1 dl { color:var(--fontCr3); }
.mes-headline1 + .info-summary2.box-t1 { margin-top:var(--spc4); }

/* 유형3 */
.info-summary3 { margin-bottom:var(--spc2); }
.info-summary3 dl { display:flex; align-items:center; margin-top:var(--spc6); }
.info-summary3 dt { font-size:var(--fontSz4); line-height:2.5rem; color:var(--fontCr3); letter-spacing:-0.02rem; }
.info-summary3 dd { margin-left:var(--spc8); font-size:var(--fontSz5); line-height:2.5rem; font-weight:var(--fontWg2); color:var(--fontCr3); letter-spacing:-0.02rem; }

/* 정보형 컨텐츠 ---------------------------------------------------------------- */
/* 유형1 */
.info-con1 { margin-top:var(--spc5); }
.info-con1 dl { display:flex; justify-content:space-between; line-height:2.2rem; }
.info-con1 dt { font-size:var(--fontSz2); color:var(--fontCr6); }
.info-con1 dd { color:var(--fontCr5); text-align:right; }
.info-con1 dl + dl { margin-top:var(--spc7); }
.tit-sub1 + .info-con1 { margin-top:var(--spc4); }

/* 유형2 */
.info-con2 > a { display:block; position:relative; padding:1.3rem var(--spc3); background:var(--bgCr4); font-size:1.3rem; line-height:1.6rem; }
.info-con2 > a:first-of-type { border-radius:var(--bdrRds3) var(--bdrRds3) 0 0; padding-top:var(--spc3); }
.info-con2 > a:last-of-type { border-radius:0 0 var(--bdrRds3) var(--bdrRds3); padding-bottom:var(--spc3); }
.info-con2 > a + a::before { content:''; display:block; position:absolute; top:0; left:var(--spc3); right:var(--spc3); height:1px; background:var(--lineC1); }
.info-con2 > a > div { display:-webkit-box; display:flex; }
.info-con2 > a > div + div { margin-top:0.7rem; }
.info-con2 > a > div > span { width:6.6rem; }
.info-con2 > a > div > strong { flex:1; font-weight:400; color:var(--color2); }
.info-con2 .nodata > p:first-child { margin-top:0; padding:var(--spc1) 0; border-bottom:0; border-radius:var(--bdrRds3); background:var(--bgCr4); text-align:center; }
.info-con2 .nodata > .txt-bul3 { margin-top:var(--spc7); }

/* 유형3 */
.info-con3 { margin-top:var(--spc5); }
.info-con3 dl { line-height:2.2rem; letter-spacing:-0.05rem; word-break:normal; }
.info-con3 dt { font-size:var(--fontSz4); color:var(--fontCr5); font-weight:var(--fontWg1); }
.info-con3 dd { font-size:var(--fontSz3); color:var(--fontCr1); margin-top:var(--spc9); }
.info-con3 dl + dl { margin-top:var(--spc5); }

/* 계좌정보 --------------------------------------------------------------------- */
/* 유형1 */
.info-data1 { display:flex; width:100%; flex:1; }
.info-data1 .wrap-slider-list { flex:1; padding:var(--spc4) 0 var(--spc5); box-shadow:none; margin:0; }
.info-data1 .wrap-slider-list .pagination-bul { position:absolute; left:0; right:0; bottom:0; width:100%; text-align:center; margin:0; }
.info-data1 .slide { background:var(--bgCr4); border-radius:var(--bdrRds3); }
.info-data1 dl { position:relative; padding:2.0rem 3.0rem 2.2rem 5.6rem; }
.info-data1 dl > dt { font-size:var(--fontSz5); color:var(--fontCr1); line-height:2.5rem; letter-spacing:-0.02rem; }
.info-data1 dl > dd.data-num1 { font-size:var(--fontSz4); color:var(--fontCr8); line-height:2.2rem; letter-spacing:-0.02rem; }
.info-data1 dl > dd.data1 { margin-top:var(--spc8); font-size:var(--fontSz2); color:var(--fontCr6); line-height:1.8rem; }
.info-data1 dl > dd.data1 span { flex:1; position:relative; padding-right:1.7rem; }
.info-data1 dl > dd.data1 span::after { content:''; position:absolute; top:var(--spc9); right:var(--spc8); width:0.1rem; height:1.2rem; background:var(--lineC1); }
.info-data1 dl > dd.sub { flex:1; order:1; margin-left:0.2rem; width:auto; }
.info-data1 dl > dd.sub .icon-com1.ic4 { position:absolute; top:var(--spc3); right:3.0rem; }
.info-data1 dl > dd.sub .icon-com1.ic7 { position:absolute; left:var(--spc3); top:2rem; width:2.4rem; height:2.4rem; }
.info-data1 dl > dd.sub .icon-com1.ic7 > input { opacity:0; z-index:0; left:0; top:0; width:2.4rem; height:2.4rem; }
.info-data1 dl > dd.sub .icon-com1.ic7 > input + span { position:absolute; top:0.2rem; left:0.2rem; margin:0; width:2rem; }
.info-data1 dl > dd.sub .icon-com1.ic7 > input + span::before { content:''; display:inline-block; background:var(--irImg1) var(--bg-position) no-repeat; background-size:var(--irImg1Size); --bg-position:-22.4rem 0; width:2rem; height:2rem; position:absolute; top:0; left:0; }
.info-data1 dl > dd.sub .icon-com1.ic7 > input:checked + span::before { --bg-position:-24.4rem 0; width:2rem; height:2rem; }

/* 유형2 */
.info-data2 { display:block; margin-top:var(--spc7); width:var(--wht1); background:var(--bgCr6); border-radius:var(--bdrRds3); padding:var(--spc4); text-align:center; }
.info-data2 .data-num1 { display:block; font-size:var(--fontSz7); font-weight:var(--fontWg2); color:var(--fontCr5); line-height:2.9rem; }
.info-data2 .sub { display:block; margin-top:var(--spc9); font-size:var(--fontSz4); line-height:2.2rem; letter-spacing:-0.02rem; }

/* 유형3 */
.info-data3 > ul > li .img-logo { display:flex; justify-content:center; align-items:center; width:4.8rem; height:4.8rem; border-radius:100%; margin-right:var(--spc7); }
.info-data3 > ul > li .img-logo::before { content:''; background:var(--irImg1) var(--bg-position) no-repeat; background-size:var(--irImg1Size); }
.info-data3 > ul > li .img-logo:empty::before { --bg-position:-16.8rem 0; width:2.2rem; height:2.2rem; }
.info-data3 > ul > li .tit { display:block; font-size:var(--fontSz5); font-weight:var(--fontWg2); color:var(--fontCr1); line-height:2.0rem; }
.info-data3 > ul > li .tit span { margin-left:var(--spc8); font-size:var(--fontSz3); font-weight:var(--fontWg3); }
.info-data3 > ul > li .data1 { display:block; margin-top:var(--spc9); font-size:var(--fontSz4); color:var(--fontCr8); line-height:2.2rem; }
.info-data3 > ul > li .img-logo img { max-width:3.8rem; max-height:3.8rem; }
.info-data3 > ul > li > a { display:flex; height:var(--hgt1); align-items:center; }
.info-data3 > ul > li + li { margin-top:var(--spc4); }

/* 유형4 */
.info-data4 { display:block; text-align:center; margin-top:var(--spc3); }
.info-data4 .img-logo { display:block; width:3.3rem; margin:0 auto var(--spc3); }
.info-data4 dt { font-size:var(--fontSz5); font-weight:var(--fontWg2); color:var(--fontCr1); line-height:2.5rem; letter-spacing:-0.02rem; }
.info-data4 .data-num1 { font-size:var(--fontSz4); color:var(--fontCr8); line-height:2.2rem; }
.info-data4 .sub { margin-top:var(--spc4); }

/* 컨텐츠 기타 ------------------------------------------------------------------ */
.con-m { margin:auto 0; padding:var(--spc1) 0; }
.con-m .mes-headline3 { margin-top:0; }
.con-m + .area-action { padding:0; margin-top:0; }
.area-img2 { margin-top:var(--spc5); }
.area-img2 > img { max-width:100%; }

/* 유형2 */
.con-t2 { background:var(--bgCr4); margin:var(--spc7) var(--spc3-t1) 0; padding:var(--spc2) var(--spc3); }
.con-t2 > .tit { display:block; font-size:var(--fontSz5); color:var(--fontCr5); font-weight:var(--fontWg2); margin-bottom:var(--spc6); }
.con-t2 > .tit-mes { font-size:var(--fontSz7); color:var(--fontCr5); font-weight:var(--fontWg4); }
.con-t2 > .tit-mes em { color:var(--point1); }
.con-t2 .wrap-form1, .con-t2 .info-con1 { margin-top:var(--spc4); }
.con-t2 .info-con1 + .label-check1 { margin:var(--spc3) 0 0 0; }
.con-t2 .label-check1 > label > input:checked + span::after { --bg-position:-9.6rem 0; }
.con-t2 .label-check1 > label > input:checked + span::before { background-color:var(--point1); }
.con-t2 .txt-ref { color:var(--point2); }

/* 유형3 */
.contents > .con-t3:first-child { margin-top:var(--spc5); }
.con-t3 > dl + dl { margin:2.6rem var(--spc3-t1) 0; border-top:solid 1px var(--lineC2); padding:2.6rem var(--spc3) 0; }
.con-t3 > dl > dt { line-height:2.5rem; }
.con-t3 > dl > dt strong,
.con-t3 > dl > dt .label-toggle1 > label > input + span { font-size:var(--fontSz5); font-weight:var(--fontWg2); color:var(--fontCr5); }
.con-t3 .label-toggle1 { display:block; line-height:2.2rem; }
.con-t3 .label-toggle1 > label > input + span { font-size:var(--fontSz4); color:var(--fontCr1); }
.con-t3 > dl > dt + dd { margin-top:1.2rem; }
.con-t3 > dl > dd + dd { margin-top:1.7rem; }
.con-t3 > dl > dd + dd.mgt { margin-top:0; }
.con-t3 .area-agree1 .label-check1 { padding:0; }

/* 유형4 */
.con-t4 { margin-top:var(--spc1); }
.con-t4 > dl { text-align:center; }
.con-t4 > dl > dt { margin-bottom:var(--spc5); font-size:var(--fontSz5); font-weight:var(--fontWg2); line-height:2.5rem; color:var(--fontCr5); }
.con-t4 > dl > dd { display:flex; justify-content:space-between; padding:0 1.8rem; }

/* 유형5 */
.con-t5 { padding:var(--spc1) 0 0; }
.con-t5 .target { position:relative; width:28.4rem; height:17.5rem; margin:0 auto; background:url("/resources/mini/img/HT/point-change.svg") 0 0 no-repeat; background-size:contain; }
.con-t5 .target img { position:absolute; left:1.4rem; bottom:1.7rem; width:6.2rem; height:6.2rem; border-radius:100%; }
.con-t5 .target.revert { height:18.2rem; background-image:url("/resources/mini/img/HT/point-change-2.svg"); }
.con-t5 .target.revert img { left:9.2rem; }
.con-t5 .area-btn2 { margin-top:var(--spc4); }

/* 유형6 */
.con-t6 { height:18.0rem; border-radius:var(--bdrRds3); overflow:hidden; margin-top:var(--spc4); }

/* --------------------------------------------------------------------------------
	CONTENT :LIST
--------------------------------------------------------------------------------- */
/* 목록유형 -------------------------------------------------------------------- */
/* 유형1 */
.list-type1 > ul { display:flex; flex-wrap:wrap; margin-top:var(--spc4); }
.list-type1 > ul > li { width:calc((100% - 1.2rem) / 3); height:7.0rem; margin:var(--spc9) 0 var(--spc9) 0.6rem; }
.list-type1 > ul > li > a, .list-type1 > ul > li > button { display:block; width:100%; height:100%; border-radius:var(--bdrRds3); font-size:var(--fontSz1); color:var(--fontCr2); font-weight:var(--fontWg2); background:var(--bgCr6); }
.list-type1 > ul > li .img-logo { display:block; margin:0 auto 0.7rem; width:2.4rem; height:2.2rem; }
.list-type1 > ul > li .img-logo img { max-width:100%; max-height:100%; }
.list-type1 > ul > li:nth-child(3n+1) { margin-left:0; }
.list-type1 > ul > li.active { background:var(--bgCr8); }

/* 유형2 */
.list-type2 { font-size:var(--fontSz5); font-weight:var(--fontWg2); color:var(--fontCr5); line-height:2.5rem; }
.list-type2 li + li { margin-top:var(--spc3); }
.list-type2 dd { font-size:var(--fontSz4); font-weight:var(--fontWg3); color:var(--fontCr1); }
.list-type2 dt { margin-bottom:var(--spc6); }
.list-type2 dd + dd { margin-top:var(--spc5); }

/* 유형4 */
.mes-headline2 + .list-type4 { margin-top:var(--spc2); }
.list-type4 > ul > li + li { margin-top:var(--spc3); }
.list-type4 > ul > li > a { display:flex; align-items:center; }
.list-type4 .tit { flex:1; font-size:var(--fontSz5); color:var(--fontCr1); font-weight:var(--fontWg2); }
.list-type4 .tit i { display:block; margin-top:0.1rem; font-size:var(--fontSz4); color:var(--fontCr8); font-weight:var(--fontWg3); }
.list-type4 .img { flex:none; width:4.8rem; height:4.8rem; margin-right:var(--spc8); border-radius:var(--bdrRds1); overflow:hidden; }
.list-type4 .img img { width:100%; height:100%; }
.list-type4 .side { font-size:var(--fontSz5); color:var(--fontCr5); font-weight:var(--fontWg2); }
.list-type4 .side .line { font-size:var(--fontSz1); color:var(--fontCr1); text-decoration:underline; }

/* 정보유형 --------------------------------------------------------------------- */
/* 유형1 */
.list-info1 dl:first-child { padding-top:0; }
.list-info1 dl { display:flex; flex-wrap:wrap; align-items:center; padding:var(--spc6) 0; }
.list-info1 dl dt { flex:1; padding-right:1rem; }
.list-info1 dl dd { width:100%; }
.list-info1 dl dt + dd { width:auto; }
.list-info1 dl dd.data-num1 > strong:first-child { padding-right:1.5rem; }
.list-info1 dl dt.tit1 { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:var(--fontSz5); color:var(--fontCr1); line-height:2.5rem; }
.list-info1 dl .data-num1 > strong { font-size:var(--fontSz6); }
.list-info1 dl dd.data1 { display:flex; align-items:baseline; font-size:var(--fontSz3); line-height:2.0rem; color:var(--fontCr6); }
.list-info1 dl dd.data1 :not([class]) + span { flex:1; position:relative; padding-left:1.7rem; }
.list-info1 dl dd.data1 :not([class]) + span::before { content:''; position:absolute; top:var(--spc9); left:var(--spc8); width:0.1rem; height:1.2rem; background:var(--lineC1); }
.list-info1 dl dd.data1.t1 :first-child { flex:1; }
.list-info1 dl dd.data1.t1 div { text-align:right; }
.list-info1 dl dd.data1.t1 div span { display:block; }
.list-info1 > a { display:block; }

/* --------------------------------------------------------------------------------
	CONTENT :BOARD
--------------------------------------------------------------------------------- */
/* 목록유형 --------------------------------------------------------------------- */
/* 유형1 */
.board-list1 { border-bottom:0.1rem solid var(--lineC2); margin:0 var(--spc3-t1); }
.board-list1 > ul > li { border-top:0.1rem solid var(--lineC2); padding:0 var(--spc3); }
.board-list1 > ul > li > a { display:block; position:relative; padding:var(--spc5) var(--spc3) var(--spc5) 0; }
.board-list1 > ul > li > a::after { content:''; display:block; position:absolute; top:1.8rem; right:0.5rem; background:var(--irImg1) var(--bg-position) no-repeat; background-size:var(--irImg1Size); --bg-position:-25rem -2.6rem; width:0.9rem; height:1.6rem; }
.board-list1 > ul > li.required { background:var(--bgCr4); border-top:none; }
.board-list1 > ul > li.required a { font-weight:var(--fontWg2); padding:var(--spc3) var(--spc3) var(--spc3) 0; }
.board-list1 > ul > li.required a::after { top:2.6rem; }
.board-list1 > ul > li.required + li { border-top:none; }
.board-list1 > ul > li > a > span:not([class]) { overflow:hidden; max-height:4.4rem; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; }
.board-list1 .data1 { display:inline-block; margin-top:var(--spc8); font-size:var(--fontSz3); color:var(--fontCr6); line-height:2.0rem; }
.board-list1 .state1 { display:inline-block; margin-top:var(--spc8); font-size:var(--fontSz3); color:var(--fontCr6); line-height:2.0rem; }
.board-list1 .state1::before { content:''; display:inline-block; width:0.1rem; height:1.2rem; background:var(--lineC1); margin:-0.1rem var(--spc8) 0; vertical-align:middle; }
.mes-headline2 + .board-list1 { margin-top:var(--spc2); }

/* 유형4 */
.board-list4 { margin-top:var(--spc4); }
.board-list4 > ul > li { position:relative; height:10.0rem; }
.board-list4 > ul > li + li { margin-top:var(--spc5); }
.board-list4 > ul > li a { display:block; padding:0 0 0 12.0rem; height:100%; }
.board-list4 > ul > li .img { display:block; position:absolute; top:0; left:0; width:10rem; height:10rem; border-radius:var(--bdrRds3); overflow:hidden; margin:0; }
.board-list4 > ul > li em { font-size:1.0rem; font-weight:var(--fontWg1); line-height:1.25rem; color:var(--point1); letter-spacing:-0.05rem; }
.board-list4 > ul > li strong { display:block; margin-top:var(--spc7); overflow:hidden; width:calc(100% - 2.0rem); height:2.2rem; font-weight:var(--fontWg3); color:var(--fontCr5); text-overflow:ellipsis; white-space:nowrap; }
.board-list4 > ul > li span { overflow:hidden; display:block; margin-top:var(--spc9); color:var(--fontCr1); font-size:var(--fontSz2); line-height:1.8rem; text-overflow:ellipsis; white-space:nowrap; }
.board-list4 > ul > li time { display:inline-block; font-size:var(--fontSz2); line-height:1.8rem; color:var(--fontCr6); margin-top:var(--spc8); }
.board-list4 > ul > li.e-app em, .board-list4 > ul > li.e-close em { color:var(--fontCr6); }
.board-list4 > ul > li.e-app strong, .board-list4 > ul > li.e-close strong { color:var(--fontCr6); }
.board-list4 > ul > li.e-app span, .board-list4 > ul > li.e-close span { color:var(--fontCr6); }
.board-list4 > ul > li.e-close a::after { content:''; position:absolute; display:block; left:0; top:0; right:0; bottom:0; background:rgba(255,255,255,0.5); }
.board-list4 > ul > li .side { position:absolute; top:0; right:0; }
.board-list4 > ul > li .icon-com1.ic17 { line-height:1.8rem; text-indent:0; }
.board-list4 > ul > li .icon-com1.ic17 > input { opacity:0; z-index:0; left:0; top:0; width:1.3rem; height:1.1rem; }
.board-list4 > ul > li .icon-com1.ic17 > input + span { margin-top:0; color:var(--fontCr6); }
.board-list4 > ul > li .icon-com1.ic17 > input + span::before { content:''; display:inline-block; margin:0 0.5rem -0.1rem 0; background:var(--irImg1) var(--bg-position) no-repeat; background-size:var(--irImg1Size); --bg-position:-26.2rem -2.6rem; width:1.3rem; height:1.1rem; }
.board-list4 > ul > li .icon-com1.ic17 > input:checked + span::before { --bg-position:-27.8rem -2.6rem; }
.board-list4 > ul > li .icon-txt3.state1 { display:inline-block; font-size:var(--fontSz2); line-height:1.8rem; color:var(--fontCr6); margin-top:var(--spc8); }
.board-list4 > ul > li .icon-txt3.state1::before { content:''; display:inline-block; width:0.1rem; height:1.2rem; background:var(--lineC1); margin:-0.1rem var(--spc8) 0 0.5rem; vertical-align:middle; }
.board-list4 > ul > li .icon-txt3.state3 { position:absolute; z-index:2; right:0; top:1rem; display:block; width:8rem; height:8rem; border:solid 2px #6e7d85; font-weight:var(--fontWg1); border-radius:100%; text-align:center; font-size:var(--fontSz5); color:#6e7d85; line-height:8rem; transform:rotate(-30deg); }
.board-list4 > ul > li .icon-txt3.state3::before { content:''; position:absolute; left:50%; top:50%; display:block; width:6.8rem; height:6.8rem; border:solid 1px #6e7d85; border-radius:100%; transform:translate(-50%,-50%); }

/* 상세유형 --------------------------------------------------------------------- */
.board-view1 { display:-webkit-box; display:-ms-flexbox; display:flex; flex-direction:column; min-height:calc(100vh - var(--headHgt)); margin-bottom:-2.0rem; }
.board-view1 > .tit { padding:var(--spc5) 0 var(--spc2) 0; }
.board-view1 > .tit h2 { margin-bottom:0.6rem; font-size:var(--fontSz5); color:var(--fontCr5); font-weight:var(--fontWg2); line-height:2.5rem; letter-spacing:-0.02rem; }
.board-view1 .data1 { display:inline-block; margin-top:var(--spc8); font-size:var(--fontSz3); color:var(--fontCr6); line-height:2.0rem; }
.board-view1 .state1 { display:inline-block; margin-top:var(--spc8); font-size:var(--fontSz3); color:var(--fontCr6); line-height:2.0rem; }
.board-view1 .state1::before { content:''; display:inline-block; width:0.1rem; height:1.2rem; background:var(--lineC1); margin:-0.1rem var(--spc8) 0; vertical-align:middle; }
.board-view1 .cont { padding:0 0 var(--spc3); letter-spacing:-0.05rem; }
.board-view1 .bg1 { flex:1; background:var(--bgCr4); margin:0 var(--spc3-t1); padding:var(--spc2) var(--spc3); }
.board-view1 .ans dt { margin-bottom:var(--spc6); font-size:var(--fontSz5); color:var(--fontCr5); font-weight:var(--fontWg2); line-height:2.5rem; letter-spacing:-0.02rem; }
.board-view1 .ans dt .img-logo { display:inline-block; width:3.3rem; margin:0 var(--spc5) var(--spc8) 0; vertical-align:middle; }

/* --------------------------------------------------------------------------------
	CONTENT :BOX
--------------------------------------------------------------------------------- */
.box-t1 { background:var(--bgCr4); border-radius:var(--bdrRds3); padding:var(--spc3); margin-top:var(--spc2); }
.wrap-form1 + .box-t1 { margin-top:var(--spc4); }
.tit-sub1 + .box-t1 { margin-top:0; }

/* --------------------------------------------------------------------------------
	CONTENT :SLIDER
--------------------------------------------------------------------------------- */
/* 메시지카드 ------------------------------------------------------------------------ */
.message-area { margin:0 var(--spc3-t1) -7.2rem; }
.message-area .wrap-slider-list { margin:0; }
.message-area .slide-area .slide { height:calc(100vh - var(--headHgt)); padding:0 var(--spc3) 0; background-size:contain; position:relative; }
.message-area .box { padding:var(--spc3); border-radius:var(--bdrRds3); background:var(--bgCr9); left:var(--spc3); right:var(--spc3); position:absolute; /*bottom:12.2rem; */ top:40vh; }
.message-area .msg textarea { height:11rem; padding:0; font-size:var(--fontSz4); color:var(--fontCr1); line-height:2.2rem; vertical-align:top; resize:none; }
.message-area .sub { display:flex; justify-content:space-between; align-items:baseline; margin-top:var(--spc3); }
.message-area .sub .count { font-size:var(--fontSz1); color:var(--fontCr9); }
.message-area .sub .count strong { font-weight:400; }
.message-area .sub button { height:var(--hgt5); border-radius:var(--hgt5); font-size:var(--fontSz2); line-height:calc(var(--hgt5) - 0.2rem); color:var(--fontCr2); font-weight:var(--fontWg3); padding:0 var(--spc6); background:var(--bgCr7); letter-spacing:-0.03rem; }
.message-area + [data-ui-sticky="bottom"] { padding-top:0; }
.message-area + [data-ui-sticky="bottom"]::before { display:none; }

.preview { display:flex; flex-wrap:wrap; margin-top:var(--spc8); justify-content:space-between; }
.preview li { width:calc(50% - 0.4rem); height:11.8rem; margin-top:var(--spc8); border-radius:var(--bdrRds3); overflow:hidden; }
.preview li:nth-child(2n+1) { margin-left:0; }
.preview li a { display:block; width:100%; height:100%; background-position:center center; background-size:cover; overflow:hidden; white-space:nowrap; text-indent:-9999px; }
.preview li a.selected { border:solid 2px var(--point1); border-radius:var(--bdrRds3); }

/* 서비스안내 ------------------------------------------------------------------------ */
.service-area { display:flex; width:100%; flex:1; }
.service-area .wrap-slider-list { flex:1; padding:9.6rem 0 4.2rem; box-shadow:none; }
.service-area .wrap-slider-list .pagination-bul { position:absolute; left:0; right:0; bottom:0; width:100%; text-align:center; margin:0; }
.service-area .slide-area { height:100%; }
.service-area .slide { position:relative; height:100%; display:flex; flex-direction:column; padding-bottom:27.8rem; }
.service-area .df-msg { margin:auto 0; text-align:center; }
.df-msg[class*="ico"]::after { content:''; position:absolute; left:50%; bottom:0; width:100%; height:27.8rem; transform:translateX(-50%); background:var(--bgimg) center bottom no-repeat; background-size:contain; }
.df-msg > dt { font-size:var(--fontSz9); color:var(--fontCr5); font-weight:var(--fontWg1); line-height:3.8rem; letter-spacing:-0.05rem; }
.df-msg > dd { margin-top:var(--spc4); font-size:var(--fontSz7); color:var(--fontCr1); font-weight:var(--fontWg4); line-height:3rem; }
.df-msg.ico1[class*="ico"]::after { --bgimg:url('/resources/mini/img/HS/img-info1.svg'); }
.df-msg.ico2[class*="ico"]::after { --bgimg:url('/resources/mini/img/HS/img-info2.svg'); }
.df-msg.ico3[class*="ico"]::after { --bgimg:url('/resources/mini/img/HS/img-info3.svg'); }
.df-msg.ico4[class*="ico"]::after { --bgimg:url('/resources/mini/img/HS/img-info4.svg'); }

/* 서비스가입>완료:미션 ------------------------------------------------------------------------ */
.mission-area { margin:var(--spc2) 0 0; }
.mission-area .wrap-slider-list { position:relative; box-shadow:none; margin:0; }
.mission-area .wrap-slider-list .pagination-bul { margin-top:1rem; }
.mission-area .wrap-slider-list::before { content:''; position:absolute; left:0; top:0; right:0; height:21.8rem; z-index:-1; border-radius:var(--bdrRds1); background:linear-gradient(150.06deg,#fcfcfc 1.85%, #eee 94.65%); box-shadow:inset 0.3rem 0.4rem 2.5rem rgba(0,0,0,0.05); }
.mission-area .wrap-slider-list [data-slider] { margin:0; height:21.8rem; }
.mission-area .df-msg2 { padding-top:4rem; }
.df-msg2 { text-align:center; color:var(--fontCr5); letter-spacing:-0.05rem; }
.df-msg2 > dt { display:inline-block; padding:0.6rem 1rem; font-size:var(--fontSz1); font-weight:var(--fontWg2); line-height:1.5rem; border:0.1rem solid var(--lineC6); border-radius:1.4rem; }
.df-msg2 > dd:not(.btn) { margin:1rem 0 0; font-size:var(--fontSz7); font-weight:var(--fontWg2); line-height:2.9rem; }
.df-msg2 > dd.btn { margin-top:2rem; }

/* 기부 ------------------------------------------------------------------------ */
.info-area { margin:6rem 0 0; }
.info-area.ic25::before { display:block; margin:0 auto 2rem; }
.df-msg3 { font-size:var(--fontSz3); }
.df-msg3 > dt { margin:1.4rem 0 0.5rem; font-size:var(--fontSz4); color:var(--fontCr5); font-weight:var(--fontWg1); line-height:2.2rem; letter-spacing:-0.05rem; }
.df-msg3 > dt:first-child { margin-top:0; }
.df-msg3 > dd + dd { margin-top:0.5rem; }

/* --------------------------------------------------------------------------------
	CONTENT :기타
--------------------------------------------------------------------------------- */
/* 약관컨텐츠 */
.area-terms1 .txt { line-height:1.8rem; }
.area-terms1 .txt + .txt { margin-top:var(--spc9); }
.area-terms1:empty { position:relative; z-index:3; background:#f7eff7; padding:0.5rem; text-align:center; line-height:15rem; }
.area-terms1:empty::before { content:'약관 컨텐츠 출력 영역'; }

/* 지도 */
.area-map { margin:0 var(--spc3-t1) var(--spc3-t2); flex:1; }
.area-map:empty { position:relative; display:flex; justify-content:center; align-items:center; z-index:3; background:#f7eff7; font-size:var(--fontSz6); color:var(--fontCr5); font-weight:700; }
.area-map:empty::before { content:'구글맵영역'; }

/* 기타 */
.area-temp { position:relative; z-index:3; background:#f7eff7; padding:0.5rem; text-align:center; line-height:15rem; }

/* 이용안내 ------------------------------------------------------------------------ */
.use-area .pagination-bul { position:absolute; left:0; right:0; bottom:0; width:100%; text-align:center; margin:0; }
.slide-t3 .mes-headline3 { margin-top:2rem; }
.slide-t3 { height:calc(100vh - 7.2rem); }
.slide-t3 .slide { position:relative; overflow-y:auto; padding:0 2.4rem 2.0rem; }
.slide-t3 .slide[class*="ico"]::before { content:''; display:block; width:100%; height:25.6rem; background:var(--bgimg) center bottom no-repeat; background-size:contain; }
.slide-t3 .slide.ico1[class*="ico"]::before { --bgimg:url('/resources/mini/img/CM/bg-use-01.svg'); }
.slide-t3 .slide.ico2[class*="ico"]::before { --bgimg:url('/resources/mini/img/CM/bg-use-02.svg'); }
.slide-t3 .slide.ico3[class*="ico"]::before { --bgimg:url('/resources/mini/img/CM/bg-use-03.svg'); }
.slide-t3 .slide.ico4[class*="ico"]::before { --bgimg:url('/resources/mini/img/CM/bg-use-04.svg'); }

/* 호빵 */
.nb-count { font-size:var(--fontSz1); color:var(--fontCr5); margin-bottom:var(--spc3); }
.nb-total { font-size:var(--fontSz7); color:var(--fontCr5); left:0; right:0; padding:2.0rem 0 0; text-align:center; }
.nb-total [data-mode="invalid"] strong { color:var(--point2); }
.nb-sel { display:inline-block; padding:0 2.9rem 0 0; border:0; width:100%; height:1.5rem; font-size:var(--fontSz1); color:var(--fontCr8); line-height:1.5rem; background-image:var(--irImg2); background-position:center right; background-size:var(--irImg2Size); background-repeat:no-repeat; text-align:right; }
.nb-list { margin-top:var(--spc4); }
.nb-list li { position:relative; background:var(--bgCr6); border-radius:var(--bdrRds3); }
.nb-list li + li { margin-top:var(--spc8); }
.nb-list li a { display:flex; justify-content:space-between; flex-wrap:wrap; padding:var(--spc4) var(--spc3); }
.nb-list li .nb-title { display:inline-block; padding:0.4rem var(--spc8); background:#beab95; border-radius:2.0rem; font-size:1.0rem; line-height:1.3rem; color:var(--fontCr7); font-weight:var(--fontWg1); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:12.0rem; }
.nb-list li .nb-mem { font-size:var(--fontSz2); color:var(--fontCr8); letter-spacing:0.02rem; }
.nb-list li .nb-total { width:100%; font-size:var(--fontSz7); color:var(--fontCr5); font-weight:var(--fontWg2); line-height:2.9rem; margin:var(--spc8) 0 var(--spc6); padding:0; text-align:left; }
.nb-list li .nb-gh { display:block; width:100%; height:0.4rem; background:#d0d4d7; border-radius:0.4rem; }
.nb-list li .nb-gh span { display:block; height:0.4rem; background:var(--point1); border-radius:0.4rem; }
.nb-list li.nb-close a::after { content:''; position:absolute; display:block; left:0; top:0; right:0; bottom:0; background:rgba(255,255,255,0.7); }
.nb-list li .icon-txt3.state4 { position:absolute; z-index:2; right:2.4rem; top:1.6rem; display:block; width:8rem; height:8rem; border:solid 2px #24ab71; font-weight:var(--fontWg1); border-radius:100%; text-align:center; font-size:var(--fontSz5); color:#24ab71; line-height:8rem; transform:rotate(-30deg); }
.nb-list li .icon-txt3.state4::before { content:''; position:absolute; left:50%; top:50%; display:block; width:6.8rem; height:6.8rem; border:solid 1px #24ab71; border-radius:100%; transform:translate(-50%,-50%); }
.nb-list2 > ul > li label { width:100%; border-radius:100%; padding:0 0 0 5.6rem; }
.nb-list2 > ul > li label::before { content:''; position:absolute; left:1.2rem; top:50%; margin-top:-1.1rem; display:block; background:var(--irImg1) -16.8rem 0 no-repeat; background-size:var(--irImg1Size); width:2.2rem; height:2.2rem; }
.nb-list2 > ul > li .nb-name { display:block; font-size:var(--fontSz5); font-weight:var(--fontWg2); color:var(--fontCr1); line-height:2.0rem; }
.nb-list2 > ul > li .nb-tel { display:block; margin-top:var(--spc9); font-size:var(--fontSz4); color:var(--fontCr8); line-height:2.2rem; }
.nb-list2 > ul > li + li { margin-top:var(--spc3); }
.nb-list2 .label-check1 > label > input + span { position:relative; display:block; padding:0 2.8rem 0 0; line-height:2.3rem; font-size:var(--fontSz1); color:var(--fontCr8); }
.nb-list2 .label-check1 > label > input + span::after { margin-top:1.1rem; left:auto; right:0; width:2.3rem; height:2.3rem; }

.nb-list3 ul { overflow-x:auto; display:-webkit-box; display:flex; flex:1; padding-bottom:1.0rem; margin-bottom:2.0rem; }
.nb-list3 li { position:relative; flex-shrink:0; font-size:var(--fontSz2); width:5.8rem; text-align:center; padding:0.9rem 0 0 0; }
.nb-list3 li + li { margin-left:1.6rem; }
.nb-list3 li::before { content:''; display:block; background:var(--irImg1) -16.8rem 0 no-repeat; background-size:var(--irImg1Size); width:2.2rem; height:2.2rem; transform:scale(0.75); margin:0 auto 0.6rem; }
.nb-list3 .nb-name { display:block; width:5.0rem; margin:0 auto; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.nb-list3 button { position:absolute; right:0; top:0; }

.wrap-nb-form { flex:1; margin-top:var(--spc2); }
.nb-item, .nb-item2 { display:flex; justify-content:space-between; align-items:center; }
.nb-item + .nb-item { margin-top:2.4rem; }
.nb-item2 + .nb-item2 { margin-top:2.8rem; }
.nb-item dt { position:relative; padding-left:3.6rem; line-height:2.8rem; word-break:normal; }
.nb-item dd { font-size:var(--fontSz5); color:var(--fontCr5); line-height:2.8rem; font-weight:var(--fontWg2); padding-left:var(--spc5); white-space:nowrap; }
.nb-item dt i, .nb-item2 dt i { display:inline-block; text-align:center; font-size:1.0rem; line-height:2.05rem; font-weight:var(--fontWg1); color:var(--fontCr7); background:var(--bgCr2); width:2.0rem; height:2.0rem; border-radius:100%; vertical-align:middle; margin:0 0 0 0.2rem; }
.nb-item dd input[class*="text"] { text-align:right; height:2.8rem; min-width:1rem; max-width:12.0rem; }
.nb-item dt::before, .nb-item2 dt::before { content:''; display:block; position:absolute; left:0; top:0.2rem; background:var(--irImg1) -16.8rem 0 no-repeat; background-size:var(--irImg1Size); width:2.2rem; height:2.2rem; }
.nb-item dt::before { transform:scale(0.75); }
.nb-item2 dt::before { left:1.2rem; top:50%; margin-top:-1.1rem; }
.nb-item2 dt { position:relative; padding-left:5.8rem; }
.nb-item2 .np-pay { display:block; font-size:var(--fontSz5); color:var(--fontCr5); font-weight:var(--fontWg2); }
.nb-item2 .np-name { font-size:var(--fontSz2); color:var(--fontCr6); word-break:normal; }
.nb-item2 dd { width:7.5rem; font-size:var(--fontSz1); color:var(--fontCr8); line-height:1.4rem; text-align:right; flex-shrink:0; }
.wrap-nb-form .state2 { color:#24ab71; }
.box-t1 .nb-count { color:var(--fontCr6); text-align:center; margin:0; }
.box-t1 .nb-total { margin-top:var(--spc8); padding:0; }

/* 하단 띠배너 */
.ad-bottom { position:sticky; bottom:0; order:1; z-index:10; margin:4.5rem var(--spc3-t1) var(--spc3-t2); }
.ad-bottom .ad-link { position:relative; display:table-cell; width:100vw; height:6rem; padding:1.6rem 8.6rem 1.6rem 1.6rem; font-size:var(--fontSz4); font-weight:var(--fontWg1); line-height:2.2rem; letter-spacing:-0.06rem; vertical-align:middle; }
.ad-bottom .img { position:absolute; right:1.6rem; bottom:0; width:7.2rem; }
.ad-bottom ~ .area-action[data-ui-sticky="bottom"] { position:relative !important; bottom:auto !important; }

/* --------------------------------------------------------------------------------
	CONTENT :쿠폰 재정의
--------------------------------------------------------------------------------- */
.board-list3 > ul { display:-webkit-box; display:flex; flex-wrap:wrap; justify-content:space-between; }
.board-list3 > ul > li { flex:0 1 calc(50% - 0.8rem); display:-webkit-box; display:flex; position:relative; margin:var(--spc8) 0; padding:var(--spc7); width:15.0rem; height:14.0rem; border-radius:var(--bdrRds3); background-color:var(--bgCr4); }
.board-list3 > ul > li a { display:-webkit-box; display:flex; flex-wrap:wrap; align-items:center; }
.board-list3 > ul > li span:not([class]) { overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; flex:1; max-height:2.8rem; font-size:1.1rem; color:var(--fontCr6); line-height:1.4rem; }
.board-list3 > ul > li strong { clear:both; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin:1.2rem 0 1.0rem; width:100%; height:3.8rem; line-height:1.9rem; color:var(--fontCr5); font-size:var(--fontSz3); font-weight:var(--fontWg2); }
.board-list3 > ul > li time { font-size:1.3rem; line-height:2.0rem; }
.board-list3 > ul > li .img { overflow:hidden; display:block; margin-right:var(--spc7); width:3.3rem; height:3.3rem; border-radius:50%; }
.board-list3 > ul > li .icon-com1.ic6 { position:absolute; bottom:var(--spc5); right:var(--spc6); --bg-position:-36rem -2.6rem; width:1.78rem; height:1.8rem; }
.board-list3 > ul > li .icon-com1.ic6:disabled { --bg-position:-37.8rem -2.6rem; }
.board-list3 > ul > li .icon-com2.ic1 { position:absolute; top:-0.5rem; right:-0.5rem; --bg-position:-34rem -2.6rem; width:1.78rem; height:1.8rem; }
.board-list3 .disabled { filter:grayscale(1); }

.area-info1 { margin:var(--spc3) 0 var(--spc7); font-size:var(--fontSz3); }
.area-info1 strong { font-weight:500; }
.mes-result1 { margin-top:var(--spc1); }
.mes-result1::before { content:''; background:var(--irImg1) var(--bg-position) no-repeat; background-size:var(--irImg1Size); display:block; margin:0 auto var(--spc3); --bg-position:0 -11rem; width:7.2rem; height:7.2rem; }
.mes-result1 > p { margin-top:var(--spc5); font-size:var(--fontSz7); color:var(--fontCr5); font-weight:var(--fontWg2); line-height:2.9rem; text-align:center; letter-spacing:-0.05rem; }
.btn-com3 { width:var(--wht1); height:var(--hgt3); border-radius:var(--hgt3); font-size:var(--fontSz4); line-height:calc(var(--hgt3) - 0.2rem); color:var(--fontCr8); font-weight:var(--fontWg2); padding:0 var(--spc7); border-width:1px; border-style:solid; border-color:var(--lineC1); letter-spacing:-0.03rem; }
.mes-headline3.t1 { margin-top:var(--spc2); font-size:var(--fontSz6); font-weight:var(--fontWg2); }
.mes-headline3 p + .area-btn2 { margin-top:var(--spc3); }
.mes-headline3 > .area-btn2 .btn-com3 + .btn-com3 { margin-top:var(--spc7); }
.area-bacode { text-align:center; }
.area-bacode.t1 { margin-top:6.0rem; }
.area-img1 { margin:0 var(--spc3-t1); }
.area-img1 > img { width:100%; }
.area-img1.disabled { filter:grayscale(1); }
.board-view2 .txt-bul1 { margin-top:var(--spc2); }
.board-view2 .txt-bul1 > dt { margin:var(--spc4) 0 var(--spc7); }
.board-view2 .txt-bul1 > li, .board-view2 .txt-bul1 > dd { padding-left:1.4rem; font-size:var(--fontSz2); line-height:1.8rem; color:var(--fontCr6); letter-spacing:-0.02rem; min-height:auto; word-break:keep-all; }
.board-view2 .txt-bul1 > li + li, .board-view2 .txt-bul1 > dd + dd { margin-top:var(--spc8); }
.board-view2 .txt-bul1 > li::before, .board-view2 .txt-bul1 > dd::before { content:''; position:absolute; top:var(--spc8); left:0; width:0.4rem; height:0.4rem; border-radius:50%; background:var(--bgCr2); }

/* --------------------------------------------------------------------------------
	L.POINT 전환 서비스 종료 안내 팝업용
--------------------------------------------------------------------------------- */
.msg_system_maintainance.msg_system_termination {
    padding: 1.6rem 2.4rem 3rem;
}
.msg_system_maintainance.msg_system_termination::before {
    content: '';
    display: block;
    margin: 0 auto 1.6rem;
    background: url(/resources/mini/img/com/lpoint_terminate.png);
    background-size: 10.8rem;
    height: 10.8rem;
    width: 10.8rem;
}
.msg_system_maintainance.msg_system_termination .txt_primary.txt_large.txt_left {
	color: #00928F !important;
	text-align: left !important;
    font-size: 1.8rem;
}
.msg_system_maintainance h3 {
    font-size: 1.6rem;
    font-weight: 700;
    color: #FF5833;
    margin-top: 1.75rem;
}
.num_index.txt-bul5 span {
    color: #FF5833;
}
.msg_system_maintainance .ico_caution {
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 50%;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url(/resources/mini/img/com/ico_caution.png);
    vertical-align: bottom;
    margin-right: 0.6rem;
}