@charset "utf-8";
/***사이트맵***/
.etcbox .area{display:inline-block;margin:-20px 0 0 -20px;}
.etcbox .box{position:relative;float:left;width:268px;min-height:320px;padding:0 0 40px;margin:20px 0 0 20px;border:1px solid #dfdfdf;border-top:1px solid #000; transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
.etcbox .box:hover{border:1px solid #222;box-shadow:8px 10px 20px rgba(0,0,0,0.2);-webkit-box-shadow:8px 10px 20px rgba(0,0,0,0.2);}
.etcbox .box .tit{padding:15px 0;font-size:19px;font-family:'NotoKrM', sans-serif;color:#222;text-align:center;border-bottom:1px dashed #b2b6c4;background:#f3f4f7;}
.etcbox .box .con{margin:0 40px;}
.etcbox .box .con > ul{padding-top:22px;}
.etcbox .box .con ul li a{display:block;}
.etcbox .box .con > ul > li > a{height:30px;line-height:30px;font-size:15px;font-family:'NotoKrR', sans-serif;color:#222;}
.etcbox .box .con > ul > li > a:hover{color:#2c92e2;}
.etcbox .box .con > ul > li > ul{margin:10px 0;padding:17px 10px;border:1px solid #dfdfdf;background:#f9f9f9;}
.etcbox .box .con > ul > li > ul > li > a{line-height:25px;height:25px;font-size:14px;color:#555;}
.etcbox .box .con > ul > li > ul > li > a:hover{color:#222;text-decoration:underline;}


/******************************1024******************************/
@media all and (max-width:1024px){
/* 사이트맵 */
.etcbox .area{width:100%;margin:0;}
.etcbox .box{display:inline-block;float:none;vertical-align:top;width:30.8%;margin:1%;}

}


/******************************900******************************/
@media all and (max-width:900px){
/* 사이트맵 */
.etcbox .box .con{margin:0 30px;}
.etcbox .box .con > ul{padding-top:18px;}

}


/******************************767******************************/
@media all and (max-width:767px){
/* 사이트맵 */
.etcbox .box{width:47.8%;min-height:130px;padding:0 0 30px;box-sizing:border-box;}
.etcbox .box .tit{font-size:18px;}
.etcbox .box .con{margin:0 20px;}
.etcbox .box .con > ul > li > a{font-size:15px;}
.etcbox .box .con > ul > li > ul{padding:12px;}
.etcbox .box .con > ul > li > ul > li > a{font-size:14px;}

}


/******************************640******************************/
@media all and (max-width:640px){
/* 사이트맵 */
.etcbox .box{width:100%;min-height:auto;margin:1% 0;}
.etcbox .box .tit{font-size:17px;}

}


/******************************480******************************/
@media all and (max-width:480px){
/* 사이트맵 */
.etcbox .box .con > ul{padding-top:14px;}
	
}