﻿@charset "utf-8";

/*캠페인*/
.campaign_wrap .camp_box {margin:30px 0; width:100%; height:280px; background-position:100% 0%; background-repeat:no-repeat; }
.campaign_wrap .camp_box.bg {background-image:url('/nanum/site/builder/dir/jbccvc/img/menu3427/campaign_bg.png'); }
.campaign_wrap .camp_box .tit {font-size:22px; color:#404893; font-family:'NotoKrB',sans-serif; margin-bottom:30px; letter-spacing:-0.08em; background:url('/nanum/site/builder/skin/skin02_01/img/common/bu_list4.png')no-repeat 0 50%; padding-left:15px;}
.campaign_wrap .camp_box .con {position:relative; border-top:1px solid #ddd; display:inline-block; padding: 20px 10px;}
.campaign_wrap .camp_box .con:before {position:absolute; top:-2px; left:0; width:136px; height:2px; background:#000; display:inline-block; content:'';}
.campaign_wrap .camp_box dl {position:relative; padding-left:60px; display:table;}
.campaign_wrap .camp_box dl dt,
.campaign_wrap .camp_box dl dd{display:inline-block; }
.campaign_wrap .camp_box dl dt {position:absolute; top:0; left:0; color:#000; width:40px; font-family:'NotoKrB',sans-serif; margin-right:15px; float:left; background:url('/nanum/site/builder/skin/skin02_01/img/common/bu_list5.png')no-repeat 0 50%; padding-left:15px;}
.campaign_wrap .camp_box dl dd {position:relative; display:table-cell; font-family:'Lato','NotoKrR',sans-serif;}



/******************************1024******************************/
@media all and (max-width:1024px){

.campaign_wrap .camp_box .tit {font-size:20px; margin-bottom:25px;}
.campaign_wrap .camp_box.bg {background-size:280px auto;}


}


/******************************767******************************/
@media all and (max-width:767px){

.campaign_wrap .camp_box  {padding-top:0;}
.campaign_wrap .camp_box .tit {font-size:18px; margin-bottom:15px;}
.campaign_wrap .camp_box.bg {background-size:150px auto; background-position:100% 50%;}
.campaign_wrap .camp_box dl dt,
.campaign_wrap .camp_box dl dd {font-size:14px;}

}


/******************************768******************************/
@media all and (max-width:480px){

.campaign_wrap .camp_box  {padding-top:0;}
.campaign_wrap .camp_box.bg {background:none;}

}
