@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/green_01main.jpg) no-repeat center center; background-size:cover; height:200px}
.main-text{margin-left:15%; padding-top:5%; width:300px;  }
.main-text img{width:85%}
.main-text p{font-size:14px}

.box{margin:0px 3%;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%}
.FOAM{margin:0px 30%;}
.FOAM h1{width:300px; text-align:center; color:#720d0e; margin-bottom:2%; tmargin:0% 35%; rfont-size:2.3em}
.FOAM span{font-size:0.7em}
.FOAM h5{ margin:0px 7%;}
.plasma_img{margin-top:5%;margin-left:5% ; }
.plasma_img> img{margin-bottom:5%;}
.plasma_img > .ad{width:18%; float:left}
.plasma_img> .col{width:28%;float:left;margin-right:3% }
.place{height:350px; margin-left:5%; }
.place h3{font-size:1.5em; border-bottom:3px solid #720d0e; width:400px;margin:6% 28%; text-align:center; color:#720d0e}

.icon01, .icon02, .icon03, .icon04{width:25%; float:left; }
.icon01 p, .icon02 p, .icon03 p, .icon04 p{width:70%}
.icon01 h4, .icon02 h4, .icon03 h4, .icon04 h4{margin-left:9%}

.auto{margin-left:5%; position:relative; }
.auto h2{color:#720d0e; margin:5% 0%}
.auto-text p{width:50% }
.auto-text span{color:#720d0e; font-weight:700}
.auto-text> p img{margin-right:2%; width:1.5%}
.auto-img{ position:absolute; right:10%; top:13%;  width:30% }

.autosense{margin-left:5%; margin-top:5%}
.autosense h2{color:#720d0e; }
.autosense p{width:60%; margin:3% 2%}
.table{margin-bottom:5%}
.table tr td, th{border:1px solid #000; width:180px}
.table tr td{padding:5px 10px}
.table tr th{background:#e9ebf1}



@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:5%;}
.menu-container > .menu a{text-align:right}
.contners{height:200px}
.autosense> img{width:45%}
.place h3{width:350px;margin:6% 23%;}
.place{height:320px;}

}

@media screen and (min-width:640px) and (max-width:779px){
.in{width:auto; margin:0 auto}
.logo{ width:15%;}
.main-text{margin-right:0%; }
.main-text P{font-size:1.2em; width:78%}
.menu-container > .menu a{text-align:right}
.contners{height:150px; width:auto}
.auto-ezc .table{ font-size:0.8em}
.auto-ezc> .table tr > th{padding:5px 10px}
.FOAM{margin:0px 20%;}


.FOAM h1{gmargin:0% 25%; }
.FOAM h5{rmargin-left:33%}
.plasma_img> .col{font-size:.8em;margin-left:5px}
.plasma_img> .col p:nth-child(1){font-weight:700;font-size:1.1em }

.place h3{margin:6% 18%;width:300px}
.place{height:300px;  }
.icon01, .icon02, .icon03, .icon04{width:20%; float:left;margin-right:14px }
.icon01 p, .icon02 p, .icon03 p, .icon04 p{font-size:.7em; width:100%}
.icon01 h4, .icon02 h4, .icon03 h4, .icon04 h4{font-size:1.0em}

.auto-img{ position:absolute; right:10%; top:13%;  width:38% }
.autosense> img{width:40%}
.autosense p{width:80%; margin:3% 2%}


}

@media screen and (min-width:480px) and (max-width:639px){
.in{width:auto; margin:0 auto}
.logo{ width:15%;}
.main-text img{width:65%}
.FOAM{margin:0px 20%;}
.FOAM h1{font-size:1.5em}
.FOAM h5{margin-left:13%}

.main-text{margin-right:0%; padding-top:2%}
.main-text P{font-size:.8em;width:160px}
.menu-container > .menu a{text-align:right}
.contners{height:100px}
.idea> h3{font-size:13px;}
.news> h3{font-size:13px;}
.plasma_img > .ad{width:38%;}
.plasma_img> .col{width:47%; padding:3% 5%; font-size:1.0em}
.plasma_img> .col p:nth-child(1){font-weight:700;font-size:1.1em }

.place h3{margin:6% 5%;}
.icon01, .icon02, .icon03, .icon04{width:20%; float:left;margin-right:14px }
.icon01 p, .icon02 p, .icon03 p, .icon04 p{font-size:.7em; width:100%}
.icon01 h4, .icon02 h4, .icon03 h4, .icon04 h4{font-size:.8em}
.place{height:220px;  }
.auto-img{ position:absolute; right:10%; top:23%;  width:40% }
.autosense> img{width:45%}
.auto-text p{width:40%; font-size:.8em }
.autosense p{width:80%; margin:3% 2%}
.table tr td, th{ width:120px; font-size:.8em }
.place h3{width:300px;margin:6% 13%;}


}

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

.logo{ width:20%;}
.main-text img{width:65%}

.main-text{margin-right:0%; padding-top:2%}
.main-text P{font-size:.8em;width:160px}
.menu-container > .menu a{text-align:right}
.contners{height:100px}
.idea> h3{font-size:13px;}
.news> h3{font-size:13px;}
.FOAM{margin:0px 10%;}
.FOAM h1{font-size:1.5em; }
.plasma_img > .ad{width:35%;}
.plasma_img> .col{width:47%; padding:3% 7%; font-size:.9em}
.plasma_img> .col p:nth-child(1){font-weight:700;font-size:1.1em }
.place h3{width:300px;margin:6% 5%;}

.icon01, .icon02, .icon03, .icon04{width:20%; float:left;margin-right:14px }
.icon01 p, .icon02 p, .icon03 p, .icon04 p{font-size:.7em; width:100%}
.icon01 h4, .icon02 h4, .icon03 h4, .icon04 h4{font-size:.8em}
.place{height:220px;  }
.auto-img{ position:absolute; right:10%; top:23%;  width:45% }
.autosense> img{width:45%}
.auto-text p{width:40%; font-size:.8em }
.autosense p{width:80%; margin:3% 2%}
.table tr td, th{ width:120px; font-size:.8em }


}




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