@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/it-01main.jpg) no-repeat center center; background-size:cover; height:200px}
.main-text{margin-left:15%; padding-top:5%; width:230px}
.main-text h1{font-weight:700}
.main-text p{font-size:18px}

.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%;  margin-bottom:5%}

.pm{margin-left:5%; height:400px}
.pm> h2{margin:3% 0px;color:#004ea2}
.pm> h2, img{margin-right:1%;}

.pm_img> img{width:40%; float:left; ; margin-right:9%}
.pm_img> p{width:350px;float:left }
.inair{margin-left:5%;}

.date> h2{margin:3% 35px; color:#004ea2;}
.date> table{margin-left:5%}
.date> table, strong h3{margin-left:5%}
.date> table h3, strong{color:#004ea2}
.date> table tr th, td{width:0px 130px}
.date> table tr th{text-align:left}

.mek{margin-bottom:5%}
.mek> h2{margin:3% 35px; color:#004ea2;}
.mek .mek-img> img{margin-left:5%;}
.mek .mek-img> img:nth-child(4){width:44%; }

/*
.table{border-collapse:collapse; font-size:0.8em;   ;text-align:center}
.table tr td{; padding:2px 0px; }
.table tr td:first-of-type{background:#dadada}
.small tr td, th{border:1px solid #000; padding:10px 8px; width:170px; margin-left:15%;}
.small tr td{ font-size:0.7em}
.idea{position:relative;}
.table{position:absolute; left:35%; top:20%}
.small{margin:5% 10% }
*/

@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}
.pm_img> img{ margin-right:4%}
.mek-img img{width:40%;float:left; height:250px;margin-bottom:5%}


}

@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;}
.pm_img> img{ margin-right:4%}
.mek-img img{height:220px;margin-bottom:5%}
.pm_img> p{width:300px;}
.pm{height:370px}
.mek-img img{width:40%;float:left; height:200px;margin-bottom:5%}



}
@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}
.pm_img> img{ margin-right:4%}
.mek-img img{height:220px;margin-bottom:5%}
.pm_img> p{width:200px;}
.pm{height:320px}
.mek-img img{width:40%;float:left; height:150px;margin-bottom:5%}
.idea> h3{font-size:13px;}
.pm> h2{font-size:1.1em}
.date > h2{font-size:1.1em}
.mek> h2{font-size:1.1em}
.date> table, strong h3{font-size:1.0em;margin-bottom:10px}
.date> table h3, strong{font-size:1.0em;margin:10px 0px}
.date> table tr th, td > p{font-size:0.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}
.pm_img> img{ margin-right:2%}
.pm_img> p{width:150px;}
.pm{height:320px}
.mek-img img{width:40%;float:left; height:130px;margin-bottom:5%}
.idea> h3{font-size:13px;}
.pm> h2{font-size:1.1em}
.date > h2{font-size:1.1em}
.mek> h2{font-size:1.1em}
.date> table, strong h3{font-size:1.0em;margin-bottom:10px}
.date> table h3, strong{font-size:1.0em;margin:10px 0px}
.date> table tr th, td > p{font-size:0.8em}

}


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