@charset "utf-8";

#include04_wrapper{position:relative;padding:40px 20px;background:#fff}
#include04_wrapper > div{width:100%;box-sizing:border-box;gap:50px;align-items:center}
#include04_wrapper .tit_img{flex:0 0 216px}
#include04_wrapper .tit_img img{display:block;max-width:100%;height:auto}
#include04_wrapper .txt{flex:1 1 auto;box-sizing:border-box}
#include04_wrapper .info_tit span{font-family:'Noto Sans KR';font-weight:700}
#include04_wrapper .direct_link{flex:0 0 229px}

@media (hover:hover){
#include04_wrapper .info_btn:hover{border-color:#77be3a;color:#fff;background:#77be3a}
}
@media (max-width:1024px){
#include04_wrapper{padding:35px 20px}
#include04_wrapper > div{height:auto!important;gap:30px}
#include04_wrapper .txt{width:auto!important;padding-left:0!important}
#include04_wrapper .info_tit{padding-top:0!important;font-size:29px!important}
#include04_wrapper .info_txt{padding-top:18px!important}
#include04_wrapper .direct_link{flex:0 0 180px}
#include04_wrapper .info_btn{width:180px!important;height:56px!important;margin-top:0!important;font-size:20px!important;line-height:56px!important}
}
@media (max-width:768px){
#include04_wrapper{padding:35px 20px;border-top:1px solid #eee}
#include04_wrapper > div{display:block!important;margin:0 auto!important;text-align:center}
#include04_wrapper .tit_img{width:180px;margin:0 auto 22px}
#include04_wrapper .txt{width:100%!important;padding-left:0!important}
#include04_wrapper .info_tit{display:inline-block;padding:9px 14px!important;font-size:23px!important;line-height:1.35!important;background:#77be3a}
#include04_wrapper .info_tit span{display:inline;font-weight:700!important;background:none!important}
#include04_wrapper .info_txt{padding-top:0!important;margin:22px 0 26px!important;white-space:normal!important;text-align:left}
#include04_wrapper .direct_link{display:none!important}
#include04_wrapper .info_btn{width:168px!important;height:54px!important;margin:0 auto!important;font-size:18px!important;line-height:54px!important}
}
@media (max-width:480px){
#include04_wrapper{padding:30px 20px}
#include04_wrapper .tit_img{width:150px}
#include04_wrapper .info_tit{padding:8px 12px!important;font-family:'Noto Sans KR';font-size:21px!important;font-weight:700!important}
#include04_wrapper .info_txt{margin:18px 0 22px!important;font-size:14px!important;line-height:24px!important}
}
@media (max-width:380px){
#include04_wrapper .info_tit{font-size:19px!important}
}