@charset "utf-8";

#include03{position:relative;width:100%;font-size:16px}
#include03_wrap{max-width:1150px;margin:0 auto}
#include03_wrap .inc_tit{margin-bottom:25px;padding-left:15px;border-left:5px solid var(--primary);font-size:24px;color:#111;font-family:'notokr-bold'}
#include03_wrap .tab_list{margin-bottom:30px}
#include03_wrap .tab_list ul{display:grid;grid-template-columns:repeat(4,1fr)}
#include03_wrap .tab_list ul li{padding:15px 0;text-align:center;color:#888;background-color:#f5f5f5;cursor:pointer;transition:all .2s;font-family:'notokr-medium'}
#include03_wrap .tab_list ul li.on{color:#fff;background-color:var(--primary)}
#include03_wrap .flex_box{display:flex;gap:30px}
#include03_wrap .flex_box .l_map{display:flex;align-items:center;justify-content:center;width:50%;padding:30px;border:1px solid #e1e1e1}
#include03_wrap .flex_box .l_map img{width:100%}
#include03_wrap .flex_box .r_txt{width:50%;padding-top:10px}
#include03_wrap .flex_box .r_txt .line_tit{padding-bottom:15px;border-bottom:1px solid #e1e1e1;font-size:20px;color:#111;font-family:'notokr-bold'}
#include03_wrap .flex_box .r_txt dl{padding:15px}
#include03_wrap .flex_box .r_txt dl+dl{border-top:1px dashed #e1e1e1}
#include03_wrap .flex_box .r_txt dl dt{display:flex;align-items:center;gap:10px;font-size:18px;color:#111;font-family:'notokr-bold'}
#include03_wrap .flex_box .r_txt dl dt span{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:5px;font-size:15px;color:#fff;background-color:var(--primary);font-family:'notokr-medium'}
#include03_wrap .flex_box .r_txt dl dd{padding:5px 0 0 45px;word-break:keep-all}
#include03_wrap a{display:block;width:100%;margin-top:15px;border:1px solid var(--primary);text-align:center;line-height:50px;color:var(--primary);background-color:#fff;font-family:'notokr-medium'}
#include03_wrap .flex_tab .flex_box .l_map{padding:0}
#include03_wrap .flex_tab .flex_box .r_txt{display:flex;flex-flow:column}
#include03_wrap .flex_tab .flex_box .mid_txt{padding-top:115px;font-size:20px;line-height:30px;white-space:pre-line;text-align:center;font-family:'notokr-medium'}
#include03_wrap .flex_tab .flex_box .mid_txt span{color:var(--primary);font-family:'notokr-bold'}
#include03_wrap .flex_tab .flex_box .mid_txt em{display:block;font-size:18px;line-height:1.6;font-style:normal;font-weight:500;color:#666}
#include03_wrap .flex_tab .flex_box a{margin-top:auto}
#include03_wrap #tab4.flex_tab .flex_box .mid_txt{padding-top:30px}
#include03_wrap #tab4 .r_txt>span{display:block;margin-top:30px;padding:8px 0;border-radius:5px;text-align:center;font-weight:600;color:#fff;background-color:#333}
#include03_wrap #tab4 ul{margin:25px 0;text-align:center}

@media (max-width:1300px){
#include03_wrap{max-width:none;padding:0 15px}
}
@media (max-width:1230px){
#include03_wrap .flex_tab .flex_box .mid_txt{padding-top:17%}
}
@media (max-width:1024px){
#include03{font-size:15px}
#include03_wrap .inc_tit{font-size:20px;line-height:1}
#include03_wrap .flex_box .r_txt .line_tit{font-size:18px}
#include03_wrap .flex_box .r_txt dl{padding:15px 10px}
#include03_wrap .flex_box .r_txt dl dt{font-size:16px}
#include03_wrap .flex_box .r_txt dl dt span{width:30px;height:30px;font-size:13px}
#include03_wrap .flex_box .r_txt dl dd{padding-left:40px}
#include03_wrap .flex_tab .flex_box .mid_txt{font-size:18px;line-height:1.6}
}
@media (max-width:768px){
#include03_wrap .inc_tit{font-size:18px}
#include03_wrap .tab_list ul{grid-template-columns:repeat(2,1fr)}
#include03_wrap .tab_list ul li{padding:10px 0}
#include03_wrap .flex_box{flex-flow:column}
#include03_wrap .flex_box .l_map{width:100%}
#include03_wrap .flex_box .r_txt{width:100%;padding:0}
#include03_wrap .flex_tab .flex_box .mid_txt{padding:40px 0}
#include03_wrap #tab4 .r_txt>span{margin-top:0}
#include03_wrap #tab4.flex_tab .flex_box .mid_txt{padding:40px 0}
}
@media (max-width:480px){
#include03{font-size:14px}
#include03_wrap .flex_box .l_map{padding:20px}
}
@media (max-width:380px){
#include03_wrap .flex_box .r_txt dl dt{font-size:15px}
}