@charset "utf-8";

/* 메인 박스 */
.main_box_{display:flex;position:relative;bottom:100px;z-index:99;max-width:1070px;margin:0 auto}
.main_box_:after{display:block;clear:both;content:""}
.main_box_ img{width:100%}
.main_box_ .txt{padding:40px 30px;font-family:'notokr-regular'}
.main_box_ .m_01{float:left;position:relative;width:calc((100% / 3) - 4px);height:445px;margin-right:14px;font-size:14px;line-height:22px;letter-spacing:-0.3px;background:#fff;box-shadow:0px 3px 20px 0 rgba(0,0,0,0.05);-webkit-box-shadow:0px 3px 20px 0 rgba(0,0,0,0.05);-moz-box-shadow:0px 3px 20px 0 rgba(0,0,0,0.05);-ms-box-shadow:0px 3px 20px 0 rgba(0,0,0,0.0.05);behavior:url(/js/PIE.htc)}
.main_box_ p.sh_tit{padding-bottom:17px;font-size:22px;font-weight:700;color:#222222;letter-spacing:-0.5px;-webkit-transition:all .3s;transition:all .3s;font-family:'Raleway'}
.main_box_ .m_01 a{display:block;width:100%;height:100%;color:#666666}
.main_box_ .m_01 a span{white-space:pre-line}
.main_box_ .m_01 .more{position:absolute;right:30px;bottom:23px;font-size:13px;font-weight:600;color:#333;letter-spacing:0;-webkit-transition:all .3s;transition:all .3s;font-family:'Raleway'}
.main_box_ .m_01.m03{margin-right:0!important}

/* 반응형 [s] */
@media(hover:hover){
.main_box_ .m_01 a:hover .more{color:#ff9600}
.main_box_ .m_01 a:hover p.sh_tit{color:#ff9600}
}
@media (max-width:1024px){
#sh_index_wrapper .include01{height:auto}
.main_box_ .txt{word-break:keep-all}
.main_box_ p.sh_tit{font-size:20px}
.main_box_ .m_01 a span{white-space:normal}
}
@media (max-width:768px){
.main_box_{flex-direction:column;bottom:0px}
.main_box_ img{width:40%}
.main_box_ .txt{width:47%;padding:0px 0px 0px 40px}
.main_box_ .m_01{width:100%;height:auto;padding:40px 0px}
.main_box_ .m_01 a{display:flex;justify-content:center;align-items:center}
}
@media (max-width:480px){
.main_box_ .m_01{border-bottom:1px solid #e1e1e1}
.main_box_ .m_01 a{flex-direction:column}
.main_box_ img{width:80%}
.main_box_ .txt{width:80%;padding:40px 0px 30px 10px}
}
/* 반응형 [e] */