@charset "utf-8";

/* 입학에서 졸업까지 팝업 */
.popGraduateW {position:relative; top:0; right:0; bottom:0; left:0; width:100%; height:100%; padding-left:220px; box-sizing:border-box;}
.popGraduateW .popGraLeftW {position:absolute; overflow-y:auto; top:0; left:0; width:220px; height:100%; padding:0 20px 20px; background:url('/ent/img/pc/contents/bg/bgPopGarLeft.jpg') no-repeat center bottom; box-sizing:border-box; z-index:110;}
.popGraduateW .popGraLeftW .logo {margin:20px 0 0; text-align:center;}
.popGraduateW .popGraLeftW .btnGarPopClose {display:block; width:100%; padding:12px 5px; margin-top:46px; font-size:18px; font-size:1.8rem;border:1px solid #d8ccbf; background:#fff; color:#8e6f4d; text-align:center; outline:0; cursor:pointer; box-sizing:border-box;}
.popGraduateW .popGraLeftW .btnGnbM {display:none;}
.popGraduateW .popGraGnb {margin-top:19px;}
.popGraduateW .popGraGnb a {display:block;}
.popGraduateW .popGraGnb > li > a {position:relative; padding:11px 9px; font-size:18px; font-size:1.8rem; color:#152c46; transition:0.3s;}
.popGraduateW .popGraGnb > li > a:after {content:''; position:absolute; bottom:0; left:0; width:0; height:2px; background:#9f815f; transition:0.4s;}
.popGraduateW .popGraGnb > li.on > a {color:#9f815f;}
.popGraduateW .popGraGnb > li.on > a:after {width:100%;}
.popGraduateW .popGraGnb .depth2 {display:none; padding-bottom:15px; margin-bottom:17px; border-bottom:1px solid #dadde4;}
.popGraduateW .popGraGnb .depth2 > li > a {position:relative; padding:15px 4px 0 22px; font-size:15px; font-size:1.5rem; color:#777; letter-spacing:-1px; transition:0.4s;}
.popGraduateW .popGraGnb .depth2 > li.on > a, .popGraduateW .popGraGnb .depth2 > li:hover > a {color:#9f815f;}
.popGraduateW .popGraGnb .depth2 > li > a:before {content:''; position:absolute; top:18px; left:12px; width:2px; height:7px; background:#808080; transform:rotate(-45deg); transition:0.4s;}
.popGraduateW .popGraGnb .depth2 > li.on > a:before, .popGraduateW .popGraGnb .depth2 > li:hover > a:before {background:#8d6f4e; transform:rotate(0);}
.popGraduateW .popGraGnb .depth3 {padding-top:5px;}
.popGraduateW .popGraGnb .depth3 > li > a {padding:5px 22px; font-size:13px; font-size:1.3rem; color:#999;}
.popGraduateW .popGraGnb .depth3 > li.on > a, .popGraduateW .popGraGnb .depth3 > li:hover > a {color:#c9827e;}

.popGraduateW .popGraRightW {position:relative; overflow-y:auto; height:100%; background:url('/ent/img/pc/contents/bg/bgPopupSub01.jpg') no-repeat right top; background-size:cover;}

.popGraduateW .garSubW {position:relative; overflow-y:auto; height:782px; padding:30px 30px 0; margin:20px 20px 0; background:#fff; box-sizing:border-box;}
.popGraduateW .garSubW:after {content:''; display:block; height:30px;}
.popGraduateW .garSubW .printTxtW {right:30px;}
.popGraduateW .garSubW .snsLinkW {right:176px;}
.popGraduateW .garSubW .locationTxt {padding-right:325px; font-size:0;}
.popGraduateW .garSubW .locationTxt li {display:inline-block; line-height:120%; font-size:13px; font-size:1.3rem; color:#666;}
.popGraduateW .garSubW .locationTxt li a {color:#666;}
.popGraduateW .garSubW .locationTxt li:before {content:'>'; display:inline-block; padding:0 5px;}
.popGraduateW .garSubW .locationTxt li:first-child:before {display:none;}
.popGraduateW .garSubW .btn07 {max-width:303px;}
.popGraduateW .garSubW .stepList02.blue {padding:0;}
.popGraduateW .tit01 {padding-top:30px;}
.popGraduateW .tit04 {margin-top:26px;}
.popGraduateW .garImgListW {padding-top:10px; margin:0 -10px;}
.popGraduateW .garImgListW li {float:left; width:25%; padding:10px; box-sizing:border-box;}
.popGraduateW .garImgListW li img {width:100%;}

.popGraduateW .garLocation {position:relative; margin:20px 85px 0;}
.popGraduateW .garLocation:before {content:''; position:absolute; top:42px; left:0; width:100%; height:1px; background:#fff;}
.popGraduateW .garLocation li {float:left; width:11.111111%; text-align:center;}
.popGraduateW .garLocation li a {display:block; position:relative; padding-top:33px;}
.popGraduateW .garLocation li.on a:before {content:''; position:absolute; top:0; left:50%; width:24px; height:26px; margin-left:-12px; background:url('/ent/img/pc/contents/ico/icoPopGarLocation01.png') no-repeat center;}
.popGraduateW .garLocation li .icoRound {display:block; position:relative; height:20px;}
.popGraduateW .garLocation li .icoRound:after {content:''; position:absolute; top:50%; left:50%; width:10px; height:10px; margin:-5px auto auto -5px; border-radius:50%; background:#fff;}
.popGraduateW .garLocation li.on .icoRound:before {content:''; position:absolute; top:0; left:50%; width:20px; height:20px; margin-left:-10px; border-radius:50%; background:#fff;}
.popGraduateW .garLocation li.on .icoRound:after {background:#0f3149;}
.popGraduateW .garLocation li .ballon {visibility:hidden; position:relative; line-height:120%; padding:10px 12px; margin-top:15px; font-size:13px; font-size:1.3rem; border-radius:4px; background:rgba(0, 0, 0, 0.5); color:#fff; word-break:keep-all; vertical-align:top;}
.popGraduateW .garLocation li .ballon:before {content:''; position:absolute; top:-10px; left:50%; margin-left:-7px; width:0; height:0; border-right:7px solid transparent; border-bottom: 10px solid rgba(0, 0, 0, 0.5); border-left:7px solid transparent;}
.popGraduateW .garLocation li.on .ballon {display:inline-block; visibility:visible;}

.popGraduateW .popGraRightW.mainRightW {padding-left:128px; background-image:url('/ent/img/pc/contents/bg/bgPopupMain01.jpg');}
.popGraduateW .popGraRightW.mainRightW .garLocation {margin:20px 21px;}
.popGraduateW .mainRightW .garMainTxtW {height:794px; padding:178px 80px 0; text-align:right; box-sizing:border-box;}
.popGraduateW .mainRightW .garMainTxtW .txt01 {margin:45px 0 0; font-size:26px; font-size:2.6rem;}

.popGraduateW .garMainLinkW {position:absolute; top:0; left:0; width:128px; min-height:100%; padding-bottom:18px; background:rgba(21, 44, 70, 0.9); text-align:center; box-sizing:border-box;}
.popGraduateW .garMainLink li {margin-top:18px;}
.popGraduateW .garMainLink .linkW .imgW {display:inline-block; width:74px; border-radius:50%; background:#142c46;}
.popGraduateW .garMainLink .linkW .imgW img {width:100%;}
.popGraduateW .garMainLink .linkW .txt {display:block; line-height:120%; margin-top:7px; font-size:14px; font-size:1.4rem; color:#fff; word-break:keep-all;}

/* 졸업 학위수여표 */
.popGraduateW .garImgW01 img {width:100%; max-width:1000px;}
.popGraduateW .garImgW02 img {width:100%; max-width:853px;}
.popGraduateW .garImgFloatW01 {margin-top:20px;}
.popGraduateW .garImgFloatW01 .imgFloat01 {float:left; width:50%; padding-right:20px; box-sizing:border-box;}
.popGraduateW .garImgFloatW01 .imgFloat01 img {width:100%;}
.popGraduateW .garImgFloatW01 .txtFloat01 {float:left; width:50%;}
.popGraduateW .garImgFloatW01 .txtFloat01 .btn07 {width:50%;}

.quarterList {margin-top:30px;}
.quarterList li {width:23.5%; float:left; margin-right:2%; border:1px solid #dcdee5; box-sizing:border-box;}
.quarterList li:last-child {margin-right:0;}
.quarterList li .imgW {width:100%; border-bottom:1px solid #dcdee5;}
.quarterList li .imgW img {width:100%; max-width:100%;}
.quarterList li .txtBox {padding:30px 20px; box-sizing:border-box; position:relative; height:auto; min-height:342px;}
.quarterList li .txtBox > div {min-height:234px;}
.quarterList li .txtBox .txt03 {margin:0;}
.quarterList li .txtBox .txt01 {margin:12px 0 0 0;}
.quarterList li .txtBox .txt06 {margin:0; line-height:22px; letter-spacing:-0.1rem;}
.quarterList li .txtBox .txt06.first {margin-top:26px;}
.popGraduateW .garSubW  .quarterList li .btn07 {width:100%; max-width:100%; float:none; margin:0;}
.quarterList li .txtBox .txt03.italic {font-size:19px; font-size:1.9rem; font-style:italic; font-weight:100; color:#bfa98f; margin-top:10px;}

/* 레이어팝업 */
.popFixedWrap .popWrap.popImgSlideW01 {width:100%; max-width:1088px; padding:0 74px; margin:0 auto; background:none; box-shadow:none; box-sizing:border-box;}
.popImgSlideW01 .popSlider01 .slideTxt01 {line-height:130%; margin:20px 0 0; font-size:16px; font-size:1.6rem; color:#fff; text-align:center; word-break:keep-all;}
.popImgSlideW01 .popSlider01 img {width:100%; margin-top:30px;}
.popImgSlideW01 .bx-controls {bottom:50%;}
.popImgSlideW01 .bx-wrapper .bx-controls-direction a {width:24px; height:44px; margin-top:0;}
.popImgSlideW01 .bx-wrapper .bx-prev {left:-74px; background:url('/ent/img/pc/contents/ico/icoPopArrL.png') no-repeat center;}
.popImgSlideW01 .bx-wrapper .bx-next {right:-74px; background:url('/ent/img/pc/contents/ico/icoPopArrR.png') no-repeat center;}
/* //입학에서 졸업까지 팝업 */

@media (min-width: 1241px){
	.popGraduateW .popGraGnb > li:hover > a {color:#9f815f;}
	.popGraduateW .popGraGnb > li:hover > a:after {width:100%;}
}

@media (max-width: 1240px){
	.popGraduateW {bottom:auto; height:auto; padding-top:70px; padding-left:0;}
	.popGraduateW .popGraRightW {height:auto;}
	.popGraduateW .popGraLeftW {position:relative; overflow:initial; width:100%; height:auto; padding:0; background:none;}
	.popGraduateW .popGraLeftW .btnGarPopClose {position:fixed; top:0; right:0; width:70px; height:70px; padding:25px 5px 24px; margin-top:0; font-size:15px; font-size:1.5rem; border:0; border-left:1px solid #ddd; box-sizing:border-box; z-index:116;}
	.popGraduateW .popGraLeftW .btnGnbM {display:block; position:absolute; overflow:hidden; width:70px; height:70px; padding:0; border:0; border-right:1px solid #ddd; background:#fff url('/ent/img/mobile/contents/ico/icoGarMenu.png') no-repeat center; background-size:100%; outline:0; text-indent:100%; white-space:nowrap; box-sizing:border-box;}
	.popGraduateW .popGraLeftW .btnGnbM.on {background-image:url('/ent/img/mobile/contents/ico/icoGarMenu_close.png');}
	.popGraduateW .mobileHeadW {position:fixed; top:0; left:0; width:100%; height:70px; background:#fff; box-shadow:0 2px 10px rgba(0, 0, 0, 0.2); z-index:115;}
	.popGraduateW .mobileHeadW .logo {padding:15.5px 70px; margin-top:0;}
	.popGraduateW .mobileHeadW .logo img {width:100%; max-width:152px;}
	.popGraduateW .popGraGnbW {position:fixed; overflow-y:auto; top:70px; bottom:0; left:-100%; width:100%; max-width:360px; background:rgba(247, 247, 246, 0.95); z-index:113;}
	.popGraduateW .popGraGnb {padding:0 15px; margin-top:10px;}
	.popGraduateW .popGraGnb > li > a {padding:15px 10px;}
	.popGraduateW .popGraGnb > li > a:before {content:''; position:absolute; top:50%; right:13px; width:11px; height:11px; margin-top:-10px; border-bottom:2px solid #152c46; border-left:2px solid #152c46; transform:rotate(-45deg);}
	.popGraduateW .popGraGnb > li.on > a:before {margin-top:-2px; border-color:#9f815f; transform:rotate(135deg);}
	.popGraduateW .mainRightW .garMainTxtW .txt01 {margin-top:20px; font-size:17px; font-size:1.7rem;}
	.popGraduateW .popGraRightW.mainRightW {padding-left:0;}

	.popGraduateW .garSubW {min-height:740px;}

	.quarterList li{width:49%; margin-bottom:30px;}
	.quarterList li:nth-child(2n){margin-right:0;}
	.quarterList li:nth-child(3), .quarterList li:nth-child(4){margin-bottom:0;}
}

@media (max-width: 767px){
	.winpopTit01 {font-size:20px; font-size:2.0rem;}

	.inlineBox {width:100%;}

	.popGraduateW .garImgFloatW01 .imgFloat01 {padding:0 0 10px;}
	.popGraduateW .garImgFloatW01 .imgFloat01, .popGraduateW .garImgFloatW01 .txtFloat01 {width:100%;}

	.selectList {width:100%;}
	.selectList label {display:block; margin-right:0; margin-bottom:5px;}
	.selectList .select01 {width:100%;}

	.popGraduateW {overflow-y:auto;}
	.popGraduateW .garSubW {height:auto; min-height:auto; padding:20px 15px; margin:0;}
	.popGraduateW .garSubW:after {display:none;}
	.popGraduateW .garSubW .snsLinkW {right:15px;}
	.popGraduateW .garSubW .locationTxt {padding-right:48px;}
	.popGraduateW .garImgListW li {width:100%;}

	.popGraduateW .popGraRightW.mainRightW {padding-left:0; background-image:url('/ent/img/mobile/contents/bg/bgPopupMain01.jpg');}
	.popGraduateW .mainRightW .garMainTxtW {padding:24px 15px; height:auto;}
	.popGraduateW .garLocation {display:none;}
	.popGraduateW .garMainLinkW {position:relative; width:100%; min-height:auto; margin-top:260px;}
	.popGraduateW .garMainLink {overflow:hidden; padding:0 10px;}
	.popGraduateW .garMainLink li {float:left; width:25%;}
	.popGraduateW .garMainLink .linkW .imgW {width:88%; max-width:74px;}

	.quarterList li{width:100%; margin:0 0 0 20px 0;}
	.quarterList li:nth-child(3), .quarterList li:nth-child(4){margin-bottom:20px;}
	.quarterList li .txtBox {min-height:auto;}
	.quarterList li .txtBox > div {min-height:auto; padding-bottom:20px;}

	.popFixedWrap .popWrap.popImgSlideW01 {padding:0 50px;}
	.popImgSlideW01 .bx-wrapper .bx-prev {left:-36px;}
	.popImgSlideW01 .bx-wrapper .bx-next {right:-36px;}
}