@charset "utf-8";


/*
*
*
*/
/* sample 220719 eun



/* Sub Visual */
.sub-v:before{background-image:url('/_res/bdu/eng/img/sub/sub-bg08.png')} 
.sub-v.sub-visaul0:before{background-image:url('/_res/bdu/eng/img/sub/sub-bg01.png')} 
.sub-v.sub-visaul1:before{background-image:url('/_res/bdu/eng/img/sub/sub-bg02.png')} 
.sub-v.sub-visaul2:before{background-image:url('/_res/bdu/eng/img/sub/sub-bg03.png')} 
.sub-v.sub-visaul3:before{background-image:url('/_res/bdu/eng/img/sub/sub-bg04.png')} 
.sub-v.sub-visaul4:before{background-image:url('/_res/bdu/eng/img/sub/sub-bg05.png')} 
.sub-v.sub-visaul5:before{background-image:url('/_res/bdu/eng/img/sub/sub-bg06.png')} 
.sub-v.sub-visaul6:before{background-image:url('/_res/bdu/eng/img/sub/sub-bg07.png')}

.sub-con:has(.main-gallery){margin-bottom:0}

/* 헤더 사이즈변경*/
.head-gnb .max-width{width:1700px;max-width:calc(100% - 5rem);margin:0 auto}

/* 커스텀 */
.pt-100{padding-top:100px;}
.pl-100{padding-left:100px;}

/*메인 큰 텍스트 넓이 변경*/
.main-banner-text .banner-title{width:45rem;}

/*레이아웃센터*/
.layout-flex-center{display:flex;justify-content:center;}

