@charset "utf-8";

.cont_wrap{}
.cont_wrap br{display:none}
.cont_wrap .txt-wrap{width: 100%;margin-bottom: 60px;}
.cont_wrap .txt-wrap + .txt-wrap{margin-top:60px}
.cont_wrap .txt-wrap:after{content:"";display:block;clear:both}
.cont_wrap .txt-wrap .img{width: 462px;float: left;}
.cont_wrap .txt-wrap .img img{width: 100%;}
.cont_wrap .txt-wrap ul{margin-left:40px;width: calc(100% - 503px);float: left;}
.cont_wrap .txt-wrap ul li ~ li{margin-top:30px}
.cont_wrap .txt-wrap ul li strong{display:block;font-size:30px;color: #0146b9;font-weight: 400;margin-bottom:20px;}
.cont_wrap .txt-wrap ul li .txt{display:block;font-size: 18px;color:#333}

.greeting{max-width:1260px;margin:0 auto}
/*.greeting .objImg{margin-right: 40px;}
.greeting .objTxt{display: inline-block;width: calc(100% - 546px);font-size: 20px; line-height: 30px;}
.greeting .objTxt span{font-size:30px;color: #0146b9;font-weight: 400;}*/


@media all and (max-width: 1024px){
  #_JW_stMp_basic li ._stMpWrap > ul > li{width: 24%;}
  /*  .cont_wrap .txt-wrap .img{width: 40%;float: left;}
    .cont_wrap .txt-wrap ul{width: calc(60% - 40px)}
    .cont_wrap .txt-wrap ul li strong{font-size:18px}
    .cont_wrap .txt-wrap ul li .txt{font-size:15px;margin-top:10px;}
    .cont_wrap .txt-wrap ul li ~ li{margin-top:20px}*/
}

.hanaro-mart{width: 100%;margin-top: 20px;}
.hanaro-mart:after{content:"";display:block;clear:both}
.hanaro-mart li{float:left;width:33%;margin-left: 0.3%; margin-bottom: 26px;}
.hanaro-mart li::before{display:none}
.hanaro-mart li span{display: block; text-align: center; font-size: 24px;padding-top: 10px;}
.hanaro-mart li img{}

@media all and (max-width: 768px){
    .cont_wrap .txt-wrap .img{max-width: 460px;width:100%;float: unset;text-align:center}
    .cont_wrap .txt-wrap ul{width:100%;margin-left:0;margin-top:20px}
    .cont_wrap .txt-wrap ul li strong{font-size:24px}
    .cont_wrap .txt-wrap ul li .txt{font-size:18px;margin-top:10px;}
    .cont_wrap .txt-wrap ul li ~ li{margin-top:20px}
  /*
.greeting .objImg{ display: block; width: 100%;  text-align: center;float: unset;}
.greeting .objTxt{ display: block;float: unset; font-size: 17px; padding: 20px;  width:100%;  line-height: 25px;}
  .greeting .objTxt span{display: block;font-size:20px;text-align: center;}*/
  
.hanaro-mart li{float:unset;width:100%;}
.hanaro-mart li span{font-size: 18px;}
}