@charset "utf-8";

/* 팝업 레이어 공용 */
.popup_layer2,.popup_layer3 { display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:999999; }
.open {display:block;}
.popup_layer2 .popup_layer_bg2, .popup_layer3 .popup_layer_bg3{position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.popup_layer2 .popup_layer_cont2, .popup_layer3 .popup_layer_cont3 {position:absolute; left:50%; top:50%; width:650px; background:#fff;}
.popup_layer2 .popup_layer_cont2 .button, .popup_layer3 .popup_layer_cont3 .button  { width: 75px; height: 25px; line-height: 25px; font-size: 12px; text-align: center; margin: 0 auto; display: block; background: #fa5c3f; color: #fff; }
.popup_head1 { height: 65px; line-height: 65px; width: 590px; background: url('/resources/images/landing/bg_popup.png') right; overflow: hidden; }
.popup_cont { padding: 8px 20px 40px 20px; clear: both; }
.popup_ment{color: #333; font-size: 15px; margin-bottom: 24px; text-align: center; font-weight:500;}
.popup_ment_only {margin:19px 0 27px; color:#333; font-weight:500; font-size:19px; text-align:center;}
.popup_cont .btn {background:var(--common-blue); padding: 13px 23px; color: #fff; font-size: 15px; margin-right: 8px; cursor:pointer;}
.popup_cont .btn_clo{background: #242424; padding: 13px 23px; color: #fff; font-size: 15px; cursor:pointer;}
.tr_buttons { text-align:center; padding: 30px 0 0 }

.popup_layer2 - #popup_tuitionInfo, #popup_terms, #popup_requestMap, #popup_personal, #popup_normalCurr, #popup_notOpen
.popup_layer2 .popup_head2 { width:623px; padding:20px 0 16px 27px; box-sizing: border-box;}
.popup_layer2 .popup_head2 > p {color:#333; font-size:30px; font-weight:bold; font-family:'Noto Sans KR',sans-serif; border-bottom:1px solid #d7d7d7; padding-bottom:16px;}
.popup_layer2 .popup_head2 a {width:38px; height:38px; position:absolute; top:0; right:-57px;}
#popup_personal .tr_buttons, #popup_terms .tr_buttons, #popup_tuitionInfo .tr_buttons, #popup_normalCurr .tr_buttons {text-align:center; padding:40px 0 0;}
#popup_terms .popup_layer_cont2, #popup_personal .popup_layer_cont2 {margin-top: -365px; margin-left: -315px;}



/* 팝업_2022 리뉴얼 */
.pop_layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:999999;}
.pop_layer .pop_layer_bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.55; filter:alpha(opacity=55);}
.pop_layer .pop_layer_cont {position:absolute; left:50%; top:50%; /* transform:translate(-50%, -50%); */ width:704px; padding:40px 30px; background:#fff;}
.pop_layer .pop_layer_cont_loading {transform:translate(-50%, -50%); width:auto; height:auto; padding:0; background:none;}

.pop_layer_cont .pop_head {width:100%; padding:5px 0 30px;}
.pop_layer_cont .pop_head_border {border-bottom:1px solid var(--border-gray);}
.pop_layer_cont .pop_head .pop_title {font-family:"CoreGothic6"; font-size:27px; line-height:30px; text-align:center;}
.pop_layer_cont .pop_head .pop_title_en {font-weight:800; font-family:"Pretendard"; font-size:35px; line-height:30px; text-align:center;}
.pop_layer_cont .pop_head a {position:absolute; top:0; right:-50px;}
.pop_layer_cont .pop_head a img {}
.pop_layer_cont .pop_explain {font-family:'CoreGothic4'; text-align:center; line-height:1.5;}
.pop_layer_cont .pop_explain_point {font-family:'CoreGothic5'; font-size:16px;}
.pop_layer_cont .pop_text {padding:17px 0; border:solid var(--border-gray); border-width:1px 0; background:#f2f5fa; text-align:center;}
.pop_layer_cont .pop_text p:first-of-type {padding-bottom:3px; font-size:16px;}
.pop_layer_cont .pop_text p:last-of-type {font-family:"CoreGothic4"; font-size:15px;}

.popup_btn1 {width:100%; height:60px; border-radius:5px; /* margin:20px auto 0; */margin:15px auto 0; background:var(--common-point); color:#fff; font-family:'CoreGothic4'; font-size:18px; text-align:center; line-height:3.3; cursor:pointer;}
.popup_btn1 a {display:inline-block; width:100%; height:100%;}


	/* 수강신청 관련 */
.pop_enrollment {}
.pop_enrollment .pop_layer_cont {width:650px;}
.pop_enrollment .pop_cont {text-align:center;}
.pop_enrollment .pop_cont table {margin-bottom:20px; border-collapse:collapse; width:100%; border-top:2px double #222;}
.pop_enrollment .pop_cont table * {vertical-align:middle;}
.pop_enrollment .pop_cont table tr {border-bottom:1px solid var(--border-lightgray);}
.pop_enrollment .pop_cont table th {height:52px; font-weight:normal; font-family:'CoreGothic4'; font-size:16px;}
.pop_enrollment .pop_cont table td {height:52px; font-size:16px; text-align:left; cursor:default;}
.pop_enrollment .pop_ment_wrap {padding:40px 0 20px; border-top:1px solid var(--border-lightgray);}
.pop_enrollment#pop_enrollmentCheck .pop_ment_wrap {padding:15px 0; border:solid var(--border-lightgray); border-width:1px 0; background:var(--background-gray2);}
.pop_enrollment .pop_ment_wrap .pop_ment_title {padding-bottom:2px; font-size:16px;}
.pop_enrollment .pop_ment_wrap .pop_ment_paragraph {font-family:'CoreGothic4';}
.pop_enrollment .popup_btn2 {width:202px; height:60px; margin:20px auto 0; color:#fff; font-family:'CoreGothic4'; font-size:18px; text-align:center; line-height:3.3; cursor:pointer;}
.pop_enrollment .popup_btn2 a {display:inline-block; width:96px; height:100%; border-radius:5px;}
.pop_enrollment .popup_btn2 a:first-child {float:left;}
.pop_enrollment .popup_btn2 a:last-child {float:right; background:#222;}
	/* 수강신청 기간 아닐 경우 팝업 */
/* #popup_notOpen .popup_layer_cont2 {width:530px;} */
/* #popup_notOpen .popup_head2 {width:100%; padding:20px 27px 16px;} */


	/* 수강료안내 */
#pop_tuitionInfo {}
#pop_tuitionInfo .pop_cont table {width:100%; font-size:16px; text-align:center; border-collapse:collapse;}
#pop_tuitionInfo .pop_cont table th {padding:12px 0; border:1px solid var(--border-gray); background:#f2f5fa; font-weight:normal; font-family:"CoreGothic4";}
#pop_tuitionInfo .pop_cont table td {padding:12px 0; border:1px solid var(--border-gray); font-family:"CoreGothic4";}

	/* 이용약관 */
#pop_terms .clause_content .clause_title + .clause_subtitle {padding-top:3px;}

	/* 개인정보 취급방침 */
#pop_personal {}
.clause_content {overflow-y:auto; width:100%; height:475px; margin:0 auto; padding:40px 15px; background:#fff; border:1px solid var(--border-gray); font-family:"CoreGothic4"; font-size:16px; line-height:20px; text-align:left;}
.clause_content::-webkit-scrollbar {width:8px; height:8px;}
.clause_content::-webkit-scrollbar-thumb {background:#222;}
.clause_content::-webkit-scrollbar-track {background:#ddd;}
.clause_content .clause_title {padding:23px 0 5px; color:var(--common-point-font); font-family:"CoreGothic5"; font-size:17px;}
.clause_content .clause_subtitle {padding:15px 0 5px; font-family:"CoreGothic5";}

	/* 일반과정 운영규정 */
.clause_content .clause_ex {display:flex; padding-top:4px; padding-left:15px;}
.clause_content .clause_ex_first {padding-top:13px;}
.clause_content .clause_ex > p:first-child {display:inline-block; width:33px;}
.clause_content .clause_ex > p:last-child {display:inline-block; width:-moz-calc(100% - 35px); width:-webkit-calc(100% - 35px); width:-o-calc(100% - 35px); width:calc(100% - 35px);}
.clause_content .clause_ex > p:last-child span {font-size:14px;}
.clause_content .clause_ex_ex1 {padding-top:5px;}
.clause_content .clause_ex_ex1 > p:first-child {width:25px;}
.clause_content .clause_ex_ex2 {}
.clause_content .clause_ex_ex2 span {display:inline-block; padding-bottom:4px; font-family:"CoreGothic5";}

	/* KH영상소개 - 지도 전송 팝업 */
#pop_requestMap {}
.requestMap_info .info_title {display:inline-block; width:74px; padding-right:10px; font-family:"CoreGothic4"; font-size:16px; text-align:right;}
		/* 개인정보 취급방침 체크박스 */
.pop_cont_requestMap .requestMap_info {padding:15px 0 0;}
.requestMap_info li:not(:last-of-type) {padding-bottom:10px;}
.requestMap_info .name input {width:512px;}
.requestMap_info .number_box {display:inline-block; width:512px; color:#909090; font-size:12px; letter-spacing:-0.055em;}
.requestMap_info .number_box input {width:156px; padding-left:0; font-size:16px; text-align:center; letter-spacing:-0.04em;}
.pop_cont_requestMap .agreebox {position:relative; height:20px; margin:8px 0 2px 77px;}
.pop_cont_requestMap .agreebox label {position:absolute; padding-left:23px; font-family:"CoreGothic4"; cursor:pointer;}
.pop_cont_requestMap span.checkmark {position:absolute; top:0; left:0; height:20px; width:20px; background-color:#fff; border:1px solid #333; cursor:pointer;}
.pop_cont_requestMap span.checkmark::after {content:""; display:none; position:absolute; left:6px; top:1px; width:6px; height:12px; border:solid white; border-width:0 1px 1px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.pop_cont_requestMap input:checked ~ label span.checkmark {background-color:#333;}
.pop_cont_requestMap input:checked ~ label span.checkmark::after {display:block; position:absolute; left:6px; top:1px; width:6px; height:12px; border:solid white; border-width:0 1px 1px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.pop_cont_requestMap .agreebox label span:not(.checkmark) {font-family:"CoreGothic5"; text-decoration:underline; text-underline-position:under;}


/* 퀵메뉴 - 대표문의, 방문상담예약, 수강료조회 팝업 */
.pop_layer_quick table tr:nth-of-type(-n+3) th {vertical-align:initial; line-height:55px;}
.pop_layer_quick table tr:nth-of-type(-n+3) td {padding-bottom:0;}
/* 퀵메뉴 - 대표문의 팝업 */
.pop_layer_quick {}
.counselForm_quick {width:100%; padding-top:15px;}
.pop_layer_quick .inqu_top {text-align:center; padding:15px 0 30px;padding:5px 0 11px;}
.pop_layer_quick .inqu_top .inqu_1 {color:var(--common-point-font); font-family:'Exo2.0-SemiBold'; font-size:50px; letter-spacing:-0.05em;}
.pop_layer_quick .inqu_top .inqu_2 {padding-bottom:3px; font-family:"CoreGothic6"; font-size:19px;}
.pop_layer_quick .inqu_top .inqu_3 {font-family:"CoreGothic4"; font-size:15px;}
.pop_layer_quick .inqu_mid {border-bottom:1px solid var(--border-gray); text-align:center;}
.pop_layer_quick .inqu_mid > p {font-size:17px;}
.pop_layer_quick .inqu_mid > div {display:inline-block; width:194px; margin:15px 0;margin:5px 0 13px;}
.pop_layer_quick .inqu_mid > div:not(:first-of-type)::before {content:""; float:left; width:1px; height:74px; background:#d7d7d7;}
.pop_layer_quick .inqu_mid > div div {width:35px; height:35px; border-radius:50%; padding-top:4px; margin:0 auto 7px; background:#222; color:#fff; font-size:20px;}
.pop_layer_quick .inqu_mid div p {font-family:"CoreGothic4"; font-size:14px; line-height:18px;}

.counselForm_quick table th {padding-right:15px; font-weight:500; font-family:"CoreGothic4"; font-size:16px; text-align:right; vertical-align:middle;}
.counselForm_quick table td {padding:5px 0; vertical-align:middle;}
/* .counselForm_quick table tr:not(:first-of-type) td {padding-top:10px;} */
.counselForm_quick input[type="checkbox"] {-webkit-appearance:button;}
.counselForm_quick input[type="checkbox"]:checked {-webkit-appearance:button;}
.counselForm_quick .requiredInfo_select {width:249px; height:44px; padding-left:10px; border:1px solid var(--border-gray); border-radius:0; outline:none; background-color:#fff; background-image:url(/resources/images/common/select_down.png); background-repeat:no-repeat; background-position:95% 50%; cursor:pointer; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.counselForm_quick .requiredInfo_select::-ms-expand {display:none;}
.counselForm_quick input.quick_name {width:100%;}
.pop_layer_quick .mobile_sp {color:#909090; font-size:12px; letter-spacing:-0.035em;letter-spacing:-0.0329em;}
.pop_layer_quick .mobile_sp input {width:173px; font-size:16px; letter-spacing:-0.04em;}

/* 퀵메뉴 - 방문상담예약, 수강료조회 팝업 */
.pop_layer_quick .pop_text p:first-of-type {padding-bottom:3px; font-family:"CoreGothic6"; font-size:20px;}
.pop_layer_quick .pop_text p:last-of-type {font-family:"CoreGothic4"; font-size:16px;}
.pop_layer_quick .pop_text p:last-of-type span {font-family:"CoreGothic5"; font-size:18px;}


	/* 팝업 희망분야 선택 */
/* .counselForm_quick label {display:inline-block; width:164px; height:45px; border:1px solid var(--border-gray); border-radius:5px; background-color:#fff; font-family:"CoreGothic4"; font-size:16px; text-align:center; line-height:2.8; white-space:nowrap; cursor:pointer;} */
/* .counselForm_quick label:not(:nth-of-type(3n)) {margin-right:3px;} */
/* .counselForm_quick input[type="checkbox"]:checked + label {border-color:var(--common-point); background-color:var(--common-point); color:#fff; font-family:"CoreGothic5";} */
/* 과정별 셀렉트박스일 경우 .pop_hopeCategory {position:relative; display:inline-block; width:164px; height:44px; border:1px solid var(--border-gray); cursor:pointer;}
.pop_hopeCategory:not(:last-of-type) {margin-right:3px;}
.pop_hopeCategory p {padding-left:10px; font-family:"CoreGothic4"; font-size:16px; line-height:42px;}
.pop_hopeCategory p::after {content:url(/resources/images/common/menu_down.png); position:absolute; top:18px; right:13px; transition:all .3s ease;}
.pop_hopeCategory:hover p::after {transform:rotate(180deg);}
.pop_hopeCategory:hover .pop_hopeCurr {display:block;}
.pop_hopeCategory .pop_hopeCurr {display:none; position:absolute; width:164px; border:1px solid var(--border-gray); padding:16px 10px; margin-left:-1px; background:#fff; font-family:"CoreGothic4"; font-size:15px;}
.pop_hopeCategory .pop_hopeCurr input:checked + .label_check {color:var(--common-point-font);}
.pop_hopeCategory .pop_hopeCurr .label_check {display:block;}
.pop_hopeCategory .pop_hopeCurr .label_check:not(:last-of-type) {margin-bottom:15px;} */

.pop_hopeCurr {width:566px;}
.pop_hopeCurr input[type="checkbox"] {-webkit-appearance:button;}
.pop_hopeCurr input[type="checkbox"]:checked {-webkit-appearance:button;}
.pop_hopeCurr label {position: relative; z-index: 1; display:inline-block; width:184px; height:44px; padding-left:0; border:1px solid var(--border-lightgray); border-radius:5px; margin-bottom:5px; background-color:#fff; font-family:"CoreGothic4"; font-size:15px; text-align:center; line-height:2.8; white-space:nowrap; cursor:pointer;}
.pop_hopeCurr label:not(:nth-of-type(3n)) {margin-right:3px;}
.pop_hopeCurr input[type="checkbox"]:checked + label {border-color:var(--common-point); background-color:var(--common-point); color:#fff; font-family:"CoreGothic5";}


/* 이벤트 팝업 */
#popup_event {display:none; overflow: hidden; position: fixed; z-index: 1001; top: 160px; left: 200px; width: auto; height: auto; border-radius: 20px; cursor:pointer;}
#popup_event img {width: 100%;}
#popup_event .close {position: relative; height: 46px; background: #222; font-size:15px; line-height: 44px; text-align: center;}
#popup_event .close label {float:left; width: 50%; color:#fff; cursor: pointer;}
#popup_event .close label + div {float:right; width: 50%; color:#fff;}
#popup_event .close label::after {content: ''; position: absolute; top: 15px; left: 50%; width: 1px; height: 14px; background: #d7d7d7;}

/* .popup_main #popup_event {width: 600px;} */
/* .popup_main #popup_event img {transform: translateY(-20px);} */
/* .popup_main #popup_event .close {position: relative; height: 50px; margin-top: -42px; line-height: 48px;} */
/* .popup_main #popup_event .close label::after {top: 17px;} */


/* //팝업_2022 리뉴얼 */



/* 팝업 레이어 */
.popup_layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:99999999999;}
.open {display:block;}
.popup_layer .popup_layer_bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.popup_layer .popup_layer_cont { position:absolute; left:50%; top:50%; background:#fff; width: 850px; }
.popup_layer .popup_layer_cont .button { width: 75px; height: 25px; line-height: 25px; font-size: 12px; text-align: center; margin: 0 auto; display: block; background: #fa5c3f; color: #fff; }
.popup_head {float:left; width: 850px; height: 55px; line-height: 55px; background: url('/resources/images/landing/summer/summerpopup_bg.png') no-repeat; overflow: hidden; }
.popup_head span { float: left; padding-left: 20px; font-size: 17px; color: #fff; line-height: 55px;}
.popup_head a { float: right; margin-right: 30px; font-size: 13px; color:#002f6f; line-height: 55px; font-family: "CoreGothic7"; letter-spacing: 0;}
.popup_title{float: left; width: 850px; margin-top: 25px;}
.popup_title p{font-size: 20px; font-family: "CoreGothic7"; color: #002f6f;}
.popup_circle{float:left; width:850px; height:52px; margin-top:10px; background: url('/resources/images/landing/summer/summerpopup_circle.png') no-repeat center; overflow: hidden; }
.popup_circle p{font-size: 13px; font-family: "CoreGothic4"; color: #242424; line-height: 35px;}
.popup_text{float: left; width: 850px;}
.popup_text p{font-size: 14px; font-family: "CoreGothic4"; color: #242424;}
.popup_text span{font-size: 14px; font-family: "CoreGothic4"; color: #242424;}

/*하단 버튼*/
.popup_btn{width:850px; height:40px; margin-bottom: 35px;}
.popup_btn .btn_01{width: 144px; height: 40px; float:left; margin: 0 10px 0 316px;}
.popup_btn .btn_02{width: 64px; height: 40px; float:left;}
.popup_btn .btn_01 a{width: 144px; background: #1fa1ff;}
.popup_btn .btn_02 a{width: 64px; background: #001a3d;}
.popup_btn a{height: 40px; display: block; color: #fff; font-size: 13px; font-family:"CoreGothic5"; line-height: 40px;}
.popup_layer_cont .popup_reward_map { position: relative; height: 485px; width: 770px; background: url(/resources/images/common/top_popup.jpg); }
.popup_layer_cont .popup_reward_map a { position: absolute; display: block; }




/* 인터뷰 팝업 */
#interview_popup { position: fixed; left:0; top:0;  width: 100%;  height: 100%;  transform: scale(0); }
#interview_popup.one { transform: scaleY(0.01) scaleX(0); animation: unfoldIn 0.5s cubic-bezier(0.165, 0.85, 0.44, 1) forwards;  z-index: 999999;}
#interview_popup.one.out {  transform: scale(1);  animation: unfoldOut 0.5s cubic-bezier(0.165, 0.85, 0.44, 1) forwards;}
#interview_popup .interview_popup_bg { background: rgba(0,0,0,0.7);  display:flex;  align-items: center; justify-content: center;  height: 100%; }
#interview_popup .interview_popup_bg .popup_content { display: inline-block;  position:relative;  width:916px; max-height:818px;}
#interview_popup .interview_popup_bg .popup_content .title {width:870px; font-size: 35px; margin:0; font-family: 'RobotoCondensed-Bold'; color:#333;  padding-bottom:19px;  background:#fff;  padding:24px 30px 19px 28px; box-sizing:border-box; }
#interview_popup .interview_popup_bg .popup_content .content img { width:100%; }

#interview_popup .interview_popup_bg .popup_content .content{ width:808px; overflow-y: scroll; overflow-x: hidden;  padding:30px 22px 19px 30px;  background:#fff;}
#interview_popup .interview_popup_bg .popup_content .close_btn{ position:absolute;  right:-11px; top:3px; }
#interview_popup .interview_popup_bg .popup_content .next_arrow{ position:absolute; top:45%; right:-27px; cursor:pointer;}
#interview_popup .interview_popup_bg .popup_content .prev_arrow{ position:absolute; top:45%; left:-73px; cursor:pointer;}
#interview_popup .interview_popup_bg .popup_content .content h5{ padding-top:22px;  font-size:16.02px;  font-weight:500; color:#333;}

	/* 인터뷰 팝업에만 있는 css */
#interview_popup .content_in img{width:100%;}
#interview_popup .content_in{ width: 808px; max-height: 683px; overflow-y: scroll; overflow-x: hidden; padding: 30px 32px 19px 30px;  background: #fff; border-top-style:solid; border-top-width:1px; border-top-color:#d7d7d7; }
#interview_popup .interview_popup_bg .popup_content .interview_body .content{padding:0; overflow:hidden; }
#interview_popup .interview_popup_bg .popup_content .interview_body p{ padding-top:10px; color:#222; font-weight:300;}
#interview_popup .interview_popup_bg .popup_content .interview_foot{text-align: center;}
#interview_popup .interview_popup_bg .popup_content .interview_foot .company{padding:30px 0 10px 0;}
#interview_popup .interview_popup_bg .popup_content .view_lastlogo{width:150px; height:61px; margin:0 auto; padding:13px 0 25px 0;}
.interview_body{padding-bottom:30px;}

/* #atentsroom_popup .atentsroom_popup_bg .popup_content .content{ width:860px; min-height:818px; max-height:818px;  overflow-y: scroll;  overflow-x: hidden;  background:#fff;}
#atentsroom_popup .atentsroom_popup_bg .popup_content .atentsroom_content{ text-align:center; padding:30px 22px 52px 30px;}
#atentsroom_popup .atentsroom_popup_bg .popup_content .title{ width:100%; border-bottom-color:#d7d7d7; border-bottom-width: 1px; border-bottom-style:solid; }
#atentsroom_popup .atentsroom_popup_bg .popup_content .close_btn{ position:absolute;  right:-1px; top:3px; }
#atentsroom_popup .atentsroom_popup_bg .popup_content .next_arrow{ position:absolute; top:45%; right:-17px; cursor:pointer;}
#atentsroom_popup .atentsroom_popup_bg .popup_content .prev_arrow{ position:absolute; top:45%; left:-73px; cursor:pointer;} */


/* 팝업 펼침/접힘 */
.one { transform: scaleY(0.01) scaleX(0); animation: unfoldIn 0.5s cubic-bezier(0.165, 0.85, 0.44, 1) forwards;  z-index: 99999;}
.one.out { transform: scale(1); animation: unfoldOut 0.5s cubic-bezier(0.165, 0.85, 0.44, 1) forwards;}

@keyframes unfoldIn{
    0% {transform: scaleY(0.005) scaleX(0);}
    50% {transform: scaleY(0.005) scaleX(1);}
    100% {transform: scaleY(1) scaleX(1);}
}
@keyframes unfoldOut{
    0% {transform: scaleY(1) scaleX(1);}
    50% {transform: scaleY(0.005) scaleX(1);}
    100% {transform: scaleY(0.005) scaleX(0);}
}
@keyframes zoomIn {
    0% {transform: scale(0);}
    100% {transform: scale(1); }
}
@keyframes zoomOut {
    0% {transform: scale(1);}
    100% {transform: scale(0); }
}

@media all and (max-width:1600px){
    #interview_popup .interview_popup_bg .popup_content .content { width:808px; /* max-height:585px;*/ }
    
    /* 커뮤니티 */
    #pop_community .pop_community_bg .pop_content .content {/* width:862px; */ min-height:auto; max-height:635px;}
    #pop_community .pop_community_bg .pop_content .content .content_in {max-height:535px;}
    
/*     .port_popup_bg .popup_content { width:916px; max-height:818px;} */
/*     .port_popup_bg .popup_content .content{width:860px; max-height:650px; } */

}

@media all and (max-width:1280px){

    #interview_popup .interview_popup_bg .popup_content {/* width:917px; min-height:auto; max-height:650px; */}
    #interview_popup .interview_popup_bg .popup_content .content {/*  width:808px;  */ max-height:540px;}
    
    /* 커뮤니티 */
    #pop_community .pop_community_bg .pop_content {/* width:917px; min-height:auto; max-height:650px; */}
    #pop_community .pop_community_bg .pop_content .content {/* width:808px; */ min-height:auto; max-height:540px;}
    #pop_community .pop_community_bg .pop_content .content .content_in {max-height:440px;}
    
/*     .port_popup_bg .popup_content { width:916px; max-height:818px;} */
/*     .port_popup_bg .popup_content .content{width:862px; height:540px;} */
/*     .port_popup_bg .popup_content .bottom_content{height:424px;} */

}

@media all and (max-width:1024px){

    #interview_popup .interview_popup_bg .popup_content {width:805px; max-height:600px;}
    #interview_popup .interview_popup_bg .popup_content .content {width:746px; max-height:450px;}
    #interview_popup .interview_popup_bg .popup_content .title {width:798px;}
    
    /* 커뮤니티 */
    #pop_community .pop_community_bg .pop_content {width:700px; /* max-height:600px; */}
    #pop_community .pop_community_bg .pop_content .content {/* width:798px; */ max-height:470px;}
    
    .port_popup_bg .popup_content { width:821px; max-height:818px;}
    .port_popup_bg .popup_content .content{width:765px; max-height:510px; }
    .port_popup_bg .popup_content .bottom_content{height:435px;}

}

@media all and (max-width:800px){

    #interview_popup .interview_popup_bg .popup_content {width:601px; max-height:395px;}
    #interview_popup .interview_popup_bg .popup_content .content {width:492px; max-height:265px;}
    #interview_popup .interview_popup_bg .popup_content .title {width:544px;}
    
    /* 커뮤니티 */
    #pop_community .pop_community_bg .pop_content {width:601px; /* max-height:395px; */}
    #pop_community .pop_community_bg .pop_content .content {/* width:542px; */ max-height:365px;}

    .port_popup_bg .popup_content { width:638px; max-height:397px;}
    .port_popup_bg .popup_content .content{width:582px; max-height:445px; }
    .port_popup_bg .popup_content .bottom_content{height:325px;}

}