@charset "utf-8";

.terms {width:100%}
.terms .depth1 p {padding-left:11px; }
.terms .depth1 li {margin-bottom:0.8rem;color:#222;font-weight:400; border-bottom:1px dotted #ddd; padding-bottom:0.8rem;font-size:0.7rem}
.terms .depth2 li {font-size:0.7rem;margin:0.8rem 0 0 0; color:#688d92; border:none; padding-bottom:0px;}
.terms .depth2 li p {font-size:0.7rem;margin:0px;color:#555;border:none;  padding-bottom:0px;}
.terms .depth3 {margin-bottom:10px; padding-bottom:0px;}
.terms .depth3 li {font-weight:normal; font-size:0.7rem; margin:0px; color:#555; border:none;  padding-bottom:0px;}
.terms .depth3 li.num {list-style:decimal !important; padding:0; margin-left:0.8rem; border:none;}
.terms .depth4 {margin-bottom:10px;  padding-bottom:0px;}
.terms .depth4 li {color:#666; border:none;  padding-bottom:0px;}

.sitemap {position:relative;overflow:hidden;width:100%}
.sitemap .sitemap_list {text-align:center;margin:-0.4rem}
.sitemap .sitemap_list .list {display:inline-block;vertical-align:top;width:25%;padding:0.4rem;margin-left: -5px;}
.sitemap .sitemap_list .list .list_cont {min-height:16.95rem;border:0.15rem solid #eeeeee;border-top:0.2rem solid #0fba9e;padding:1.4rem 0.75rem}
.sitemap .sitemap_list .list .list_cont .tit {padding-bottom:0.7rem;font-size:1.1rem;line-height:1.1rem;color:#09957e;font-weight:500;border-bottom:1px solid #aaa}
.sitemap .sitemap_list .list .list_cont ul {margin-top:0.65rem}
.sitemap .sitemap_list .list .list_cont ul li {padding:0.45rem 0;background:url(../imgs/etc/list_dot.png) repeat-x 0 100%;background-size:0.75rem auto}
.sitemap .sitemap_list .list .list_cont ul li a {color:#555;font-size:0.9rem}
@media screen and (max-width:900px){
    .sitemap .sitemap_list .list  {width:33.3333333333333%}
}
@media screen and (max-width:545px){
    .sitemap .sitemap_list .list  {width:50%}
}
@media screen and (max-width:399px){
    .sitemap .sitemap_list .list  {width:100%;margin-left:0}
    .sitemap .sitemap_list .list .list_cont {min-height:auto}
}



/*지역별순위현황*/
.ranking h3 {text-align:center;margin:7% 0 0;}
.ranking .tit {font-size:45px;letter-spacing: -2px;text-align:center;font-weight:500;color:#777;margin-top: 10px;}
.ranking .slt_area {text-align:center;margin:2% 0 5%;}
.ranking .slt_area select {width:35%;border:3px solid #ddd;padding:10px 15px;font-size:20px;color: #777;
    letter-spacing: -0.5px;font-weight: 500;border-radius: 5px}
.ranking .cont {display:table;width:100%;padding: 3% 0 7%;}
.ranking .cont .left, .ranking .cont .right {display:table-cell;vertical-align: middle;text-align:center;}
.ranking .cont .right div { width:700px;height:350px; background:url(/imgs/map/rank_img.png) no-repeat top center;background-size:100% auto;position:relative;display:inline-block;}
.ranking .cont .right div p {position:absolute;width:120px;border:3px solid #333;text-align:center;color:#fff;font-weight:500;font-size:20px;padding:7px 0;border-radius:10px;letter-spacing: -0.5px;line-height: 1;}
.ranking .cont .right div p.type1 {background-color:#2dc1ff;left: 288px;bottom: 0;}
.ranking .cont .right div p.type2 {background-color:#c09326;bottom:15px;right:170px;}
.ranking .cont .right div p.type3 {background-color:#9c63dc;bottom:15px;left:165px;}
.ranking .cont .right div p.type4 {background-color:#17a97a;bottom:15px;right:47px;}
.ranking .cont .right div p.type5 {background-color:#aaa;bottom:25px;left:40px;}

@media screen and (max-width: 1100px) { 
	.ranking .tit {font-size:35px;}
	.ranking .cont .right div {width:550px;height:300px;}
	.ranking .cont .right div p {font-size:18px;width:110px;}
	.ranking .cont .right div p.type5 {bottom:40px;left:25px;}
	.ranking .cont .right div p.type4 {bottom:30px;right:25px;}
	.ranking .cont .right div p.type3 {bottom:20px;left:135px;}
	.ranking .cont .right div p.type2 {bottom:20px;right:135px;}
	.ranking .cont .right div p.type1 {bottom:60px;left:215px;}
}

@media screen and (max-width: 900px) { 
	.ranking .cont .left, .ranking .cont .right {display:block;}
}

@media screen and (max-width: 768px) { 
	.ranking h3 img {width:60%;height:auto;}
	.ranking .tit {font-size:30px;}
	.ranking .slt_area select {font-size:18px;padding:7px 15px;width:60%;}
	.ranking .cont {padding-top:0;}
	.ranking .cont .left {display:none;}
}
@media screen and (max-width: 650px) {
	.ranking .cont .right div {width:400px;height:200px;}
	.ranking .cont .right div p {font-size:16px;width:90px;padding:5px 0;border-radius:5px;border:2px solid #333;}
	.ranking .cont .right div p.type5 {bottom:25px;left:10px;}
	.ranking .cont .right div p.type4 {bottom:25px;right:10px;}
	.ranking .cont .right div p.type3 {bottom:-10px;left:90px;}
	.ranking .cont .right div p.type2 {bottom:-10px;right:90px;}
	.ranking .cont .right div p.type1 {bottom:25px;left:155px;}
}
@media screen and (max-width: 500px) { 
	.ranking .tit {font-size:20px;letter-spacing: -1px}
	.ranking .slt_area select {padding:5px 10px;font-size:15px}
}

@media screen and (max-width: 460px) {
	.ranking .cont .right div {width:300px;height:180px;}
	.ranking .cont .right div p {font-size:14px;width:80px;}
	.ranking .cont .right div p.type5 {bottom:33px;left:0;}
	.ranking .cont .right div p.type4 {bottom:33px;right:0;}
	.ranking .cont .right div p.type3 {bottom:0;left:60px;}
	.ranking .cont .right div p.type2 {bottom:0;right:60px;}
	.ranking .cont .right div p.type1 {bottom:33px;left:110px;}
	
}