* {
  margin: 0;
  padding: 0;

  box-sizing: border-box;
}

ol, ul {
  list-style: none;
}

a {
  text-decoration: none;
  color: #000000;
}

img {
  vertical-align: middle;
}

button {
  border: none;
}

input, textarea {
  outline: none;
}

.clearfix {
  clear: both;
}

body {
  min-width: 1302px;
}

main {
  overflow: hidden; 
  padding-top: 20px;
}




/* audio */
.audio_container {
  width: 1080px;
  margin: 0 auto;
}

.audio_flex_start {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.audio_flex_between {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.audio_flex_center {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.audio_flex_end {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
}



/* audio - main*/

#audio_main {
  width: 100%;
  height: 2000px;
  background-color: #f6f8fa;

  padding-top: 61px;
}

#audio_main .audio_container {
  /*overflow: hidden;  */  
  /* 영역을 튀어나오는 버튼이 가려지기 때문에 오버플로 사용X = float 사용 x */
  align-items: flex-start;
}

#audio_main .audio_main_left {
  /*float: left;*/
  width: 670px;
}

#audio_main .audio_main_right {
  /*float: right;*/
  width: 330px;
}

.audio_section {
  padding: 32px 0;
}

.audio_section .audio_header h2 {
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -.8px;
}

.audio_section .audio_body {
  position: relative;
  padding-top: 19px;
}




/* audio - main - right */

#audio_intro .audio_body li img {
  width: 152px;
  height: 152px;
  border-radius: 4px;
}

#audio_intro .audio_body li h3{
  margin-top: 12px;
  font-size: 12px;
}

#audio_intro .audio_body li .source {
  margin-top: 4px;
  font-size: 12px;
  color: #959595;
}


#audio_discovery .audio_header {
  position: relative;
}

#audio_discovery .audio_header h2 {
  font-size: 17px;
  line-height: 24px;
}

#audio_discovery .audio_header p {
  margin-top: 7px;
  font-size: 13px;
  color: #888;
}

#audio_discovery .audio_header .link_setting {
  display: block;
  position: absolute;
  padding: 10px 18px 8px;
  background-color: #fff;
  font-size: 13px;
  border: solid 1px rgba(0, 0, 0, .1);
  border-radius: 20px;
  box-shadow: 0 2px 10px 0 rgb(80 85 91 / 7%);
  color: #1572fb;
  right: 0;
  top: 6px;
}

#audio_discovery .audio_body li {
  margin-bottom: 40px;
}

#audio_discovery .audio_body li img {
  width: 152px;
  height: 152px;
  border-radius: 4px;
}

#audio_discovery .audio_body li h3{
  margin-top: 12px;
  font-size: 12px;
}

#audio_discovery .audio_body .btn_more {
  display: block;
  font-size: 14px;
  color: #222;

  margin: 0 auto;
  padding: 12px 21px;
  border: solid 1px rgba(0, 0, 0, .1);
  border-radius: 24px;
  background-color: #ffffff;
  box-shadow: 0 2px 10px 0 rgb(80 85 91 / 7%);

  font-weight: 500;
}

#audio_discovery .audio_body .btn_more .color_blue {
  color: #157efb;
}

#audio_discovery .audio_body .btn_more .pages {
  color: #959595;
}


#audio_create .audio_body li {
  padding: 22px 4px;
  border-top: solid 1px #efefef;
}

#audio_create .audio_body li:last-child {
  padding: 22px 4px;
  border-bottom: solid 1px #efefef;
}

#audio_create .audio_body li .txt_wrap {
  width: 225px;
}

#audio_create .audio_body li .txt_wrap h2 {
  font-size: 14px;
  font-weight: 700;
}

#audio_create .audio_body li .txt_wrap p {
  font-size: 13px;
  margin-top: 6px;
  letter-spacing: -.8px;
}

#audio_create .audio_body li .txt_wrap p.color_blue {
  color: #2db8e8;
}

#audio_create .audio_body li .txt_wrap p.color_purple {
  color: #8560f7;
}

#audio_create .audio_body li .list_bg {
  width: 80px;  
  height: 64px;
}

#audio_create .audio_body li .list_bg.list_bg_1 {
  background-color: #2db8e8;
}

#audio_create .audio_body li .list_bg.list_bg_2 {
  background-color: #8560f7;
}