@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:0.8em; line-height:1.5;}
#wrapper{width:100% }

.in{width:1001px; margin:auto}
.logo{float:left; width:10%; margin-left:4.9113%; margin-top:2%}
.contners{background:url(../images/sub_02main.jpg) no-repeat center center; background-size:cover; height:200px} 


.box{margin:0px 3%;line-height:1.5;height:600px}
.ceo{width:55%;float:left; }
.ceo> h3{font-size:20px; padding-top:7%;font-weight:700; background:url(../images/bar01.gif) no-repeat 0% 40%; margin-bottom:5%}
.ceo_img{width:28%;float:left; margin-top:10%;margin-left:10%}
.ceo> p{margin-left:5%; font-size:1.0em}
.ceo> span{margin-left:5%} 


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


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


}

@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}
.ceo> h3{font-size:13px; }
.ceo_img{width:38%; margin-top:30%;margin-left:3%}


}
@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}
.ceo> h3{font-size:13px; }
.ceo_img{width:38%; margin-top:30%;margin-left:3%}
.ceo> p{font-size:.9em}


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