@charset "utf-8";

#container { overflow:hidden; position:relative; margin:0 auto; }
#container:after { content:""; display:block; clear:both; }

.main_content { overflow:hidden; position:relative; z-index:2; width:100%; }
.main_content:after {content:""; display:block; clear:both;}

.conBox01 {position: relative; overflow:hidden; width:100%; height:auto; background: #0094aa; padding:5.5rem 0 3.75rem; z-index: 1;}
.conBox01::before {content:''; position: absolute; left: 50%; margin-left: -64rem; top: 0; width: 69.65rem; height: 28.45rem; background: url(/images/web/bshc/main/visual_bg_01.png) no-repeat top left / contain; z-index: -2
	;}
.conBox02 { position:relative; width:100%; height:auto; padding-bottom: 6.1rem;}
.conBox02:after { position: absolute; width: 100vw; object-fit: cover; bottom: -6.5rem; left: 0; transform: translateY(-50%); content: 'BUSAN METROPOLITAN CITY OFFICE OF EDUCATION BUSAN METROPOLITAN CITY OFFICE OF EDUCATION BUSAN METROPOLITAN CITY OFFICE OF EDUCATION'; color: #f8f8f8; font-size: 5rem; font-weight: 800; animation: loop 20s linear infinite; white-space: nowrap; z-index: -1; }
.conBox03 { position:relative; width:100%; height:auto; padding:4.5rem 0 5rem; background: #eef5ff;
	background: linear-gradient(250deg, #eafff8, #eef5ff  100%);}

@keyframes loop {
	0% { transform: translate(-100%, -50%); }
	100% { transform: translate(0, -50%); }
}

.con_wrap { position: relative; width: 100%; max-width:80rem; margin:0 auto; }
.con_wrap:after { content:""; display:block; clear:both; }

.conBox01 .con_wrap::before {content:''; position: absolute; left: -5.4rem; top: 2.15rem; width: 36.15rem; height: 28.4rem; background: url(/images/web/bshc/main/visual_bg_02.png) no-repeat top left / contain; z-index: -1;}

.conBox02 .con_wrap {display: flex; justify-content: space-between; margin-top: 5rem;}
.conBox02 .con_wrap:after { display: none; }

.con_B01 { position:relative; width:100%; height:29.4rem;}/* 비주얼 */
.con_B02 { position:absolute; left:0; top:18.5rem; width:24.75rem; }/* 검색 */
.con_B03 { position:relative; width:100%; }/* 바로가기 */
.con_B04 { position:relative; width:calc(100% - 22.5rem);}/*공지사항 */
.con_B05 { position:relative; width:20rem;}/* 팝업존 */
.con_B06 { position:relative; width:100%; }/* 최신 건강정보 안내 */

@media (max-width:1640px) {
	.conBox01 .con_wrap { padding: 0 1rem; }

	.con_B02 { left:1rem; }/* 검색 */
}

@media (max-width:1440px) {

	
}

@media (max-width:1420px) {

	#container { width:100%; }
	.main_content { width:100%; height:100%; margin:0 auto; }
}

@media (max-width:1200px) {
	.conBox01 {padding: 1.5rem 0;}
	.conBox01::before {display: none;}
	.conBox02 {padding-bottom: 2rem;}
	.conBox02:after {display: none;}
	.conBox03 { padding:2rem 0 2.5rem;}

	.conBox01 .con_wrap::before {top:0; left:-3.4rem; background-size: 77%;}
	.conBox02 .con_wrap {margin-top: 2rem;}

	.con_B01 { height:20rem;}/* 비주얼 */
	.con_B02 { display: none; }/* 검색 */
	.con_B04 {width: calc(100% - 21.5rem);}/*공지사항 */
}

@media (max-width:1024px) {
	.conBox01 { padding:1rem 0; }
	.conBox02:after,
	.conBox02:before { display:none; }

	.conBox01 .con_wrap::before {left:-2rem; background-size: 70%;}

	.con_B01 { height:18rem; }/* 비주얼 */
	.con_B02 { width:100%; }/* 바로가기01 */

}

@media (max-width:800px) {
	.conBox01 { padding:2rem 0; }

	.conBox01 .con_wrap::before {display: none;}
	.conBox02 .con_wrap {flex-direction: column;}

	.con_B01 { height:auto; }/* 비주얼 */
	.con_B04 { width:100%;}/*공지사항 */
	.con_B05 { width:100%; margin-top: 1.5rem;}/* 팝업존 */
}

@media (max-width:680px) {

	.con_B05 { width:100%; }/* 공지사항 */
	.con_B06 { width:100%; height:auto; }/* 팝업존 */

}

@media (max-width:580px) {
	.conBox02 {padding-bottom: 1.5rem;}
	.conBox03 { padding:1.5rem 0 2rem;}

	.conBox02 .con_wrap {margin-top: 1rem;}
}