main > section > article {
	padding-top: 2%;
}

main section article {
    display: block;
    background-color: #fff;
    display: none
}
main section article table {
    width: 96.6%; 
    margin-left: 20px;
    margin-top: 20px
}

main section article table td {
    text-align: left;
    font-family: 'NanumSquare', sans-serif;
    font-size: 1em;
    font-weight: 600;
    line-height: 1.4em;
    padding: 5px;
  	word-break:keep-all
}

main section article table td.room {
    text-align: left;
    padding: 1.5% 0;
    font-family: Lato;
    font-size: 1.8em;
    font-weight: 600;
    color: #fff;
    background-image: linear-gradient(315deg, #495971, #354153);
}

main section article table td.room span {
    font-size: 0.8em;
}

main section article table tr.B {
    height: 40px;
    font-size: 1.04em;
    background-color: #1d5f7a;
    font-weight: 600;
    color: #fff;
    cursor: pointer
}

main section article table tr.BT {
    height: 40px;
    font-size: 1.05em;
    background-color: #0e4387;
    font-weight: 700;
    color: #fff
}

main section article table tr.B:hover {
    background-color: #337c99
}

main section article table tr.C {
    height: 40px;
    font-size: 1.04em;
    background-color: #65c9b9;
    font-weight: 600;
    color: #fff;
    cursor: pointer
}

main section article table tr.C:hover {
    background-color: #83ddce
}


main section article table tr {
    border-bottom: 1px solid darkgray
}

main section article table tr td {
    vertical-align: middle
}

main section article table tr td:nth-child(1) {
    width: 15%;
    text-align: center;
    border-right: 1px solid darkgray
}

main section article table tr.B td:nth-child(1), main section article table tr.C td:nth-child(1) {
    text-align: center;
    border-right: 1px dotted lightgray;
}

main section article table tr td:nth-child(2) {
    width: 610px;
    padding-left: 8px
}

main section article table tr td:nth-child(1).AL {
    text-align: left;
    border-right: none
}

span.AR {
    float: right;
    text-align: right
}

.arrow {
	float: left;
    margin:0 0 0 5%;
    padding:0;
}

span.RB {
    font-weight: 900;
    font-size: 1.1rem;
    /* color: #a80001 */
    color: #e56064
}

span.RB1 {
    font-weight: 900;
    font-size: 1.1rem;
    color: #fff
}

span.FW600 {
    font-weight: 600;
    font-size: 1.1em;
}
@media (max-width:940px){	
   main section article table tr td:nth-child(1) {
    width: 20%;
  }
  main section article table tr td {
    font-size: 0.95em;
  }
}
@media (max-width:700px){	
   main section article table tr td:nth-child(1) {
    width: 24%;
  }
  main section article table tr td {
    font-size: 0.95em;
  }
}
@media (max-width:645px){	
	main section article table {
      width: 96%;
      margin-left: 10px;
      margin-top: 20px;
      font-size: 1em;
	}	
  main section article table tr td {
    font-size: 0.89em;
  }
  
  main section article table tr td:nth-child(1) {
    width: 28%;
  }
}


.program_down {
    margin-top : 1rem;
    margin-right : 1rem;
    padding: 0;  
    text-align : right;
}

.program_down > a > button {
    padding: 0.5rem 1.5rem;
    text-align: center;
    vertical-align: middle;
    border: 2px solid #0d394c;
    display: inline-block;
    border-radius: 6px;
    background-color: rgb(243, 243, 243);
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
    color: #0d394c;
    font-weight: 600;
    cursor: pointer;
    transition: all .3s;        
}

.program_down > a > button:hover {
    border-radius: .5rem;
    border: 2px solid#ec898c;
    color: #fff;
    background-color: #e56064;      
}

.program_down > a > button > i {
    color: #0d394c;
}

.program_down > a > button:hover i {
    color: #fff;
}

 @media (max-width:800px) { 
  button {
      padding: 0.4rem 1.2rem;
      font-size:0.9rem;
  }
}

@media (max-width:450px) { 
  button {
      padding: 0.3rem 1rem;
      font-size:0.8rem;
  }
}