@charset "utf-8";

/* 공통 */
.doc-tit {margin-bottom:26px; font-size:var(--font-size-26); font-weight:600; line-height:1.33em; letter-spacing:-.03em; color:#242424;}

.doc-sub-tit {position:relative; margin-bottom:26px; padding-left:26px; font-size:var(--font-size-26); font-weight:600; line-height:1.33em; letter-spacing:-.03em; color:#242424;}
.doc-sub-tit:before {content:''; position:absolute; top:6px; left:0; width:18px; height:18px; border:5px solid var(--color-primary); border-radius:100%;}

.badge {display:inline-block; padding:0 4px; margin-top:-.2em; border-radius:4px; font-size:0.94em; line-height:1.33em; color:#fff; text-align:center; vertical-align:middle;}
.badge.pc {background:#ec6c75;}
.badge.mo {background:#67b94c;}

.table table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #ff5000; line-height:1.5em; color:#454545;}
.table table th,
.table table td {height:60px; padding:15px 20px; border:1px solid #ddd;}
.table table th {background:#f8f8f8; font-weight:500;}
.table table tr th:first-child,
.table table tr td:first-child {border-left:0;}
.table table tr th:last-child,
.table table tr td:last-child {border-right:0;}
.table .badge {margin-right:6px;}
.table.mgb {margin-bottom:60px;}

/* 소개 */
.introduce {max-width:1000px; padding:0 50px; margin:0 auto; text-align:center; background:#ffc4c6;}
.introduce .logo {padding:80px 120px 50px;}
.introduce .paper {max-width:776px; margin:0 auto;}
.introduce .paper .ring {height:38px; background:url("../images/sub/paper.png") 50% 100% no-repeat; background-size:100% auto;}
.introduce .paper .wrap {background:#fff;}
.introduce .paper .inner {padding:56px 30px 40px;}
.introduce .paper p {font-size:var(--font-size-28); font-weight:600; line-height:1.79em; letter-spacing:-.03em;}
.introduce .bt {padding:44px 0;}
.introduce .bt p {color:#fff; font-size:var(--font-size-28); font-weight:700; line-height:1.33em; letter-spacing:-.03em; text-shadow: 0px 3px 0px rgba(0, 0, 0, 0.2);}
.introduce .bt p:not(:last-child) {margin-bottom:14px;}
.introduce .bt .line {display:inline-block; position:relative;}
.introduce .bt .line:before {content:''; position:absolute; bottom:-2px; left:-5px; right:-5px; height:46%; background:#fbb0b3;}
.introduce .bt .line span {position:relative;}

/* 이용안내 */
.guide-top-text {margin-bottom:30px; font-size:var(--font-size-18); font-weight:500; line-height:1.56em; letter-spacing:-.03em; text-align:center;}
.guide-top-text strong {font-weight:600;}
.guide-top-text .c1 {color:#ea616a;}
.guide-top-text .c2 {color:#80c569;}

.center-list {margin-bottom:40px; border:1px solid #ddd;}
.center-list ul {display:flex; flex-wrap:wrap; margin:0 -1px -1px 0;}
.center-list ul li {width:calc(100% / 9); height:60px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-align:center;}
.center-list ul li a {display:flex; flex-direction:column; justify-content:center; align-items:center; width:100%; height:100%; color:#454545; font-size:var(--font-size-18); line-height:1.33em;}
.center-list ul li.active a {position:relative; background:var(--color-primary); color:#fff;}
.center-list ul li.active a:after {content:''; position:absolute; top:-1px; right:-1px; bottom:-1px; left:-1px; border:1px solid var(--color-primary);}