@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%}
.enc{position:relative;margin-left:5%}
.AS-LS-img> img{width:50%}
.enc-enm{position:absolute; right:0;top:8%; width:40%}
.enc-enm> h4{color:#0205b2; font-size:1.2em; padding-left:8%;margin-bottom:3%}
.enc-enm> h4 > span{font-size:0.9em; }
.enc-enm> img{margin-top:3%}

.ad{margin-left:5%; position:relative;height:320px}
.ad> ul{width:50%;margin-bottom:3%; font-size:1.2em }
.ad> img{margin-bottom:3%}
.ad> .list-img{margin-bottom:3%; position:absolute; right:0;top:18%; width:40%}

.ad_01{margin-left:5%}
.ad_01> img{margin-bottom:3%}
.ad_01> p{font-size:1.2em;margin-bottom:3% }
.ad_01> p > img{margin-top:5%}
.ad-02{margin-left:5%}
.ad-02> img{margin-bottom:3%;margin-top:3%}
.ad-02> p > span{margin-left:53%;font-size:1.1em  }
.ad-02> p{font-size:1.1em }
.ad-02> p > img{margin-bottom: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;}
.enc-enm{position:absolute; right:0;top:8%; width:47%}
.enc-enm> img{width:80%}
.enc{height:350px}
.ad{height:260px}
.ad-02> p > span{margin-left:47%;}


}
@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}
.enc-enm{position:absolute; right:0;top:8%; width:47%}
.enc-enm> img{width:80%}
.ad{height:260px}
.ad-02> p > span{margin-left:39%;font-size:0.9em}
.idea> h3{font-size:13px;}
.enc-enm> p{font-size:.8em;}
.enc{height:300px}
.ad> .list-img{width:46%}
.enc > img{width:30%}
.ad > img{width:30%}
.ad_01 > img{width:30%}
.ad-02 > img{width:30%}
.ad-02> p{font-size:1.0em }
}
@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{height:330px}
.enc-enm> h4{font-size:1.0em; padding-left:8%;margin-bottom:3%}
.enc-enm> h4 > span{font-size:0.8em; }
.enc-enm> p{font-size:.7em;}
.enc-enm{ width:45%}
.ad{height:200px}
.ad-02> p > span{margin-left:39%;font-size:0.8em}
.enc > img{width:30%}
.ad > img{width:30%}
.ad_01 > img{width:30%}
.ad-02 > img{width:30%}
.ad> ul{ font-size:1.0em }
.ad_01> p{font-size:1.0em;}
.ad-02> p{font-size:.9em }


}

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