@charset "UTF-8";

/********************************
 이용안내 > 01사이트맵
 *******************************/
.siteBox {}
.siteList {font-size:0;}
.siteList::after {content:''; display:block; clear:both;}
.siteList > li {position:relative; display:inline-block; padding:1.0rem; width:25%; font-size:1.6rem; vertical-align:top}
.siteList > li .siteListItem {position:relative; padding-top:3.0rem;}
.siteList > li .siteListItem .titBox {display:table; position:absolute; left:0; top:0; padding:0 2.0rem; width:100%; text-align:center;}
.siteList > li .siteListItem .titBox > h3 {display:table-cell; height:6.0rem; font-size:2.1rem; color:#fff; background:linear-gradient(to bottom, #21c15a, #1cae8b, #039dd6); border-radius:1.0rem; vertical-align:middle;}
.siteList > li .siteListItem .contBox {padding:5.0rem 3.0rem 3.0rem; min-height:30.0rem; border:0.1rem solid #cdd5dc; border-radius:1.0rem;}
.siteList > li .siteListItem .contBox ul {}
.siteList > li .siteListItem .contBox ul > li {margin:0.4rem 0;}
.siteList > li .siteListItem .contBox ul > li a {display:inline-block; padding:0.2rem 0;}
.siteList > li .siteListItem .contBox ul > li a > span {position:relative; display:inline-block; padding-left:1.2rem;}
.siteList > li .siteListItem .contBox ul > li a > span::before {content:''; display:block; position:absolute; left:0; top:1.1rem; width:0.4rem; height:0.4rem; background-color:#25ba0d;}

	/*media query*/
@media screen and (max-width:1340px) {
}
@media screen and (max-width:1200px) {
	.siteList > li .siteListItem .titBox > h3 {font-size:1.8rem;}
}
@media screen and (max-width:1024px) {
	.siteList > li {width:33.3333%; font-size:1.5rem;}
	.siteList > li .siteListItem .titBox > h3 {height:5.0rem;}
}
@media screen and (max-width:767px) {
	.siteList > li {width:50%; font-size:1.4rem;}
	.siteList > li .siteListItem .titBox > h3 {font-size:1.6rem;}
}
@media screen and (max-width:640px) {
}
@media screen and (max-width:480px) {
	.siteList > li {width:100%;}
	.siteList > li .siteListItem .contBox {padding:4.0rem 2.0rem 3.0rem; min-height:inherit;}
}
@media screen and (max-width:360px) {
}