@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%; background:#fff; width: 650px; }
.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: #ea2026; 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 }
.clause_content { width:556px; height: 317px; margin:0 auto; padding: 15px 20px; background: #fff; border: 1px solid #e5e5e5; font-size: 14px; color: #555555; line-height: 20px; text-align: left; overflow-y: auto;}
.clause_content .term_box_content_title{font-size:14px; color:#555;}
.clause_content .content_innerbox {padding:6px 3px; margin:7px 0; border:1px solid #555; font-size:inherit;}
.clause_content p{color:#555; line-height:35px; font-size:14px;}
	/* 팝업 검정 */
.popup_wrap {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:999999; box-sizing: border-box;}
.popup_wrap *, .popup_wrap *::before, .popup_wrap *::after {box-sizing: inherit;}
.popup_wrap .popup_bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.popup_wrap .popup {position:absolute; left:50%; top:50%; width: auto; padding: 30px; border-radius: 20px; background: var(--color-darkgray); color: #fff;}
.popup_wrap .popup_top {}
.popup_wrap .popup_top button {float: right;}
.popup_wrap .popup_top p {padding: 25px 0; font-weight: 700; font-size: 22px; text-align: center;}
.popup_wrap .popup_content {}
.popup_wrap .popup_btns {display: grid; grid-template-columns: 350px 198px; gap: 10px; padding-top: 30px; text-align: center;}
.popup_wrap .popup_btns a, .popup_wrap .popup_btns button {height: 60px; border-radius: 10px; color: #fff; font-size: 18px; line-height: 60px;}
.popup_wrap .popup_btns .btn_red {background: var(--color-red);}
.popup_wrap .popup_btns .btn_close {background: #1a0e0e;}


/* .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;}

/* 전과목 0원 팝업 */
#popup_zero {display:none; overflow: hidden; position: fixed; z-index: 1001; bottom: 98px; right: 34px; width: 360px; height: auto; border-radius: 20px; cursor:pointer;}
#popup_zero img {width: 100%;}
#popup_zero .close {position: relative; height: 46px; background: #222; font-size:15px; line-height: 44px; text-align: center;}
#popup_zero .close label {float:left; width: 50%; color:#fff; cursor: pointer;}
#popup_zero .close label + div {float:right; width: 50%; color:#fff;}
#popup_zero .close label::after {content: ''; position: absolute; top: 15px; left: 50%; width: 1px; height: 14px; background: #d7d7d7;}

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

/* 교육원 이전 공지 팝업 - 마이페이지 메인만, 일정기간동안 */
#popup_move {display: none; overflow: hidden; position: fixed; z-index: 1001; bottom: 98px; right: 34px; width: 545px; height: auto; border-radius: 20px; background: #222;}
#popup_move .img_wrap {border-radius: 20px; margin: 10px 10px 0;}
#popup_move .close {position: relative; height: 46px; background: #222; font-size:15px; line-height: 44px; text-align: center; cursor: pointer;}
#popup_move .close label {float:left; width: 50%; color:#fff; cursor: pointer;}
#popup_move .close label + div {float:right; width: 50%; color:#fff;}
#popup_move .close label::after {content: ''; position: absolute; top: 15px; left: 50%; width: 1px; height: 14px; background: #d7d7d7;}

/* 팝업 레이어 - 수강료 */
#popup_tuitionInfo .container {padding: 30px 0;}
#popup_tuitionInfo .popup_cont{padding:8px 26px 40px 27px;}
#popup_tuitionInfo .popup_cont table { width:100%; text-align:center; border-collapse:collapse; }
#popup_tuitionInfo .popup_cont table tr { }
#popup_tuitionInfo .popup_cont table tr:first-child { background:#f7f7f7; border-bottom:1px solid #e5e5e5; }
#popup_tuitionInfo .popup_cont table th { color:#333; font-weight:500; padding:15px 0; }
#popup_tuitionInfo .popup_cont table td { border-bottom:1px solid #e5e5e5; padding:10px 0; color:#666; font-size:15px;}

/* 팝업 레이어 - 개인정보취급방침 */
#popup_personal {}

/* 팝업 레이어 - 일반과정 운영규정_220527 */
#popup_normalCurr {}

/* 팝업 레이어 - 수강신청 관련_220603 */
.popup_enrollment {font-family:"Pretendard";}
.popup_enrollment * {font-family:inherit;}
.popup_enrollment .popup_layer_cont2 {width:530px;}
.popup_enrollment .popup_head2 {width:100%; padding:20px 27px 16px;}
.popup_enrollment .popup_cont {padding:30px 27px 40px; text-align:center;}
.popup_enrollment .popup_cont table {margin-bottom:30px; border-collapse:collapse; width:100%; border-top:1px double #828282;}
.popup_enrollment .popup_cont table tr {border-bottom:1px solid #d4d4d4;}
.popup_enrollment .popup_cont table th {height:52px; padding-right:30px; background:#f5f5f5; color:#333; font-size:16px; text-align:right;}
.popup_enrollment .popup_cont table td {height:52px; padding-left:30px; color:#333; font-weight:500; font-size:16px; cursor:default;}
.popup_enrollment .popup_ment_title {color:#333; font-weight:600; font-size:19px;}
.popup_enrollment .popup_ment_paragraph {color:#555; font-weight:500; font-size:17px;}
.popup_enrollment .tr_buttons {padding-top:60px;}
.popup_enrollment .popup_cont .btn_only {margin-right:0;}
	/* 수강신청 기간 아닐 경우 팝업 */
/* #popup_notOpen .popup_layer_cont2 {width:530px;} */
/* #popup_notOpen .popup_head2 {width:100%; padding:20px 27px 16px;} */
	/* 수강신청 확인 팝업 */
#popup_enrollmentCheck .popup_layer_cont2 {width:650px;}
#popup_enrollmentCheck .tr_buttons {padding-top:45px;}

/* location팝업 */
#popup_requestMap .popup_head2 > p.location_title {font-family: 'RobotoCondensed-Bold'; font-size:35px; }
.popup_t_requestMap .popup_t_content .name_number .name { margin-left:37px; text-align:left; }
.popup_t_requestMap .popup_t_content .name_number .number{ margin-top:13px; }
.popup_t_requestMap .popup_t_content .name span{ margin-right:10px; }
.popup_t_requestMap .popup_t_content .number span{ margin-right:10px;}
/* 팝업 레이어 - 모바일 지도좌표전송 */
#popup_requestMap .popup_head2{ width:746px; padding:20px 0 16px 30px; box-sizing: border-box; }
#popup_requestMap .popup_layer_cont2 { position: fixed; margin-left: -393px; margin-top: -361.5px; }
#popup_requestMap .popup_t_requestMap { padding: 12px 30px 30px;}
#popup_requestMap .popup_t_requestMap .popup_t_content{ margin-top:10px; border-top:1px solid #d7d7d7;}
#popup_requestMap .atents_text{line-height: 1.3; margin-top:19px;}
#popup_requestMap .atents_text p{font-size:14.97px; font-weight:400; color:#333;}
#popup_requestMap .atents_text span{font-size:12.97px; color:#666; font-weight:400; }
#popup_requestMap .name_number{background:#f5f5f5; padding:10px; margin-top:18px;}
#popup_requestMap .name_number span{font-size:14.97px; color:#6d6e72; font-weight:400;}
#popup_requestMap .user_check{ padding-top:15px;padding-left:0px; font-size:14px; color:#555;}
#popup_requestMap .location_text_wrap{ padding-top:30px; box-sizing: border-box;}
#popup_requestMap .location_text_wrap ul{margin:22px 0;}
#popup_requestMap .location_text_wrap ul li:first-child{width:293px; margin-left:80px;}
#popup_requestMap .location_text_wrap ul li:first-child p{font-weight:400; color:#333;}
#popup_requestMap .location_text_wrap ul li:nth-child(2){margin:-3px 10px 0 59px;}
#popup_requestMap .location_text_wrap ul li:last-child{width:215px;}
#popup_requestMap .location_text_wrap ul li:nth-child(3) p{font-size:17px; font-family:"Exo2.0-Regular",sans-serif; font-weight:600; color:#333; }
#popup_requestMap .location_text_wrap ul li:nth-child(3) span{font-size:16px; color:#333; font-weight:400;}
#popup_requestMap .location_text_wrap ul li img{float:left; margin-right:7px; margin-top:2px;}
#popup_requestMap .location_text_wrap ul li {float:left; white-space: nowrap; color:#333;}
#popup_requestMap .user_com{ margin-top:12px; }
#popup_requestMap .user_com .click_com { position: relative; cursor: pointer; font-size: 14px;-webkit-user-select: none;-moz-user-select: none; -ms-user-select: none;user-select: none; color:#555; }
#popup_requestMap .user_com .click_com input {position: absolute;opacity: 0; cursor: pointer; height: 0; width: 0;}
#popup_requestMap .user_com .checkmark { position: absolute; top: 2.5px;left: -22px; height: 15px; width: 15px; background-color: #fff; border:1px solid #333;}
#popup_requestMap .user_com .checkmark:after { content: ""; position: absolute; display: none;}
#popup_requestMap .user_com .click_com:hover input ~ .checkmark { background-color: #fff; }
#popup_requestMap .user_com .click_com input:checked ~ .checkmark { background-color: #333; }
#popup_requestMap .user_com .click_com:after { content: ""; position: absolute;display: none;}
#popup_requestMap .user_com .click_com input:checked ~ .checkmark:after {display: block;}
#popup_requestMap .user_com .click_com .checkmark:after { left: 6.2px; top: 0.9px; width: 3px; height: 9px; border: solid white; border-width: 0 1.5px 1.5px 0;-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg); transform: rotate(45deg);}
.popup_t_requestMap .requestMap_txt{text-align:center;}
.popup_t_requestMap .requestMap_txt>.txt1{font-size:15px; color:#787878; line-height:18px;}
.popup_t_requestMap .requestMap_txt>.txt2{font-size:13px; color:#787878; margin: 5px 0 20px; }
.popup_t_requestMap table { width: 100%; border-top: 1px solid #ececec; }
.popup_t_requestMap table th { border-bottom: 1px solid #ececec; background: #f8f8f8; color: #6e6e6e; width: 160px; height: 40px; font-weight: normal; }
.popup_t_requestMap table td { border-bottom: 1px solid #ececec; color: #6e6e6e; padding: 7px 0 7px 15px; }
.popup_t_requestMap table td input { width: 95px; line-height: 23px; height: 23px; border: 1px solid #ececec; padding-left: 10px; }
.popup_t_requestMap table td select { height: 25px; line-height: 25px; }
.popup_t_requestMap table td a { display: inline-block; margin-left: 8px; width: 74px; height: 23px; background: #283444; color: #fff; line-height: 23px; text-align: center; }
.popup_t_requestMap table td input[type=file] { display: none; }
.popup_t_requestMap .tr_buttons { padding-top: 30px; padding-bottom: 10px; text-align: center; }
.popup_t_requestMap .tr_buttons .btn { background: #ea2026; padding: 13px 25px; color: #fff; font-size: 15px; margin-right: 8px; }
.popup_t_requestMap .tr_buttons .btn_clo { background: #242424; padding: 13px 23px; color: #fff; font-size: 15px; cursor: pointer; }

/* 팝업 레이어 */
.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, #atentsroom_popup { position: fixed; left:0; top:0;  width: 100%;  height: 100%;  transform: scale(0); }
#interview_popup.one, #atentsroom_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, #atentsroom_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, #atentsroom_popup .atentsroom_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, #atentsroom_popup .atentsroom_popup_bg .popup_content { display: inline-block;  position:relative;  width:916px; max-height:818px;}
#interview_popup .interview_popup_bg .popup_content .content{ width:808px; overflow-y: scroll; overflow-x: hidden;  padding:30px 22px 19px 30px;  background:#fff;}
#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;}
#interview_popup .interview_popup_bg .popup_content .title, #atentsroom_popup .atentsroom_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; }
 #atentsroom_popup .atentsroom_popup_bg .popup_content .title{ width:100%; border-bottom-color:#d7d7d7; border-bottom-width: 1px; border-bottom-style:solid; }
#interview_popup .interview_popup_bg .popup_content .content img, #atentsroom_popup .atentsroom_popup_bg .popup_content .content img{ width:100%; }
#interview_popup .interview_popup_bg .popup_content .close_btn{ position:absolute;  right:-11px; top:3px; }
#atentsroom_popup .atentsroom_popup_bg .popup_content .close_btn{ position:absolute;  right:-1px; 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;}
#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;}
#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;}

/* 강사 & 학생 포트폴리오 팝업 공통css */
#port_popup,#port_student_popup {position: fixed; left:0; top:0; width: 100%; height: 100%; transform: scale(0); }
.one { transform: scaleY(0.01) scaleX(0); animation: unfoldIn 0.5s cubic-bezier(0.165, 0.85, 0.44, 1) forwards;  z-index: 999999;}
.one.out { transform: scale(1); animation: unfoldOut 0.5s cubic-bezier(0.165, 0.85, 0.44, 1) forwards;}
.port_popup_bg .popup_content .close_btn{position:absolute; right:0px;}
.port_popup_bg {background: rgba(0,0,0,0.7); display:flex; align-items: center; justify-content: center; height: 100%; }
.port_popup_bg .popup_content {display: inline-block; position:relative; width:916px; max-height:818px;}
.port_popup_bg .popup_content h2.title{font-size: 35px; margin:0;font-family: 'RobotoCondensed-Bold'; color:#333; padding:24px 30px 19px 30px; border-bottom-style: solid; border-color: #d7d7d7; border-bottom-width:0.5px; }
.port_popup_bg .popup_content .next_arrow{position:absolute;top:45%; right:-17px; cursor:pointer;}
.port_popup_bg .popup_content .prev_arrow{position:absolute;top:45%; left:-73px; cursor:pointer;}
.port_popup_bg .popup_content .content{ background:#fff; width:860px; }
.port_popup_bg .popup_content .content .line{ padding-bottom:30px;}
.port_popup_bg .popup_content .left_content{ width:290px; height:701px; float:left; background:#fff; position:relative; padding-right:25px; box-sizing:border-box; }
.port_popup_bg .popup_content .left_content .left_title{ background:#444444; font-size:21px; color:#fff;font-family: 'RobotoCondensed-Regular';padding:18px 47px 18px 30px; width:260px; box-sizing:border-box; white-space: nowrap;} 
.port_popup_bg .popup_content .left_content .academy{ font-size:13.98px; color:#666; font-family: 'RobotoCondensed-Regular'; padding:7px 30px 0; }
.port_popup_bg .popup_content .left_content .art_size{ font-size:14.98px; color:#333; font-family: 'Noto Sans KR', NanumGothic, Arial, Helvetica, sans-serif; white-space:nowrap; padding:23px 30px 0; font-weight: 600;}
.port_popup_bg .popup_content .left_content .art_size span{ color:#666; font-weight: 100; vertical-align:text-top; margin-left:21px; }
.port_popup_bg .popup_content .left_content .logo{ position:absolute; bottom:30px; padding:0 0 0 30px;}
.port_popup_bg .popup_content .right_content{ height:700px; padding:0 20px 0 24px; border-top-color:#fff; border-top-width: 1px; border-top-style:solid; 
	overflow-y: scroll; overflow-x: hidden; background:#fff; border-left-color:#d7d7d7; border-left-style:solid; border-left-width:1px; }
.port_popup_bg .popup_content .right_content img{padding-bottom:30px; width:100%;}

/*강사 포트폴리오 팝업*/
#port_popup .port_popup_bg .popup_content .left_content .teacher_art { font-size:29.97px; font-family: 'Noto Sans KR', NanumGothic, Arial, Helvetica, sans-serif; color:#333; font-weight:600; padding:31px 28px 0; }

/* 학생 포트폴리오 팝업 */
#port_popup .port_popup_bg .popup_content .left_content .student_art { font-size:29.97px; font-family: 'Noto Sans KR', NanumGothic, Arial, Helvetica, sans-serif; color:#333; font-weight:600; padding:31px 28px 0; }
#port_popup .port_popup_bg .popup_content .left_content .student_art span{font-size:19.98px; color:#333; font-weight:500; margin-left:5px;}
#port_popup .port_popup_bg .popup_content .left_content .academy_curr{ font-size:13.98px; color:#666; font-family: 'RobotoCondensed-Regular'; padding:0 30px 0; line-height: 14px; }
#port_popup .port_popup_bg .popup_content .left_content .curr_name{padding:28px 30px 0; font-size: 14.98px;color: #333; font-family: 'Noto Sans KR', NanumGothic, Arial, Helvetica, sans-serif; font-weight: 600; }
#port_popup .port_popup_bg .popup_content .left_content .curr_name span{color:#666; font-weight: 400; vertical-align:text-top; margin-left:16px; }
#port_popup .port_popup_bg .popup_content .left_content .teacher_name{padding:18px 30px 0; font-size: 14.98px;color: #333; font-family: 'Noto Sans KR', NanumGothic, Arial, Helvetica, sans-serif; font-weight: 600; }
#port_popup .port_popup_bg .popup_content .left_content .teacher_name span{ color:#666; font-size: 14.98px; font-weight: 100; vertical-align:text-top; margin-left:16px;}

@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:1920px){
    .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:1600px){
    #interview_popup .interview_popup_bg .popup_content, 
    #atentsroom_popup .atentsroom_popup_bg .popup_content{ 
      /*  width:917px;
        max-height:666px;*/
    }
    #interview_popup .interview_popup_bg .popup_content .content{ width:808px; /* max-height:585px;*/ }
    #atentsroom_popup .atentsroom_popup_bg .popup_content .content{ width:862px; max-height: 585px; }
    }
    .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,
    #atentsroom_popup .atentsroom_popup_bg .popup_content{ 
        width:917px; 
        max-height:650px;
    }

    #interview_popup .interview_popup_bg .popup_content .content,
    #atentsroom_popup .atentsroom_popup_bg .popup_content .content{
        width:808px; 
        max-height:540px;
    }
    .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 .left_content{height:424px;}
    .port_popup_bg .popup_content .right_content{height:424px;}

}

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

    #interview_popup .interview_popup_bg .popup_content,
    #atentsroom_popup .atentsroom_popup_bg .popup_content { 
        width:855px; 
        max-height:600px;
    }
    #interview_popup .interview_popup_bg .popup_content .content{
        width:746px; 
        max-height:450px; 
    }
    #atentsroom_popup .atentsroom_popup_bg .popup_content .content{
        width:798px;
        max-height:470px;
    }
    #interview_popup .interview_popup_bg .popup_content .title,
    #atentsroom_popup .atentsroom_popup_bg .popup_content .title{
        width:798px;
    }
    .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 .content .line{width:703px;}
    .port_popup_bg .popup_content .left_content{height:435px;}
    .port_popup_bg .popup_content .right_content{height:435px;}

}

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

    #interview_popup .interview_popup_bg .popup_content,
    #atentsroom_popup .atentsroom_popup_bg .popup_content{ 
        width:601px; 
        max-height:395px;
    }
    #interview_popup .interview_popup_bg .popup_content .content{
        width:492px;
        max-height:265px; 
    }
   #atentsroom_popup .atentsroom_popup_bg .popup_content .content{
         width:542px;
         max-height: 365px;
   }    
    #interview_popup .interview_popup_bg .popup_content .title,
    #atentsroom_popup .atentsroom_popup_bg .popup_content .title{
        width:544px;
    }

    .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 .content .line{width:539px;}
    .port_popup_bg .popup_content .left_content{height:325px;}
    .port_popup_bg .popup_content .right_content{height:325px;}

}