@import url(http://fonts.googleapis.com/earlyaccess/notosansKr.css);

.sub_main_0_1_1{width:20%; float:left; text-align:center; font-size:18px; margin-top:20px; height:50px; padding-top:20px; margin-bottom:20px; font-weight:600; background-color:#fff;font-family:'Noto Sans KR', sans-serif; color:#000;
   border-top:1px solid #000; border-bottom:1px solid #000; }

.sub_main_0_1_1:hover {width:20%; float:left; text-align:center; font-size:18px; margin-top:20px; height:50px; padding-top:20px; margin-bottom:20px; font-weight:600; background-color:#000; color:#fff; font-family:'Noto Sans KR', sans-serif;  }



.sub_main_0_1_2{width:25%; float:left; text-align:center; font-size:18px; margin-top:20px; height:50px; padding-top:20px; margin-bottom:20px; font-weight:600; background-color:#fff; font-family:'Noto Sans KR', sans-serif;  color:#000;
   border-top:1px solid #000; border-bottom:1px solid #000; }

.sub_main_0_1_2:hover {width:25%; float:left; text-align:center; font-size:18px; margin-top:20px; height:50px; padding-top:20px; margin-bottom:20px; font-weight:600; background-color:#000; color:#fff; font-family:'Noto Sans KR', sans-serif;  }


.sub_main_0_1_3{width:50%; float:left; text-align:center; font-size:18px; margin-top:20px; height:50px; padding-top:20px; margin-bottom:20px; font-weight:600; background-color:#fff; font-family:'Noto Sans KR', sans-serif;  color:#000;
   border-top:1px solid #000; border-bottom:1px solid #000; }

.sub_main_0_1_3:hover {width:50%; float:left; text-align:center; font-size:18px; margin-top:20px; height:50px; padding-top:20px; margin-bottom:20px; font-weight:600; background-color:#000; color:#fff; font-family:'Noto Sans KR', sans-serif; }



@media only screen and (max-width: 1010px) {


.sub_main_0_1_1{font-size:13px;  height:40px;}

.sub_main_0_1_1:hover{font-size:13px; height:40px; }

.sub_main_0_1_2{font-size:13px;  height:40px;}

.sub_main_0_1_2:hover{font-size:13px; height:40px; }

.sub_main_0_1_3{font-size:13px;  height:40px;}

.sub_main_0_1_3:hover{font-size:13px; height:40px; }

}

@media only screen and (max-width: 768px) {


#sub_main_0{padding-top:63px;}
.sub_main_0_1_1{font-size:11px;  height:30px; }

.sub_main_0_1_1:hover{font-size:11px; height:30px; }

.sub_main_0_1_2{font-size:11px;  height:30px; }

.sub_main_0_1_2:hover{font-size:11px; height:30px; }

.sub_main_0_1_3{font-size:11px;  height:30px; }

.sub_main_0_1_3:hover{font-size:11px; height:30px; }

}



@media only screen and (max-width: 400px) {



.sub_main_0_1_1{font-size:7px; height:20px; padding-top:10px; }

.sub_main_0_1_1:hover{font-size:7px; height:20px; padding-top:10px;}

.sub_main_0_1_2{font-size:7px; height:20px; padding-top:10px; }

.sub_main_0_1_2:hover{font-size:7px; height:20px; padding-top:10px;}

.sub_main_0_1_3{font-size:7px; height:20px; padding-top:10px; }

.sub_main_0_1_3:hover{font-size:7px; height:20px; padding-top:10px;}


}