@CHARSET "UTF-8";

html, body	{ margin:0;padding:0;}
form, input, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd { margin:0;padding:0; }
ul, ol, li	{ list-style:none; }
img		{ border:0;vertical-align:top}
table	{ border-collapse:collapse;border-spacing:0 }
th, td	{ padding:0;}
button {overflow:visible; outline:none; padding:0; margin:0; border:0; appearance:none; background:none; cursor:pointer;}
.oh {overflow:hidden !important;}

@font-face{
	font-family:Spoqa Han Sans Neo;
	font-weight:700;
	font-display:swap;
	src:local("Spoqa Han Sans Neo Bold"),
		url(../font/SpoqaHanSansNeo-Bold.woff2) format("woff2"),
		url(../font/SpoqaHanSansNeo-Bold.woff) format("woff"),
		url(../font/SpoqaHanSansNeo-Bold.ttf) format("truetype")}

@font-face{
	font-family:Spoqa Han Sans Neo;
	font-weight:500;
	font-display:swap;
	src:local("Spoqa Han Sans Neo Medium"),
		url(../font/SpoqaHanSansNeo-Medium.woff2) format("woff2"),
		url(../font/SpoqaHanSansNeo-Medium.woff) format("woff"),
		url(../font/SpoqaHanSansNeo-Medium.ttf) format("truetype")}

@font-face{
	font-family:Spoqa Han Sans Neo;
	font-weight:400;
	font-display:swap;
	src:local("Spoqa Han Sans Neo Regular"),
		url(../font/SpoqaHanSansNeo-Regular.woff2) format("woff2"),
		url(../font/SpoqaHanSansNeo-Regular.woff) format("woff"),
		url(../font/SpoqaHanSansNeo-Regular.ttf) format("truetype")}

@font-face{
	font-family:Spoqa Han Sans Neo;
	font-weight:300;
	font-display:swap;
	src:local("Spoqa Han Sans Neo Light"),
		url(../font/SpoqaHanSansNeo-Light.woff2) format("woff2"),
		url(../font/SpoqaHanSansNeo-Light.woff) format("woff"),
		url(../font/SpoqaHanSansNeo-Light.ttf) format("truetype")}

