@charset "utf-8";



/* 인사말 */
.sub01_txt01{display: flex; justify-content: space-between; }
.sub01_txt01 > span{background: url("../images/content/sub01_img01.jpg") left top no-repeat;width: 48%; border-radius: 40px; height: 600px; position: relative;}
.sub01_txt01 > span::before{display: block;position: absolute;content: '';width: 100%;height: 80px;background-color: #fff376; z-index: -1;bottom: -20px; border-radius: 0 0 40px 40px;}
.sub01_txt01 dl{width: 48%;word-break: keep-all;}

.sub01_txt01 dl dt{margin: 0 40px 60px;font-size: 34px;font-weight: 800;position: relative;text-align: center;padding: 5px 55px 0;}
.sub01_txt01 dl dt::before{display: block;position: absolute;content: '';background: url("../images/content/sub01_img02.png") no-repeat; width: 50px; height:32px; top: 0; left: 0;}
.sub01_txt01 dl dt::after{display: block;position: absolute;content: '';background: url("../images/content/sub01_img03.png") no-repeat; width: 50px; height: 32px; top: 0; right: 0;}

.sub01_txt01 dl dd:first-of-type{font-size: 28px; line-height: 1.2em;}
.sub01_txt01 dl dd:nth-of-type(-n+2){margin-bottom:30px;}
.sub01_txt01 dl dd b{font-weight: 800;}
.sub01_txt01 dl dd strong{font-weight: 800;color:#ff7b11; }
.sub01_txt01 dl dd{font-size: 18px; line-height: 1.6em;}
.sub01_txt01 dl dd > img{float: right;}


@media all and (max-width :1280px){
 .sub01_txt01 dl dt{margin: 0 30px 40px;font-size: 28px;padding: 5px 40px 0;}
 .sub01_txt01 dl dt::before{background-size: 36px;width: 36px; height:25px;}
.sub01_txt01 dl dt::after{background-size: 36px;width: 36px; hheight:25px;}
 .sub01_txt01 dl dd:first-of-type{font-size: 26px; }
 .sub01_txt01 dl dd > img{width: 100px;}
}

@media all and (max-width :1023px){
 .sub01_txt01 dl dt{margin: 0 20px 40px;font-size: 24px;}
 .sub01_txt01 dl dd:first-of-type{font-size: 22px; }
.sub01_txt01 dl dd{font-size: 16px;}
}


@media all and (max-width :767px){
.sub01_txt01{flex-direction: column;align-items: center;}
.sub01_txt01 > span{width: 100%;height:380px; margin-bottom: 60px; border-radius: 30px; background-size: 620px;}
.sub01_txt01 > span::before{ bottom: -10px; border-radius: 0 0 30px 30px;}
.sub01_txt01 dl{width: 100%;margin-left: 0;}
}

@media all and (max-width :480px){
.sub01_txt01 > span{height:230px; margin-bottom: 40px;background-size: 480px;}
}





/* 비전 및 교육목표 */
.sub01_txt02 {margin-bottom: 60px;}
.sub01_txt02:last-of-type {margin-bottom: 0;}
.sub01_txt02 strong{display: block; font-size: 30px; font-weight: 800; text-align: center; border-radius: 110px; border: 1px solid #ddd;padding: 40px 0;box-shadow:0 5px 5px rgba(0,0,0,0.05);}
.sub01_txt02 strong b{color:#ff7b11;font-weight: 800; }

.sub01_txt02 .con_guide01{display: flex; justify-content: space-between;}
.sub01_txt02 .fw01 dl{width: 23.5%;}
.sub01_txt02 .fw02 dl{width: 32%;}
.sub01_txt02 .con_guide01 dl{border-radius: 30px;word-break: keep-all;line-height: 1.6em; box-shadow:0 5px 5px rgba(0,0,0,0.05);}
.sub01_txt02 .con_guide01 dl dt{font-size: 18px; color: #fff; padding:0 40px; text-align: center;border-radius: 30px 30px 0 0;height: 100px;display: flex; align-items: center;justify-content: center;}
.sub01_txt02 .con_guide01 dl dt em{font-weight: 400;margin-left: 10px; color: #fff5e3;}
.sub01_txt02 .con_guide01 dl dd{font-size: 16px; color: #000; padding: 30px;}

.sub01_txt02 .fw01 dl dt{background-color: #ffcc4d;}
.sub01_txt02 .fw02 dl dt{background-color: #9fda7d;}


@media all and (max-width :1023px){
.sub01_txt02 strong{font-size: 26px;}
.sub01_txt02 .con_guide01 dl dt{padding:0 20px;height: 80px;}

}


@media all and (max-width :767px){
.sub01_txt02 strong{font-size: 17px;padding: 30px 0;}

.sub01_txt02 .con_guide01{flex-direction: column;}
.sub01_txt02 .con_guide01 dl{width: 100%!important;margin-bottom: 20px; border-radius: 20px;}
.sub01_txt02 .con_guide01 dl dt{font-size: 16px;border-radius: 20px 20px 0 0;height: 60px;}
.sub01_txt02 .con_guide01 dl dd{font-size: 14px;padding: 20px;}
}


/* 참여대학 */
.sub01_txt03 .sub01_img01{margin: 0 auto 80px; display: block;}
.sub01_txt03 .sub01_img02{display: none;}
.sub01_txt03 .univer_info01{display: flex; flex-wrap: wrap;}
.sub01_txt03 .univer_info02{width: 31%;display: flex; flex-direction: column; font-size: 16px; border: 1px solid #ddd; box-shadow:0 5px 5px rgba(0,0,0,0.05); border-radius: 30px; margin-right: 3%; margin-bottom: 30px; padding: 30px 40px;}
.sub01_txt03 .univer_info02 > img{width: 80%; margin: 0 auto 20px;}
.sub01_txt03 .univer_info02:nth-of-type(3){margin-right: 0;}
.sub01_txt03 .univer_info02 p{height: 60px;}

.sub01_txt03 .univer_info02 p{ padding-bottom:10px;}
.sub01_txt03 .univer_info02 > strong{ display: block; text-align: center; margin-bottom:10px;}
.sub01_txt03 .univer_info02 > span{ display: block; text-align: center; margin-bottom:10px;}
.sub01_txt03 .univer_info02 p strong{ display: block; background: url("../images/content/dot01.png") left center no-repeat; padding-left: 15px;margin-top: 5px;}

.sub01_txt03 .univer_info02 p span{ display: block; background: url("../images/content/dot01.png") left center no-repeat; padding-left: 15px;margin-top: 5px;}
.sub01_txt03 .univer_info02 ul{display: flex; justify-content: center;}
.sub01_txt03 .univer_info02 li{width: 50px; height: 50px; border-radius: 50%; background-color: #eee;
display: flex; align-items: center;justify-content: center;margin: 20px 5px;}
.sub01_txt03 .univer_info02 > a{text-align: center; padding: 20px; border-radius: 30px;border: 1px solid #ddd;}
.sub01_txt03 .univer_info02 > button{text-align: center; border-radius: 30px;border: 1px solid #ddd; background-color: #fff;padding: 20px; color: #000;}
.sub01_txt03 .univer_info02 > button:hover{border: 1px solid #000;font-weight: 600;}

.sub01_txt03 .univer_info02 .btn_guide { text-align:right; margin-bottom:0;}
.sub01_txt03 .univer_info02 .btn_guide button { display:inline-block; margin:0 2px; height:auto; line-height:normal;}
.sub01_txt03 .univer_info02 .btn_guide .btn_style { padding:5px 10px;}


.sub01_txt03 .univer_info02 li:hover {background-color: #ffcc4d;}
.sub01_txt03 .univer_info02 li:hover img{filter: brightness(0) invert(1);}
.sub01_txt03 .univer_info02 > a:hover{border: 1px solid #000;font-weight: 600;}

@media all and (max-width :1800px){
.sub01_txt03 .sub01_img01{width: 100%;}
}


@media all and (max-width :1023px){
 .sub01_txt03 .univer_info02{width: 48%;}
 .sub01_txt03 .univer_info02:nth-child(even){margin-right: 0;}
 .sub01_txt03 .univer_info02:nth-of-type(3){margin-right: 3%;}
}

@media all and (max-width :767px){
.sub01_txt03 .sub01_img01{display: none;}
.sub01_txt03 .sub01_img02{margin: 0 auto 40px; display: block;width: 100%;}
.sub01_txt03 .univer_info02{border-radius: 20px;padding: 25px 30px; font-size: 14px; margin-bottom: 20px; }
.sub01_txt03 .univer_info02 > a{padding: 15px;font-size: 15px; }
}

@media all and (max-width :540px){
.sub01_txt03 .univer_info02{width: 100%; margin: 0 0 20px;}
.sub01_txt03 .univer_info02 > img{width: 200px;}
.sub01_txt03 .univer_info02 > button{padding: 15px; }
}



/*참여대학 상세보기***********************************************************************/

.animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}


.modal{width: 100%;height: 100%;overflow: auto;z-index: 999999;display: none;position: fixed;
	left: 0;top: 0; background-color: rgba(0,0,0,0.6)}
.modal-content{ margin: 0 auto 80px!important;background-color: #fff;position: relative;top: 5%;width:600px!important;height: auto!important;padding: 50px;border-radius: 30px;}
.modal-content .pop_close {position: absolute;top: 30px;right: 50px;font-size: 50px;cursor: pointer; color: #000; z-index: 11;}
.modal-content .pop_close:hover {color: #ffcf4d;}

.unipopup_guide01 > img{margin: 0 auto 40px;display: block;}
.unipopup_guide01 > ul{background-color: #f6f6f6; padding: 30px;border-radius: 20px; margin-bottom: 40px;}
.popuniver_role{margin-bottom: 30px;}
.popuniver_role li{background: url("../images/content/dot01.png") left 7px no-repeat; padding-left: 15px;margin-bottom: 10px;}
.popuniver_info li{display: flex; align-items: center;margin-bottom: 10px;word-break: keep-all;}
.popuniver_info li b{min-width:30px; min-height: 30px;border-radius: 50%; background-color: #fff;display: flex; align-items: center;justify-content: center;margin-right: 10px;}
.popuniver_info li img{width: 15px;}
.popuniver_info li a,.popuniver_info li span{width:calc(100% - 45px); word-break: break-all;}

.join_major{position: relative;border: 2px solid #ffcc4d; border-radius: 20px; padding: 50px 30px 20px;}
.join_major strong{font-size: 18px; font-weight: 600; padding: 10px 50px; background-color: #ffcc4d; border-radius: 25px; position: absolute; top: -20px; left: 50%; transform: translateX(-50%);}
.join_major ul{display: flex;flex-wrap: wrap; }
.join_major ul li{width: 33.3%;margin-bottom: 10px;}

.ub_close{ position:absolute; top:15px; right:15px;background:url("../images/content/close01.png") center center no-repeat; width:40px; height:40px; line-height:40px; overflow: hidden;text-indent: -5000px;cursor:pointer;}


@media all and (max-width :767px) {
.modal-content{width:94%!important;font-size: 14px;padding: 30px;}
.modal-content .pop_close {top: 14px;right: 30px;font-size: 40px;}
.join_major strong{font-size: 16px; padding: 10px 40px;}
}

@media all and (max-width :540px) {
.unipopup_guide01 > img{width: 200px;margin: 0 auto 15px; }
.join_major ul li{width: calc(50% - 5px);}
.join_major{padding: 35px 20px 15px;}
.join_major strong{padding: 10px 30px;}
.join_major ul li:nth-of-type(odd){margin-right: 10px;}
}




/* 교육과정 소개 */
.sub02_txt01 {margin-bottom: 60px;}
.sub02_txt01 > i {font-size: 18px; background: url("../images/content/dot02.png") left 5px no-repeat; padding-left: 15px; margin-left: 10px;display: block;line-height: 1.4em;}
.sub02_txt01 > i b{color: #ff7b11; margin-left: 5px; font-weight: 500;}



.majortrack{display: flex; justify-content: space-between; width: 95%; margin: 0 auto 100px;flex-wrap: wrap;}
.majortrack li{border-radius: 30px; width: 23%;border: 1px solid #ddd;box-shadow:0 5px 5px rgba(0,0,0,0.05);}
.majortrack li dl dt{display: flex; justify-content: space-between; font-size: 18px; background-color: #ffeec3; padding: 20px 30px;color: #000; align-items: center;border-radius: 30px 30px 0 0;}
.majortrack li dl dt span{font-size: 16px;}
.majortrack li dl dt span i{margin-left: 10px;padding-left: 40px;line-height: 34px;display: inline-block;}
.majortrack li:nth-of-type(1) .am_major{background: url("../images/content/sub02_emblem05.png") left center no-repeat;}
.majortrack li:nth-of-type(1) .am_minor{background: url("../images/content/sub02_emblem02.png") left center no-repeat;}
.majortrack li:nth-of-type(2) .am_major{background: url("../images/content/sub02_emblem04.png") left center no-repeat;}
.majortrack li:nth-of-type(2) .am_minor{background: url("../images/content/sub02_emblem03.png") left center no-repeat;}
.majortrack li:nth-of-type(3) .am_major{background: url("../images/content/sub02_emblem02.png") left center no-repeat;}
.majortrack li:nth-of-type(3) .am_minor{background: url("../images/content/sub02_emblem05.png") left center no-repeat;}
.majortrack li:nth-of-type(4) .am_major{background: url("../images/content/sub02_emblem03.png") left center no-repeat;}
.majortrack li:nth-of-type(4) .am_minor{background: url("../images/content/sub02_emblem01.png") left center no-repeat;}


.majortrack li dl dd{font-size: 16px;padding: 30px;line-height: 1.6em;}

.sub02_txt01 .edu_pro{font-size: 32px;font-weight: 900; border-bottom: 3px solid #000; margin-bottom: 10px;display: inline-block;}




@media all and (max-width :1800px){
 .majortrack{width: 100%;}
}

@media all and (max-width:1280px) {
.sub02_txt01 > i {font-size: 16px;padding-left: 10px;}
.majortrack li dl dt {padding-right: 20px;}
.majortrack li dl dt span i{background-size: 25px!important; padding-left: 30px;}
.sub02_txt01 .edu_pro{font-size: 26px;}
}


@media all and (max-width:1023px) {
 .majortrack li{width: 48%;}
 .majortrack li:nth-child(-n+2){margin-bottom: 20px;}
 .sub02_txt01 .edu_pro{font-size: 22px;margin-bottom: 0;}
}

@media all and (max-width:767px) {
.sub02_txt01 > i {font-size: 15px;}
.majortrack li{border-radius: 20px; }
.majortrack li dl dt{font-size: 16px;padding: 15px 20px;border-radius: 20px 20px 0 0;}
.majortrack li dl dt span{font-size: 14px;}
.majortrack li dl dd{font-size: 14px;padding: 20px;}

.sub02_txt01 .edu_pro{font-size: 18px;border-bottom: 0; margin: 0 20px;}
}

@media all and (max-width:480px) {
.majortrack li{width: 100%;}
.majortrack li:nth-child(-n+3){margin-bottom: 10px;}
}



/* 학위소개 */

.sub02_txt03{position: relative; margin-bottom: 80px;padding-top: 40px;}

.sub02_txt03 .sub02_con01{border-radius: 40px;background-color: #f9f9f9; padding: 70px 40px 40px; display: flex; justify-content: space-between;width: 100%;text-align: center;}
.sub02_txt03  dt{font-size: 24px; padding: 20px; width: 320px; border-radius: 40px; border: 2px solid #ffcc4d; background-color: #fff7e3;position: absolute;left: 50%;
  transform: translateX(-50%); top: 0px; text-align: center;}
.sub02_txt03 .sub02_con01 dd {width: 32%;border-radius: 30px;background-color: #fff; box-shadow:0 5px 5px rgba(0,0,0,0.05);}
.sub02_txt03 .sub02_con01 dd strong {font-size: 20px; padding: 20px 0; background-color: #ffcc4d;border-radius: 30px 30px 0 0;display: block;}
.sub02_txt03 .sub02_con01 dd ul {display: flex; flex-direction: column;font-size: 18px; height: 180px;margin: 0 20px;}
.sub02_txt03 .sub02_con01 dd li{height: 50%;align-items: center;display: flex; justify-content: center;}
.sub02_txt03 .sub02_con01 dd li:not(:last-of-type){border-bottom:2px dotted #ddd;}


.sub02_txt03 .sub02_con02{border-radius: 40px;background-color: #f9f9f9; padding: 70px 40px 40px; display: flex; flex-direction: column;word-break: keep-all;}
.sub02_txt03 .sub02_con02 dt{border: 2px solid #98c8ff; background-color: #e6f2ff;}
.sub02_txt03 .sub02_con02 dd{display: flex;margin-bottom: 20px; position: relative;}
.sub02_txt03 .sub02_con02 dd:last-of-type{margin-bottom: 0;}
.sub02_txt03 .sub02_con02 div{width: 300px; background-color:#60aaff; margin-right: 40px; color: #fff; border-radius: 30px; display: flex; justify-content: center; align-items: center;padding: 20px;}
.sub02_txt03 .sub02_con02 div::after{content: ''; display: block; background: url("../images/content/sub02_icon01.png") right center no-repeat; height: 50px; width: 50px; position: absolute; left: 270px;}
.sub02_txt03 .sub02_con02 .con02_title02{display: flex;justify-content: space-between;}
.sub02_txt03 .sub02_con02 .con02_title02 b{width: 100px; height: 90px; background: #fff;color: #000; border-radius: 20px; font-size: 18px;padding: 10px; display: flex; justify-content: center; align-items: center;text-align: center;margin-right: 10px;}
.sub02_txt03 .sub02_con02 .con02_title02 ul{width: calc(100% - 100px);}
.sub02_txt03 .sub02_con02 .con02_title02 ul li{margin: 10px 0;}

.sub02_txt03 .sub02_con02 dd div strong{font-size: 20px;}
.sub02_txt03 .sub02_con02 dd div strong span{font-size:14px; background-color:#80bbff; padding: 5px; border-radius: 20px; margin-left: 5px;}
.sub02_txt03 .sub02_con02 dd > ul{padding: 20px 30px; background: #fff; width: calc(100% - 340px); border-radius: 30px;box-shadow:0 5px 5px rgba(0,0,0,0.05); display: flex; justify-content: center; flex-direction: column; font-size: 16px;}
.sub02_txt03 .sub02_con02 dd > ul li{margin: 5px 0; background: url("../images/content/sub02_icon02.png") left 5px no-repeat; padding-left: 15px;}

@media all and (max-width:1024px){
.sub02_txt03{margin-bottom: 60px;padding-top: 30px;}

.sub02_txt03 .sub02_con01{border-radius: 30px;padding: 50px 30px 30px;}
.sub02_txt03  dt{font-size: 20px; padding: 15px; width: 270px;}
.sub02_txt03 .sub02_con01 dd strong {font-size: 18px;}
.sub02_txt03 .sub02_con01 dd ul {font-size: 16px; height: 160px;}

.sub02_txt03 .sub02_con02{border-radius: 30px;padding: 50px 30px 30px;}
.sub02_txt03 .sub02_con02 dd{flex-direction: column;}
 .sub02_txt03 .sub02_con02 div{width: 100%;margin-right: 0;border-radius: 30px 30px 0 0;}
.sub02_txt03 .sub02_con02 div::after{display: none;}
.sub02_txt03 .sub02_con02 .con02_title02{justify-content: center;}
.sub02_txt03 .sub02_con02 .con02_title02 b{ height: auto;font-size: 16px;padding: 5px; margin-right: 0;}
.sub02_txt03 .sub02_con02 .con02_title02 ul{width: auto;}
.sub02_txt03 .sub02_con02 .con02_title02 ul li{display: inline-block;margin: 0 10px;}

.sub02_txt03 .sub02_con02 dd div strong{font-size: 18px;}
.sub02_txt03 .sub02_con02 dd > ul{width: 100%;border-radius: 0 0 30px 30px; }
}

@media all and (max-width:767px){
.sub02_txt03 .sub02_con01{border-radius: 20px;flex-direction: column;}
.sub02_txt03 .sub02_con01 dd {width: 100%;border-radius: 20px; margin-bottom: 20px;}
.sub02_txt03 .sub02_con01 dd:last-of-type {margin-bottom: 0;}
.sub02_txt03 .sub02_con01 dd strong {font-size: 16px; border-radius: 20px 20px 0 0; padding: 15px 0;}
.sub02_txt03 .sub02_con01 dd ul {height: auto;font-size: 14px;}
.sub02_txt03 .sub02_con01 dd ul li {padding: 20px;}

.sub02_txt03 .sub02_con02{border-radius: 20px;}
.sub02_txt03 .sub02_con02 .con02_title02 b{font-size: 14px;}
.sub02_txt03 .sub02_con02 dd div{padding: 15px 0;border-radius: 20px 20px 0 0;}
.sub02_txt03 .sub02_con02 dd div strong{font-size: 16px;}
.sub02_txt03 .sub02_con02 dd div strong span{font-size:12px;}
.sub02_txt03 .sub02_con02 dd > ul{font-size: 14px;border-radius:0 0 20px 20px;}
}

@media all and (max-width:540px){
.sub02_txt03 .sub02_con02 .con02_title02 {flex-direction: column;}
.sub02_txt03 .sub02_con02 .con02_title02 b{margin-bottom: 10px;}
 .sub02_txt03 .sub02_con02 dd > ul{padding: 20px;}
}







/*비교과 프로그램 소개*/

.sub03_txt01 {background-color: #f9f9f9;border-radius: 30px;padding: 50px 40px ; margin-bottom: 80px;}
.sub03_txt01 div img {margin-bottom: 0!important;}
.sub03_txt01 ul{font-size: 20px;text-align: center; margin-bottom: 40px; word-break: keep-all;}
.sub03_txt01 ul li{margin-bottom: 10px;font-weight: 600; line-height: 1.4em;}


@media all and (max-width:1280px) {
.sub03_txt01 ul{font-size: 18px;}
.sub03_txt01 ul li{margin-bottom: 5px;}
}

@media all and (max-width:767px) {
.sub03_txt01 {border-radius: 20px;padding: 30px!important; margin-bottom: 50px;}
 .sub03_txt01 ul{font-size:16px;margin-bottom: 30px;}
.sub03_txt01 ul li{margin-bottom: 10px;}
}








/*컨텐츠내 이미지*/
.con_img01 {position: relative;}
.con_img01 img{margin: 20px auto 50px;display: block;}
.img_click{ display: none;}

@media all and (max-width :1800px){
 .con_img01 img{width: 100%;}
}

@media all and (max-width:1280px) {
.img_click { display: inline-block; width: 100px;height: 25px; line-height: 25px;  background: #000; color: #fff;font-size: 11px; border-radius: 4px;position: absolute; top: 0;right: 0;z-index: 999; text-align: center;}
}

@media all and (max-width:767px) {
.con_img01 img{margin: 20px auto 30px;}
}