@charset "utf-8";

#include03_wrapper{width:1200px;margin:50px auto 40px}
#include03_wrapper .menu_li{overflow:hidden}
#include03_wrapper .menu_li a{display:block}
#include03_wrapper .menu_li li{float:left;width:25%;text-align:center}
#include03_wrapper .menu_li li .m_tit{padding:20px 0 12px;font-size:17px;color:#333;font-family:'notokr-medium'}
#include03_wrapper .menu_li li .m_txt{display:inline-block;position:relative;font-size:15px;color:#666;transition:all 0.3s}
#include03_wrapper .menu_li li .m_txt:before{display:none;position:absolute;top:-1px;right:-10px;content:url('/sh_img/include/include_03/img/go.png')}
#include03_wrapper .menu_li li .m_eng{display:block;position:relative;width:210px;margin:10px auto;padding-top:13px;font-size:12px;color:#a6a6a6;letter-spacing:2px;text-transform:uppercase;font-weight:700;letter-spacing:0;font-family:'Poppins'}
#include03_wrapper .menu_li li .m_eng:before, #include03_wrapper .menu_li li .m_eng:after{content:'';display:block;height:3px;position:absolute;top:0;z-index:2;-webkit-transition:width 400ms;transition:width 400ms;-webkit-transition-timing-function:cubic-bezier(0.165, 0.840, 0.440, 1.000);transition-timing-function:cubic-bezier(0.165, 0.840, 0.440, 1.000)}
#include03_wrapper .menu_li li .m_eng:before {width:100%;right:0;background:#b7b7b7;-webkit-transition-delay:200ms;transition-delay:200ms}
#include03_wrapper .menu_li li .m_eng:after {width:0;left:0;background:#cca378;-webkit-transition-delay:0ms;transition-delay: 0ms}

/* 반응형 s */
@media (hover:hover){
#include03_wrapper .menu_li li:hover .m_eng:before {width:0;-webkit-transition-delay:0ms;transition-delay:0ms}
#include03_wrapper .menu_li li:hover .m_eng:after {width:100%;-webkit-transition-delay:200ms;transition-delay:200ms}
#include03_wrapper .menu_li li:hover .m_eng{color:#cca378}
#include03_wrapper .menu_li li:hover .m_txt:before{display:block}
#include03_wrapper .menu_li li:hover .m_txt{padding-right:5px}
}
@media (max-width:1200px){
#include03_wrapper{width:100%;padding:0 15px}
#include03_wrapper .menu_li li+li{border-left:1px solid #ececec}
#include03_wrapper .menu_li li .m_txt{display:none}
#include03_wrapper .menu_li li .m_eng{display:none}
}
@media (max-width:768px){
#include03_wrapper{padding:0;margin:0}
#include03_wrapper .menu_li li{width:50%;padding:30px 0}
#include03_wrapper .menu_li li:nth-child(3){border-left:0}
#include03_wrapper .menu_li li:nth-child(3),#include03_wrapper .menu_li li:nth-child(4){border-top:1px solid #ececec}
#include03_wrapper .menu_li li .m_tit{padding:20px 0 0}
}
@media (max-width:480px){
#include03_wrapper .menu_li li .m_tit{font-size:15px}
}
@media (max-width:380px){
#include03_wrapper .menu_li li{height:160px}
}
/* 반응형 e */