@charset "utf-8";


/* 원장인사말 */
.greeting{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
.greeting .itemImg{width:40%;padding-right:2rem;position:relative;}
.greeting .itemImg::before{width:100%;height:calc(100% - 6rem);border:2px solid #CCC;position:absolute;right:0;top:2rem;content:"";display:block;}
.greeting .itemImg img{width:100%;position:relative;}
.greeting .itemImg div{display:none;font-size:3rem;font-family:'pre-sb';color:#FFF;line-height:1.3;padding:3rem;width:calc(100% - 2rem);position:absolute;left:2rem;bottom:2rem;background:url('../../images/sub/greetingBg.png') no-repeat center / cover;}
.greeting .itemImg div span{display:block;text-align:right;}
.greeting .itemImg div strong{color:#ffe362;}
.greeting .itemTxt{width:56%;font-size:2rem;color:#555;}
.greeting .itemTxt p{font-size:2.2rem;font-family:'pre-b';color:#111;}
@media screen and (max-width:1280px) {
	.greeting{align-items:flex-start;}
	.greeting .itemImg{width:50%;}
	.greeting .itemTxt{width:46%;}
	.greeting .itemImg div span{display:inline;}
	.greeting .itemImg div{font-size:2.5rem;}
}
@media screen and (max-width:768px) {
	.greeting .itemImg,
	.greeting .itemTxt{width:100%;}
	.greeting .itemTxt{padding-top:3rem;}
	.greeting .itemImg{max-height:40rem;overflow:hidden;}
	.greeting .itemImg img{width:100%;}
	.greeting .itemImg div{font-size:2rem;padding:2rem;}
}


/* 대학원소개 */
.intro{padding:12rem 7rem 0 7rem;position:relative;}
.introBg{width:100%;height:38.3rem;position:absolute;right:0;top:0;background:url('../../images/sub/intro.jpg') no-repeat center top / cover;}
.intro p{font-size:2rem;color:#555;padding:4rem 5rem;width:72%;background:url('../../images/sub/introBg.png') no-repeat center / cover;box-shadow:0px 0px 20px rgba(0,0,0,0.1);position:relative;}
.intro p::before{content:"";width:2.4rem;height:2.4rem;background:#ab3030;transform:rotate(45deg);display:block;position:absolute;right:4.5rem;top:-1.1rem;}
.intro .line{width:25.333%;height:calc(100% - 42rem);border-right:3px solid #aea17d;border-bottom:3px solid #aea17d;position:absolute;right:4rem;bottom:2rem;}
.intro .line::before{width:3px;height:3px;background:#aea17d;border-radius:50%;content:"";display:block;position:absolute;right:-3px;top:-6px;}
.intro .line::after{width:3px;height:3px;background:#aea17d;border-radius:50%;content:"";display:block;position:absolute;left:-6px;bottom:-3px;}
@media screen and (max-width:1280px) {
	.intro p{width:90%;}
	.intro .line{width:9.333%;}
}
@media screen and (max-width:768px) {
	.intro{padding-left:3rem;padding-right:3rem;}
	.intro p{width:100%;padding:3rem;}
	.intro .line{display:none;}
}


/* 교육이념 */
.ideology{display:flex;justify-content:space-between;flex-wrap:wrap;}
.ideology dl{width:48.5%;}
.ideology dt{padding-bottom:2rem;}
.ideology div{padding-bottom:1.5rem;}
.ideology img{width:100%;}
.ideology p{font-size:2rem;color:#555;padding-top:1rem;}
.ideology p strong{color:#000;}
@media screen and (max-width:768px) {
	.ideology dl{width:100%;}
	.ideology ._last{margin-top:3rem;}
}


/* 교육이념-휴먼대학원 */
.ideology-human{display:flex;justify-content:space-between;flex-wrap:wrap;}
.ideology-human div{width:45%;}
.ideology-human p{width:50%;font-size:2rem;color:#555;padding-top:3rem;}
.ideology-human p strong{color:#000;}
@media screen and (max-width:768px) {
	.ideology-human div,
	.ideology-human p{width:100%;}
}



/* 비전체계도 */
.diagram_1::before{width:calc(100% - 19.5rem);height:27rem;background:url('../../images/sub/diagramArrow_1.png') no-repeat center top;content:"";display:block;position:absolute;left:19.5rem;top:10rem;}
.diagram_1 > dl{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:4rem;position:relative;}
.diagram_1 > dl > dt{width:19.5rem;}
.diagram_1 > dl > dt div{width:100%;display:flex;justify-content:space-between;align-items:center;}
.diagram_1 > dl > dt div::after{width:7.5rem;height:9rem;background:url('../../images/sub/diagramDot_1.png') no-repeat center;content:"";display:block;}
.diagram_1 > dl > dt span{font-size:2rem;font-family:'pre-m';color:#111;width:calc(100% - 7.5rem);display:flex;justify-content:space-between;}
.diagram_1 > dl > dt span::before,
.diagram_1 > dl > dt span::after{display:block;font-family:'pre-b';line-height:1.4;}
.diagram_1 > dl > dt span::before{content:"[";}
.diagram_1 > dl > dt span::after{content:"]";}
.diagram_1 > dl > dd{width:calc(100% - 19.5rem);display:flex;justify-content:space-between;}
.diagram_1 .item_1 dt,
.diagram_1 .item_2 dt{display:flex;justify-content:space-between;align-items:center;}
.diagram_1 .item_1 dd div,
.diagram_1 .item_2 dd div{width:100%;height:9rem;font-size:2.4rem;font-family:'pre-b';padding:2rem;display:flex;justify-content:center;align-items:center;text-align:center;}
.diagram_1 .item_1 dd div{color:#0e1b35;background:#f1f3f7;}
.diagram_1 .item_1 dd div strong{font-size:3rem;color:#113e98;padding-left:1rem;}
.diagram_1 .item_2 dd div{color:#ab3030;background:url('../../images/sub/diagramBg_6.png') no-repeat center / cover;}
.diagram_1 .item_3{margin-bottom:0;}
.diagram_1 .item3Wrap{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;}
.diagram_1 .item3Wrap.by5 dl{width:19%;}
.diagram_1 .item3Wrap.by3 dl{width:32.3%;}
.diagram_1 .item3Wrap dt{font-size:2.2rem;font-family:'pre-b';color:#FFF;text-align:center;line-height:1.1;height:9rem;padding:2rem;display:flex;justify-content:center;align-items:center;}
.diagram_1 .item3Wrap dd{padding:2.5rem;margin-top:1rem;height:calc(100% - 10rem);}
.diagram_1 .cType1 dt{background:url('../../images/sub/diagramBg_1.png') no-repeat center / cover;}
.diagram_1 .cType2 dt{background:url('../../images/sub/diagramBg_2.png') no-repeat center / cover;}
.diagram_1 .cType3 dt{background:url('../../images/sub/diagramBg_3.png') no-repeat center / cover;}
.diagram_1 .cType4 dt{background:url('../../images/sub/diagramBg_4.png') no-repeat center / cover;}
.diagram_1 .cType5 dt{background:url('../../images/sub/diagramBg_5.png') no-repeat center / cover;}
.diagram_1 .cType1 dd{border:1px solid #a32b30;}
.diagram_1 .cType2 dd{border:1px solid #e59017;}
.diagram_1 .cType3 dd{border:1px solid #aea17d;}
.diagram_1 .cType4 dd{border:1px solid #6d6e72;}
.diagram_1 .cType5 dd{border:1px solid #354463;}
.diagram_1 .item3T2{margin-top:5rem;}
.diagram_1 .item3T3{display:none;}
@media screen and (max-width:1024px) {
	.diagram_1::before{display:none;}
	.diagram_1 > dl{margin-bottom:2rem;}
	.diagram_1 > dl > dt,
	.diagram_1 > dl > dd{width:100%;}
	.diagram_1 > dl > dt div{justify-content:center;padding-bottom:2rem;}
	.diagram_1 > dl > dt div:after{display:none;}
	.diagram_1 > dl > dt span{width:unset;}
	.diagram_1 .item_1 dd div,
	.diagram_1 .item_2 dd div{height:unset;display:block;}
	.diagram_1 .item3Wrap.by5 dl,
	.diagram_1 .item3Wrap.by3 dl{width:100%;}
	.diagram_1 .item3Wrap dl{margin-bottom:2rem;}
	.diagram_1 .item3Wrap dt{height:5rem;}
	.diagram_1 .item3Wrap dd{margin-top:0.5rem;height:unset;}
	.diagram_1 .item3T1,
	.diagram_1 .item3T2{display:none;}
	.diagram_1 .item3T3{display:flex;}
}


/* 전략과제와 실행단계 */
.strategyA{border:2px solid #EEE;padding:5rem;display:flex;justify-content:center;align-items:center;}
.strategyA .inner{display:flex;justify-content:space-between;align-items:center;position:relative;}
.strategyA .item,
.strategyA .item4{font-size:2rem;color:#FFF;text-align:center;line-height:1.1;border-radius:50%;display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative;transition:0.3s;}
.strategyA .item{width:22rem;height:22rem;}
.strategyA .item4{width:15rem;height:15rem;}
.strategyA .item strong{font-size:3rem;}
.strategyA .item4 strong{font-size:2.4rem;}
.strategyA .item1{background:#ab3030;border:10px solid #962020;}
.strategyA .item2{background:#aea17d;border:10px solid #978860;}
.strategyA .item3{background:#ffb400;border:10px solid #e2a20a;}
.strategyA .item4{background:#7f8494;border:5px solid #646a7c;}
.strategyA .item1,
.strategyA .item2{margin-right:5rem;}
.strategyA .item3{margin-right:10rem;}
.strategyA .item4_2{margin-left:8.5rem;}
.strategyA .line1,
.strategyA .line2,
.strategyA .line3{height:1px;background:url('../../images/sub/lineBg_1.png') repeat-x left center;position:absolute;}
.strategyA .line1{width:calc(100% - 10rem);left:5rem;}
.strategyA .line2,
.strategyA .line3{width:30%;right:10%;top:50%;transform-origin:left center;}
.strategyA .line2{transform:rotate(-30deg);}
.strategyA .line3{transform:rotate(30deg);}
@media screen and (max-width:1280px) {
	.strategyA .item{width:18rem;height:18rem;}
	.strategyA .item4{width:13rem;height:13rem;}
	.strategyA .item1,
	.strategyA .item2{margin-right:3rem;}
	.strategyA .item3{margin-right:6rem;}
	.strategyA .item4_2{margin-left:4.5rem;}
}
@media screen and (max-width:1024px) {
	.strategyA .item{width:14rem;height:14rem;}
	.strategyA .item4{width:12rem;height:12rem;}
	.strategyA .item1,
	.strategyA .item2{margin-right:1.5rem;}
	.strategyA .item3{margin-right:3rem;}
	.strategyA .item4_2{margin-left:2.25rem;}
	.strategyA .item strong{font-size:2.4rem;}
	.strategyA .item4 strong{font-size:2rem;}
	.strategyA .item,
	.strategyA .item4{font-size:1.6rem;}
}
@media screen and (max-width:768px) {
	.strategyA .inner{display:block;transform:scale(1);}
	.strategyA .item{width:18rem;height:18rem;}
	.strategyA .item4{width:12rem;height:12rem;}
	.strategyA .item4Wrap{display:flex;}
	.strategyA .item1,
	.strategyA .item2,
	.strategyA .item3{margin:0 auto 3rem auto;}
	.strategyA .item4_2{margin:0 2rem;}
	.strategyA .line1{width:1px;height:90%;left:50%;top:5%;background:none;border-left:1px dashed #858585;}
	.strategyA .line2{width:90%;height:1px;left:5%;bottom:6rem;top:unset;background:none;border-top:1px dashed #858585;transform:rotate(0deg);}
	.strategyA .line3{display:none;}
}
@media screen and (max-width:480px) {
	.strategyA .item4Wrap{display:block;}
	.strategyA .item4_2,
	.strategyA .item4{margin:0 auto 1rem auto;}
	.strategyA .line2{display:none;}
}


/* 전략과제 및 세부실행과제 */
.strategyB .item1{margin-bottom:2rem;position:relative;}
.strategyB .item1::before,
.strategyB .item1::after{width:2rem;height:calc(100% + 4px);content:"";display:block;position:absolute;top:-2px;border-top:4px solid #4d3737;border-bottom:4px solid #4d3737;}
.strategyB .item1::before{border-left:4px solid #4d3737;left:0;}
.strategyB .item1::after{border-right:4px solid #4d3737;right:0;}
.strategyB .item1 span{font-size:2.6rem;font-family:'pre-b';color:#1c1d0a;text-align:center;line-height:1.1;text-align:center;line-height:1.1;border:1px solid #4d3737;padding:2rem;width:100%;height:9.5rem;display:flex;justify-content:center;align-items:center;}
.strategyB .item2{display:flex;justify-content:space-between;flex-wrap:wrap;}
.strategyB .item2.by3 dl{width:32.3%;}
.strategyB .item2.by2 dl{width:49%;}
.strategyB dl{background:#f5f5f5;}
.strategyB dt{font-size:2rem;font-family:'pre-b';color:#FFF;text-align:center;line-height:1.1;height:7rem;padding:2rem;background:#4d3737;display:flex;justify-content:center;align-items:center;}
.strategyB dd{padding:2.5rem;}
@media screen and (max-width:1024px) {
	.strategyB .item1 span{height:unset;}
	.strategyB .item2.by3 dl,
	.strategyB .item2.by2 dl{width:100%;}
	.strategyB dl{margin-bottom:1rem;}
	.strategyB dl._last{margin-bottom:0;}
	.strategyB dt{height:unset;}
}


/* 학과정보 */
.department{display:flex;flex-wrap:wrap;}
.department .itemImg{width:66%;}
.department .itemImg img{width:100%;}
.department .itemInfo{width:34%;}
.department h3{font-size:2.6rem;font-family:'pre-eb';color:#ab3030;line-height:1.1;padding:3rem 4rem;margin-bottom:3rem;border-bottom:1px solid #ab3030;}
.department dl{display:flex;align-items:center;padding:0 4rem;margin-bottom:1.5rem;}
.department dt{width:14rem;display:flex;align-items:center;}
.department dt::before{width:2.2rem;height:2.1rem;content:"";display:block;margin-right:1rem;}
.department dt::after{width:2px;height:1rem;content:"";display:block;background:#111;margin-left:auto;}
.department dd{width:calc(100% - 14rem);padding-left:2rem;color:#111;}
.department dl.offL dt::before{background:url('../../images/sub/iconOffice.png') no-repeat center;}
.department dl.phoN dt::before{background:url('../../images/sub/iconTel.png') no-repeat center;}
.department .flexLeft{padding:1.5rem 3.5rem;}
@media screen and (max-width:1024px) {
	.department .itemImg,
	.department .itemInfo{width:100%;}
	.department h3{padding:3rem 2rem;}
	.department dl{padding:0 2rem;}
	.department .flexLeft{padding:1.5rem 1.5rem;}
}


/* 학과안내 */
.departList{padding-bottom:3.5rem;}
.departList._last{padding-bottom:0;}
.departList .itemBg{height:23rem;width:200%;background:#f7f7f7;position:absolute;left:-50%;top:7rem;}
.departList .itemBg::before{width:22.2rem;height:11.4rem;content:"";display:block;background:url('../../images/sub/introDepartSwu.png') no-repeat center / cover;position:absolute;left:50%;bottom:0;transform:translateX(75rem);}
.departList .itemImg{position:relative;}
.departList .itemImg img{width:100%;}
.departList .itemImg span{font-size:2.5rem;font-family:'pre-b';color:#FFF;line-height:1.1;position:absolute;left:4rem;bottom:4rem;}
.departList .itemList{display:flex;flex-wrap:wrap;position:relative;}
.departList .itemList a{width:25%;padding:3.5rem 0 0 1.5rem;display:flex;align-items:center;justify-content:space-between;position:relative;}
.departList .itemList a span{font-size:2.2rem;font-family:'pre-m';color:#333;line-height:1.1;}
.departList .itemList a::before{width:0.4rem;height:0.4rem;content:"";display:block;background:#333;position:absolute;left:0;top:4.2rem;}
.departList .itemList a::after{width:2rem;height:2rem;content:"";display:block;margin-right:4rem;background:url('../../images/sub/introDepartArrow.png') no-repeat center;}
.departList .itemList a:hover::before{background:#a53135;}
.departList .itemList a:hover::after{background:url('../../images/sub/introDepartArrowOn.png') no-repeat center;}
.departList .itemList a:hover span{color:#a53135;}
@media screen and (max-width:1540px) {
	.departList .itemBg{display:none;}
}
@media screen and (max-width:1024px) {
	.departList .itemList a{width:33.3%;}
}
@media screen and (max-width:768px) {
	.departList .itemList a{width:50%;}
}



/* 학교오시는 길 */
.mapAPIAddress{padding-bottom:6rem;position:relative;z-index:2;}
.mapAPIAddress .item{padding:2.5rem 5rem;background:#fff1f2;position:absolute;right:5rem;top:-7rem;z-index:1;}
.mapAPIAddress .item::before{width:16.4rem;height:100%;content:"";display:block;background:url(../images/mapApiBg.png) no-repeat left center / cover;position:absolute;right:0;top:0;}
.mapAPIAddress .item dl{padding-right:18rem;position:relative;}
.mapAPIAddress .item dl dt span{font-size:1.8rem;font-family:'pre-b';color:#FFF;background:#a32b30;border-radius:3rem;padding:0.7rem 3rem;}
.mapAPIAddress .item dl dd{font-size:2rem;font-family:'pre-m';color:#121212;padding-top:2rem;}
@media screen and (max-width:1024px) {
	.mapAPIAddress{padding-bottom:0;}
	.mapAPIAddress .item{padding:2.5rem;position:relative;right:unset;top:unset;z-index:unset;}
	.mapAPIAddress .item dl{padding-right:5rem;}
}