#contents-inner .page_subject {width: 100%; height: 250px; text-align: center; background:#f3ecec; border-bottom: 2px solid #d3d3d3; background:url(/img/department/intro_banner.jpg) no-repeat center;} /* background:url(../img/department/business_departimg.jpg) no-repeat center; */ #contents-inner .page_subject .pageinner {padding:40px;} #contents-inner .page_subject .pageinner span{font-size: 35px; font-weight: bold; letter-spacing: -1px; color: #fff;} #contents-inner .page_subject .pageinner p{font-size: 22px; font-weight: 400; letter-spacing: -1px; padding: 25px; color: #fff;} #contents-inner #majorbox {border: solid #ddd; border-width: 1px 0 0 1px; position: relative; overflow: hidden;} #contents-inner #majorbox .major_list.list_bt {min-height: 60px; width: 25%; border-top: none; height: 60px; text-align: center; padding: 0 12px 0 15px; word-break: normal; word-wrap: normal; } #contents-inner #majorbox .major_list {text-align: left; font-size: 15px; margin: 0; position: relative; float: left; width: 50%; border-top: none; border: solid #ddd; border-width: 0 1px 1px 0;} #contents-inner #majorbox .major_list:hover{background:#5bbec2; cursor: pointer; color:#fff} #contents-inner #majorbox .major_list.on{transition: opacity .8s cubic-bezier(.215,.61,.355,1),transform .3s cubic-bezier(.215,.61,.355,1);background:#5bbec2; transform: scale(1.01); cursor: pointer; color:#fff} /*#contents-inner .depart_description {width: 100%; height: 430px; margin-top: 15px; }*/ #contents-inner .depart_description {width: 100%; height: 430px; margin-top: 15px; } #contents-inner .depart_description .departinner {height: 100%; padding: 20px;} #contents-inner .depart_description .departinner .sec_part1 {border: 1px solid #ddd; float:left; height:357px; width: 100%; margin-top: 30px;} #contents-inner .depart_description .departinner .sec_part1 img {height:100%; width: 100%;} #contents-inner .depart_description .departinner .sec_part2 {border: 1px solid #ddd; float:right; margin-top: 30px; width: 100%; margin-bottom: 3%;} #contents-inner .depart_description .departinner .sec_part2 span {font-size: 25px; font-weight: bold; letter-spacing: -1px;} #contents-inner .depart_description .departinner .sec_part2 p {font-size: 18px; font-weight: 400; letter-spacing: -1px;} #contents-inner .depart_description .departinner .sec_part2 .part2_inner {padding:30px;} #contents-inner .departsub_meun {width: 100%; height: 40px; display: inline-block;} #contents-inner .departsub_meun ul {display: flex; height: 100%; border-bottom: 2px solid #000;} #contents-inner .departsub_meun ul li {width:20%; height:100%; text-align: center; background:#fff; font-size: 18px; font-weight: 500; letter-spacing: -1px; border: 1px solid #ddd; padding-top: 15px; padding-bottom: 0px; color:#767676; border-bottom: 2px solid #000;} #contents-inner .departsub_meun ul li.on {background:#5bbec2; color:#fff; border-bottom: 2px solid #000;} #contents-inner .departsub_meun ul li:hover {transition: opacity .3s cubic-bezier(.215,.61,.355,1),transform .3s cubic-bezier(.215,.61,.355,1);background:#5bbec2; color:#fff; transform: scale(1); cursor: pointer; border-bottom: 2px solid #000;} #contents-inner .depart_section {width: 100%; height: 100%;} #contents-inner .depart_section .depart_section_detail1, .depart_section_detail2, .depart_section_detail3, .depart_section_detail4 {display:none;} #contents-inner .depart_section .depart_section_detail0, .depart_section_detail1, .depart_section_detail2, .depart_section_detail3, .depart_section_detail4 {width: 100%; height: 100%; padding-top: 60px;} #contents-inner .depart_section .depart_section_detail0 .depart_youtube {width: 80%; height: 532px; /* text-align: center; */ padding: 122px; margin-top: -91px; } /* 전학과 공통 소개 */ #contents-inner .depart_section .depart_section_detail0 .depart_desdetail{height: auto !important; padding-left: 5%; padding-right: 5%; border-bottom: 1px solid #ddd;} #contents-inner .depart_section .depart_section_detail0 .depart_desdetail span {font-size: 30px; font-weight: bold;} #contents-inner .depart_section .depart_section_detail0 .depart_desdetail p {font-size: 18px; font-weight: 400;} /* 전학과 학과소개 통짜이미지 */ #contents-inner .depart_section .depart_section_detail0 .depart_goals p {font-size: 25px; text-align: center;} #contents-inner .depart_section .depart_section_detail0 .depart_goals .goals_detail_img {height:100%; width:100%;} /* 공통요소 학과문의 */ #contents-inner .depart_section .depart_section_detail0 .depart_educational_goals5 {width:100%; height:100%; margin-top:20px; } #contents-inner .depart_section .depart_section_detail0 .depart_educational_goals5 ul {} #contents-inner .depart_section .depart_section_detail0 .depart_educational_goals5 h2 {font-size: 30px; margin-top: 25px; margin-bottom: 25px; font-weight: bold; padding-left: 5%;} #contents-inner .depart_section .depart_section_detail0 .depart_educational_goals5 ul li {border: 1px solid #ddd; height:110px;margin-top:10px;} #contents-inner .depart_section .depart_section_detail0 .depart_educational_goals5 ul li span {font-size: 25px; } #contents-inner .depart_section .depart_section_detail0 .depart_educational_goals5 .goals1_div {display: flex; height:100%;} #contents-inner .depart_section .depart_section_detail0 .depart_educational_goals5 .goals2_div {width:20%; height:100%;} #contents-inner .depart_section .depart_section_detail0 .depart_educational_goals5 .goals3_div {width:80%; margin-top:35px; margin-left:10px;} /* 교수소개 */ #contents-inner .depart_section .depart_section_detail1 .pro-list:nth-child(2n+1) {width: 49%; height: 250px; background:url(/img/department/pro-bg.jpg) no-repeat center; margin-top:10px; border: 1px solid #ddd; float:left;} #contents-inner .depart_section .depart_section_detail1 .pro-list:nth-child(2n) {width: 49%; height: 250px; background:url(/img/department/pro-bg.jpg) no-repeat center; margin-top:10px; border: 1px solid #ddd; float:right;} #contents-inner .depart_section .depart_section_detail1 .pro-img-box { float:left; width: 35%; height: 100%;} #contents-inner .depart_section .depart_section_detail1 .pro-img-box .pro-name-box .pro-phone{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} #contents-inner .depart_section .depart_section_detail1 .pro-img-box .probinner {padding-left: 24%; padding-top: 20px;} #contents-inner .depart_section .depart_section_detail1 .pro-introduce {float:right; width: 62%; padding-left: 3%; padding-top: 20px; } #contents-inner .depart_section .depart_section_detail1 .pro-introduce ul li {width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} /* 학과영상 및 학과인터뷰 */ #contents-inner .depart_section_detail3 .department-info-area {padding: 1.25rem 0;} #contents-inner .depart_section_detail3 .department-info-area div > ul li:nth-child(even) {float: right;} #contents-inner .depart_section_detail3 .department-info-area div > ul li {position: relative; float: left; display: inline-block; width: calc(50% - 1.25rem); height: 250px; border: 2px solid #e4e4e4;} #contents-inner .depart_section_detail3 .department-info-area .action .ani_y {opacity: 1; transform: translateY(0); -webkit-transform: translateY(0);} #contents-inner .depart_section_detail3 .department-info-area .delay1 {transition-delay: 0.3s; -webkit-transition-delay: 0.3s;} #contents-inner .depart_section_detail3 .department-info-area .delay2 {transition-delay: 0.6s; -webkit-transition-delay: 0.6s;} #contents-inner .depart_section_detail3 .department-info-area div > ul {margin-top:10px;} #contents-inner .depart_section_detail3 .department-info-area div > ul:after {content: ''; display: block; clear: both;} #contents-inner .depart_section_detail3 .department-info-area div > ul li .link {position: absolute; bottom: 0.5rem; right: 1.75rem; width: 2.875rem; height: 2.875rem; background: url(/img/department/icon_link_arrow.png) center center no-repeat; background-size: contain; text-indent: -5000px;} #contents-inner .depart_section_detail3 .department-info-area div > ul li .img {float: left; width: 50%; height:100%; position: relative; overflow: hidden; padding-bottom: 50%;} #contents-inner .depart_section_detail3 .department-info-area div > ul li .img img {position: absolute; top: 0; left: 0; width: 100%; height:250px; object-fit: cover;} #contents-inner .depart_section_detail3 .department-info-area div > ul li .info {float: left; width: 50%; padding: 0; display: table;} #contents-inner .depart_section_detail3 .department-info-area div > ul li .info > div {display: table-cell; vertical-align: middle; padding: 1rem 2.125rem;} #contents-inner .depart_section_detail3 .department-info-area div > ul li .info > div h2 {font-size: 1.625rem; font-weight: 700; letter-spacing: -1px; max-height: 5rem;} #contents-inner .depart_section_detail3 .department-info-area div > ul li .info > div h2.bt {font-size: 1.3rem;} #contents-inner .depart_section_detail3 .department-info-area div > ul li .info > div p {color: #333; font-size: 1.125rem; margin: 0.8rem 0 0; letter-spacing: -1px; max-height: 9.37rem;} #contents-inner .depart_section_detail3 .department-info-area div > ul li .name {background: url(/img/department/di_name_bg.png) right center no-repeat; background-size: auto 2.875rem;} #contents-inner .depart_section_detail3 .department-info-area div > ul li .name {width: auto; height: 2.875rem; line-height: 2.875rem; font-size: 1.125rem; color: #fff; padding: 0 2rem 0 1.375rem;} #contents-inner .department-info-area div > ul li .name {position: absolute; bottom: 0.5rem; left: -0.6875rem; width: auto; height: 2.875rem; line-height: 2.85rem; font-size: 1.125rem; color: #fff; padding: 0 2rem 0 1.375rem;} #contents-inner .depart_section_detail3 .department-info-area div > ul li .info1{ display: table-cell; vertical-align: middle; padding: 1rem 2.125rem;} #contents-inner .depart_section_detail3 .department-info-area div > ul li .fc_blue {font-size: 1.500rem; font-weight: 700; letter-spacing: -1px; max-height: 7rem; line-height: 1.4; color: #2986e6; display: contents;} #contents-inner .depart_section_detail3 .department-info-area div > ul li h2 {font-size: 1.500rem; font-weight: 700; letter-spacing: -1px; max-height: 7rem; line-height: 1.4;} #contents-inner .depart_section_detail3 .department-info-area div > ul li h2 span {display: block; font-size: 1.000rem; margin-bottom: 0.625rem; color: #000;} #contents-inner .depart_section_detail4 .department-info-area {padding: 1.25rem 0;} #contents-inner .depart_section_detail4 .department-info-area div > ul li:nth-child(even) {float: right;} #contents-inner .depart_section_detail4 .department-info-area div > ul li {position: relative; float: left; display: inline-block; width: calc(50% - 1.25rem); height: 250px; border: 2px solid #e4e4e4;} #contents-inner .depart_section_detail4 .department-info-area .action .ani_y {opacity: 1; transform: translateY(0); -webkit-transform: translateY(0);} #contents-inner .depart_section_detail4 .department-info-area .delay1 {transition-delay: 0.3s; -webkit-transition-delay: 0.3s;} #contents-inner .depart_section_detail4 .department-info-area .delay2 {transition-delay: 0.6s; -webkit-transition-delay: 0.6s;} #contents-inner .depart_section_detail4 .department-info-area div > ul {margin-top:10px;} #contents-inner .depart_section_detail4 .department-info-area div > ul:after {content: ''; display: block; clear: both;} #contents-inner .depart_section_detail4 .department-info-area div > ul li .link {position: absolute; bottom: 0.5rem; right: 1.75rem; width: 2.875rem; height: 2.875rem; background: url(/img/department/icon_link_arrow.png) center center no-repeat; background-size: contain; text-indent: -5000px;} #contents-inner .depart_section_detail4 .department-info-area div > ul li .img {float: left; width: 50%; height:100%; position: relative; overflow: hidden; padding-bottom: 50%;} #contents-inner .depart_section_detail4 .department-info-area div > ul li .img img {position: absolute; top: 0; left: 0; width: 100%; height: 250px; object-fit: cover;} #contents-inner .depart_section_detail4 .department-info-area div > ul li .info {float: left; width: 50%; padding: 0; display: table;} #contents-inner .depart_section_detail4 .department-info-area div > ul li .info > div {display: table-cell; vertical-align: middle; padding: 1rem 2.125rem;} #contents-inner .depart_section_detail4 .department-info-area div > ul li .info > div h2 {font-size: 1.625rem; font-weight: 700; letter-spacing: -1px; max-height: 5rem;} #contents-inner .depart_section_detail4 .department-info-area div > ul li .info > div p {color: #333; font-size: 1.125rem; margin: 0.8rem 0 0; letter-spacing: -1px; max-height: 9.37rem;} #contents-inner .depart_section_detail4 .department-info-area div > ul li .name {background: url(/img/department/di_name_bg.png) right center no-repeat; background-size: auto 2.875rem;} #contents-inner .department-info-area div > ul li .name {position: absolute; bottom: 0.5rem; left: -0.6875rem; width: auto; height: 2.875rem; line-height: 2.875rem; font-size: 1.125rem; color: #fff; padding: 0 2rem 0 1.375rem;} #contents-inner .depart_section_detail4 .department-info-area div > ul li .name {width: auto; height: 2.875rem; line-height: 2.875rem; font-size: 1.125rem; color: #fff; padding: 0 2rem 0 1.375rem;} /* sns공유 버튼 및 팝업 */ .snsshare {transition:0.4s; position:absolute; top:38px; right:65px; padding:2px 15px; background-color:orange; border-radius:9px; z-index:999; color:white; font-weight:500; font-size:20px; cursor:pointer;} .snsshare:hover {filter: brightness(0.9);} .snssharepop {transition:0.4s; position:absolute; right:0; top:75px; display:flex; opacity:0; z-index:-1; background:#00000087; padding:10px; border:1px solid gray;} .snssharepop >a {transition:0.4s; display:flex; justify-content:center; align-items:center; border-radius:100px; margin:5px; width:35px; height:35px; font-size: 20px; color:white; font-weight:bold; cursor:pointer; background-color:brown;} .snssharepop >a >img {width:100%;} .snssharepop >a:hover {filter: brightness(0.8);} /* modal 팝업레이어 */ .modal-layer-area {display: none; max-height: 100%; max-width: 1200px; position: relative; margin: 0 auto; z-index: 100; padding: 0 5rem;} .modal-layer-area button.b-close.modal-close {position: fixed; margin-top: 140px; top:0; right: 0; margin-right:250px; width: 4.375rem; height: 4.375rem; background: url(/img/department/icon_modal_close_n.png) center center no-repeat; background-size: contain; z-index: 10;} .modal-layer-area button.b-close.modal-close:hover {opacity: 0.7;} .modal-layer-area.department-info .modal-content {text-align: left;} .modal-layer-area .modal-content {background: #fff; padding: 2.125rem; width: 95%; height: 50rem; position: relative; text-align: center; margin: 0 auto; box-shadow: 0px 1px 5px rgb(0 0 0 / 20%); overflow-y: auto; top : 200px;} .modal-layer-area.department-info .OneTwolayer {display:flex; flex-wrap:wrap;} .modal-layer-area.department-info .OneTwolayer >div {display:flex; flex-wrap:wrap; align-content:center; padding:10px; box-sizing:border-box;} .modal-layer-area.department-info .OneTwolayer >div:nth-of-type(1) {width:40%; align-content:center; justify-content:center;} .modal-layer-area.department-info .OneTwolayer >div:nth-of-type(2) {width:60%;} .modal-layer-area.department-info .OneTwolayer >div >img {width:400px; height:max-content;} .modal-layer-area.department-info .viewBox h2 {position: relative; padding: 0.9375rem 0px 0px; clear: both; margin-bottom: 1.563rem; font-size: 1.75rem; color: rgb(53, 54, 54); font-weight: 400; line-height: 140%;} .modal-layer-area.department-info .viewBox {padding: 3rem 2.188rem 3.125rem; min-height: 25rem; border: 1px solid #e3e3e3; font-size: 1.125rem; line-height: 160%;} .modal-layer-area.department-info .viewBox p {font-size: 1.125rem; line-height: 160%; margin-bottom: 1.875rem; color: #686868;} ::-webkit-scrollbar {width: 6px; height: 6px; padding-top: 30px;} ::-webkit-scrollbar-thumb {background: #00ff0000; height: 40px !important;} ::-webkit-scrollbar-track {background: #00ff0000;} /* modal 팝업레이어 p15*/ .modal-layer-area.p15 {max-height: 100%; width: 100%; height: 100%; min-height: auto; overflow-y: auto;} .modal-layer-area.p15 .modal-content {height: auto;} .modal-layer-area.p15 .modal-content .viewBox {height: auto; min-height: auto; padding: -1;} .modal-layer-area.p15 .modal-content .viewBox p {position: relative; width: 100%; height: 0; margin: 0; overflow: hidden; padding-bottom: 53.26%;} .modal-layer-area.p15 .modal-content .viewBox p iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;} /* modal 팝업레이어 p14*/ .modal-layer-area.p14 {max-height: 100%; width: 100%; height: 100%; min-height: auto; overflow-y: auto;} .modal-layer-area.p14 .modal-content {height: auto;} .modal-layer-area.p14 .modal-content .viewBox {height: auto; min-height: auto; padding: -1;} .modal-layer-area.p14 .modal-content .viewBox p {position: relative; width: 100%; height: 0; margin: 0; overflow: hidden; padding-bottom: 53.26%;} .modal-layer-area.p14 .modal-content .viewBox p iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;} /* modal 팝업레이어 p13*/ .modal-layer-area.p13 {max-height: 100%; width: 100%; height: 100%; min-height: auto; overflow-y: auto;} .modal-layer-area.p13 .modal-content {height: auto;} .modal-layer-area.p13 .modal-content .viewBox {height: auto; min-height: auto; padding: -1;} .modal-layer-area.p13 .modal-content .viewBox p {position: relative; width: 100%; height: 0; margin: 0; overflow: hidden; padding-bottom: 53.26%;} .modal-layer-area.p13 .modal-content .viewBox p iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;} /* modal 팝업레이어 p12*/ .modal-layer-area.p12 {max-height: 100%; width: 100%; height: 100%; min-height: auto; overflow-y: auto;} .modal-layer-area.p12 .modal-content {height: auto;} .modal-layer-area.p12 .modal-content .viewBox {height: auto; min-height: auto; padding: -1;} .modal-layer-area.p12 .modal-content .viewBox p {position: relative; width: 100%; height: 0; margin: 0; overflow: hidden; padding-bottom: 53.26%;} .modal-layer-area.p12 .modal-content .viewBox p iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;} /* modal 팝업레이어 p11*/ .modal-layer-area.p11 {max-height: 100%; width: 100%; height: 100%; min-height: auto; overflow-y: auto;} .modal-layer-area.p11 .modal-content {height: auto;} .modal-layer-area.p11 .modal-content .viewBox {height: auto; min-height: auto; padding: -1;} .modal-layer-area.p11 .modal-content .viewBox p {position: relative; width: 100%; height: 0; margin: 0; overflow: hidden; padding-bottom: 53.26%;} .modal-layer-area.p11 .modal-content .viewBox p iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;} /* modal 팝업레이어 p10*/ .modal-layer-area.p10 {max-height: 100%; width: 100%; height: 100%; min-height: auto;} .modal-layer-area.p10 .modal-content {height: auto;} .modal-layer-area.p10 .modal-content .viewBox {height: auto; min-height: auto; padding: -1; } .modal-layer-area.p10 .modal-content .viewBox p {position: relative; width: 100%; height: 0; margin: 0; overflow: hidden; padding-bottom: 56.26%;} .modal-layer-area.department-info .viewBox .txt1 b {font-size: 1.875rem; color: rgb(53, 54, 54); line-height: 2.5rem;} .modal-layer-area.p10 .modal-content .viewBox p iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;} /* modal 팝업레이어 p0*/ .modal-layer-area.p0 {max-height: 100%; width: 100%; height: 100%; min-height: auto; overflow-y: auto;} .modal-layer-area.p0 .modal-content {height: auto;} .modal-layer-area.p0 .modal-content .viewBox {height: auto; min-height: auto; padding: -1;} .modal-layer-area.p0 .modal-content .viewBox p {position: relative; width: 100%; height: 0; margin: 0; overflow: hidden; padding-bottom: 53.26%;} .modal-layer-area.p0 .modal-content .viewBox p iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;} /* modal 팝업레이어 p1*/ .modal-layer-area.p1 {max-height: 100%; width: 100%; height: 100%; min-height: auto; overflow-y: auto;} .modal-layer-area.p1 .modal-content {height: auto;} .modal-layer-area.p1 .modal-content .viewBox {height: auto; min-height: auto; padding: -1;} .modal-layer-area.p1 .modal-content .viewBox p {position: relative; width: 100%; height: 0; margin: 0; overflow: hidden; padding-bottom: 53.26%;} .modal-layer-area.p1 .modal-content .viewBox p iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;} /* modal 팝업레이어 p2*/ .modal-layer-area.p2 {max-height: 100%; width: 100%; height: 100%; min-height: auto; overflow-y: auto;} .modal-layer-area.p2 .modal-content {height: auto;} .modal-layer-area.p2 .modal-content .viewBox {height: auto; min-height: auto; padding: -1;} .modal-layer-area.p2 .modal-content .viewBox p {position: relative; display: contents; width: 100%; height: 0; margin: 0; overflow: hidden; padding-bottom: 23.26%;} .modal-layer-area.p2 .modal-content .viewBox p iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;} /* modal 팝업레이어 p3*/ .modal-layer-area.p3 {max-height: 100%; width: 100%; height: 100%; min-height: auto; overflow-y: auto;} .modal-layer-area.p3 .modal-content {height: auto;} .modal-layer-area.p3 .modal-content .viewBox {height: auto; min-height: auto; padding: -1;} .modal-layer-area.p3 .modal-content .viewBox p {position: relative; display: contents; width: 100%; height: 0; margin: 0; overflow: hidden; padding-bottom: 23.26%;} .modal-layer-area.p3 .modal-content .viewBox p iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;} /* modal 팝업레이어 p4*/ .modal-layer-area.p4 {max-height: 100%; width: 100%; height: 100%; min-height: auto; overflow-y: auto;} .modal-layer-area.p4 .modal-content {height: auto;} .modal-layer-area.p4 .modal-content .viewBox {height: auto; min-height: auto; padding: -1;} .modal-layer-area.p4 .modal-content .viewBox p {position: relative; display: contents; width: 100%; height: 0; margin: 0; overflow: hidden; padding-bottom: 23.26%;} .modal-layer-area.p4 .modal-content .viewBox p iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;} /* modal 팝업레이어 p5*/ .modal-layer-area.p5 {max-height: 100%; width: 100%; height: 100%; min-height: auto; overflow-y: auto;} .modal-layer-area.p5 .modal-content {height: auto;} .modal-layer-area.p5 .modal-content .viewBox {height: auto; min-height: auto; padding: -1;} .modal-layer-area.p5 .modal-content .viewBox p {position: relative; display: contents; width: 100%; height: 0; margin: 0; overflow: hidden; padding-bottom: 23.26%;} .modal-layer-area.p5 .modal-content .viewBox p iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;} /* modal 팝업레이어 p6*/ .modal-layer-area.p6 {max-height: 100%; width: 100%; height: 100%; min-height: auto; overflow-y: auto;} .modal-layer-area.p6 .modal-content {height: auto;} .modal-layer-area.p6 .modal-content .viewBox {height: auto; min-height: auto; padding: -1;} .modal-layer-area.p6 .modal-content .viewBox p {position: relative; display: contents; width: 100%; height: 0; margin: 0; overflow: hidden; padding-bottom: 23.26%;} .modal-layer-area.p6 .modal-content .viewBox p iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;} /* modal 팝업레이어 p7*/ .modal-layer-area.p7 {max-height: 100%; width: 100%; height: 100%; min-height: auto; overflow-y: auto;} .modal-layer-area.p7 .modal-content {height: auto;} .modal-layer-area.p7 .modal-content .viewBox {height: auto; min-height: auto; padding: -1;} .modal-layer-area.p7 .modal-content .viewBox p {position: relative; display: contents; width: 100%; height: 0; margin: 0; overflow: hidden; padding-bottom: 23.26%;} .modal-layer-area.p7 .modal-content .viewBox p iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;} .modal-layer-area.department-info .highlight { border: 1px solid rgb(188, 199, 226); background-color: rgb(255, 255, 255); padding: 1.25rem 1.25rem 1.25rem 1.875rem; margin-bottom: 2.188rem; box-shadow: rgb(0 0 0 / 26%) 1px 7px 16px -2px; } /*스타일 추가 예림*/ .modal-layer-area.department-info .highlight2 { display: flex; justify-content: space-between; align-items: center; border: 1px solid rgb(223 223 223); background-color: rgb(255, 255, 255); padding: 1.25rem 1.25rem 1.25rem 1.875rem; box-shadow: rgb(0 0 0 / 12%) 4px 6px 4px 0px; } .modal-layer-area.department-info .highlight2 .depart_pop_img{width: 50%; margin-left: 2%; min-width: 226px;} .modal-layer-area.department-info .viewBox.box1 .highlight p.txt1 b { color: rgb(82, 103, 150); } .modal-layer-area.department-info .viewBox.box2 .highlight p.txt1 b { color: rgb(82, 103, 150); } .modal-layer-area.department-info .viewBox.box3 .highlight p.txt1 b { color: rgb(82, 103, 150); } .modal-layer-area.department-info .viewBox .highlight { position: relative; } .modal-layer-area.department-info .viewBox .img1 {float:right; padding-right: 5%;} .modal-layer-area.department-info .viewBox .highlight img { width: auto; max-height: 180px; margin: 0px 0px 1rem 1rem; } .modal-layer-area.department-info .viewBox .img1 img { width: 21.88rem; margin-left: 2.125rem; } .modal-layer-area.department-info .viewBox .img2 {float:right; padding-right: 1%; padding-top: 6%;} .modal-layer-area.department-info .viewBox .img2 img { width: 15rem; margin-left: 2rem; } /*신규 모달레이어 시작*/ .modal-content {z-index:9999999 !important; position: fixed !important; width:70% !important; height: 85% !important; top: 5% !important; left: 12.5% !important;} .modal-layer-area {z-index:9999999 !important;} .__b-popup1__ {z-index:9999999 !important;} .b-close.modal-close {z-index:10000000 !important; margin:20px !important;} /*신규 모달레이어 끝*/ /* 반응형 */ @media (max-width: 1550px){ #contents-inner .depart_section .depart_section_detail0 .depart_educational_goals4 .goals4_detail .goals4_detail_button {margin-left: 0rem; display:block; } #contents-inner .depart_section .depart_section_detail0 .depart_educational_goals4 .goals4_detail {height: 320px;} } @media (max-width: 1450px){ #contents-inner .depart_description .departinner {border: 0px solid #ddd;} #contents-inner .depart_section_detail4 .department-info-area div > ul li .info > div h2 {font-size: 1.325rem;} #contents-inner .depart_section .depart_section_detail0 .depart_desdetail {margin-top: 50px;} #contents-inner .depart_section .depart_section_detail1 .pro-list:nth-child(2n+1) {width: 100%; float:none;} #contents-inner .depart_section .depart_section_detail1 .pro-list:nth-child(2n) {width: 100%; float:none;} #contents-inner .depart_section .depart_section_detail1 .pro-introduce {width: 62%;} #contents-inner .depart_section_detail3 .department-info-area div > ul li {width: calc(100% - 1.25rem); margin-top:10px;} #contents-inner .depart_section_detail3 .department-info-area div > ul li:nth-child(even) {float: none;} #contents-inner .depart_section_detail4 .department-info-area div > ul li {width: calc(100% - 1.25rem); margin-top:10px;} #contents-inner .depart_section_detail4 .department-info-area div > ul li:nth-child(even) {float: none;} #contents-inner .depart_section_detail3 .department-info-area div > ul li p {font-size: 0.900rem;} .modal-layer-area.department-info .OneTwolayer >div {width:50% !important;} } @media (max-width: 1200px){ #contents-inner #majorbox .major_list.list_bt {width: calc(50%);} #contents-inner .depart_section .depart_section_detail0 .depart_desdetail {height: 250px;} #contents-inner .depart_section .depart_section_detail1, .depart_section_detail2, .depart_section_detail3, .depart_section_detail4 {margin-top:5%;} #contents-inner .departsub_meun ul {display: block;} #contents-inner .departsub_meun ul li {width: 100%;} .modal-layer-area.department-info .OneTwolayer >div {width:100% !important;} } @media (max-width: 1024px) { .modal-layer-area.department-info .viewBox .autoResizeImg {width:100% !important;} } @media (max-width: 750px) { .modal-layer-area.department-info .highlight2 {flex-wrap: wrap;} } @media (max-width: 640px) { #contents-inner .depart_section .depart_section_detail0 .depart_youtube {padding: 0px;} #contents-inner .depart_section .depart_section_detail0 .depart_youtube {width: 100%; height: 320px; text-align: center; margin-top:5%;} #contents-inner .depart_section_detail3 .department-info-area div > ul li .info > div h2 {font-size: 1.425rem;} .modal-layer-area button.b-close.modal-close {position: fixed; top: 6px; right: 0px; width: 2.6rem; height: 2.6rem;} .modal-layer-area.department-info .viewBox .img2 {width:100%;} } @media (max-width: 530px){ #contents-inner .depart_description {margin-top: 25px;} #contents-inner .depart_menu .dmenu_line li {font-size:13px; height: 30px;} #contents-inner .depart_section .depart_section_detail0 .depart_youtube {margin-top:5%;} } @media (max-width: 450px){ #contents-inner .depart_menu .dmenu_line li {font-size:11px;} #contents-inner .depart_section_detail3 .department-info-area div > ul li .info > div h2 {font-size: 1.325rem;} #contents-inner .depart_section_detail3 .department-info-area div > ul li .info > div p {font-size: 1.025rem;} #contents-inner .depart_section_detail4 .department-info-area div > ul li .info > div h2 {font-size: 1.25rem;} #contents-inner .depart_section_detail4 .department-info-area div > ul li .info > div p {font-size: 1.025rem;} #contents-inner .depart_section .depart_section_detail0 .depart_desdetail p {font-size: 16px;} #contents-inner .depart_section .depart_section_detail0 .depart_desdetail span {font-size: 25px;} .modal-layer-area.department-info .highlight2 .depart_pop_img{margin-left: 0; min-width: 141px;} }