@charset "utf-8";
*{margin:0; padding:0; }
ul, ol{list-style:none}
a{color:'inhert'; text-decoration:none}
header, footer, nav{display:block}
img{max-width:100%}
body{font-family:'NanumBarunGothic','굴림','Source Sans Pro', 'sans-serif'; font-size:.8em; line-height:1.5;}
#wrapper{width:100%}
.in{width:1001px; margin:0 auto}
.logo{float:left; width:10%; margin-left:4.9113%; margin-top:2%}
.contners{background:url(../images/nat_main.jpg) no-repeat center center; background-size:cover; height:200px}
.main-text{margin-left:15%; padding-top:5%; width:210px}

.main-text h1{font-weight:700}
.main-text p{font-size:18px}

.box{margin:0px 3%;line-height:1.5;height:100%;}
.id{fmargin-bottom:5%;height:400px; position:relative }
.id> h3{font-size:20px; padding-top:7%;font-weight:700; background:url(../images/bar01.gif) no-repeat 0% 50%; margin-bottom:5%}

.center{width:90%; margin:auto; line-height:1.5;margin-left:5%; height:300px}
.center_text{width:55%; float:left; margin-right:5%}
.center_img{width:40%; float:left}

.idea_01{position:relative; margin-left:5%;}
.idea_img{width:65% ;margin-bottom:10% }
.idea_img> h2{margin:3% 5px;color:#004ea2;}
.idea_img> h2 > img{margin-right:1%}
.idea_02{width:30% ; 5margin-left:5%; position:absolute; right:0%; top:5% }


.title_text> li{margin-left:3%; float:left;font-size:0.8em;margin-right:3.5%}

.sub-button{height:250px; position:relative;margin-left:6%}
.sub-button> h2{margin:3% 5px;color:#004ea2;}
.sub-button> h2 > img{margin-right:1%}

.sub_img{margin-right:1%;float:left; right:0% }
.sub_img img{padding-right:5% ;}
.sub-button button{margin-left:22%;background:#c8590e; color:#fff; border:none;outline:0; padding:4px 4px; border-radius:10px;}

#table{margin:auto; line-height:1.2; border-collapse:collapse; font-size:0.7em; margin-left:5%;margin-bottom:5% }
#table> h2{margin:3% 5px; color:#004ea2;font-size:2.0em }
#table> h2 > img{margin-right:1%; }

#table> h3{font-size:20px; padding-top:7%;font-weight:700; background:url(../images/bar01.gif) no-repeat 0% 50%; margin-bottom:5%}
#table tr td, th{border:2px solid #000; padding:5px 5px; width:130px; }
#table th{background:#bfbfbf; padding:15px 0px}

.cj_01> h3{font-size:20px; padding-top:7%;font-weight:700; background:url(../images/bar01.gif) no-repeat 0% 50%; }
.idea> p{margin-left:10%; font-size:1.2em; margin-bottom:5%}
.plasma{margin-left:5%}

.air> table{border-collapse:collapse; font-size:1.0em;  margin-left:5%; margin-bottom:5%; margin-top:5%}
.air> .table tr td{border:1px solid #8a8a8a; padding:5px 17px;  text-align:center; font-size:.9em; }


.cj{margin:5%; font-size:.9em;}
.cj> .mtable tr td{border:1px solid #8a8a8a;padding:5px 10px;text-align:center; }


@media screen and (min-width:1024px) and (max-width:1279px){
.in{width:1024px; margin:0 auto}


}


@media screen and (min-width:780px) and (max-width:1023px){
.in{width:auto; margin:0 auto}

.main-text{margin-right:15%; padding-top:7%;}
.menu-container > .menu a{text-align:right}
.contners{height:200px}
.sub_img{width:18%}


}
@media screen and (min-width:640px) and (max-width:779px){
.in{width:auto; margin:0 auto}
.logo{ width:15%;}
.menu-container > .menu a{text-align:right}
.contners{height:150px;}
.sub_img{width:18%}
.sub-button button{ border-radius:8px;font-size:0.9em}


}

@media screen and (min-width:480px) and (max-width:639px){
.in{width:auto; margin:0 auto}
.logo{ width:15%;}
.main-text img{width:65%}
.menu-container > .menu a{text-align:right}
.contners{height:100px}
.id> h3{font-size:13px;}
.center_text{width:50%;margin-right:5%; font-size:10px}
.center_img{width:45%;}
.center{height:240px}
.id{height:320px;}
.title_text> li{margin-left:1%;font-size:0.7em;margin-right:.5%}
#table tr td, th{padding:5px 1px; width:100px; }

.sub_img{width:18%}
.sub-button button{ border-radius:4px;font-size:0.7em;padding:4px 1px;}
.idea_img> h2{font-size:1.1em}
.sub-button> h2{font-size:1.1em}
#table> h2{font-size:1.6em }
.cj_01> h3{font-size:13px;}
.sub-button{height:170px;}
.air> .table tr td{padding:5px 1px; font-size:.8em; }
.cj> .mtable tr td{border:1px solid #8a8a8a;padding:5px 1px;font-size:.8em; }

}


@media screen and (max-width:479px){
.in{width:auto; margin:0 auto}
.logo{ width:20%;}
.menu-container > .menu a{text-align:right}
.contners{height:100px}
.id> h3{font-size:13px;}
.id{height:490px;}
.center_text{width:100%; font-size:10px}
.center_img{width:90%;margin-top:5%}


.title_text> li{display:none}
#table tr td, th{padding:5px 1px; width:100px; }

.sub_img{width:18%}
.sub_img{margin-right:2%;}

.sub-button button{ border-radius:4px;font-size:0.6em;padding:3px 1px;}
.idea_img> h2{font-size:1.1em}
.sub-button> h2{font-size:1.1em}
#table> h2{font-size:1.6em }
.cj_01> h3{font-size:13px;}
.sub-button{height:170px;}
.air> .table tr td{padding:5px 1px; font-size:.8em; }
.cj> .mtable tr td{padding:5px 1px;font-size:.8em; width:130px}


}





.clearfix::before, .clearfix::after{content:''; display:block}
.clearfix::after{clear:both}