html {scroll-behavior: smooth;}
*{font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}
.serif{font-family: "Noto Serif KR", serif !Important;}
body{min-width:1300px;}
.ctt{width:1300px;margin:0 auto;}
.mb_block{display:none;}
.pc_block{display:block;}
.c1{color:#1face3}
.c2{color:#001240}
.f50{font-size:50px;line-height:70px;}
.f40{font-size:40px;line-height:60px;}
.f32{font-size:32px;line-height:46px;}
.f26{font-size:26px;line-height:38px;}
.f22{font-size:22px;line-height:36px;}
.f20{font-size:20px;line-height:34px;}
.f18{font-size:18px;line-height:32px;}
.f16{font-size:16px;line-height:28px;}
#ctt{display:none;}
.sub_top{width:100%}
.sub_top img{display:block;width:100%;}

.snb{border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;}
.snb h4{display:none;}
.snb ul{display:flex;justify-content:center;}
.snb ul li{}
.snb ul li a{padding:25px 40px;display:block;font-size:16px;position:relative;}
.snb ul li a.on:after{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#0058b4;content:"";}

.page_tit{margin-top:70px;text-align:center;}
.page_tit span{display:block;text-align: center;font-size: 11px;color: #ddd;letter-spacing: 2px;}
.page_tit h2{margin-top:10px;}
.page_tit ul{width:1300px;margin:0 auto;margin-top:30px;border-bottom:1px solid #e4e4e4;display:flex;justify-content:center;}
.page_tit ul li{}
.page_tit ul li a{position:relative;display:block;padding:20px ;font-size:16px;}
.page_tit ul li a.on{color:#6578bf;font-weight:600;}
.page_tit ul li a.on:after{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#6578bf;content:"";}

.page{margin:50px 0}
.page img{display:block;width:100%}
.m_img{display:none;}
@media screen and (max-width:799px){
  .mb_block{display:block;}
  .pc_block{display:none;}
  body{min-width:100%;width:100%}
  .ctt{width:90%}
  .f50{font-size:15px;line-height:normal}
  .f40{font-size:22px;line-height:34px;}
  .f32{font-size:20px;line-height:32px;}
  .f26{font-size:18px;line-height:30px;}
  .f22{font-size:17px;line-height:27px;}
  .f20{font-size:16px;line-height:26px;}
  .f18{font-size:15px;line-height:25px;}
  .f16{font-size:14px;line-height:24px;}
  
  .page_wrap{display:flex;flex-direction: column;}
  .page{margin:30px 0}
  .sub_top{display:none;}
  .snb{width:90%;margin:0 auto;order:99;border-bottom:0;margin-bottom:40px}
  .snb h4{display:block;text-align:center;font-size:13px;color:#fff;background:#6578bf;padding:13px 0}
  .snb ul{flex-direction: column;}
  .snb ul li a {padding: 13px 0;font-size: 13px; text-align: center;border-bottom:1px solid #e4e4e4;}
  .snb ul li a.on{background:#f1f1f1}
  .snb ul li a.on:after{display:none}
  .page_tit{margin-top:0;padding:0;background:#173278;color:#fff}
  .page_tit h2{margin-top:0;padding:15px 0}
  .page_tit span{display:none;}
  .page_tit ul{width:100%;background:#fff;margin:0;}
  .page_tit ul li a{font-size:14px;padding:15px 20px}
  
  .pc_img{display:none;}
  .m_img{display:block}
}