body {-webkit-text-size-adjust:none; -webkit-overflow-scrolling:touch;}
td, div, p, li, dt, dd, input, select, button, textarea, h1, h2, h3, h4, h5, pre {font-family:"Spoqa Han Sans Neo", "맑은 고딕", 돋음, dotum, sans-serif; font-size:14px; line-height:1.57; font-weight:400; color:#222; letter-spacing:-.5px;}
html * {box-sizing:border-box; word-break:keep-all; word-wrap:break-word; overflow-wrap:break-word; -ms-word-break:keep-all;}
header, footer, section, article, nav, aside {display:block;}
a:link, a:visited, a:hover, a:active, a:focus {text-decoration:none; color:#111;}

#cardWrap {padding:160px 0; background:url(../image/loca_v8/bg_visual.png) no-repeat 50% 56px;}
#cardWrap .logo {position:fixed; left:0; right:0; top:0; z-index:1; height:56px; padding-top:17px; text-align:center; background:#fff;}
#cardWrap .infoArea {max-width:880px; margin:0 auto; /*padding-bottom:32px;*/ /*background:#f8f8f8 url(../image/loca_v8/bg.svg) no-repeat 50% 0 / 100%;*/}
#cardWrap .head {text-align:center;}
#cardWrap .head .thumb {}
#cardWrap .head .thumb img {max-width:315px; max-height:315px; border-radius:8px; box-shadow:16px 16px 24px 1px rgba(255,255,255,.15);}
#cardWrap .head h1 {margin-top:30px; font-size:30px; line-height:28px; font-weight:700; color:#fff;}
#cardWrap .head .text {margin-top:4px; font-size:16px; line-height:24px; color:#fff;}
#cardWrap .head .fee {margin-top:31px;}
#cardWrap .head .fee span {display:inline-block; padding:0 8px; border:1px solid rgba(84,73,68,.4); border-radius:4px; color:#544944; line-height:18px; font-size:12px; background:#fff;}
#cardWrap .head .fee a {position:relative; margin-left:8px; padding-right:15px; color:#fff;}
#cardWrap .head .fee a:after {content:""; position:absolute; top:50%; right:2px; width:7px; height:7px; margin-top:-3px; border:solid #fff; border-width:1px 1px 0 0; transform:rotate(45deg);}
#cardWrap .content {margin:24px 24px 0; padding:20px; border-radius:10px; background:#fafafa ;}
#cardWrap .content h2 {margin-top:30px; font-size:18px; font-weight:500;}
#cardWrap .content h3 {margin-top:30px; font-size:22px; font-weight:500;}
#cardWrap .content h4 {margin-top:4px; font-size:16px; font-weight:500;}
#cardWrap .content h5 {margin-top:0px; margin-bottom:20px; font-size:22px; font-weight:500;}
#cardWrap .content h6 {margin-top:4px; font-size:12px; font-weight:400;}
#cardWrap .content .srmy {margin-top:4px; font-size:30px; font-weight:600; color:#007881;}
#cardWrap .content .text {margin-top:4px;}
#cardWrap .content ul {margin:2px 0 20px 4px;}
#cardWrap .content li {position:relative; padding-left:8px; color:#666; line-height:1.8em;}
#cardWrap .content li:before {content:""; position:absolute; top:12px; left:0; width:2px; height:2px; border-radius:3px; background:#666;}
#cardWrap .content table {width:100%; margin:6px 0; table-layout:fixed; border-collapse:collapse;}
#cardWrap .content table th {padding:12px 5px 11px; border:1px solid #ebebeb; text-align:center; background:#f5f5f5;}
#cardWrap .content table td {padding:12px 5px 11px; border:1px solid #ebebeb; text-align:center; background:#fff; }
#cardWrap .cautionArea {max-width:880px; margin:0 auto;}
#cardWrap .cautionArea h2 {padding-left:24px; border-bottom:1px solid #ebebeb; font-size:16px; line-height:56px; font-weight:500; color:#00437c;}
#cardWrap .cautionArea >ul {padding:20px 24px;}
#cardWrap .cautionArea li {position:relative; padding-left:8px; color:#666; line-height:2em;}
#cardWrap .cautionArea li+li {margin-top:6px;}
#cardWrap .cautionArea li:before {content:""; position:absolute; top:13px; left:0; width:2px; height:2px; border-radius:3px; background:#666;}
#cardWrap .cautionArea li ul {margin-left:8px;}
#cardWrap .cautionArea li li {margin-top:0;}
#cardWrap .cautionArea li li:before {top:15px; width:4px; height:1px;}
#cardWrap .cautionArea .statute {padding:16px; margin:24px 24px 0; border-radius:6px; color:#666; background:#fafafa;}
#cardWrap .foot {position:fixed; left:50%; bottom:0; width:100%; max-width:880px; padding:24px; background:#fff; transform:translateX(-50%);}
#cardWrap .foot button {width:100%; height:60px; border-radius:10px; font-size:16px; font-weight:400; color:#000; background:#5ddbdb;}
#cardWrap .button {width:14%; height:30px; border-radius:5px; text-align:center; font-size:16px; font-weight:200; background:#5ddbdb;}

.bgLayer {display:none; position:fixed; left:0; top:0; z-index:90; width:100%; height:100%; background:rgba(0,0,0,.5);}
.layer {display:none; opacity:0; position:fixed; left:24px; right:24px; top:50%; z-index:100; border-radius:20px; background:#fff;}
.layer.on {opacity:1;}
.layer h2 {line-height:55px; border-bottom:1px solid #ebebeb; font-size:16px; font-weight:500; text-align:center;}
.layer .close {position:absolute; right:22px; top:18px;}
.layer .content {overflow-y:auto; padding:32px 24px;}
.feeLayer .content .info li {position:relative; padding-left:56px; color:#666;}
.feeLayer .content .info li img {position:absolute; left:0; top:0;}
.feeLayer .content .info li b {color:#222; font-weight:700;}
.feeLayer .content .info li+li {margin-top:24px;}
.feeLayer .content .caution {padding-top:24px; margin-top:24px; border-top:1px solid #ebebeb;}
.feeLayer .content .caution li {position:relative; padding-left:10px; color:#666;}
.feeLayer .content .caution li:before {content:"*"; position:absolute; left:0; top:3px;}
.feeLayer .content .caution li+li {margin-top:12px;}


.compact-table {
        border-collapse: collapse;
}
.compact-table th, .compact-table td {
        padding: 2px; /* 패딩을 더 줄여 높이 감소 */
        font-size: 12px; /* 글꼴 크기 조정 */
        line-height: 1; /* 줄 간격을 줄입니다 */
        height: 20px; /* 셀의 높이를 강제로 줄입니다 */
}