@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}

.box{margin:0px 3%;line-height:1.5;height:100%;}

.idea> 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%}
.idea> p > span{color:#f00}
.plasma{margin-left:5%}
.plasma_img img{margin-right:5%}
.plasma .plasma_arrow img{margin-right:8%; margin-left:5%}


.air> table{border-collapse:collapse; font-size:1.0em;  margin-left:10%; margin-bottom:5%; margin-top:5%; }
.table  tr td{border:2px solid #fff; padding:5px 15px; width:330px; text-align:center}
.table-th tr th{border:2px solid #8a8a8a; width:130px; padding:5px 10px;font-size:1.0em}
.table-th tr:first-of-type{background:#c6d9f1;}

.table_text> #table_td tr td, .table_text> #table_td tr th{font-size:1.0em; border:1px solid #8a8a8a; text-align:center} 
.table_text tr:nth-child(1){background:#f99fa5;}
.middle{position:relative}
.middle> h3{font-size:20px; padding-top:7%;font-weight:700; background:url(../images/bar01.gif) no-repeat 0% 50%; margin-bottom:5%}
.middle> h2{margin:2%;margin-left:7%}
.middle> h2 > img{margin-right:1%}
.middle > img:first-of-type{margin-left:5%}
.middle > img:last-of-type{margin-left:5%}

.middle> .table_text{position:absolute;right:10%; top:35%;margin-left:5% }
.middle> .table_text> .table_td tr td, th{border:2px solid #d9d9d9;font-size:0.7em; padding:5px 15px;}
.middle> .table_text> h4{margin-left:30%;margin-bottom:2%}
.middle_01{margin-left:5%}
.middle_02> h2{margin:2%;}
.middle_02> h2 > img{margin-right:1%}
.middle_03{margin-top:5%; margin-bottom:5%; height:100%}
.middle_03> h2{margin-bottom:3%; margin-left:3%}
.middle_03> h2 > img{margin-right:1%}
.middle_03> ul{width:40%;float:left;argin-left:10%; }
.middle_03> ul > p{margin-left:3%}

@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}
.middle > img:last-of-type{margin-left:0%}

.middle> .table_text{right:0%; margin-left:0% }

}
@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;}
.middle > img:first-of-type{margin-left:5%;width:30%}
.middle > img:last-of-type{margin-left:0%;width:30%}
.middle> .table_text{right:0%; top:35%;margin-left:5% ;}
.middle_01{margin-left:5%;margin-top:10%}
.table_text> #table_td tr td, .table_text> #table_td tr th{font-size:0.8em; } 

}
@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}
.idea> h3{font-size:13px;}
.plasma_img img{margin-right:5%; width:24%}
.plasma .plasma_arrow img{ width:10%; }
.plasma .plasma_arrow > img:first-of-type{width:8%; margin-left:10%}
.middle > h3{font-size:13px;}
.middle> h2{font-size:1.1em;}
.middle > img:first-of-type{margin-left:5%;width:25%}
.middle > img:last-of-type{margin-left:0%;width:25%}
.middle> .table_text{font-size:.6em;}
.middle> .table_text > table{width:170px;margin-left:15%}
.middle> .table_text> .table_td tr td, th{font-size:0.7em; padding:2px 0px;}

.middle_01{margin-left:5%;margin-top:7%}
.middle_02> h2{font-size:1.1em;}
.middle_03> h2{font-size:1.1em;}
.middle_03> ul{width:45%;}


}
@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}
.idea> h3{font-size:13px;}
.idea> p{ font-size:1.0em;}

.plasma_img img{margin-right:5%; width:24%}
.plasma .plasma_arrow img{ width:10%; }
.plasma .plasma_arrow > img:first-of-type{width:8%; margin-left:10%}
.middle > h3{font-size:13px;}
.middle> h2{font-size:1.1em;}
.middle > img:first-of-type{margin-left:5%;width:25%}
.middle > img:last-of-type{margin-left:0%;width:25%}
.middle> .table_text{font-size:.6em;}
.middle> .table_text > table{width:130px;margin-left:16%}
.middle> .table_text> .table_td tr td, th{font-size:0.7em; padding:2px 0px;}
.air> table{font-size:.9em;  margin-left:5%; }

.middle_01{margin-left:5%;margin-top:17%}
.middle_02> h2{font-size:1.1em;}
.middle_03> h2{font-size:1.1em;}
.middle_03> ul{width:47%;}


}



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