div.sub_cnts.symbol .border_box.symbol {display:flex; flex-direction:column; align-items:center; justify-content:center;}
main.subpage > div.container > div.context div.sub_cnts.symbol .border_box.symbol > img {width: 100%; }

div.sub_cnts .point_pink {background: var(--RIS, linear-gradient(102deg, #EB6FA6 -60.82%, #611A87 163.68%)); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}



div.sub_cnts > div.banner_box {width: 100%;height: auto;margin-top: 70px; position: relative;}
div.sub_cnts > div.banner_box { margin-top: 40px; }
div.sub_cnts > div.banner_box div.img_hover {width: 100%; height:200px; background:url(../images/img_banner_list03.png) no-repeat center center; background-size:cover; border-radius:10px; transition: all 0.5s ease-in-out;}
div.sub_cnts > div.text_box p.tit { color: #222; font-size: 1.29rem; font-weight: 600; line-height: 160%; }
div.sub_cnts .top_box { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px; }
div.sub_cnts .top_box .border-box { display: flex; padding: 12px 24px; justify-content: center; align-items: center; color: #222; font-size: 1.14rem; font-weight: 600; line-height: 160%; border-radius: 16px; border: 1px solid #EB6FA6; box-sizing: border-box; }
div.sub_cnts .top_box strong { text-align: center; font-size: 1.71rem; font-weight: 600; line-height: 150%; background: linear-gradient(102deg, #EB6FA6 -60.82%, #611A87 163.68%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
div.sub_cnts div.text_box {display: flex; flex-direction: column; gap: 20px; width: 100%;margin-top: 40px; word-break: keep-all;}
div.sub_cnts div.text_box .text_box-inner {display: flex; flex-direction: column; gap: 20px;}
div.sub_cnts div.text_box p.title { color: #222; font-size: 1.29rem; font-weight: 600; line-height: 160%; }
div.sub_cnts div.text_box p { color: #222; font-size: 1.14rem; font-weight: 400; line-height: 160%; }
div.sub_cnts div.text_box p.year_txt {font-size: 1.29rem;font-style: normal;font-weight: 500;line-height: 29px;}
div.sub_cnts div.text_box p.signature_txt {color: #000;font-family: "Noto Sans KR";font-size: 1.43rem;font-style: normal;font-weight: 700;line-height: 29px;}
div.sub_cnts div.bottom_box {margin-top: 40px; }
div.sub_cnts div.bottom_box p {display: flex; flex-direction: column; align-items: flex-start; font-family: Pretendard; gap: 8px; font-size: 1.14rem; font-style: normal; font-weight: 400; line-height: 100%; /* 16px */ }
div.sub_cnts div.bottom_box span { color: #222; text-align: right; font-size: 1.43rem; font-weight: 600; line-height: 100%; }

div.sub_cnts.symbol p.txt {margin:15px 0; color:#999; font-weight:600; font-size:1.14rem;}
div.sub_cnts.symbol ul.color_wrap {display:flex; align-items:flex-start; width:100%;}
div.sub_cnts.symbol ul.color_wrap.major {margin-bottom:40px;}
div.sub_cnts.symbol ul.color_wrap li {margin-right:15px; width:calc((100% - 45px) / 4);}
div.sub_cnts.symbol ul.color_wrap li:last-child {margin-right:0px;}

div.sub_cnts.symbol ul.color_wrap li div.bg_color {box-sizing:border-box; padding:10px; width:100%; height:150px; font-size:1.07rem; font-weight:600;  color:#fff;}
div.sub_cnts.symbol ul.color_wrap li p {margin-top:15px; line-height:1.6; font-size:1.14rem; font-weight:600;} 

div.sub_cnts.symbol ul.color_wrap li.blue div.bg_color {background:#373885;}
div.sub_cnts.symbol ul.color_wrap li.blue p {color:#373885;}

div.sub_cnts.symbol ul.color_wrap li.magenta div.bg_color {background:#ED028C;}
div.sub_cnts.symbol ul.color_wrap li.magenta p {color:#ED028C;}

div.sub_cnts.symbol ul.color_wrap li.purple div.bg_color {background:#652D91;}
div.sub_cnts.symbol ul.color_wrap li.purple p {color:#652D91;}

div.sub_cnts.symbol ul.color_wrap li.black div.bg_color {background:#231F20;}
div.sub_cnts.symbol ul.color_wrap li.black p {color:#231F20;}

div.sub_cnts.symbol ul.color_wrap li.gold div.bg_color {background:#B49661;}
div.sub_cnts.symbol ul.color_wrap li.gold p {color:#B49661;}

div.sub_cnts.symbol ul.color_wrap li.sliver div.bg_color {background:#A9ABAE;}
div.sub_cnts.symbol ul.color_wrap li.sliver p {color:#A9ABAE;}

/* oz46: 부산공유대학 로고 타입 버튼 */
div.sub_cnts.symbol div.btn_box {text-align: right;}
div.sub_cnts.symbol div.btn_box a.btn {display:inline-block; background-color: #004899; width:fit-content; padding:10px 20px; border-radius: 4px; color:#fff; font-size:1.14rem; font-weight:400;}


@media screen and (max-width:1200px){
    div.sub_cnts > div.text_box  {width: 100%;}
    div.sub_cnts > div.banner_box div.img_hover {width: 100%; height: 190px;}
    div.sub_cnts > div.banner_box div.img_hover:hover {width: 100%;height: 190px;}
}

@media screen and (max-width:991px){
    main.subpage > div.container > div.context div.sub_cnts.symbol .border_box.symbol > img {width:100%;}
}


@media screen and (max-width:771px){
    div.sub_cnts > div.text_box  {width: 100%;}
    div.sub_cnts > div.banner_box div.img_hover {width: 100%; height: 170px;}
    div.sub_cnts > div.banner_box div.img_hover:hover {width: 100%;height: 170px;}
}

@media screen and (max-width:520px){
    div.sub_cnts > div.text_box  {width: 100%;}
    div.sub_cnts > div.banner_box div.img_hover {width: 100%; height: 140px;}
    div.sub_cnts > div.banner_box div.img_hover:hover {width: 100%;height: 140px;}
}