.interview-text-1{font-size: 13px; color: #fff; position: absolute; top: 30px; right: 30px; font-size: 20px;}
.interview-text-2{font-size: 13px; color: #fff; font-family: gmarket-medium; max-width: 500px}
.interview-text-3{font-size: 13px; }

@media (min-width: 768px) {
	.interview-text-2{max-width: 600px}
}

.tmp-wrapper{padding-top: 100px;}
.interview-title-01{color:#60C8FF; font-size: 25px; font-family: gmarket-light; -webkit-transition:all .3s; transition:all .3s; line-height: 1.2}
.interview-title-02{color:#60C8FF; font-size: 12px; font-family: gmarket-medium; -webkit-transition:all .3s; transition:all .3s; }

@media (min-width: 768px) {
	.tmp-wrapper{padding-top: 150px;}
	.interview-title-01{font-size: 45px;}
	.interview-title-02{font-size: 12px;}
}

@media (min-width: 992px) {
	.tmp-wrapper{padding-top: 350px;}
	.interview-title-01{font-size: 65px;}
	.interview-title-02{font-size: 50px;}
}

@media (min-width: 1200px) {
	.tmp-wrapper{padding-top: 450px;}
}

@media (min-width: 1400px) {
	.tmp-wrapper{padding-top: 500px;}
}

.profile-wrapper{cursor: pointer; position: relative; border-radius: 20px; overflow: hidden; visibility: hidden;}
.profile-box{cursor: pointer; position: relative; border-radius: 20px; overflow: hidden; }
.profile-box figure{overflow: hidden; position: relative;}
.profile-box:hover img{
	filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale");
		-webkit-filter: grayscale(0%);
		}
.profile-box:hover figure img{-webkit-transform: scale(1.05	); -ms-transform: scale(1.05	); transform: scale(1.05	);}

.profile-text-01{color: #000; font-size: 16px; font-family: gmarket-medium; margin-top: 15px;}
.profile-text-02{color: #9FA6AF; font-size: 11px; font-family: gmarket-medium; }
.profile-text-03{color: #000; font-size: 11px;}

@media (min-width: 768px) {
	.profile-text-01{font-size: 15px;}
	.profile-text-02{font-size: 11px;}
	.profile-text-03{font-size: 13px;}
}

@media (min-width: 992px) {
	.profile-text-01{font-size: 15px;}
}

.inner-content{position: absolute; top:0; left:0; bottom:0; right: 0;}
.inner-content > div{text-align: center; color:#fff;
	-webkit-transform: translate(0, 50%);
	-ms-transform: translate(0,50%);
	transform: translate(0,50%);
	opacity: 0;
	-webkit-transition:all .3s; transition:all .3s; 
}
.inner-content:hover > div{
	opacity: 1;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}

.view-detail{background: #062340; padding:10px 20px 7px 20px; border-radius: 15px; display: inline-block; font-family: gmarket-bold; font-size: 11px;}


.profile-wrapper{cursor: pointer; position: relative; border-radius: 20px; overflow: hidden; visibility: hidden;}
.profile-box{cursor: pointer; position: relative; border-radius: 20px; overflow: hidden; }
.profile-box figure{overflow: hidden; position: relative;}
.profile-box:hover img{
	filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale");
		-webkit-filter: grayscale(0%);
		}
.profile-box:hover figure img{-webkit-transform: scale(1.05	); -ms-transform: scale(1.05	); transform: scale(1.05	);}


.inner-content{position: absolute; top:0; left:0; bottom:0; right: 0;}
.inner-content > div{text-align: center; color:#fff;
	-webkit-transform: translate(0, 50%);
	-ms-transform: translate(0,50%);
	transform: translate(0,50%);
	opacity: 0;
	-webkit-transition:all .3s; transition:all .3s; 
}
.inner-content:hover > div{
	opacity: 1;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}

.view-detail{background: #062340; padding:10px 20px 7px 20px; border-radius: 15px; display: inline-block; font-family: gmarket-bold; font-size: 11px;}


/* 팝업 */
.ajax-popup{color:#fff;}
.ajax-popup:focus, .ajax-popup:hover {color:#fff;}
.popup-nav-wrapper{position: absolute;  z-index: 10; left:0; top:250px; width: 100%}
.prev {position: absolute; left:0;}
.popup-next {position: absolute; right: 0;}
.popup-prev{position: absolute; left: 0;}
.popup-prev, .popup-next {display: inline-block; cursor: pointer; color:#fff; padding:12px 13px 10px 13px; border: 1px solid #fff; -webkit-transition:all .3s; transition:all .3s; }
.popup-prev i, .popup-next i {color:#fff; font-size: 20px;}

.close-btn-wrapper{}

@media (min-width: 768px) {
	.popup-nav-wrapper{position: absolute; right: 20px; bottom: 20px; top: unset; text-align: right; left: unset;}
	.popup-prev, .popup-next { color:#9FA6AF; border: 1px solid #9FA6AF; position: unset; left: unset; right: unset;}
	.popup-next {margin-left: 10px;}
	.popup-prev i, .popup-next i {color:#9FA6AF;}
}


.mfp-container {padding-left: 15px; padding-right: 15px;} /* 모바일 좌우 여백 */
@media (min-width: 992px) {
	.popup-prev, .popup-next {padding:15px 15px 13px 15px;}
}

.btn-popup-close{
	cursor: pointer;
	color: #0277F6;
	font-size: 13px;
	opacity: 1;
}
.btn-popup-close:hover{ color: #0277F6; opacity: 1;}
.popup-open{
	overflow:hidden;
}
.popup-text-01 {font-size: 13px; font-weight: bold; color: #707070; width: 70px}
.popup-text-02 {font-size: 13px; color: #707070; }
.popup-text-02 a span{font-size: 13px; color: #707070; }
.popup-text-03 {font-family: gmarket-bold; color: #003972; font-size: 30px; line-height: 1.2}
.popup-text-04 {font-size: 20px; font-weight: bold; color: #707070; margin-bottom: 30px;}
.popup-text-05 {font-size: 13px; font-weight: 600; color: #707070; width: 120px}

.modal-dialog {
	min-height: calc(100vh - 60px);
	display: flex;
	flex-direction: column;
	justify-content: center;
	overflow: auto;
	padding-top: 80px;
	padding-bottom: 30px;
	/*padding-bottom: 130px;*/
}
@media(max-width: 768px) {
	.modal-dialog {
		min-height: calc(100vh - 20px);
	}
}
.modal-header{border-bottom: none;}
/*.modal-dialog{max-width: 1350px; margin:0;}*/
.modal-header{padding-left: 20px; padding-right: 20px; padding-top: 20px;}
.profile-body{padding: 50px 0 30px 0; min-height: }
@media (min-width: 768px) {
	.popup-text-03 {font-size: 40px;}
	.popup-text-04 {font-size: 24px; margin-bottom: 50px;}
	.profile-body{padding: 70px 70px 70px 70px;}
}

.mfp-fade.mfp-bg {
	opacity: 0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {opacity: 0.8; }
.mfp-fade.mfp-bg.mfp-removing {opacity: 0; }
.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {opacity: 1; }
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {opacity: 0; }

.mfp-wrap {
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translateZ(0);
}

html.mfp-helper {
  height: 100%;
}
html.mfp-helper body {
    overflow: hidden;
    height: 100%;
    -webkit-transform: translateZ(0);
}

.floating-bg-01{display: none; visibility: hidden; position: absolute; top: 0; left:-300px; }
.floating-bg-02{display: none; visibility: hidden; position: absolute; top: 0; right:-180px; }
.floating-bg-item-01{width: 1050px; height: 700px; background-image: url(/assets/img/about/bg_01.png); background-size: 1050px; background-repeat: no-repeat; }
.floating-bg-item-02{width: 1406px; height: 937px; background-image: url(/assets/img/about/bg_02.png); background-size: 1406px; background-repeat: no-repeat; -webkit-transition:all .3s; transition:all .3s; }

@media (min-width: 992px) {
	.floating-bg-01{display: inline-block; visibility: visible; width: 800px; height: 800px; top: -330px; left:-320px; }
	.floating-bg-02{display: inline-block; visibility: visible; width: 957px; height: 638px; top: 100px; right:-410px;}
	.floating-bg-item-01{width: 800px; height: 800px; background-size: 800px; }
	.floating-bg-item-02{width: 957px; height: 638px; background-size: 957px; }
}

@media (min-width: 1200px) {
	.floating-bg-01{width: 900px; height: 900px; top: -420px; left:-250px; }
	.floating-bg-02{width: 1200px; height: 798px; top: 120px; right:-570px;}
	.floating-bg-item-01{width: 900px; height: 900px; background-size: 900px; }
	.floating-bg-item-02{width: 1200px; height: 798px; background-size: 1200px; }
}

@media (min-width: 1600px) {
	.floating-bg-01{width: 1100px; height: 1100px; top: -520px; left: -300px}
	.floating-bg-02{width: 1406px; height: 937px; top: 150px; right:-480px;}
	.floating-bg-item-01{width: 1100px; height: 1100px; background-size: 1100px; }
	.floating-bg-item-02{width: 1406px; height: 937px; background-size: 1406px; }
}


/*조직도*/
.org-box{background:#E0E9F7; padding: 25px 20px;}
.org-text-01{color:#003972; font-weight: 600; font-size: 16px;}
.org-text-02{color:#003972; font-weight: 500; font-size: 15px; width: 55px;}
.org-text-03{color:#003972; font-size: 14px;}
.org-text-04{color:#003972; font-size: 13px;}

@media (min-width: 768px) {
	.org-text-01{font-size: 15px;}
	.org-text-02{font-size: 13px;}
	.org-text-03{font-size: 12px;}
	.org-text-04{font-size: 11px;}
}

@media (min-width: 1200px) {
	.org-text-01{font-size: 18px;}
	.org-text-02{font-size: 15px; width: 60px}
	.org-text-03{font-size: 14px;}
	.org-text-04{font-size: 13px;}
}

.org-chart{position: relative;}
.org-chart:before{
	content: "";
	display: block;
	position: absolute;
	height: calc(80%);
	width: 0;
	top: 0;
	left: 7px;
	border-right: 1px solid #C7C7C7;
}

.lev-2{padding-top: 20px; padding-bottom: 20px; padding-left: 40px; position: relative; }
.lev-2:before{
	content: "";
	display: block;
	position: absolute;
	height: 50%;
	width: 0;
	top: 0;
	left: calc(50% + 20px);
	/*left: calc(50% + 20px);*/
	border-right: 1px solid #C7C7C7;
}
.lev-3{position: relative; padding-left: 20px;}
.lev-3 > div{padding-bottom: 20px;}
.lev-3 > div:before{
	content: "";
	display: block;
	position: absolute;
	height: 0;
	width: 12px;
	left: 3px;
	top: calc(50% - 10px);
	border-bottom: 1px solid #C7C7C7;
}

.lev-3 > div:after{
	content: "";
	display: block;
	position: absolute;
	height: calc(50% - 9px);
	width: 0;
	left: 2px;
	top: 0;
	border-right: 1px solid #C7C7C7;
}

@media (min-width: 768px) {
	.org-chart:before{border-right: none; }
	.lev-2{padding-top: 30px; padding-bottom: 30px; padding-left: 0;}
	.lev-2:before{
		content: "";
		display: block;
		position: absolute;
		height: 1px;
		width: 30%;
		top:50%;
		left:50%;
		border-bottom: 1px solid #C7C7C7;
	}

	.lev-2:after{
		content: "";
		display: block;
		position: absolute;
		height: 100%;
		width: 0;
		border-left: 1px solid #C7C7C7;
		left: 50%;
		top: 0;
		z-index: -1;
	}

	.lev-3{padding-top: 30px; padding-left: 0;}
	.lev-3:before{
		content: "";
		display: block;
		position: absolute;
		height: 1px;
		width: calc((100% / 3) * 2);
		/*width: 66.6%;*/
		top:0;
		left:calc((100% / 3) / 2);
		/*left:16.5%;*/
		border-bottom: 1px solid #C7C7C7;
	}

	.lev-3 > div:before{
		content: "";
		display: block;
		position: absolute;
		height: 50%;
		width: 0;
		border-left: 1px solid #C7C7C7;
		left: 50%;
		top: -30px;
		z-index: -1;
	}

	.lev-3 > div:after{border-right: none; }