@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 -------------------------------------------------------------------------- */



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

.hpro01 .hpro1_left{float:left; width:26%;  }
.hpro01 .hpro1_right{float:right; width:74%; padding:0 0 0 0; box-sizing:border-box; font-size:18px; font-weight:300; color:#343434; line-height:160%}
.hpro01 .hpro1_right p {padding:0 0 5px 0;}
.hpro01 .hpro1_right p img{width:auto; height:auto;}
.hpro01 .hpro1_right ul {margin:20px 0 0 0;}
.hpro01 .hpro1_right ul li {width:100%; height:auto; color:#343434; font-weight:300; font-size:18px; padding:0 0 0 15px; box-sizing: border-box; line-height:160%;  background:url('/img/ic_li_dash.png') 0 8px no-repeat;}




}













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



#hpro_wrap {margin:80px 0 0 0; padding:0;}
.hpro01{width:100%; height:auto; margin:0 auto 80px; }
.hpro01:after {content:""; display:block; clear:both;}

.hpro01 .hpro1_left{float:left; width:26%;  }
.hpro01 .hpro1_right{float:right; width:74%; padding:0 0 0 0; box-sizing:border-box; font-size:16px; font-weight:300; color:#343434; line-height:180%; }
.hpro01 .hpro1_right p {padding:0 0 5px 0;}
.hpro01 .hpro1_right p img{width:auto; height:auto;}
.hpro01 .hpro1_right ul {margin:20px 0 0 0;}
.hpro01 .hpro1_right ul li {width:100%; height:auto; color:#343434; font-weight:300; font-size:18px; padding:0 0 0 15px; box-sizing: border-box; line-height:160%;  background:url('/img/ic_li_dash.png') 0 8px no-repeat;}




}



















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



#hpro_wrap {margin:80px 0 0 0; padding:0;}
.hpro01{width:100%; height:auto; margin:0 auto 80px; }
.hpro01:after {content:""; display:block; clear:both;}

.hpro01 .hpro1_left{float:none; width:100%;  text-align:center;}
.hpro01 .hpro1_left img{width:auto; height:70px;}

.hpro01 .hpro1_right{float:none; width:100%; padding:0 0 0 0; box-sizing:border-box; font-size:1.0em; font-weight:300; color:#343434; line-height:180%; }
.hpro01 .hpro1_right p {padding:10px 0; margin:0 0 10px 0;  text-align:center;}
.hpro01 .hpro1_right p img{width:auto; height:20px;}
.hpro01 .hpro1_right ul {margin:10px 0 0 0;}
.hpro01 .hpro1_right ul li {width:100%; height:auto; color:#343434; font-weight:300; font-size:18px; padding:0 0 0 15px; box-sizing: border-box; line-height:160%;  background:url('/img/ic_li_dash.png') 0 8px no-repeat;}
.hpro01 .hpro1_right ul li br { display:none;}




}