@charset "utf-8";


/* CSS Document */
*{-webkit-text-size-adjust:none; } 

/* CSS Document */
*{-webkit-text-size-adjust:none; font-weight:normal;} 
*{margin:0;padding:0; font-weight:normal;}
html, body { height:100%; margin: 0px; padding:0px;  }
img { border : 0px;}


.clearboth{ clear: both; }
.displaynone {display:none;}
.transition01 {transition:all 0.1s; -webkit-transition:all 0.1s;}
.transition02 {transition:all 0.2s; -webkit-transition:all 0.2s;}
.transition03 {transition:all 0.3s; -webkit-transition:all 0.3s;}
.transition05 {transition:all 0.3s; -webkit-transition:all 0.5s;}

.nanummj {font-family:'Nanum Myeongjo', sans-serif;}

/*pc*/
@media screen and (min-width: 1230px){ 

/* ------------------------------------------------------------------------- top -------------------------------------------------------------------------- */




#ci_wrap {margin:0 0 0 0; padding:0;}
.ci{width:1026px; height:auto; margin:0 auto; }
.ci:after {content:""; display:block; clear:both;}

.signature {width:100%; height:auto; margin:0 auto; padding:0 0 50px 0; text-align:center;}
.signature img{width:auto; height:auto;  }
.concept {width:100%; height:auto; margin:0 auto; padding:0 0 30px 0; text-align:center;}
.concept img{width:auto; height:auto;  }
.concept2 {width:100%; height:auto; margin:0 auto; padding:0 0 50px 0; text-align:center;}
.concept2 .desc01 {width:100%; height:auto; margin:0 auto; padding:0 0 30px 0; line-height:150%; font-size:18px; font-weight:400; color:#000; text-align:center;}
.concept2 .desc02 {width:100%; height:auto; margin:0 auto; padding:30px 0; line-height:150%; font-size:18px; font-weight:400; color:#000; text-align:center;}
.concept2 img{width:auto; height:auto;  }
.s_background {width:100%; height:auto; margin:0 auto; padding:0 0 100px 0; text-align:center;}
.s_background img{width:auto; height:auto;  }
.color_consept {width:100%; height:auto; margin:0 auto; padding:0 0 50px 0; text-align:center;}
.color_consept img{width:auto; height:auto;  }


.rda {width:100%; height:auto; margin:0 auto; padding:0 0 0 0; text-align:left;}
.rda img{width:auto; height:auto;  }
.rda .rda_bar01 {height:13px; line-height:13px; padding:0 0 0 0px; margin:0 0 23px 0;  border-bottom:#87b919 1px solid;}
.rda .rda_bar01 img{width:auto; height:auto;}




}













/* tablet */
@media screen and (min-width: 800px) and (max-width: 1229px) {   



#ci_wrap {margin:0 0 0 0; padding:0;}
.ci{width:100%; height:auto; margin:0 auto; }
.ci:after {content:""; display:block; clear:both;}

.signature {width:100%; height:auto; margin:0 auto; padding:0 0 50px 0; text-align:center;}
.signature img{width:100%; height:auto;  }
.concept {width:100%; height:auto; margin:0 auto; padding:0 0 30px 0; text-align:center;}
.concept img{width:100%; height:auto;  }
.concept2 {width:100%; height:auto; margin:0 auto; padding:0 0 50px 0; text-align:center;}
.concept2 .desc01 {width:100%; height:auto; margin:0 auto; padding:0 0 30px 0; line-height:150%; font-size:1.1em; font-weight:400; color:#000; text-align:center;}
.concept2 .desc02 {width:100%; height:auto; margin:0 auto; padding:30px 0; line-height:150%; font-size:1.1em; font-weight:400; color:#000; text-align:center;}
.concept2 img{width:auto; height:auto;  }
.s_background {width:100%; height:auto; margin:0 auto; padding:0 0 100px 0; text-align:center;}
.s_background img{width:100%; height:auto;  }
.color_consept {width:100%; height:auto; margin:0 auto; padding:0 0 50px 0; text-align:center;}
.color_consept img{width:100%; height:auto;  }


.rda {width:100%; height:auto; margin:0 auto; padding:0 0 0 0; text-align:left;}
.rda img{width:100%; height:auto;  }
.rda .rda_bar01 {height:13px; line-height:13px; padding:0 0 0 0px; margin:0 0 20px 0;  border-bottom:#87b919 1px solid;}
.rda .rda_bar01 img{width:auto; height:auto;}


}



















/*mobile*/
@media screen and (max-width:799px) {   



#ci_wrap {margin:0 0 0 0; padding:0;}
.ci{width:100%; height:auto; margin:0 auto; }
.ci:after {content:""; display:block; clear:both;}

.signature {width:100%; height:auto; margin:0 auto; padding:0 0 25px 0; text-align:center;}
.signature img{width:100%; height:auto;  }
.concept {width:100%; height:auto; margin:0 auto; padding:0 0 30px 0; text-align:center;}
.concept img{width:100%; height:auto;  }
.concept2 {width:100%; height:auto; margin:0 auto; padding:0 0 25px 0; text-align:center;}
.concept2 br{display:none;}
.concept2 .desc01 {width:100%; height:auto; margin:0 auto; padding:0 0 30px 0; line-height:150%; font-size:1.0em; font-weight:400; color:#000; text-align:center;}
.concept2 .desc02 {width:100%; height:auto; margin:0 auto; padding:30px 0; line-height:150%; font-size:1.0em; font-weight:400; color:#000; text-align:center;}
.concept2 img{width:100%; height:auto;  }
.s_background {width:100%; height:auto; margin:0 auto; padding:0 0 50px 0; text-align:center;}
.s_background img{width:100%; height:auto;  }
.color_consept {width:100%; height:auto; margin:0 auto; padding:0 0 25px 0; text-align:center;}
.color_consept img{width:100%; height:auto;  }


.rda {width:100%; height:auto; margin:0 auto; padding:0 0 0 0; text-align:left;}
.rda img{width:100%; height:auto;  }
.rda .rda_bar01 {height:13px; line-height:13px; padding:0 0 0 0px; margin:0 0 20px 0;  border-bottom:#87b919 1px solid;}
.rda .rda_bar01 img{width:auto; height:auto;}




}