@charset "utf-8";

/*인사말*/
.given_wrap .given_twrap{padding:40px;background-repeat:no-repeat;background-position:center;}
.given_wrap.bg1 .given_twrap{background-image:url(/nanum/site/builder/dir/wonnuri/img/menu3334/given_bg1.jpg)}
.given_wrap.bg2 .given_twrap{background-image:url(/nanum/site/builder/dir/wonnuri/img/menu3334/given_bg2.jpg)}
.given_wrap .g_txtbg{padding:60px 40px;background:rgba(255,255,255,0.9)}
.given_wrap .g_txtbg .tit{font-family:'NotoKrB',sans-serif;font-size:34px;line-height:45px;color:#00228d;text-align:center}
.given_wrap .g_txtbg .stit{margin-bottom:45px;font-family:'NotoKrR',sans-serif;font-size:24px;line-height:35px;color:#333;text-align:center}
.given_wrap .g_txtbg ul.list3 li{font-size:16px;line-height:25px;color:#333;background-position:0 12px;}

.given_wrap .detail_info{overflow:hidden;display:inline-block;width:100%;margin-top:50px;border-top:1px solid #ccc;}
.given_wrap .detail_info dl{position:relative;float:left;width:50%;margin-left:-1px;padding:15px 0;font-size:15px;line-height:25px;letter-spacing:-0.05em;border-bottom:1px solid #ccc;background:url(/nanum/site/builder/dir/wonnuri/img/menu3331/about_line.gif) no-repeat 0 50%;}
.given_wrap.bg2 .detail_info dl{float:none;width:100%;}
.given_wrap .detail_info dl dt{position:absolute;top:50%;left:0;margin-top:-12.5px;padding: 0 15px;font-family:'NotoKrB', sans-serif;color:#333;}
.given_wrap .detail_info dl dd{padding-left:110px;font-family:'Prompt', 'NotoKrR', sans-serif;color:#555;word-break:keep-all;}
.given_wrap .detail_info dl.w100{width:100%}

/*활동분야안내*/
.spon_field_wrap .use_way{display:inline-block;width:100%;text-align:center;}
.spon_field_wrap .use_way li{display:inline-block;float:left;width:263px;height:220px;padding-right:20px;margin-top:30px;}
.spon_field_wrap .use_way li.step4,
.spon_field_wrap .use_way li.step5,
.spon_field_wrap .use_way li.step6{float:right;}
.spon_field_wrap .use_way li.step1,
.spon_field_wrap .use_way li.step2{background:url(/nanum/site/builder/dir/wonnuri/img/menu3334/right_arr.gif) no-repeat right 75px;}
.spon_field_wrap .use_way li.step3{padding-right:0;background:url(/nanum/site/builder/dir/wonnuri/img/menu3334/down_arr.gif) no-repeat 50% bottom;}
.spon_field_wrap .use_way li.step5,
.spon_field_wrap .use_way li.step6{background:url(/nanum/site/builder/dir/wonnuri/img/menu3334/left_arr.gif) no-repeat right 75px;}
.spon_field_wrap .use_way li span{display:inline-block;width:30px;height:30px;line-height:30px;font-size:15px;font-family: 'Prompt', sans-serif;font-weight:500;color:#fff;text-align:center;border-radius:100px;background:#232323;}
.spon_field_wrap .use_way li dl{width:200px;height:40px;margin:15px auto 0;line-height:40px;border:2px solid #222;}
.spon_field_wrap .use_way li dl dt{font-size:16px;font-family: 'NotoKrM', sans-serif;color:#000;letter-spacing:-0.05em;}
.spon_field_wrap .use_way li dl dd{margin-top:20px;font-size:15px;font-family:'NotoKrR', sans-serif;color:#555;line-height:22px;letter-spacing:-0.05em;}

.spon_field_wrap .step_way{display:inline-block;width:100%;text-align:center;}
.spon_field_wrap .step_way li{float:left;width:33.33%;height:210px;margin-top:40px;background:url(/nanum/site/builder/dir/wonnuri/img/menu3334/right_arr.gif) no-repeat right 75px;}
.spon_field_wrap .step_way li:last-child{background:none;}
.spon_field_wrap .step_way li dl dt{padding-bottom:90px;font-size:16px;font-family: 'Prompt', sans-serif;font-weight:500;color:#000;text-transform:uppercase;letter-spacing:0;}
.spon_field_wrap .step_way li dl dd{font-size:15px;font-family:'NotoKrR', sans-serif;color:#555;letter-spacing:-0.05em;line-height:22px;}
.spon_field_wrap .step_way li dl dd.tit{margin-bottom:10px;font-size:16px;font-family:'NotoKrM', sans-serif;color:#000;}
.spon_field_wrap .step_way li.icon1 dl dt{background:url(/nanum/site/builder/dir/wonnuri/img/menu3334/application_step01.gif) no-repeat 50% 36px;}
.spon_field_wrap .step_way li.icon2 dl dt{background:url(/nanum/site/builder/dir/wonnuri/img/menu3334/application_step02.gif) no-repeat 50% 36px;}
.spon_field_wrap .step_way li.icon3 dl dt{background:url(/nanum/site/builder/dir/wonnuri/img/menu3334/application_step03.gif) no-repeat 50% 36px;}
.spon_field_wrap .step_way li.icon4 dl dt{background:url(/nanum/site/builder/dir/wonnuri/img/menu3334/application_step04.gif) no-repeat 50% 36px;}




/******************************1024******************************/
@media all and (max-width:1024px){
/*인사말*/
.given_wrap .given_twrap{background-size:cover}


/*활동분야안내*/
.spon_field_wrap .use_way li{width:33.33%;box-sizing:border-box;background-position:right 60px !important;}
.spon_field_wrap .use_way li.step3{background-position:50% bottom !important;}
.spon_field_wrap .use_way li.step4{padding-right:0;}
.spon_field_wrap .use_way li dl{width:auto;margin:15px 5% 0;}
}


/******************************767******************************/
@media all and (max-width:767px){
/*인사말*/
.given_wrap .given_twrap{padding:30px;}
.given_wrap .g_txtbg{padding:40px;}
.given_wrap .g_txtbg .tit{font-size:24px;line-height:35px;}
.given_wrap .g_txtbg .stit{margin-bottom:30px;font-size:18px;line-height:28px;}
.given_wrap .g_txtbg ul.list3 li{font-size:15px;line-height:22px;background-position: 0 10px;}
.given_wrap .detail_info{margin-top:20px;}
.given_wrap .detail_info dl{float:none;padding:10px;width:100%;font-size:14px;background:0}

/*활동분야안내*/
.spon_field_wrap .use_way li dl dd br{display:none;}

}



/******************************640******************************/
@media all and (max-width:640px){
/*활동분야안내*/
.spon_field_wrap .use_way{margin-bottom:5px;}
.spon_field_wrap .use_way li{float:none;width:100%;height:auto;margin-top:10px;padding-right:0;text-align:left;background:none !important;}
.spon_field_wrap .use_way li:first-child{margin-top:0;}
.spon_field_wrap .use_way li dl{display:inline;margin:10px auto;padding-left:5px;border:0;}
.spon_field_wrap .use_way li dl dt{display:inline;font-size:15px;}
.spon_field_wrap .use_way li dl dd{margin-top:0;padding:0 5px 0 32px;}
.spon_field_wrap .use_way li.step4,
.spon_field_wrap .use_way li.step5,
.spon_field_wrap .use_way li.step6{float:none;}
.spon_field_wrap .use_way li span{width:24px;height:24px;line-height:24px;font-size:14px;}

.spon_field_wrap .step_way li{float:none;width:100%;height:auto;margin:0;padding:15px 0;text-align:left;border-top:1px dashed #ccc;}
.spon_field_wrap .step_way li:first-child{margin-top:0;border-top:0;}
.spon_field_wrap .step_way li dl dt{display:inline;padding-bottom:0;font-size:15px;background:none !important;}
.spon_field_wrap .step_way li dl dd.tit{display:inline;font-size:15px;margin-left:10px;}
.spon_field_wrap .step_way li dl dd br{display:none;}
}