@charset "utf-8";

/********************
COMMON
********************/
#section1,
#multipleDiv_templateA_7{background:url("../../images/bg_1.jpg") no-repeat center;background-size:cover;}
#section2,
#multipleDiv_templateA_8{background:url("../../images/bg_1.jpg") no-repeat center;background-size:cover;}
#multipleContentsDiv_templateA_8{padding:150px 0;max-width:90%;margin:0 auto;}
@media all and (max-width:1280px) {
	#multipleContentsDiv_templateA_8{padding:100px 0;}
}
@media all and (max-width:768px) {
	#multipleContentsDiv_templateA_8{padding:50px 0;}
}


/********************
슬로건
********************/
#menu12092_obj6{position:absolute;top:70px;left:5%;height:calc(100% - 285px);width:calc(90% - 160px);z-index:1;display:flex;align-items:center;}
.wrap_slogan{text-shadow:0 0 10px rgba(0,0,0,0.5);}
.wrap_slogan a.openAbout{opacity:0;transform:translateY(-50px);}
.wrap_slogan a.openAbout span{font-size:16px;color:#FFF;font-family:'Noto Medium';line-height:1;background:#8b0029;border-radius:30px;padding:13px 30px;display:inline-block;transition:0.5s;}
.wrap_slogan .text_1{font-size:55px;color:#FFF;font-family:'Noto Medium';line-height:1.3;letter-spacing:-2px;margin-top:30px;opacity:0;transform:translateY(-50px);}
.wrap_slogan .text_2{font-size:30px;color:#FFF;font-family:'Noto Regular';line-height:1.3;letter-spacing:-1px;margin-top:10px;opacity:0;transform:translateY(50px);}
/*HOVER*/
@media all and (min-width:1281px) {
	.wrap_slogan a.openAbout:hover span{color:#0b3274;background:#FFF;}
}
@media all and (max-width:1280px){
	#menu12092_obj6{width:90%;}
}
@media all and (max-width:768px){
	#menu12092_obj6{top:80px;height:calc(100vh - 80px);}
	.wrap_slogan a.openAbout span{padding-bottom:11px;}
	.wrap_slogan .text_1{font-size:30px;}
	.wrap_slogan .text_2{font-size:18px;letter-spacing:0px;}
}
/*애니메이션*/
.wrap_slogan .text_1{animation-name:sloganItem_1;animation-duration:2s;animation-fill-mode:forwards;}
@keyframes sloganItem_1{
	0%{}
	100%{opacity:1;transform:translateY(0);}
}
.wrap_slogan .text_2{animation-name:sloganItem_2;animation-duration:2s;animation-fill-mode:forwards;}
@keyframes sloganItem_2{
	0%{}
	100%{opacity:1;transform:translateY(0);}
}
.wrap_slogan a.openAbout{animation-name:sloganItem_3;animation-duration:1s;animation-fill-mode:forwards;}
@keyframes sloganItem_3{
	0%{}
	100%{opacity:1;transform:translateY(0);}
}


/********************
학과소개
********************/
#menu12092_obj30{position:absolute;left:0;top:0;}
.aboutMajor{position:fixed;left:0;top:-9999px;width:100% !important;height:100vh !important;z-index:2;}
.aboutMajor .inner{background:url("../../images/majorBG.jpg") no-repeat center;background-size:cover;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;}
.aboutMajor .container{max-width:90%;padding:50px 0;}
.aboutMajor .con_1{font-size:35px;color:#FFF;font-family:'Noto Medium';line-height:1.2;}
.aboutMajor .con_2{font-size:16px;color:#FFF;font-family:'Noto Light';line-height:1.5;margin-top:30px;}
.aboutMajor h3{font-size:20px;color:#000;font-family:'Noto Bold';line-height:1;background:#FFF;padding:10px 30px;border-radius:50px;text-align:center;display:inline-block;margin:50px 0 20px 0;}
.aboutMajor .con_3 li{font-size:18px;color:#FFF;font-family:'Noto Medium';line-height:1.3;position:relative;padding:10px 0 10px 20px;}
.aboutMajor .con_3 li::before{content:"";display:block;width:5px;height:5px;background:#FFF;position:absolute;left:0;top:20px;border-radius:100%;}
.aboutMajor .closeAbout{margin-top:100px;background:url("/sites/templateGuide/images/common/x_7_w.png") no-repeat center;display:block;text-indent:-9999px;width:50px;height:50px;border:3px solid #FFF;border-radius:100%;}
.aboutMajor{opacity:0;}
.aboutMajor .item_1{transform:translateX(-100px);opacity:0;transition:1s;}
.aboutMajor .item_2{transform:translateX(100px);opacity:0;transition:1s;}
.aboutMajor .closeAbout{opacity:0;transition:1s;}
.aboutMajor.active{opacity:1;top:0;z-index:1000;}
.aboutMajor.active .item_1{transform:translateX(0);opacity:1;transition-delay:0.3s;}
.aboutMajor.active .item_2{transform:translateX(0);opacity:1;transition-delay:0.6s;}
.aboutMajor.active .closeAbout{opacity:1;transition-delay:1s;}
@media all and (max-width:1280px){
	.aboutMajor{position:relative;height:auto !important;}
	.aboutMajor .closeAbout{margin:20px 0 50px 0;}
}
@media all and (max-width:768px){
	.aboutMajor .container{padding:30px 0;}
	.aboutMajor .con_1{font-size:25px;}
	.aboutMajor h3{padding-bottom:7px;}
	.aboutMajor .con_3 li{font-size:16px;}
	.aboutMajor .con_3 li::before{top:17px;}
	.aboutMajor .closeAbout{width:40px;height:40px;background-size:15px;}
}

/*편집모드*/
.editMode #menu12092_obj30{position:relative;left:unset;top:unset;}
.editMode .aboutMajor{position:relative;}
.editMode .aboutMajor{opacity:1;position:relative;left:0;top:0;}
.editMode .aboutMajor .item_1{opacity:1;}
.editMode .aboutMajor .item_2{opacity:1;}
.editMode .aboutMajor .closeAbout{opacity:1;}


/********************
공지사항
********************/
#menu12092_obj173{position:absolute;left:0;bottom:0;width:100% !important;z-index:1;}
@media all and (max-width:768px){
	#menu12092_obj173{position:relative;left:unset;bottom:unset;z-index:unset;}
}


/********************
TRACK
********************/
#menu12103_obj78{height:100%;}
.wrapTrack{display:flex;height:100%;}
.wrapTrack .item{width:33.3%;padding:150px 0;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;transition: all 0.4s cubic-bezier(0.2, 0, 0.3, 1);}
.wrapTrack .item .bg{width:100%;height:100%;position:absolute;top:0;left:0;background-size:cover !important;transform:scale(1.1);transition:4s;}
.wrapTrack .item .bg::before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);transition:0.75s;}
.wrapTrack .item_1 .bg{background:url("../../images/major_1.jpg") no-repeat center;}
.wrapTrack .item_2 .bg{background:url("../../images/major_2.jpg") no-repeat center;}
.wrapTrack .item_3 .bg{background:url("../../images/major_3.jpg") no-repeat center;}
.wrapTrack .item h2{text-align:center;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;transform:translateY(100px);transition:0.5s;transition-delay:0.3s;}
.wrapTrack .item h2 span{width:85px;height:85px;display:flex;align-items:center;justify-content:center;}
.wrapTrack .item h2 strong{font-size:30px;line-height:1.3;margin-top:50px;color:#FFF;font-family:'Noto Medium';display:block;}
.wrapTrack .item ul{width:300px;margin:0 auto;position:relative;transform:translateY(0);transition:0.5s;opacity:0;}
.wrapTrack .item ul li a{font-size:19px;color:#FFF;font-family:'Noto Medium';line-height:1.3;padding:20px;letter-spacing:-0.3px;border-bottom:1px solid rgba(255,255,255,0.5);display:flex;align-items:center;justify-content:space-between;transition:0.5s;}
.wrapTrack .item ul li a::after{content:"";display:block;width:9px;height:9px;background:url("../../images/plus_1_w.png") no-repeat center;transition:all 0.7s cubic-bezier(0.2, 0, 0.3, 1);}
@media all and (max-width:1280px){
	.wrapTrack{flex-direction:column;height:unset;}
	.wrapTrack .item{width:100%;padding:100px 3%;}
	.wrapTrack .item .bg{transform:scale(1);}
	.wrapTrack .item .bg::before{background:rgba(0,0,0,0.6);}
	.wrapTrack .item h2{flex-direction:row;margin-bottom:30px;transform:translateY(0px);}
	.wrapTrack .item h2 span{width:50px;height:50px;}
	.wrapTrack .item h2 strong{margin-top:0;margin-left:20px;}
	.wrapTrack .item ul{width:100%;opacity:1;display:flex;flex-wrap:wrap;}
	.wrapTrack .item ul li{width:23%;margin:1%;}
	.wrapTrack .item ul li a{padding:20px 0;}
}
@media all and (max-width:768px){
	.wrapTrack .item{padding:50px 5%;}
	.wrapTrack .item h2{justify-content:flex-start;}
	.wrapTrack .item h2 span{width:30px;height:30px;}
	.wrapTrack .item h2 strong{font-size:20px;}
	.wrapTrack .item ul li{width:100%;margin:1% 0;}
	.wrapTrack .item ul li a{font-size:16px;padding:10px 0;}
}
/*HOVER*/
@media all and (min-width:1281px){
	.wrapTrack .item:hover{width:80%;}
	.wrapTrack .item:hover .bg{transform:scale(1);transition-delay:1s;}
	.wrapTrack .item:hover .bg::before{background:rgba(0,0,0,0.7);transition-delay:0.5s;}
	.wrapTrack .item:hover h2{transform:translateY(0);}
	.wrapTrack .item:hover ul{opacity:1;transform:translateY(50px);transition-delay:0.5s;}
	.wrapTrack .item ul li a:hover{color:#e7aab1;border-color:#e7aab1;}
	.wrapTrack .item ul li a:hover::after{background:url("../../images/plus_1_c.png") no-repeat center;transform:rotatey(360deg);}
}


/********************
3단-타이틀
********************/
.main_title{}
.main_title h2{font-size:60px;color:#FFF;font-family:'Noto Bold';line-height:1.2;}
.main_title p{font-size:35px;color:#FFF;font-family:'Noto Medium';line-height:1.3;padding-top:60px;}
@media all and (max-width:1280px) {
	.main_title h2{font-size:45px;}
	.main_title p{font-size:25px;}
}
@media all and (max-width:768px) {
	.main_title h2{font-size:30px;}
	.main_title p{font-size:16px;padding-top:10px;}
}


/********************
3단-정보
********************/
.main_contact{}
.main_contact dl{display:flex;margin-bottom:10px;font-size:17px;color:#FFF;}
.main_contact dt{width:110px;background:#7d7776;display:flex;align-items:center;}
.main_contact dt span{font-family:'Noto Medium';line-height:1;padding-left:10px;}
.main_contact dd{width:calc(100% - 110px);border:1px solid rgba(255,255,255,0.5);border-left:0;font-family:'Noto Regular';line-height:1.2;}
.main_contact dt,
.main_contact dd{padding:25px;}
@media all and (max-width:768px) {
	.main_contact dl{font-size:14px;}
	.main_contact dt,
	.main_contact dd{padding:15px 10px;}
	.main_contact dt{width:80px;}
	.main_contact dd{width:calc(100% - 80px);}
}