@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap');
li{list-style: none;}
a { text-decoration: none;}
img { display: block;}
fieldset { border : none}
* { box-sizing: border-box; padding: 0; margin: 0 }
caption{width:0;height:0;padding:0;font-size:0;opacity:0}

:root{
  font-size: 16px;
}

@media screen and (max-width: 1023px) {
  :root{
    font-size: 14px
  }
}

.fame_tit_box h4 { color: #000}
.fame_tit_box p { color: #707070}
.fame_tab { position: relative; margin-bottom:3%; display: flex; justify-content: space-between; text-align: center; width: 100%;}
.fame_tab button { border: none; background: #E3E8F5; flex-basis: 16%; font-size: 1.375rem; line-height: 1.6; padding: 23px 0; border-radius: 5px;}
.fame_tab button.fame_chk { background: #1E2E55; color: #FFF}

.fame_box { display: flex; flex-wrap: wrap; }
.fame_box h4 { font-weight: 500; line-height: 1.8;}
.fame_box img { width: 100%}

.fame_box1 .fame_item { flex-basis: 23.5%;  margin-bottom: 100px; margin-right: 2%;}
.fame_box1 .fame_item .fame_img_box { width: 100%; height: 340px; display: flex; justify-content: center; align-items: center; background-color: #F1F1F1; border-radius: 10px; overflow: hidden; }
.fame_box1 .fame_item .fame_tit_box { text-align: center; }
.fame_box1 .fame_item .fame_tit_box h4{ font-size: 1.375rem; margin-top: 10px; }
.fame_box1 .fame_item .fame_tit_box p{ font-weight: 400; font-size: 0.875rem; line-height: 1.5; }

.fame_box2 { margin: -10px; }
.fame_box2 .fame_item { display: flex; align-items: center; /* flex-basis: 32%; */background-color: #F1F1F1;border-radius: 6px; padding: 2%;box-sizing: border-box;min-height: 120px;} 
/* .fame_box2 .fame_item:nth-child(3n) { margin-right: 0 } */
.fame_box2 .fame_item { margin: 10px; width: calc((100% /3) - 20px); }
.fame_box2 .fame_img_box { flex: 0 0 auto; width: 30%;}
.fame_box2 .fame_tit_box { flex: 0 0 auto; width: 70%; text-align: center;}
.fame_box2 .fame_tit_box h4 { font-size: 1.15rem; word-break: break-all; text-align: center;} 
.fame_box2 .fame_tit_box p { color: #606060 } 

.fame_box3 { position: relative; justify-content: space-between; padding: 3% 0}
.fame_box3::after{ content:""; display: block; width: 1px; height: 100%; background: #d9d9d9; position: absolute; top: 0; left: 50%; transform:translateX(-50%); }
.fame_box3 .fame_tit_box{ display: flex; justify-content: flex-start; align-items: center; flex-basis: 48%; line-height: 1.8; margin-bottom: 10px; height: 40px}
.fame_box3 .fame_tit_box h4 { padding-left: 15px; font-size: 1.2rem; margin-left: 5%; position: relative; }
.fame_box3 .fame_tit_box h4::before { content:""; display: inline-block; margin: auto 0; background: #1E2E55; width: 6px; height: 6px; border-radius: 50%; vertical-align: middle; position: absolute; top: 0; bottom: 0; left: 0; }
.fame_box3 .fame_tit_box p { margin-left: 10px;}

.fame { font-size: 2.375rem; text-align: center; font-weight: 600; }

@media screen and (max-width: 1023px) {
  .fame { font-size: 1.8rem}
  .fame_tab { flex-wrap: wrap;}
  .fame_tab button { flex-basis: calc(33.33% - 5px); margin-bottom: 5px}
  .fame_tab button:nth-child(3n){ flex-basis: 33.33%;}
  .fame_box { margin: -1%; }
  .fame_box .fame_item { flex: 0 0 auto; margin: 1%; width: calc((100% / 2) - 2%); }
  
  /* .fame_box .fame_item:nth-child(3n) { margin-right: 2% }
  .fame_box .fame_item:nth-child(2n) { margin-right: 0;} */
}

@media screen and (max-width: 500px) {
  .fame_tab button { flex-basis: calc(50% - 5px);}
  .fame_tab button:nth-child(2n){ flex-basis: 50% }
  .fame_tab button:nth-child(3){ flex-basis: calc(50% - 5px); }
  .fame_box .fame_item { flex-basis: 100%; margin-right: 0}

  .fame_box.fame_box3 .fame_tit_box { flex: 0 0 auto; display: block; width: 100%; height: auto; }
  .fame_box.fame_box3:after { content: none; }
  .fame_box3 .fame_tit_box { margin-bottom: 20px; line-height: 1.4; }
  .fame_box3 .fame_tit_box h4 { margin-left: 0; }
  .fame_box3 .fame_tit_box p { margin-left: 15px; font-size: 1.1rem; }
}


/* 관리자 스킨 Style 이관 */
.fame_box1 { margin: -1%; }
.fame_box1 img { width: 75%; border-radius: 10px;}
.fame_box1 .fame_item { flex: 0 0 auto; margin: 1% 1% 100px; width: calc(100% / 5 - 2%); }
.fame_box1 .fame_item .fame_img_box {height: 250px;}


@media screen and (max-width: 1023px) {
  .fame_box1 .fame_item { width: calc(100% / 4 - 2%);  }  
}

@media screen and (max-width: 830px) {
  .fame_box1 .fame_item { width: calc(100% / 3 - 2%); }
}
@media screen and (max-width: 767px) {
    .fame_box1 .fame_item { width: calc(100% / 2 - 2%); }
    .fame_box1 img { width: 55%; }
}
@media screen and (max-width: 500px) {
  .fame_box { margin: 0; }
  .fame_box1 .fame_item { margin: 0 0 40px; width: 100%; }
  .fame_box1 .fame_item .fame_img_box { padding: 3em; }
  .fame_box1 img { width: auto; }
}