@charset "utf-8";
@import url(/css/font.css);

BODY{margin:0; padding:0; text-align:center; FONT-FAMILY: "NotoSansKR", "±¼¸²";}

img{border:0px;}

A:active {color:#282828;text-decoration:none;}
A:link {color:#282828;text-decoration:none;}
A:visited {color:#282828;text-decoration:none;}
A:hover {color:#282828;text-decoration:none;}

h2 {font-size:26px; color:#1A1B4D; font-weight:600; line-height:30px;}
h3 {font-size:20px; color:#1A1B4D; font-weight:600; line-height:30px;}
h4 {font-size:18px; color:#1A1B4D; font-weight:600; line-height:30px;}
h5 {font-size:16px; font-weight:400; line-height:30px;}

ul {margin:0; padding:0 0 0 30px;}
.text_box01 li{margin:0; padding:0 20px 10px 0; line-height:24px; word-break:keep-all; text-align:justify;}
.text_box01 li b{color:#333; font-weight:600;}

@media all and (min-width:1001px){
#top_article{width:100%; text-align:left; background-color: #181b50;}
#top_article #header{width:100%; border-bottom:2px solid #c7000a;}
#top_article #header #top_category {margin: 0 auto; width:1100px; height:120px;}
#top_article #header #top_category #top1{float: left; width:230px; margin-top:60px;}
#top_article #header #top_category #top2{float: left; width:640px; margin-top:20px; text-align: center;}
#top_article #header #top_category #top3{float: left; width:230px; margin-top:65px; text-align:right;}

#article{width:1100px; margin:0 auto; padding:0; background-color: #FFF;}

#article .etc-menu{padding:15px 0;font-size:14px;font-weight:bold;}
#article .etc-menu:after{display:block;clear:both;content:""}
#article .etc-menu li{float:left; width:24%; margin-right:1%; margin-bottom:2px; list-style:none;}
#article .etc-menu li:nth-child(4n){width:25%; margin-right:0;}
#article .etc-menu li a{display: block; padding:10px 0 10px 0; text-align:center; border:1px solid #cdcdcd; border-radius:4px; color:#435464; background:#fff;}
#article .etc-menu li .icon_line{margin:0; padding:0; height:20px; display:block;}
#article .etc-menu .icon{margin:0 10px 0 10px;}
#article .etc-menu .ci{height:40px;}

#bottom{width:100%; margin:0; padding:0; background-color:#F3F4F8; display:block;}
#bottom .copyright{font-size:15px; padding:20px; background-color:#F3F4F8; display:block;}
}

@media all and (min-width:0px) and (max-width:1000px){
#top_article{width:100%; text-align:left; background-color: #181b50;}
#top_article #header{width:100%; border-bottom:2px solid #c7000a;}
#top_article #header #top_category {margin: 0 auto; width:100%; height:90px;}
#top_article #header #top_category #top1{display:none;}
#top_article #header #top_category #top2{padding:20px 0 0 0; text-align: center;}
#top_article #header #top_category #top3{display:none}

#article{width:95%; margin:0 auto; padding:0; background-color: #FFF;}

#article .etc-menu{padding:15px 0;font-size:14px;font-weight:bold;}
#article .etc-menu:after{display:block;clear:both;content:""}
#article .etc-menu li{float:left; width:33%; margin-right:1%; margin-bottom:2px; list-style:none;}
#article .etc-menu li:nth-child(3n){width:32%; margin-right:0;}
#article .etc-menu li a{display: block; padding:10px 0 10px 0; text-align:center; border:1px solid #cdcdcd; border-radius:4px; color:#435464; background:#fff;}
#article .etc-menu li .icon_line{margin:0; padding:0; height:20px; display:block;}
#article .etc-menu .icon{margin:0 10px 0 10px;}
#article .etc-menu .ci{height:30px;}

#bottom{width:100%; margin:0; padding:0; background-color:#F3F4F8; display:block;}
#bottom .copyright{font-size:15px; padding:20px; background-color:#F3F4F8; display:block;}
}