@charset "utf-8";

/* 내용관리 */
#ctt {margin: 140px  var(--contAPd1) var(--contAPd1) var(--contAPd1); padding: var(--contTit1); background: #fff; border-radius: 20px;}
.ctt_admin {position: absolute; right: 0;}
#ctt h1 {font-size:var(--contTt); margin-bottom:30px; text-align:center;}
#ctt_con {padding:10px 0;line-height:1.6em;}
#ctt_con img{max-width:100%;height:auto}
.ctt_img {text-align:center}

.rule_nav {margin-top: 20px;}
.rule_nav ul {display:flex; flex-wrap: wrap;}
.rule_nav ul li {width:31.3333%; background:#eee; padding:2% 1%; margin:1%; border-radius:10px; text-align:center; line-height:1.5}
.rule_nav ul li b {display:block;}

.rule_txt > div {margin-top:30px; line-height:1.8}
.rule_txt > span {display:block; padding:10px;}
.rule_txt h5 {font-size: 20px;}
.rule_txt h6 {margin-top: 12px; font-size: 17px;}
.rule_txt ol {list-style: decimal inside;}
.rule_txt ol li {margin-bottom: 5px;}
.rule_txt div p, .rule_txt ol li {line-height: 1.4; color: #555;}


@media screen and (max-width:767px) {
	#ctt {border-radius: 0; margin: 0; padding-top: 100px;}
}

@media screen and (max-width:585px) {
	.rule_nav ul li {width:48%}
}