/*con-box하늘색라인*/
.cb-tline{border-top:3px solid #0091ea;padding-top:70px;margin:40px auto;}

/*좌:이미지 우:컨텐츠*/
.c-flex{ display: flex;}

/*h4에 before제거*/
.nb-h4{ position: relative; font-size: 1.45em; font-weight: 500; margin-bottom: 25px; }

/*h5-title 대체*/
.a-h5{ font-size:1.15em; font-weight:500; margin-bottom:10px;}
.b-h5{margin: 0;padding: 0;word-break: keep-all;font-weight:400}

/*이미지 100%*/
.img > .f-img{width:100%;}
span > .c-align{margin:0 auto;}

/*학과별 중요컨텐츠 텍스트 싸는 네모박스*/
.t-dashed-tblbox{padding:30px;display:table;width:100%;table-layout:fixed; background-color:#f1f5fa;margin-bottom:30px;}

/* 찾아오시는길*/
.traf-wrap .box.box03 li{padding-left:200px;}

/* 모바일 이미지 확대보기(새창) */
.mblink{position:relative}
.mblink a{display:none;position:absolute;bottom:0;right:0;width:40px;height:40px;overflow:hidden;background:rgba(0,0,0,0.4);border-radius:50%;text-align:center;color:#fff;line-height:40px}

/*유투브 영상조절*/
.embed-youtube{ position: relative;width: 100%;height: 0;padding-bottom: 56.25%;}
.embed-youtube iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/*배경색 ,좌:이미지 + 우 텍스트 */
.i-border-flex{position:relative;display:flex;align-items:center;background-color: #e8f0fc;padding:50px}
.i-border-flex .img{flex-shrink:0;margin-right:50px;}
.i-border-flex .txt{font-size:1.1em;font-weight:500}


/*인사말카피 이미지 밑에 긴텍스트*/
.f-greet .img_txt_con{position:relative;padding: 100px 0px 210px 740px;}
.f-greet .img_txt_con > img{position:absolute; left:0; top:0}
.f-greet .img-right .img_txt_con > img{position:absolute; left:auto;right:0; top:0}
.f-greet .img-right .img_txt_con{position:relative;    padding:120px 740px 210px 40px}
.f-greet .img_txt_con .tit h4{font-size: 42px;line-height: 1.4;padding: 0 0 50px 0px; color: #08088A; letter-spacing: -3.5px; font-weight:500}
.f-greet .img_txt_con .tit span{position:relative}
.f-greet .img_txt_con h5{font-size:24px; font-weight:400;letter-spacing: -1.5px;}
.f-greet .circle_con .circle:nth-child(1) .top{background-image:url("/_res/bdu/bduhome/img/sub/sub01_01_04_icon03.png");}
.f-greet .circle_con .circle:nth-child(3) .top{background-image:url("/_res/bdu/bduhome/img/sub/sub01_01_04_icon04.png");}
.f-greet .circle_con .circle:nth-child(5) .top{background-image:url("/_res/bdu/bduhome/img/sub/sub01_01_04_icon05.png");}
.con-box .text-bot{margin-bottom:25px;}
.con-box .text-bot{margin-top:25px;}

/*Step01,2,3 ...커스텀*/
.i-number > li::before{top:10px;background-color:#0091ea}
.i-number{counter-reset: section}
.i-number > li{position:relative;padding-left:35px;margin:15px 0}
.i-number > li::before{position:absolute;top:10px;left:0;background-color:#0091ea;color:#ffffff;width:27px;height:27px;border-radius:50%;counter-increment: section;content: "0" counter(section);font-size:.938rem;text-align:center;line-height:1.8}


/* 기본형태 Basic테이블 다른형태(텍스트 중간정렬) */
.d-table{border-top:2px solid #0091ea}
.d-table > thead > tr > th{color:#0066d8;background-color:#f7f8fa;font-weight:bold;text-align:center;padding:15px 10px;border:1px solid #d5d5d5}
.d-table > thead > tr > th:first-child{border-left:0}
.d-table > thead > tr > th:last-child{border-right:0}
.d-table > tbody > tr:first-child th,
.d-table > tbody > tr:first-child td{border-top:0;}
.d-table > tbody > tr > th{text-align:center;background-color:#fafbfd;padding:15px 10px;border:1px solid #d5d5d5;font-weight:500}
.d-table > tbody > tr > th:first-child{border-left:0}
.d-table > tbody > tr > th:last-child{border-right:0}
.d-table > tbody > tr > td{padding:15px 10px;text-align: center;border:1px solid #d5d5d5}
.d-table > tbody > tr > td:last-child{border-right:0}

/* 3개이미지 [] [] [] */
.i-flow{overflow: hidden;display: flex;counter-reset: section;}
.i-flow > div{width:calc(33.333% - 30px);padding:2rem; display:block; }
.i-flow > div > img{}
.i-flow .w-img{width:100%}

/* 동아리(좌+우)사진 */
.lr-images{display: flex; border: 1px dashed #ddd;}
.lr-images .left{border-right: 1px dashed #ddd;}
.lr-images > div{width:50%; padding:3rem;}
.lr-images > div > img {max-height:250px;}
.z-bd{border-top:0;}

/* 좌우 2개 이미지 [] [] */
.none-images{display: flex;}
.none-images > div{width:50%; padding:3rem;}
.none-images > div > img {width:100%; height:auto;}

/*정렬 기타 */
.p-align{margin-top:3%; margin-bottom:3%; font-weight:500; text-align:right; font-size:17px;}
.b-space{display:block; margin:0 auto; margin-top:50px;}
.images-space{display:block; margin:0 auto; padding:2rem;}

/*li 안에 (텍스트 + 버튼) */
.li-inner{display:flex;}
.li-inner a{margin-left:100px;}

/* 좌:동영상,사진 우:텍스트 강좌관련 */
.lbf-line{border: 1px dashed #ddd;}
.line-border-flex{position:relative;display:flex;align-items:center;padding:50px;}
.line-border-flex .img{flex-shrink:0;margin-right:50px}
.line-border-flex .txt{font-size:1.1em;font-weight:500}
.line-con-board{display:block;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical;display:block;position:relative;}
.line-border-flex .board-subject{color:#0066d8;font-size:1.4rem;font-weight:600;}
.line-border-flex .board-content{font-size:1.20rem; margin-top:15px}

.fr-view dl{display:flex; margin-bottom:10px;}
.fr-view dl:nth-child(3){margin-bottom:20px;}
.fr-view dt{position:relative;padding-left:15px;}
.fr-view dt:before{display:block;content:"";position:absolute;top:12px;left:0;width:4px;height:4px;background-color:#0066d8}
.fr-view p{font-size: 1.15rem;font-weight: 400;}
.fr-view .text{background-color:#f4f8fd;padding:20px;}
.fr-view .btn-link{position:absolute;right:0;top:0}


/* section 07 */
.main-sns-wrap{position:relative;background:linear-gradient(to right, #ecf3f8, #ecf8ef);overflow:hidden;font-size:1rem}
.main-sns-wrap .animation-bg{position:absolute;top:-2rem;left:0;width:4800px;height:168px;animation:wave 10s cubic-bezier( 0.36, 0.45, 0.63, 0.53) infinite;-webkit-animation: wave 10s cubic-bezier( 0.36, 0.45, 0.63, 0.53) infinite; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); background: url('/_res/bdu/bduhome/img/main/main-bg.svg') repeat-x; z-index:1;transform:rotate(180deg)}
.main-sns-wrap .cinner{display:flex;justify-content:space-between}
.main-s{height:calc(100% - 407px);margin:80px auto}
.main-book{width:310px;margin-right:50px;flex-shrink:0}
.main-book a{display:block;padding:15px;border:1px solid #cde2f1;border-radius:15px;background:linear-gradient(180deg, transparent 30%, #cde2f1 70% )}
.main-book a img{width:100%}
.main-book .swiper-wrapper{padding-bottom:40px}
.main-book .swiper-container-horizontal>.swiper-pagination-bullets{bottom:0}
.main-book .swiper-pagination{position:relative}
.main-book .swiper-pagination-bullet{background-color:transparent;border:1px solid #444444;width:15px;height:15px;margin:0 5px}
.main-book .swiper-pagination-bullet-active{background-color:#3454de}
.main-book .btn-control{width:100%;display:flex;align-items:center;justify-content:center;font-size:1.2rem}
.main-sns{position:relative;flex-grow:1}
.main-sns .h2-tit{margin-bottom:20px}
.main-sns .sns-tabs{position:absolute;right:0}
.main-sns .sns-tabs a{position:relative;color:#333;font-size:.938rem;padding-left:50px}
.main-sns .sns-tabs a:before{position:absolute;top:50%;transform:translateY(-50%);left:0;width:40px;height:40px;border-radius:50%;background:url('/_res/bdu/bduhome/img/comm/ico-insta.png') #3d3d3d center no-repeat;content:"";transition:.3s}
.main-sns .sns-tabs li:nth-child(2) a:before{background-image:url('/_res/bdu/bduhome/img/comm/ico-insta.png')}
.main-sns .sns-tabs li:nth-child(3) a:before{background-image:url('../img/comm/ico-youtube.png')}
.main-sns .sns-tabs li:nth-child(4) a:before{background-image:url('../img/comm/ico-facebook.png')}
.main-sns .sns-tabs li:nth-child(5) a:before{background-image:url('/_res/bdu/bduhome/img/comm/ico-cafe.png')}
.main-sns .sns-tabs a.on,
.main-sns .sns-tabs a:hover{color:#d876b8}
.main-sns .sns-tabs a.on:before,
.main-sns .sns-tabs a:hover:before{background-color:#d876b8}
.main-sns .sns-tabs li:nth-child(2) a.on,
.main-sns .sns-tabs li:nth-child(2) a:hover{color:#0ed22a}
.main-sns .sns-tabs li:nth-child(2) a.on:before,
.main-sns .sns-tabs li:nth-child(2) a:hover:before{background-color:#0ed22a}
.main-sns .sns-tabs li:nth-child(3) a.on,
.main-sns .sns-tabs li:nth-child(3) a:hover{color:#ff0000}
.main-sns .sns-tabs li:nth-child(3) a.on:before,
.main-sns .sns-tabs li:nth-child(3) a:hover:before{background-color:#ff0000}
.main-sns .sns-tabs li:nth-child(4) a.on,
.main-sns .sns-tabs li:nth-child(4) a:hover{color:#4867aa}
.main-sns .sns-tabs li:nth-child(4) a.on:before,
.main-sns .sns-tabs li:nth-child(4) a:hover:before{background-color:#4867aa}
.main-sns .sns-tabs li:nth-child(5) a.on,
.main-sns .sns-tabs li:nth-child(5) a:hover{color:#1c9cea}
.main-sns .sns-tabs li:nth-child(5) a.on:before,
.main-sns .sns-tabs li:nth-child(5) a:hover:before{background-color:#1c9cea}
.main-sns .sns-tabs li:nth-child(6) a.on,
.main-sns .sns-tabs li:nth-child(6) a:hover{color:#1d9e2f}
.main-sns .sns-tabs li:nth-child(6) a.on:before,
.main-sns .sns-tabs li:nth-child(6) a:hover:before{background-color:#1d9e2f}
.main-sns .sns-tabs li{margin-bottom:25px}
.main-sns .sns-tabs li:last-child{margin-bottom:0}
.main-sns .sns-tabs-con{display:none;width:calc(100% - 170px)}
.main-sns .sns-tabs-con ul{overflow:hidden}
.main-sns .sns-tabs-con li{float:left;width:23.5%;margin-right:2%}
.main-sns .sns-tabs-con li:nth-child(4){margin-right:0}
.main-sns .sns-tabs-con a{position:relative;display:block;background-color:#fff;/*border:1px solid #ccc*/}
.main-sns .sns-tabs-con .board-img{height:270px;border-bottom-left-radius:15px;border-bottom-right-radius:15px}
.main-sns .sns-tabs-con .txt{background-color:#fff;padding:30px 15px 20px 15px}
.main-sns .sns-tabs-con .ico{position:absolute;top:250px;left:25px;border-radius:50%;width:40px;height:40px;z-index:1}
.main-sns .sns-tabs-con .ico-f{background:url('../img/comm/ico-facebook.png') #3454de center no-repeat}
.main-sns .sns-tabs-con .ico-t{background:url('../img/comm/ico-twitter.png') #1c9cea center no-repeat}
.main-sns .sns-tabs-con .ico-b{background:url('../img/comm/ico-blog.png') #0ed22a center no-repeat}
.main-sns .sns-tabs-con .ico-y{background:url('../img/comm/ico-youtube.png') #ff0000 center no-repeat}
.main-sns .sns-tabs-con .ico-i{background:url('../img/comm/ico-instab.png') center/cover no-repeat}
.main-sns .sns-tabs-con a:hover img{transform:translate(-50%,-50%) scale(1.1)}

@media (max-width: 1300px){
	.fr-view .btn-link{position:absolute;position:sticky; margin:7px 0;}
}


/*절차-짧은경우 개수변경*/
.item-step-horizon.three > ol{gap:calc((100% - (330px * 3)) / 2);}
.item-step-horizon.three  > ol > li{width:330px;padding: 30px 50px;}
.item-step-horizon.three  > ol > li:after{left:calc(100% - -115px);}
.item-step-horizon.five > ol{gap:calc((100% - (240px * 5)) / 4);}
.item-step-horizon.five > ol > li{width:240px;}
.item-step-horizon.six > ol{gap:calc((100% - (190px * 6)) / 5);}
.item-step-horizon.six > ol > li{width:190px;}
.item-step-horizon.six .img{display:none;}
.item-step-horizon .tit{font-size:1rem;}

/*인사말*/
.f-greet .img_txt_con{position:relative;    padding: 120px 0px 210px 700px;;}
.f-greet .img_txt_con > img{position:absolute; left:0; top:0}
.f-greet .img-right .img_txt_con > img{position:absolute; left:auto;right:0; top:0}
.f-greet .img-right .img_txt_con{position:relative;    padding:120px 740px 210px 40px}
.f-greet .img_txt_con .tit {font-size: 45px;line-height: 1.4;padding: 0 0 50px 10px; color: #08088A; letter-spacing: -3.5px; font-weight:500}
.f-greet .img_txt_con .tit span{position:relative}
.f-greet .img_txt_con .tit span::before, .f-greet .img_txt_con .tit span::after{width:38px; height:38px; background-repeat:no-repeat; background-position:left top; position:absolute; content:''; display:block;}
.f-greet .img_txt_con .tit span::before{background-image:url("/_res/bdu/bduhome/img/sub/sub01_01_04_icon01.png");left: -70px; top: -30px;}
.f-greet .img_txt_con .tit span::after{background-image:url("/_res/bdu/bduhome/img/sub/sub01_01_04_icon02.png");right: -80px; bottom: 0px;}
.f-greet .img_txt_con p{font-size:24px; font-weight:400;letter-spacing: -1.5px;}
.f-greet .circle_con{display:flex;justify-content: space-around; padding:0 100px}
.f-greet .circle_con .circle{text-align:center; width:26%}
.f-greet .circle_con .plus-icon{background-repeat:no-repeat; background-position:center 30%; background-image:url("/_res/bdu/bduhome/img/sub/s1_4_4_plusicon.png"); width:7%}
.f-greet .circle_con .top{width:250px; height:250px; margin:0 auto;  color:#fff; border-radius:50%; font-size:30px; padding-top:135px;background-repeat:no-repeat; background-position:center 45px; background-color:#2580e5;font-weight:bold}
.f-greet .circle_con .top p{font-size:17px; font-weight:normal}
.f-greet .circle_con .bottom{border:1px solid #ddd; padding:20px 5px; height:90px; display:flex; align-items:center; justify-content:center; margin-top:30px; position:relative}
.f-greet .circle_con .bottom::before{display:block; content:""; position:absolute; height:30px; width:2px; background-color:#ddd; bottom:100%;left:50%}
.f-greet h3{text-align:center; color:#0066d8; font-size:30px; transform: translateY(23px); font-weight:normal}
.f-greet h3 span{position:relative; padding:0 25px; background-color: #fff;}
.f-greet h3 span::before, .f-greet h3 span::after{width:10px; height:10px;  background-color:#0066d8; position:absolute; content:''; display:block; transform:translateY(-50%); top:50%}
.f-greet h3 span::before {left: 0}
.f-greet h3 span::after{right:0}
.f-greet h4 {text-align: center;color: #0066d8;font-size: 30px;transform: translateY(23px);font-weight: 500;}
.f-greet h4 span{position: relative;padding: 0 25px;background-color: #fff;}
.f-greet h4 span::before, .greet h4 span::after{width:10px; height:10px;  background-color:#0066d8; position:absolute; content:''; display:block; transform:translateY(-50%); top:50%}
.f-greet h4 span::before {left: 0}
.f-greet h4 span::after{right:0}
.f-greet .history{display:flex; justify-content: space-around; padding: 100px 20px; border: 1px dashed #d2d2d2;}
.f-greet .history > div{display:flex; flex-direction: column;padding-right: 20px;}
.f-greet .history .left .block:first-child{margin-bottom:50px}
.f-greet .history .tit{font-size:22px; margin-bottom:20px; font-weight:bold}
.f-greet .history li{font-size:20px; margin-bottom:15px; font-family: 'Roboto'}
.f-greet .history li span{color:#0066d8; margin-right:10px}
.f-greet.greet02 .img_txt_con .tit span::before {left: -70px;top: -70px;}
.f-greet.greet02 .img_txt_con .tit span::after {right: -80px;bottom: -50px;}
.f-greet.greet03 .img_txt_con .tit {font-size: 28px;padding: 0 0 20px 0px;line-height: 1.4;letter-spacing: 0px;word-break: keep-all; font-weight:500; color:#333}
.f-greet .history.history1-2 {padding: 100px 70px;}
.f-greet .history.history1-2 > div{width:50%}
.f-greet .history.history1-2 {font-size: 18px;} 
.f-greet > .image_con > img {width:550px}
.f-greet .image_con:before{position:absolute;left:0;top:-5px;width:30%;background-color:#0091ea;content:"";height:5px}
.f-greet .image_con:after{position:absolute;left:-5px;top:-5px;width:5px;background-color:#0091ea;content:"";height:50%}


@media (max-width:1500px){
	.main-book{width:250px}
	.main-sns .sns-tabs-con li{width:32%}
	.main-sns .sns-tabs-con li:nth-child(3){margin-right:0}
	.main-sns .sns-tabs-con li:nth-child(4){display:none}
	.main-sns .sns-tabs-con .board-img{height:auto;max-height:240px;padding-bottom:80%}
	.main-sns .sns-tabs-con .ico{top:auto;bottom:80px}
}

@media (max-width:1200px){
	.a-h5{font-size:1rem}
	.f-greet .img_txt_con {padding: 80px 0px 100px 520px;}  
	.f-greet .img-right .img_txt_con {padding: 80px 520px 100px 40px;}  
	.f-greet .img_txt_con .tit {font-size: 38px;padding: 0 0 30px 20px;}
	.f-greet .img_txt_con p {font-size: 18px;}
	.f-greet .img_txt_con > img{width:500px; margin-bottom: 70px;}
	/* why bdu + deDepartments */
	.con-pbox-line{padding:50px}
	
}
@media (max-width:1024px){
	.c-flex{display:block;}
	.c-flex .img img{width:100%}
	.lr-images{display:block;border:0;}
	.lr-images .left{border: 1px dashed #ddd;margin-bottom:10%}
	.lr-images .right{border: 1px dashed #ddd;margin-bottom:10%}
	.lr-images > div{width:100%; padding:3rem;}
	.lr-images > div > img {width:100%;height:auto}	
	.none-images{display:block;}
	.none-images > div{width:100%; padding:3rem; border: 1px dashed #ddd; border-radius:1rem}
	.none-images > div:nth-child(2){margin-bottom:30px; margin-top:30px}	
	/*3개 동영상 BDU-교양강의*/
	.i-flow {display:block;}
	.i-flow > div{width: calc(100% - 30px); border: 1px dashed #ddd; margin-bottom:50px;}	
	/* why bdu + deDepartments */
	.img-album-flex{display:block}
	.img-album-flex .img img{width:100%}
	
	.main-sns-wrap .cinner{padding:0 20px}
	.main-sns-wrap .animation-bg{display:none}
	.main-sns-wrap .cinner{display:block;padding:50px 20px}
	.main-s{margin-top:0;height:auto}
	.main-book{width:100%;padding-bottom:50px}
	.main-book a{padding:0;background:none;border-radius:0}
	.main-book a img{width:100%}
	.main-sns .h2-tit{text-align:center}
	.main-sns .sns-tabs{position:relative;right:auto;text-align:center}
	.main-sns .sns-tabs ul{overflow:hidden;margin:20px auto}
	.main-sns .sns-tabs li{margin-bottom:0;display:inline-block;margin:0 5px}
	.main-sns .sns-tabs a{display:block;padding-left:0;text-indent:-9999%;width:40px;height:40px}
	.main-sns .sns-tabs-con{width:100%}
	.main-sns .sns-tabs-con li{width:49%;margin-right:2%;margin-bottom:2%}
	.main-sns .sns-tabs-con li:nth-child(2n){margin-right:0}
	.main-sns .sns-tabs-con li:nth-child(n + 3){margin-bottom:0}
	.main-sns .sns-tabs-con .board-img{height:auto;max-height:200px;padding-bottom:80%}
	.main-sns .sns-tabs-con .txt{padding:10px}
	.main-sns .sns-tabs-con .ico{width:30px;height:30px;top:50%;left:10px}
	.main-sns .sns-tabs-con li:nth-child(3){margin-right:2%}
	.main-sns .sns-tabs-con li:nth-child(4){display:block;}
	
}
@media (max-width: 920px){
	.f-greet .img_txt_con {padding: 0; text-align:center}
	.f-greet .img-right .img_txt_con {padding: 0; text-align:center}
	.f-greet .img-right .img_txt_con > img { position: static;}
	.f-greet .img_txt_con > img {width: 100%;position: static;}
	.f-greet .img_txt_con .tit {font-size: 32px;padding: 0 0 20px 0px;}
}
@media (max-width:480px){
	.f-greet .img_txt_con .tit {font-size: 26px}
	.f-greet .img_txt_con .tit span::before, .greet .img_txt_con .tit span::after {width: 30px;height: 30px;background-size: cover;}
	.f-greet .img_txt_con .tit span::before {left: -35px;top: -10px;}
	.f-greet .img_txt_con .tit span::after {right: -35px;bottom: -5px;}
	.f-greet .img_txt_con p{line-height:1.4}
	.f-greet .img_txt_con p br{display:none;}
	.f-greet .img_txt_con > img {margin-bottom: 50px;}
}

/* why BDU*/
.txt-dashed-tblbox{padding:30px;display:table;width:100%;table-layout:fixed}
.txt-dashed-tblbox .txt-cell{display:table-cell;vertical-align:top;}
.txt-dashed-tblbox .txt-cell:nth-child(2),
.txt-dashed-tblbox .txt-cell:nth-child(3){}
.txt-dashed-tblbox .txt-cell:last-child{padding-right:0;}
.txt-dashed-tblbox .con-dot {padding-left: 20px;}


/*250228 why BDU 수정*/
.con-box .pdr-30{padding-right:30px}
.con-box .flex-start{align-items:flex-start;border-bottom:1px solid #ddd; padding-bottom:40px}
.con-box .sb-color{color:#0066d8}

/* 히스토리 */
.img-flexcon{display:flex;justify-content: space-between; flex-wrap: wrap;}
.img-flexcon.col04 > div{width: calc(24.5% - 20px)}
.img-flexcon img{width:100%}
.img-flexcon img > span{text-align:center}
.img-flexcon.col03 > div{width: calc(33.333% - 20px)}
.img-flexcon.col02 > div{width: calc(49.5% - 20px)}

/* Departments */
.img-album-flex{display:flex;align-items:center}
.img-album-flex .img{position:relative;flex-shrink:0;margin-right:30px}
.img-album-flex .txt{flex-grow:1}
.img-album-flex .img img{position:relative}
.con-pbox-line{border-top:3px solid #0091ea;padding:40px}

@media (max-width: 640px){
	.img-flexcon{flex-wrap:wrap}
	.img-flexcon > div{width: calc(100% - 0px);margin-bottom:30px}
	.img-flexcon > div:last-child{margin-bottom:0}
	.img-flexcon.col04 > div{width: calc(100% - 0px)}
	
	.main-sns-wrap .cinner{padding:30px 20px;margin:50px 0}
}

/* K-mooc */
.flex-wrap-div{display:flex;}
.flex-wrap-div span{right: 80px;display: block;position: absolute; font-size:0.7em}
.flex-wrap-div a{position:relative;width:100px;height:30px;background-color:#0091ea;color:#fff;display:flex;align-items:center;justify-content:center;margin:0 2px;top:auto;bottom:auto;right:auto;left:auto;transform:translate(0);}
@media (max-width:1024px){
	.flex-wrap-div a{margin:5px 20px;}
}

/* 모집일정*/
.s3_5 .block:first-child .tag-wrap{padding-top:0}
.s3_5 .block{display:flex}
.s3_5 .tag-wrap{width:30%; padding-top:30px; padding-right: 30px;}
.s3_5 .tag{height:105px ;border-radius:0 50px 50px 0;display: flex; align-items: center; position:relative; background-repeat:no-repeat; padding-left:50px}
.s3_5 .tag::before{display:block; content:""; position:absolute; transform:translateY(-50%); top:50%; width:10px; height:10px; right: -40px; box-sizing: content-box;}
.s3_5 .block:nth-child(odd) .tag{background-image:url("/_res/bdu/grad/img/sub/s3_5_tagbg01.png")}
.s3_5 .block:nth-child(odd) .tag::before{background-color:#0066d8; border:6px solid #e3eefb;}
.s3_5 .block:nth-child(even) .tag{background-image:url("/_res/bdu/grad/img/sub/s3_5_tagbg03.png")}
.s3_5 .block:nth-child(even) .tag::before{background-color:#059a9c; border:6px solid #e4f4f4;}
.s3_5 .tag span{color:rgba(255,255,255, 1); font-size:45px; margin-right:25px}
.s3_5 .tag p{font-size:24px; color:#fff; line-height:1.2}
.s3_5 .article-wrap{width:70%; padding:30px 0 0 45px; border-left:1px dashed #ddd}
.s3_5 .block:first-child .article-wrap{padding:0 0 0 45px}
.s3_5 article{background-color:#f2f5f8; padding:40px; border-radius:0 50px 0 0}
.s3_5 article h3{color:#0066d8; font-size:26px; margin-top:25px}
.s3_5 article h3:first-child{margin-top:0}
.s3_5 article h4{color:#0066d8; font-size:26px; margin-top:25px}
.s3_5 article h4:first-child{margin-top:0}
.s3_5 article li{position:relative}
.s3_5 article li::before{display:block; content:""; position:absolute; transform:translateY(-50%); left:0;}
.s3_5 article > ul{margin-top:15px;}
.s3_5 article > ul:first-child{margin-top:0}
.s3_5 article > ul > li{margin-top:10px; font-size:18px; padding-left:15px}
.s3_5 article > ul > li::before{width:4px; height:4px; background-color:#0062d2;top:15px; }
.s3_5 article > ul > li:first-child{margin-top:0}
.s3_5 article > ul > li > ul{margin-top:5px}
.s3_5 article > ul > li > ul > li{margin-top:5px; font-size:16px; padding-left:20px}
.s3_5 article > ul > li > ul > li:first-child{margin-top:0}
.s3_5 article > ul > li > ul > li::before{display:block; content:""; position:absolute; transform:translateY(-50%); left:0;top:13px; background-image:url("/_res/bdu/grad/img/sub/s3_5_arricon.png"); width:10px; height:11px}

@media (max-width: 1200px){
	.s3_5 .tag p {font-size: 20px;}
	.s3_5 .tag span {font-size: 35px;margin-right: 20px;}
}

@media (max-width: 900px){
	.s3_5 .tag {padding-left: 15px;}
}

@media (max-width: 768px){
	.s3_5 .block{display:block}
	.s3_5 .tag-wrap {width: 100%;padding-right: 0}
	.s3_5 .tag::before{display:none}
	.s3_5 .article-wrap {width: 100%; padding: 0 !important; border-left: 0;}
	.s3_5 .tag {height: 76px; background-size: contain;}
	.s3_5 .tag p {font-size: 18px;}
	.s3_5 article h3 {font-size: 20px;margin-top: 20px;}
	.s3_5 article {padding: 30px;}
	.s3_5 article > ul > li {font-size: 15px;padding-left: 10px;}
	.s3_5 article > ul > li::before {top: 11px;}
	.s3_5 article > ul {margin-top: 10px;}
}

/*스튜디오관련(박스추가)*/
.eng-img-right-box{position:relative;padding-right:100px;padding-bottom:100px}
.eng-img-right-box img{width:100%}
.eng-img-right-box .txt-box{position:absolute;right:0;bottom:0;display:inline-block;color:#fff;background-color:#0055b5/*#0066d8*/;padding:50px;width:660px}
.eng-img-right-box .txt-box:before{position:absolute;width:100%;height:100%;border:1px solid #0055b5/*#0066d8*/;content:"";bottom:-15px;right:-15px}
.eng-img-right-box .txt-box:after{position:absolute;width:25px;height:25px;background-color:#0091ea;right:-25px;top:-25px;content:""}
.eng-imgcon { text-align:center;}
.eng-imgcon div {border:1px solid #dedede; float:left; box-sizing:border-box; margin-top:20px;}
.eng-imgcon div:nth-child(even) {margin-right:0;}
.eng-imgcon div img {width:100%;}
.eng-imgcon div p {margin:5px 0px!important;}
.con-box .subject{font-size:35px; letter-spacing:-.13rem; font-weight:600; margin-bottom:30px}
.txt-dot-box{margin:15px auto}
.txt-dot-box .tit-dot{position:relative;font-size:1.5rem;font-weight:550;padding-left:20px;margin:0px 0 0px 0;color:#0066d8}

/*연혁*/
.eng-history02{display:flex;background:url('/_res/bdu/bduhome/img/sub/1_3_3_1.bg01.jpg')no-repeat center;}
.eng-history02 > div{width:50%}
.eng-history02 .left{padding-right:115px}
.eng-history02 .left h3{font-size:70px;font-family: 'paybooc'; font-weight: bold; padding-left:65px; line-height:0.9}
.eng-history02 .left h3 span{color:#0066d8; font-size:36px}
.eng-history02 .left .left-tit{font-size:70px;font-family: 'paybooc'; font-weight: bold; padding-left:65px; line-height:0.9}
.eng-history02 .left .left-tit span{color:#0066d8; font-size:36px}
.eng-history02 .left div{background:url('/_res/bdu/bduhome/img/sub/01_03_03_bg01.png')no-repeat center bottom; padding-bottom:50px}
.eng-history02 .left img{margin-top:50px; padding-left:45px}
.eng-history02 .left h4{font-size:26px; font-weight:bold; padding-left:85px; margin-top:35px}
.eng-history02 .left p{margin-top:25px; padding-left:65px}
.eng-history02 .right div{padding:0 0 78px 60px; border-left:1px solid #ddd;}
.eng-history02 .right h3{font-size:36px; position:relative; line-height: 0.6; margin-bottom:40px}
.eng-history02 .right h3::before { display: block;position: absolute; content: ""; border: 7px solid #2375d1;border-radius: 50%; left: -72px;box-sizing: content-box; background-color: #fff;width: 10px;height: 10px;transform: translateY(-50%);top: 50%;}
.eng-history02 .right li{margin-bottom:35px; padding-left:95px; position:relative}
.eng-history02 .right li:last-child{margin-bottom:0}
.eng-history02 .right li span{font-weight:bold; position:absolute; color:#333; left:0; font-size:26px; line-height:1}
.eng-history02 .left .tit-text{font-size:26px; font-weight:bold; padding-left:85px; margin-top:35px}
.eng-history02 .right h4{font-size:36px; position:relative; line-height: 0.6; margin-bottom:40px}
.eng-history02 .right h4::before { display: block;position: absolute; content: ""; border: 7px solid #2375d1;border-radius: 50%; left: -72px;box-sizing: content-box; background-color: #fff;width: 10px;height: 10px;transform: translateY(-50%);top: 50%;}

@media (max-width: 1024px){
	.eng-history02 .right li span{font-size:22px}
	.eng-history02 .right div { padding: 0 0 55px 40px; border-left: 1px solid #ddd;}
	.eng-history02 .right h3::before {left: -53px;}
	.eng-history02 .right li{margin-bottom:25px; padding-left:75px; position:relative}
	.eng-history02 .right h3{font-size:30px}
	.eng-history02 .right h4::before {left: -53px;}
	.eng-history02 .right h4{font-size:30px}

	.eng-history02 .left {padding-right: 35px;}
	.eng-history02 .left h4 {font-size: 22px;padding-left: 65px;margin-top: 25px;}
	.eng-history02 .left h3 {font-size: 60px; padding-left: 45px;}
	.eng-history02 .left h3 span{font-size:30px}
	.eng-history02 .left .left-tit{font-size: 60px; padding-left: 45px;}
	.eng-history02 .left .left-tit span{font-size:30px}
	.eng-history02 .left .tit-text{font-size: 22px;padding-left: 65px;margin-top: 25px;}
	/* why bdu*/
	.txt-dashed-tblbox{display:block}
	.txt-dashed-tblbox .txt-cell{display:block}
	.txt-dashed-tblbox .txt-cell:nth-child(2), 
	.txt-dashed-tblbox .txt-cell:nth-child(3){padding-left:0;border-left:0;margin-top:20px}
	.txt-dashed-tblbox .mblink {padding-left:0px}
}

@media (max-width: 768px){
	.eng-history02 {display: block;}
	.eng-history02 > div{width:100%}
	.eng-history02 .left {padding-right: 0px;}
	.eng-history02 .left h3 {font-size: 45px; padding-left: 0px;}
	.eng-history02 .left h3 span{font-size:20px}
	.eng-history02 .left img {margin-top: 30px;padding-left: 0px; width:100%}
	.eng-history02 .left h4 {font-size: 20px; padding-left: 20px; margin-top: 20px;}
	.eng-history02 .left p {margin-top: 10px;padding-left: 20px;}
	.eng-history02 .left div {padding-bottom: 30px; margin-bottom:30px}
	.eng-history02 .left .left-tit{font-size: 45px; padding-left: 0px;}
	.eng-history02 .left .left-tit span{font-size:20px}
	.eng-history02 .left .tit-text{font-size: 20px; padding-left: 20px; margin-top: 20px;}
	.eng-history02 .right div {padding: 0 0 40px 20px;}
	.eng-history02 .right h3 {font-size: 28px; margin-bottom:30px}
	.eng-history02 .right h3::before {border: 5px solid #2375d1; left: -30px; width: 5px; height: 5px;}
	.eng-history02 .right li span {font-size: 18px;}
	.eng-history02 .right li { margin-bottom: 20px; padding-left: 60px;}
	.eng-history02 .right h4{font-size: 28px; margin-bottom:30px}
	.eng-history02 .right h4::before {border: 5px solid #2375d1; left: -30px; width: 5px; height: 5px;}
}

@media (max-width: 460px){
	.eng-history02 .left h4 {font-size: 18px; padding-left: 20px; margin-top: 10px;}
	.eng-history02 .left .tit-text{font-size: 18px; padding-left: 20px; margin-top: 10px;}
}

/*소개컨텐츠이미지*/
img.mob{display:none}
@media (max-width: 640px){
	img.pc{display:none}
	img.mob{display:block}
}
/*소개컨텐츠 텍스트*/
.ent_s1_1_1 .mblink{margin:0 0 90px 0}
.ent_s1_1_1 .mblink.mt90{margin:90px 0 90px 0}
.ent_s1_1_1 .b-name{font-size:26px; font-weight:normal; margin-top:90px}

.ent_s1_1_1 .mblink.pos{position:relative;}
.ent_s1_1_1 .mblink.pos .txt-wrap{position:absolute; top:100px; left:100px; color:#fff}
.ent_s1_1_1 .mblink.pos .txt-wrap div{font-size:40px;line-height:1.4}
.ent_s1_1_1 .mblink.pos .txt-wrap p{font-size:25px; margin-top:20px}
@media (max-width: 1200px){ 
	.ent_s1_1_1 .mblink {margin: 40px 0;}
	.ent_s1_1_1 .mblink.mt90{margin:0px 0 40px 0}
	.ent_s1_1_1 .mblink.pos .txt-wrap{position:absolute; top:50px; left:50px; color:#fff}
	.ent_s1_1_1 .mblink.pos .txt-wrap div{font-size:32px;line-height:1.2}
	.ent_s1_1_1 .mblink.pos .txt-wrap p{font-size:18px; margin-top:5px}
}
@media (max-width: 720px){
	.ent_s1_1_1 .mblink {margin: 40px 0;}
	.ent_s1_1_1 .mblink.mt90{margin:0px 0 40px 0}
	.ent_s1_1_1 .mblink.pos img.mob{display:block}
	.ent_s1_1_1 .mblink.pos img.pc{display:none}
	.ent_s1_1_1 .mblink.pos .txt-wrap{position:absolute; top:60%; left:50px; color:#fff}
	.ent_s1_1_1 .mblink.pos .txt-wrap div{font-size:32px;line-height:1.2}
	.ent_s1_1_1 .mblink.pos .txt-wrap p{font-size:18px; margin-top:5px}
}
@media (max-width: 460px){
	.ent_s1_1_1 .mblink.pos .txt-wrap{left:20px}
	.ent_s1_1_1 .mblink.pos .txt-wrap div{font-size:22px}
	.ent_s1_1_1 .mblink.pos .txt-wrap p{font-size:14px; margin-top:10px; line-height: 1.2;}
}


/* 장학금*/
.eng_s3_3_1 .top-image{background:url("/_res/bdu/bduhome/img/sub/s3_3_1_bg1.jpg")no-repeat; display:flex; justify-content:center; align-items:center}
.eng_s3_3_1 .top-image .inner{display:flex; justify-content:space-between; width:915px; text-align:center; padding:60px 0 75px}
.eng_s3_3_1 .top-image .inner p{font-family: 'GmarketSansMedium'; color:#333; margin-top:15px}
.eng_s3_3_1 .top-image .image{width: calc(33.333% - 15px)}
.eng_s3_3_1 .top-image .image:nth-child(1) .number{color:#057385}
.eng_s3_3_1 .top-image .image:nth-child(2) .number{color:#0066d8}
.eng_s3_3_1 .top-image .image:nth-child(3) .number{color:#16498f}
.eng_s3_3_1 .top-image .inner .number{margin-top:15px; padding-top:15px;font-size:36px;font-family: 'GmarketSansBold'; position:relative}
.eng_s3_3_1 .top-image .inner .number::before{display:block; content:""; position: absolute; width:115px; height:1px; background-color:#ddd; transform:translateX(-50%); left:50%; top:0px}
.eng_s3_3_1 .flex-container{display:flex; border-bottom:1px dashed #ddd; margin-bottom:20px; padding-bottom:20px}
.eng_s3_3_1 .flex-container .tit{font-size:25px; font-weight:bold; width:20%}
.eng_s3_3_1 .flex-container .inner {display:flex; flex-wrap:wrap; width:80%}
.eng_s3_3_1 .flex-container .inner > div{width:calc(25% - 20px);background: #f7f7f7;min-height: 70px;padding: 10px;font-size: 18px;  line-height:22px; margin:0 10px 10px 10px; display:flex; justify-content:center; align-items:center}

@media (max-width: 1024px){
	.eng_s3_3_1 .flex-container .inner > div{width:calc(50% - 20px)}
	.eng_s3_3_1 .top-image .inner .number{font-size:28px}
}

@media (max-width: 640px){
	.eng_s3_3_1 .flex-container{display:block}
	.eng_s3_3_1 .flex-container .tit {font-size: 20px;width: 100%; margin-bottom:20px}
	.eng_s3_3_1 .flex-container .inner{width: 100%;}
	
	.eng_s3_3_1 .top-image .inner { width: 100%;padding: 30px 0 0px; flex-wrap:wrap}
	.eng_s3_3_1 .top-image .image {width: calc(100% - 0px); margin-bottom: 30px;}
	.eng_s3_3_1 .top-image {background-image:none;background-color: #f7f8fc;}
	.eng_s3_3_1 .top-image .inner p {margin-top: 10px;}
	.eng_s3_3_1 .top-image .inner .number {margin-top: 10px;padding-top: 10px;font-size: 24px;}
}

@media (max-width: 420px){
	.eng_s3_3_1 .flex-container .inner{display:block}
	.eng_s3_3_1 .flex-container .inner > div{width:calc(100% - 0px);margin: 0 0 10px 0;}
	h5.h5-tit .btn-base{float:none !important; margin:10px 0 0 0 }
	
	.main-sns .sns-tabs-con li:nth-child(3) .txt{/*padding:20px 10px 13px 10px*/}
	.main-sns .sns-tabs-con li .txt{height:40px;overflow:hidden}
}

/* Graduate School */
.con-box-tline{border-top:3px solid #0091ea;padding-top:70px;margin:40px auto}
.con-box .subject{font-size:30px; letter-spacing:-.15rem; font-weight:500; margin-bottom:30px}

.img-right-box{position:relative;padding-left:220px;padding-bottom:100px}
.img-right-box img{width:100%}
.img-right-box .txt-box{position:absolute;left:0;bottom:0;display:inline-block;color:#fff;background-color:#0055b5/*#0066d8*/;padding:50px;width:700px}
.img-right-box .txt-box .con{font-size:}
.img-right-box .txt-box:before{position:absolute;width:100%;height:100%;border:1px solid #0055b5/*#0066d8*/;content:"";bottom:-15px;right:-15px}
.img-right-box .txt-box:after{position:absolute;width:25px;height:25px;background-color:#0091ea;right:-25px;top:-25px;content:""}

@media (max-width:1200px){
	.con-box-tline{padding-top:50px;margin:50px 0}
	.con-box .subject{font-size:1.875rem;margin-bottom:20px}
}
@media (max-width:720px){
	.con-box-tline{padding-top:20px;margin:20px 0}
	.con-box .subject{font-size:1.4rem;margin-bottom:10px}

	.img-right-box{padding:0}
	.img-right-box .txt-box{position:relative;margin-top:50px;width:calc(100% - 20px);padding:20px}
	.img-right-box .txt-box:after{width:20px;height:20px;top:-20px;right:-20px}
}

/* Contact us */
.prgr-contact-top {border: 1px dashed #d2d2d2; /*border: 10px solid #e5e5e5;*/padding: 50px;margin-bottom: 40px;}
.prgr-contact-top .tit-sec {margin-bottom: 30px;line-height: 1.4;}
.prgr-contact-top .tit-sec .tit {font-size: 34px;}
.prgr-contact-top .tel-info {margin-bottom: 30px;}
.prgr-contact-top .tel-info li {position: relative;padding-left: 155px;margin: 15px 0 25px;}
.prgr-contact-top .tel-info .tit {color: #333;font-size: 18px; position: absolute;top: 0;left: 0;padding: 0 15px 0 50px;width: 135px; font-weight:bold}
.prgr-contact-top .tel-info li span {display: block}
.prgr-contact-top .tel-info .tel .tit:before {background-color:#376ba7;background-image:url("/_res/bdu/bduhome/img/sub/1_9_1_icon01.png")}
.prgr-contact-top .tel-info .fax .tit:before {background-color:#376ba7;background-image:url("/_res/bdu/bduhome/img/sub/1_9_1_icon02.png")}
.prgr-contact-top .tel-info .web .tit:before {background-color:#083a7f;background-image:url("/_res/bdu/eng/img/sub/eng_web.png")}
.prgr-contact-top .tel-info .tit:before {width: 38px;height: 38px;left: 0; background-position:center}
.prgr-contact-top .tel-info .tit:before, .prgr-contact-top .tel-info .tit:after {display: block;content: "";border-radius: 50%;position: absolute;top: 3px;bottom: 0;margin: auto}
.prgr-contact-top .tel-info .tit:after {width: 5px;height: 5px;background: #ccc;right: 0;}
.prgr-contact-top .tel-info .num {color: #555; font-family: roboto, sans-serif;font-size: 1.222em; font-weight:bold}
.prgr-contact-top .tel-info .fax .tit:before {background-color: #2088fd}
.prgr-contact-top .tel-inquiry-li {background: #f7f7f7 ;padding: 20px 30px;;}
.prgr-contact-top .tel-inquiry-li ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.prgr-contact-top .tel-inquiry-li li {margin:15px 0;width: calc(50% - 50px); list-style: none;}
.prgr-contact-top .tel-inquiry-li li .tit:after {display: inline-block;vertical-align: middle;content: "";width: 5px;height: 5px;border-radius: 50%; background: #d5d5d5; margin: 0px 10px 0;}
.c-tab01 ul{display: flex; justify-content: center; align-items: center;}
.c-tab01 ul li {width: 33.333%;text-align: center;}
.c-tab01 ul li a {display: block;border: 1px solid #ededed;height: 70px; padding-top: 20px; font-weight:500; font-size:1.29rem;}
.c-tab01 ul li a:hover{background:#0066d8; color:#fff;}

@media (max-width: 1024px){
	.prgr-contact-top .tel-inquiry-li li {width: calc(50% - 10px);list-style: none;}
	.prgr-contact-top .tit-sec .tit {font-size: 28px;}
	.c-tab01 ul li a {height: 60px;}
}

@media (max-width: 540px){
	.prgr-contact-top .tel-inquiry-li li {width: calc(50% - 10px);list-style: none;}
	.prgr-contact-top .tit-sec .tit {font-size: 28px;}
	.prgr-contact-top {padding: 50px 20px;}
	.prgr-contact-top .tel-inquiry-li {display: block;}
	.prgr-contact-top .tel-inquiry-li li {width: calc(100% - 0px);}
}
@media (max-width: 460px){
	.prgr-contact-top .tit-sec .tit {font-size: 24px;line-height: 1.2;}
	.prgr-contact-top .tel-info .tit:before {width: 30px;height: 30px;    background-size: 26px;}
	.prgr-contact-top .tel-info .tit { font-size: 16px;padding: 0 10px 0 35px;width: 110px;}
	.prgr-contact-top .tel-info li {padding-left: 112px;}
	.prgr-contact-top .tel-inquiry-li {padding:20px;}

}

/* 히스토리 - 수정 20220822 */
.sub-popup-tabs .img-flexcon{}
.sub-popup-con .sub-popup-tabs ul{display:flex;justify-content: space-between;}
.sub-popup-con .sub-popup-tabs ul li{width:24%}
.sub-popup-tabs .img-flexcon.col04 > div{width: calc(24.5% - 20px)}
.sub-popup-tabs .img-flexcon img{width:100%}
.sub-popup-tabs .img-flexcon img > span{text-align:center}

.sub-popup-tabs .img-flexcon.col03 > div{width: calc(33.333% - 20px)}
.sub-popup-tabs .img-flexcon.col02 > div{width: calc(49.5% - 20px)}

@media (max-width: 640px){
	.sub-popup-tabs .img-flexcon{flex-wrap:wrap}
	.sub-popup-tabs .img-flexcon > div{width: calc(100% - 0px);margin-bottom:30px}
	.sub-popup-tabs .img-flexcon > div:last-child{margin-bottom:0}
	.sub-popup-tabs .img-flexcon.col04 > div{width: calc(100% - 0px)}
	.sub-popup-con .sub-popup-tabs ul{flex-wrap:wrap;}
	.sub-popup-con .sub-popup-tabs ul li{width:48%;}
}




/* 
	도식화 학과안내 > 학과교육목표
*/
#wrap-sc .bar{font-size: 25px; padding: 15px 0; border: 8px solid #f5f5f5; border-radius:3rem; text-align: center;color:#144892;}
#wrap-sc .box {padding: 0 10px 30px;}
#wrap-sc .box .tit {text-align: center;}
#wrap-sc .box .tit span {font-size: 27px;font-weight:600;color: #fff;display: inline-block;padding: 15px 80px;border-radius: 50px;transform: translateY(-35px);margin: 0 auto;}
#wrap-sc .box .head {font-weight:500;text-align: center;margin-top:-15px;line-height:35px}
#wrap-sc .box .head span {color: #257cf4; font-size:24px;font-weight:600}
#wrap-sc .box.blue-box {border:2px dashed #ddd;margin-top: 50px;border-radius:30px;}
#wrap-sc .box.blue-box .tit span {background-color: #257cf4;}

#wrap-sc .schema-dept{position:relative;text-align:center}
#wrap-sc .schema-dept .intro-circ:before{position:absolute;width:40%;height:1px;top:62%;left:30%;transform:translateY(-50%);content:"";background-color:#d5d5d5}
#wrap-sc .schema-dept .intro-circ .circle{padding-top:25px; font-size:18px; color:#fff;letter-spacing:-2px;width:200px;margin-left:-25px}
#wrap-sc .schema-dept .intro-circ > ol{display:flex;flex-wrap:wrap;gap:calc((100% - (270px * 4)) / 3);justify-content:center;}
#wrap-sc .schema-dept .intro-circ > ol > li{position:relative;border:20px solid #d5d5d5;padding:30px;background-color:#fff;height:250px;border-radius:10rem;}
#wrap-sc .schema-dept .intro-circ > ol > li:nth-child(1){border:20px solid #ebf0f4; background-color: #406693;}
#wrap-sc .schema-dept .intro-circ > ol > li:nth-child(2){border:20px solid #e6f0fc; background-color: #0266d8;}
#wrap-sc .schema-dept .intro-circ > ol > li:nth-child(3){border:20px solid #e7f5f6; background-color: #0a8183;}
#wrap-sc .schema-dept .intro-circ > ol > li:first-child:nth-last-child(2),
#wrap-sc .schema-dept .intro-circ > ol > li:first-child:nth-last-child(2) ~ li{width:250px}
#wrap-sc .schema-dept .intro-circ > ol > li:first-child:nth-last-child(3),
#wrap-sc .schema-dept .intro-circ > ol > li:first-child:nth-last-child(3) ~ li{width:250px}
#wrap-sc .schema-dept .intro-circ > ol > li:first-child:nth-last-child(5),
#wrap-sc .schema-dept .intro-circ > ol > li:first-child:nth-last-child(5) ~ li{width:194.5px}
#wrap-sc .schema-dept .intro-circ > ol > li:first-child:nth-last-child(5) .inner,
#wrap-sc .schema-dept .intro-circ > ol > li:first-child:nth-last-child(5) ~ li .inner{flex-direction:column;text-align:center}
#wrap-sc .schema-dept .intro-circ > ol > li:first-child:nth-last-child(5) .img,
#wrap-sc .schema-dept .intro-circ > ol > li:first-child:nth-last-child(5) ~ li .img{margin-right:0;margin-bottom:20px}
#wrap-sc .schema-dept .intro-circ > ol > li:last-child:after{display:none}
#wrap-sc .schema-dept .intro-circ > ol > li:after{position:absolute;transform:rotate(-90deg) translateY(-50%);content:"";width:30px;height:30px;top:calc(50% - 10px);left:calc(100% - -75px);border:6px solid gray; border-radius:3rem; background-color:#fff}
#wrap-sc .schema-dept .intro-circ > ol > li:nth-child(1):after{border:6px solid #406693;}
#wrap-sc .schema-dept .intro-circ > ol > li:nth-child(2):after{border:6px solid #0a8183;}

@media (max-width:1200px){
	#wrap-sc .bar{font-size:21px;}
	#wrap-sc .box .head {font-size:18px; padding:0 50px 0 50px;line-height:30px;margin:-5px 0 0 0}
	#wrap-sc .box .head span{font-size:20px}
	#wrap-sc .box>.tit span {font-size: 20px;transform: translateY(-25px);}
	#wrap-sc .schema-dept .intro-circ .circle{font-size:16px;padding-top:30px}
	#wrap-sc .schema-dept .intro-circ > ol > li:after{width:19px;height:19px}
	#wrap-sc .schema-dept .intro-circ > ol > li:nth-child(1){border:10px solid #e6f0fc;}
	#wrap-sc .schema-dept .intro-circ > ol > li:nth-child(1):after{border:4px solid #406693;}
	#wrap-sc .schema-dept .intro-circ > ol > li:nth-child(2){border:10px solid #e6f0fc;}
	#wrap-sc .schema-dept .intro-circ > ol > li:nth-child(2):after{border:4px solid #0a8183;}
	#wrap-sc .schema-dept .intro-circ > ol > li:nth-child(3){border:10px solid #e6f0fc;}
	#wrap-sc .schema-dept .intro-circ > ol > li:after{left: calc(100% - -15%);top: calc(50% - 6px);}
	#wrap-sc .schema-dept .intro-circ > ol{gap:3%}
	#wrap-sc .schema-dept .intro-circ > ol > li{width:22%;padding:20px}
	#wrap-sc .schema-dept .intro-circ > ol > li:first-child:nth-last-child(2), 
	#wrap-sc .schema-dept .intro-circ > ol > li:first-child:nth-last-child(2) ~ li{width: 210px;height: 210px;font-size: 16px;}
	#wrap-sc .schema-dept .intro-circ > ol > li:first-child:nth-last-child(3), 
	#wrap-sc .schema-dept .intro-circ > ol > li:first-child:nth-last-child(3) ~ li{width: 210px;height: 210px;font-size: 16px;}
	#wrap-sc .schema-dept .intro-circ > ol > li:first-child:nth-last-child(5), 
	#wrap-sc .schema-dept .intro-circ > ol > li:first-child:nth-last-child(5) ~ li{padding:20px 10px}
	#wrap-sc .schema-dept .intro-circ .img{margin-right:20px}
}
@media (max-width:720px){	
	#wrap-sc .bar{font-size:19px;}
	#wrap-sc .box .head {font-size:15px;padding:0 30px 0 30px;line-height:25px;margin:0}
	#wrap-sc .box .head span{font-size:17px}
	#wrap-sc .schema-dept .intro-circ > ol{gap:15px}
	#wrap-sc .schema-dept .intro-circ:before{display:none}
	#wrap-sc .schema-dept .intro-circ > ol > li{width:calc(50% - 7.5px);padding:20px 5px;border-radius:0}
	#wrap-sc .schema-dept .intro-circ > ol > li:first-child:nth-last-child(2), #wrap-sc .schema-dept .intro-circ > ol > li:first-child:nth-last-child(2) ~ li,
	#wrap-sc .schema-dept .intro-circ > ol > li:first-child:nth-last-child(3), #wrap-sc .schema-dept .intro-circ > ol > li:first-child:nth-last-child(3) ~ li,
	#wrap-sc .schema-dept .intro-circ > ol > li:first-child:nth-last-child(5), #wrap-sc .schema-dept .intro-circ > ol > li:first-child:nth-last-child(5) ~ li{width:100%}
	#wrap-sc .schema-dept .intro-circ > ol > li:after{display:none}
	#wrap-sc .schema-dept .intro-circ + #wrap-sc .schema-dept .intro-circ{margin-top:15px}
	#wrap-sc .schema-dept .intro-circ .circle{width:unset;margin:0}
}
@media (max-width:540px){
	#wrap-sc .box .tit span {font-size:17px}
	#wrap-sc .box .head {font-size:14px;padding:0 30px 0 30px}
	#wrap-sc .box .head span{font-size:15px}
}

/* 
	도식화 학과안내 > BDU교육목표 
*/
.edu-goal {margin: 50px auto;}
.edu-goal .bar{text-align: center;; border: 15px solid #d1e3f9; margin: 0 auto; border-radius: 50px; font-weight: bold; position: relative;}
.edu-goal .bar span{border: 2px dotted #0057b8;padding: 20px 0; display:block; border-radius: 50px;}
.edu-goal .bar b{color: #0166d8;}
.edu-goal .edu-goal-content .block-container{margin-top: 60px; position: relative; display: flex; justify-content: space-between; text-align: center; font-size: 16px;}
.edu-goal .edu-goal-content .block-container:before{width: 80%; height: 1px; background-color: #aaa; content: ""; display: block; position: absolute; top: -10px; left: 50%; transform: translateX(-50%);}
.edu-goal .edu-goal-content .row{width: calc(25% - 20px); padding-top: 10px;}
.edu-goal .edu-goal-content .row .top{border-radius: 20px; color: #333333;background-color: #f4f9ff; padding: 0px 10px;display: flex;align-items: center;text-align: center; justify-content: center;position: relative; transform: translateY(10px); max-width: 250px; margin: 0 auto; height: 200px; font-size: 18px}
.edu-goal .edu-goal-content .row .top p{font-weight:500;margin-top:10px;}
.edu-goal .edu-goal-content .row .top:before,
.edu-goal .edu-goal-content .row .top:after{display: block; content: "";position: absolute; transform: translateX(-50%); left: 50%;}
.edu-goal .edu-goal-content .row .top:before{width: 25px; height: 25px; top: -12px; border-radius: 50%; background-color: #fff;}
.edu-goal .edu-goal-content .row .top:after{width: 1px; height: 20px; background-color: #aaa; top: -30px;}a
.edu-goal .edu-goal-content .row .top b{font-size: 18px;}
.edu-goal .edu-goal-content .row:nth-child(1) .top:before{border:5px solid #257cf4}
.edu-goal .edu-goal-content .row:nth-child(2) .top:before{border:5px solid #0066d8 }
.edu-goal .edu-goal-content .row:nth-child(3) .top:before{border:5px solid #131f8f}            
.edu-goal .edu-goal-content .row:nth-child(4) .top:before{border:5px solid #004b91}
.edu-goal .edu-goal-content .row:nth-child(5) .top:before{border:5px solid #257cf4}
.edu-goal .edu-goal-content .row .bottom{border: 6px solid #ddd; border-radius: 10px; margin-top: -45px; min-height: 230px; text-align: center; padding: 100px 10px 20px 20px}
.edu-goal .edu-goal-content .row .bottom div{font-weight: bold; line-height: 1.6; margin-bottom: 10px;}
.edu-goal .edu-goal-content .row .bottom p{line-height: 1.6;}

@media screen and (max-width: 1200px){
	.edu-goal .edu-goal-content .bar::before{display: none;}
	.edu-goal .edu-goal-content .block-container:before{display: none;}
	.edu-goal .edu-goal-content .row .top::after{display: none;}
	.edu-goal .edu-goal-content .block-container{flex-wrap: wrap; justify-content: center; margin-top: 30px;}
	.edu-goal .edu-goal-content .row{width: calc(33.333% - 0px); padding: 0 15px; margin-bottom: 25px;}
	.edu-goal .edu-goal-content .row .top::before{display:none}
	.edu-goal .edu-goal-content .row .bottom{min-height:190px; padding:80px 10px 20px 10px}
}

@media screen and (max-width: 1024px){
	.img-album-flex{flex-direction:column-reverse;gap:20px}
	.img-album-flex.reverse{flex-direction:column}
	.img-album-flex .img{margin-right:0}
	.img-album-flex .img img{width:100%}
	
	.line-border-flex{padding:20px}
	.line-border-flex .img{margin-right:0}
	.line-border-flex .c-flex{display:flex;flex-direction:column;gap:20px}
	.line-border-flex .board-content{font-size:1rem}
	.line-border-flex .board-subject{white-space:wrap}
}

@media screen and (max-width: 720px){
	.con-pbox-line{padding:20px 0}
	
	.edu-goal .edu-goal-content .row{width: calc(50% - 0px); padding: 0 5px;}
	.edu-goal .edu-goal-content .row .top{font-size: 14px;}
	.edu-goal .edu-goal-content .row .top b{font-size: 16px;}
	.edu-goal .edu-goal-content .bar div{font-size: 18px; padding: 15px 10px;}
	.edu-goal .edu-goal-content .bar p{font-size: 14px; line-height: 1.4;}
}
@media screen and (max-width: 550px){
	.edu-goal .edu-goal-content .row{width: calc(100% - 0px); padding: 0; margin:20px 0 0;}
	.edu-goal .edu-goal-content .row .top{border-radius: 5px; padding: 30px; transform: translateY(0);max-width: 100%; height: auto;}
	.edu-goal .edu-goal-content .row .bottom{padding: 20px; min-height: auto; margin-top: 5px;}
	.edu-goal .edu-goal-content .block-container{margin-top: 20px;}
}

/*241230 동영상 배너부분 */
.play-ico{border: 4px solid #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;width: 65px;height: 65px;margin: 50px auto 0 auto;}
.video-txt{color: #fff;font-size: 40px;text-align: center;}
.video-txt .txt>p:before{font-weight: bold;content: "busan digital university";text-transform: uppercase;font-size: 23px;display: block;opacity: .5;margin-bottom: 20px;}
.xi-play:before{color:#fff;}
.main-eng-banner .video-txt{display: flex; align-items: center;color: #fff;text-align: center;justify-content:center;}

@media (max-width:1024px){.video-txt{font-size:30px;}
	.video-txt .txt>p:before{font-size:1.2rem;}}
@media (max-width:720px){.video-txt{font-size:24px;}}
   


/*250123 학과소개*/
.title-c{color:#0066d8;}
.title-line{border-top:3px solid #0091ea;padding-top:40px;}
.item-hipen > li:before {display: block;content: "";position: absolute;top: 12px;left: 0;width: 4px;height: 4px;background-color: #0066d8;}
.pd-20{padding:20px 0}

.main-gallery h2 {font-family: 'SBAggroB';font-size: 2.7rem/*3rem*/;margin-bottom: 1.25rem;color: #0066d8/*#444*/;letter-spacing: 1px;}
.main-gallery .controller-btn {position: absolute;bottom: 2.5rem;}
.main-gallery .btn-more {display: block;width: 7.5rem;height: 3.125rem;border-radius: 2.5rem;line-height: 2.625rem;border: 0.125rem solid #bbb;color: #bbb;font-size: 1.25rem;text-align: center;}
.main-gallery .controller-btn {display: flex;gap: .625rem;}
.main-gallery .button-next {background: url(/_res/bdu/_share/img/department/btn-next.png) no-repeat 50% 50% / cover;}
.main-gallery .button-prev {background: url(/_res/bdu/_share/img/department/btn-prev.png) no-repeat 50% 50% / cover;}
.main-gallery .button-next, .main-gallery .button-prev {width: 3.125rem;height: 3.125rem;border: 0.125rem solid #bbb;border-radius: 50%;transition: all .3s;cursor: pointer;}
.max-width .btn-more::after {content: "";display: inline-block;width: 1.125rem;height: 1.125rem;background: url(/_res/bdu/_share/img/department/plus2.png) no-repeat 50% 50% / cover;vertical-align: middle;margin-left: .625rem;transition: all .3s;}
.main-gallery{background:none}
.main-gallery{position:relative;}
.main-gallery::before{content:"";position:absolute;background:#f8f8f8 url(/_res/bdu/eng/img/sub/bg_gallery_3.jpg) no-repeat 50% 50% / cover;top:5%;left:calc((1400px - 100vw) / 2);width:100vw;height:100%}


h4.h4-title.title-c{font-size:1.3em;padding-left:15px}
.pd-20 > li {font-size:1.1rem}
.title-line h5.b-h5{font-size:1.1rem}


@media (max-width: 1400px){
	.main-gallery::before{left:-20px}
}

@media (max-width: 1024px) {    
.main-gallery .controller-btn {position: relative;bottom: auto;justify-content: center;}
.main-gallery h2 {font-size: 2.4rem;margin-bottom: 1rem;}
}

/*250131 departments 3depth */
.depth-tabs.float-tabs li{height:50px}
.depth-tabs.float-tabs li a{font-size:1.1rem}
.depth-tabs.float-tabs li:nth-child(5n + 1){border-left:0}
.depth-tabs.float-tabs li:first-child{border-left:1px solid #d2d2d2}

.depth-tabs a i{margin-left:4px;margin-top:2px}
.depth-tabs.float-tabs li:first-child:nth-last-child(4),
.depth-tabs.float-tabs li:first-child:nth-last-child(4) ~ li{width:25%}
.depth-tabs.float-tabs li:first-child:nth-last-child(4) ~ li:nth-child(4n + 1){border-left:0}
.depth-tabs.float-tabs li:first-child:nth-last-child(16),
.depth-tabs.float-tabs li:first-child:nth-last-child(16) ~ li{width:25%}
.depth-tabs.float-tabs li:first-child:nth-last-child(16) ~ li:nth-child(4n + 1){border-left:1px solid #d2d2d2}

#sub-wrapper .sub-title .h3-tit{margin:15px 0;letter-spacing:-1.5px;font-size:32px}
#sub-wrapper .sub-title .depth-tabs{margin:20px auto}

@media (max-width:1024px){
.depth-tabs a i{margin-left:4px;margin-top:2px}
.depth-tabs.float-tabs li:first-child:nth-last-child(4),
.depth-tabs.float-tabs li:first-child:nth-last-child(4) ~ li{width:33.333%}
.depth-tabs.float-tabs li:first-child:nth-last-child(4) ~ li:nth-child(2n + 1){border-left:0}
.depth-tabs.float-tabs li:first-child:nth-last-child(16),
.depth-tabs.float-tabs li:first-child:nth-last-child(16) ~ li{width:33.333%}
.depth-tabs.float-tabs li:first-child:nth-last-child(16) ~ li:nth-child(4n + 1){border-left:0}
#sub-wrapper .sub-title .h3-tit{margin:15px 0;font-size:30px}
#sub-wrapper .sub-title .depth-tabs{margin:10px auto}
}
	
@media (max-width:720px){
.depth-tabs a i{margin-left:4px;margin-top:2px}
.depth-tabs.float-tabs li:first-child:nth-last-child(4),
.depth-tabs.float-tabs li:first-child:nth-last-child(4) ~ li{width:50%}
.depth-tabs.float-tabs li:first-child:nth-last-child(4) ~ li:nth-child(2n + 1){border-left:0}
.depth-tabs.float-tabs li:first-child:nth-last-child(16),
.depth-tabs.float-tabs li:first-child:nth-last-child(16) ~ li{width:50%}
.depth-tabs.float-tabs li:first-child:nth-last-child(16) ~ li:nth-child(odd){border-left:1px solid #d2d2d2}
.depth-tabs.float-tabs li a{font-size:1rem}
#sub-wrapper .sub-title .h3-tit{margin:10px 0;font-size:26px}
}




/*250228 campos - studio 수정*/
ul.item-dot.round-box{position:absolute;top:50%;left:50%;background-color:rgba(255,255,255, 0.9);transform:translate(-50%,-50%);border-radius:100px;padding:30px}
.r-box{position:relative}


@media (max-width:720px){
.eng-img-right-box{padding-right:0;padding-bottom:80px}
.eng-img-right-box .txt-box{position:absolute;right:0;bottom:0;display:inline-block;color:#fff;padding:25px;width:100%}
ul.item-dot.round-box{border-radius:100px;padding:20px}
ul.item-dot.round-box{position:absolute;top:revert;left:revert;background:none;transform:revert;border-radius:0;padding:0}
.r-box{position:relative}
.mb-100{margin-bottom:110px}
.eng-img-right-box .txt-box:after{display:none}
	
}