.major .top { margin-bottom: 40px; display: flex; gap: 30px; }
.major .top .alignleft {}
.major .top .bubble { padding: 40px 50px; width: 100%; background-color: #e7e7e7; border-radius: 30px; box-sizing: border-box; }
/*.major .top .bubble:after { position: absolute; top: 162px; right: auto; left: -41px; content: ""; display: block; width: 41px; height: 29px; background: url(../images/bubble_arrow5.png) no-repeat 0 0; }*/
.major .top .bubble .bul_star > li{position:relative;line-height:1.65em;font-size:21px;font-weight:500;color:#2b3368;padding: 0 0 20px 26px;margin: 0 0 20px;border-bottom: 1px dashed #FFFFFF;}
.major .top .bubble .bul_star > li:last-child {margin: 0;padding-bottom: 0;border-bottom: 0;}
.major .top .bubble .bul_star > li:before {position:absolute;top:8px;left:0;content:"";display:block;width:15px;height:16px;background: url(/_res/unist/freshman/img/content/bul_star2.png)no-repeat center center;}
.major .btm { position: relative; display: flex; gap: 20px; }
.major .btm .alignright {}
.major .btm > ul { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 20px; width: calc(100% - 310px); }
.major .btm > p { width: 290px; }
.major .btm > ul + ul { margin-top: 20px; }
.major .btm > ul > li { padding: 25px 22px; width: 25%; min-width: 208px; border-radius: 20px; background-color: #ff9933; box-sizing: border-box; flex: 1; }
.major .btm > ul > li + li { position: relative; }
.major .btm > ul > li .inbox { position: relative; padding: 0 20px; height: 180px; border-radius: 0 20px; background-color: #fff; text-align: center; }
.major .btm > ul > li .inbox .month_num { position: absolute; top: 0; left: 0; display: block; width: 34px; height: 34px; line-height: 34px; font-size: 16px; font-weight: 700; color: #fff; background-color: #ea4d4e; }
.major .btm > ul > li .inbox .month { position: relative; display: block; padding: 22px 0 18px; font-size: 16px; font-weight: 700; color: #143770; }
.major .btm > ul > li .inbox .month:after { position: absolute; left: 50%; bottom: 0; content: ""; display: block; margin-left: -42px; width: 84px; height: 1px; background-color: #96dddf; }
.major .btm > ul > li .inbox p:last-child { margin-top: 14px; line-height: 1.5em; font-size: 17px; color: #2e2e2e; }
.major .btm > ul > li.color1 { background-color: #44c1c4; }
.major .btm > ul > li.color1 .month_num { background-color: #143770; }
.major .btm > ul > li.color2 { background-color: #ea4d4e; }
.major .btm > ul > li.color2 .month_num { background-color: #2b3368; }
.page_majorInfo + .page_majorInfo { margin-top: 20px; }
.page_majorInfo h2 { position: relative; margin-bottom: 40px; padding-bottom: 20px; font-size: 27px; font-weight: 500; color: #2e2e2e; border-bottom: 1px solid #d8d8d8; }
.page_majorInfo h2:after { position: absolute; bottom: -1px; left: 0; content: ""; display: block; width: 280px; height: 1px; background-color: #143770; }
.page_majorInfo h2 a { padding-right: 35px; color: #2e2e2e; background: url(../images/ico_link4.png) no-repeat 100% 50%; }
.page_majorInfo ul { list-style: none; overflow: hidden; margin: 0 -23px; }
.page_majorInfo ul > li { float: left; margin-bottom: 30px; padding: 0 23px; width: 33.33%; box-sizing: border-box; }
.page_majorInfo ul > li > a { position: relative; display: block; }
.page_majorInfo ul > li > a:before { position: absolute; right: 0; bottom: 0; content: ""; display: block; width: 48px; height: 31px; background: url(../images/ico_link.png) no-repeat 50% 50% #44c1c4; }
.page_majorInfo ul > li img { display: block; }
.page_majorInfo ul > li .txtbox { padding: 20px 30px; min-height: 108px; background: #f2f5ff; box-sizing: border-box; }
.page_majorInfo ul > li .txtbox h3 { margin-bottom: 8px; font-size: 18px; font-weight: 400; color: #535353; }
.page_majorInfo ul > li .txtbox .txt_s { font-size: 12px; font-weight: 300; color: #8c8c8c; line-height: 1.2em; }
@media (max-width: 1024px) {
  .major .btm { flex-direction: column-reverse; }
  .major .btm > ul { width: 100%; }
  .major .btm > p { width: 100%; text-align: center; }
  .major .top .bubble .bul_star > li { font-size: 18px; }
}
@media (max-width: 768px) {
  .major .top { flex-direction: column; }
  .major .top > p { text-align: center; }
  .major .top .bubble .bul_star > li { font-size: 16px; }
  .major .top .bubble { width: 100%; padding: 30px; }
}