/* 테이블 */ table{border-collapse: collapse; border-top: 2px solid #111; box-sizing: border-box; text-align: center; width: 100%; font-size: 16px;} table th{padding: 23px 0px;} table td{padding: 23px 0; border: 1px solid #e4e4e4;} /* 검색 기능 */ .area_info{display: flex; justify-content: space-between; border-bottom: 2px solid #111; box-sizing: border-box; align-items: flex-end; padding: 0px 0 15px 30px;} .area_info p{font-size: 16px;} .area_info p span{font-weight: bold;} .area_info .search{width: 260px; height: 40px; border: 1px solid #3e3e3e; border-radius: 40px;; position: relative;} .area_info .search input{width: 100%; height: 100%; padding: 0 50px 0 25px; box-sizing: border-box; border-radius: 40px; border: none; font-family: 'Noto Sans KR', sans-serif} .area_info .search input::placeholder{font-size: 13px; color: #b4b4b4;} .area_info .search input:focus{outline: none;} .area_info .search button{width: 23px; height: 21px; background: url(../img/icon_search.png) no-repeat; font-size: 0; border: none; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); cursor: pointer;} /* 검색 페이징 */ .paging{display: flex; justify-content: center; align-items:center; margin: 50px 0 0 0;} .paging span a{font-size: 16px; font-weight: 500; cursor: pointer; color: #b4b4b4; margin: 0 10px; padding: 5px 10px;} .paging span.atv a{color: #111;} .paging span[class ^= "paging_"]{width: 35px; height: 35px; border: 1px solid #3e3e3e; box-sizing: border-box; display: block; border-radius: 35px; margin: 0 10px 0 0;} .paging span[class ^= "paging_"]::before{content: ''; width: 11px; height: 12px; display: block; background: url(../img/icon_paging.png) no-repeat; margin: auto; position: relative; top: 50%; transform: translateY(-50%);} .paging span[class ^= "paging_"] a{font-size: 0; display: block; margin: 0; width: 35px; height: 35px; position: relative; top: -13px; left: 0px; padding: 0px; border-radius: 35px;} .paging span.paging_prev{margin: 0px;} .paging span.paging_page_last{margin: 0;} .paging span.paging_page_first::before{transform: scaleX(-1) translateY(-50%);} .paging span.paging_prev::before{transform: scaleX(-1) translateY(-50%); background-position: 1px bottom;} .paging span.paging_next::before{background-position: 1px bottom;} .paging span.paging_prev{margin: 0 20px 0 0px;} .paging span.paging_next{margin: 0 10px 0 20px;} /* 리스트 */ .list_wrap{width: 100%;} .list_cont li{display: flex; align-items:center; justify-content: space-between; padding: 17px 30px; border-bottom: 1px solid #ededed; box-sizing: border-box; font-size: 16px; font-weight: 600;} .list_cont li>div{display: flex; align-items: center; width: 80%;} .list_cont li a{display: block; width: 100%;} .list_cont li .color_blue{border: 1px solid #0692ef;} .list_cont li .color_green{border: 1px solid #19b053;} .list_cont li .color_purple{border: 1px solid #871ada;} .list_cont li .color_black{border: 1px solid #111;} .list_cont li .color_gray{border: 1px solid #8f8f8f;} /* 탭 */ .tab_wrap .tab{display: flex; font-size: 20px; justify-content: center; border-bottom: 1px solid #d7d7d7; padding: 0 0 35px 0; box-sizing: border-box;} .tab_wrap .tab li{margin: 0 40px;} .tab_wrap .tab li a{position: relative; color: #b4b4b4; font-size: 20px; font-family: 'Noto Sans KR', sans-serif; background-color: transparent; border: none; cursor: pointer;} .tab_wrap .tab li.active a{color: #111;} .tab_wrap .tab li.active a::after{content: ''; width: 100%; height: 2px; background-color: #111; position: absolute; bottom: -36px; left: 0;} .tab_wrap .tab_cont{margin: 50px 0 0 0;} [id^="tab_content"]{display: none;} [id^="tab_content"].active{display: block;} /* 탭으로 변경된 게시판 기본 */ #wrap.sub.story #sec02 .sec02_cont01_middle>h4{font-size: 35px;} #wrap.sub.story #sec02 .sec02_cont01_middle>h5{font-size: 28px;} #wrap.sub.story #sec02 .sec02_cont01_middle p{font-size: 16px; margin: 0 0 20px 0;} /* sub_top 공통 */ #wrap.sub #sec01.sub_story_top{width: 100%; height: 340px; background: url(../img/sub_img01.jpg) no-repeat; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; align-content: flex-end; padding: 0 0 100px 0; box-sizing: border-box; background-position: center; position: relative; z-index: -1; background-size: cover;} #wrap.sub #sec01.sub_story_top::after{content: ''; width: 100%; height: 340px; background: linear-gradient( to top, rgb(0 0 0 / 90%) 10%, transparent 150%); position: absolute; top: 0px; z-index: -1;} #wrap.sub #sec01.sub_story_top .tit_txt{color: #fff; margin: 0 0 5px 0;} #wrap.sub #sec01.sub_story_top .sub_txt{width: 100%; color: #fff; font-size: 20px; font-weight: 400; font-family: "sofia-pro", sans-serif; } /* sub_cont 공통 */ #wrap.sub .sub_story_cont{padding: 120px 0; box-sizing: border-box;} /* cont_wrap */ .cont_wrap_gray{background-color: #f6f6f6; padding: 70px 0; box-sizing: border-box; margin: 70px 0 0 0;} /* .cont_wrap_gray .cont_wrap{margin: 0 !important;} */ .cont_wrap{display: flex; justify-content: space-between; margin: 70px 0;} .cont_wrap .cont_wrap_tit{width: 20%;} .cont_wrap .cont_wrap_tit span{font-size: 20px; display: block; position: relative; left: 5px;} .cont_wrap .cont_wrap_tit span::after{content: ''; width: 28px; height: 5px; background-color: #111; display: block; margin: 10px 0 0 0; position: relative; left: -3px;} .cont_wrap .cont_wrap_tit b{font-size: 30px; line-height: 35px; font-weight: 500; display: block; margin: 15px 0 0 0;} .cont_wrap .cont_wrap_box{width: 100%; margin: 65px 0 0 200px;} /* 브랜드 커뮤니케이션 추가 2025.07.01 */ .brand_communication .sec02_cont01 > .layout:first-child .cont_wrap .cont_wrap_box {margin: 65px 0 0 130px;} /* 스토리 */ #wrap.sub.story .sub_story_cont{padding: 110px 0; box-sizing: border-box;} #wrap.sub.story .day{font-weight: 500;} /* 스토리 개별 */ #wrap.sub.story01_01 #sec02.sub_story_cont .sec02_cont01{display: block; margin: 0;} #wrap.sub.story01_01 #sec02.sub_story_cont .sec02_cont01_top{border-top: 2px solid #111; border-bottom: 1px solid #e4e4e4; box-sizing: border-box; padding: 40px 120px; text-align: center;} #wrap.sub.story01_01 #sec02.sub_story_cont .sec02_cont01 [class ^= "color_"]{margin: 0 auto 30px; display: block;} #wrap.sub.story01_01 #sec02.sub_story_cont .notice_tit{font-size: 20px; font-weight: 500;} #wrap.sub.story01_01 #sec02.sub_story_cont .day{margin: 10px 0 0 0; display: block;} #wrap.sub.story01_01 #sec02.sub_story_cont .sec02_cont01_middle{padding: 65px 120px 70px 120px; box-sizing: border-box; border-bottom: 1px solid #e4e4e4;} #wrap.sub.story01_01 #sec02.sub_story_cont .sec02_cont01_middle p img{max-width: 100% !important; margin: auto; display: block;} #wrap.sub.story01_01 #sec02.sub_story_cont .sec02_cont01_middle_box{width: 90%; height: 500px; background-color: #f6f6f6; margin: 35px auto 0;} #wrap.sub.story01_01 #sec02.sub_story_cont .sec02_cont01_bottom{padding: 40px 120px; box-sizing: border-box; border-bottom: 2px solid #111;} #wrap.sub.story01_01 #sec02.sub_story_cont .sec02_cont01::after{content: ''; clear: both; display: block;} #wrap.sub.story01_01 #sec02.sub_story_cont .sec02_cont01_bottom>div{margin: 0 0 10px 0;} #wrap.sub.story01_01 #sec02.sub_story_cont .sec02_cont01_bottom>div:last-of-type{margin: 0;} .download{display: block; font-size: 16px; font-weight: 500; position: relative; padding: 0 0 0 35px; box-sizing: border-box; width: 100%; height: 25px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} #wrap.sub.story01_01 #sec02.sub_story_cont .btn_black{font-size: 16px; width: 140px; height: 50px; margin: 40px 0 0 0; border-radius: 50px; display: block; text-align: center; line-height: 50px; float: right;} #wrap.sub.story01_01 .color_black{border: 1px solid #111;} #wrap.sub.story01_01 .color_purple{border: 1px solid #871ada;} #wrap.sub.story01_01 .color_blue{border: 1px solid #0692ef;} #wrap.sub.story01_01 .color_gray{border: 1px solid #8f8f8f;} #wrap.sub.story01_01 .color_green{border: 1px solid #19b053;} /* 자료실 */ #wrap.sub.story03 .list_cont li a{display: block;} /* 학사안내 */ #wrap.sub.academics #sec01{background: url(../img/sub_img02.jpg) no-repeat; background-position: center top -30px; background-size: cover;} .sec02_box_gray{background-color: #f6f6f6;} #wrap.sub.academics02 #sec02 .cont_wrap_box .table_wrap{margin: 50px 0 0 0;} #wrap.sub.academics{font-family: 'Noto Sans KR', sans-serif; } #wrap.sub.academics #sec02 .tit_txt{color: #111; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; line-height: 130%;} #wrap.sub.academics #sec02 .sub_txt{color: #111; font-size: 16px; margin: 35px 0 0 0;} #wrap.sub.academics02 .academics02_tab{display: flex; justify-content: center; padding: 0 0 35px 0; border-bottom: 1px solid #d7d7d7; box-sizing: border-box; margin: 0 0 50px 0;} #wrap.sub.academics02 .academics02_tab li{font-size: 20px; margin: 0 40px; position: relative;} #wrap.sub.academics02 .academics02_tab li:first-of-type::after{content: ''; width: 100%; height: 2px; background-color: #111; position: absolute; bottom: -36px; left: 0;} #wrap.sub.academics02 .academics02_tab li a{color: #b4b4b4;} /* #wrap.sub.academics02 #tab_content2 .sec02_cont01 >.layout:last-of-type .cont_wrap:first-of-type .list{margin: 0 0 20px 0 !important;} */ #wrap.sub.academics02 #tab_content2 .sec02_cont01 >.layout:last-of-type .cont_wrap .cont_wrap_box ul{margin: 0 0 20px 0;} #wrap.sub.academics02 #tab_content2 .sec02_cont01 >.layout:last-of-type .cont_wrap .cont_wrap_box ul li .list:first-of-type{margin: 10px 0 0 0 !important;} .beige_table tr{border-top: 1px solid #111; box-sizing: border-box;} .beige_table th{background-color: #f6f6f6; border-right: 1px solid #ededed; box-sizing: border-box; font-weight: 500;} .beige_table th:last-of-type{border-right: none;} .beige_table td{border-right: 1px solid #ededed; border-bottom: 1px solid #ededed; box-sizing: border-box;} .beige_table tr:nth-of-type(2) td:last-of-type{border-right: none;} .white_table{margin: 15px 0 0 0;} .white_table th{background-color: #fff; border-bottom: 1px solid #111; box-sizing: border-box; border-right: 1px solid #b0b0b0; font-weight: 500;} .white_table th:last-of-type{border-right: none;} .white_table td{border: 1px solid #b0b0b0; } .white_table td:first-of-type{border-left: none;} .white_table td:last-of-type{border-right: none; text-align: left; padding: 23px;} #wrap.sub.academics .btn_box{display: flex; margin: 115px 0 0 0; justify-content: center;} #wrap.sub.academics .btn_white{width: 200px; height: 50px; border-radius: 50px; display: block; text-align: center; font-size: 16px; border: 1px solid #111; line-height: 48px;} #wrap.sub.academics .btn_black{width: 200px; height: 50px; border-radius: 50px; display: block; text-align: center; font-size: 16px; line-height: 48px; margin: 0 0 0 40px;} /* faq */ #wrap.sub.faq .sub_story_cont{padding: 100px 0; box-sizing: border-box;} #wrap.sub.faq .list_cont{border-bottom: 2px solid #111;} #wrap.sub.faq li{font-size: 16px; justify-content: flex-start; cursor: pointer; position: relative;} #wrap.sub.faq .list_cont li.que:last-of-type{border-bottom: none;} #wrap.sub.faq .list_cont li.anw ul li{border-bottom: none; padding: 12px 0;} #wrap.sub.faq .que p{width: 80%;} #wrap.sub.faq .anw{display: none; background-color: #f6f6f6; box-sizing: border-box; padding: 17px 0 17px 110px;} #wrap.sub.faq .que::before{content: 'Q.'; margin: 0 60px 0 0; font-family: "sofia-pro", sans-serif; font-size: 20px;} #wrap.sub.faq .anw::before{content: 'A.'; font-family: "sofia-pro", sans-serif; font-size: 20px; position: absolute; top: 17px; left: 30px;} #wrap.sub.faq .que::after{content: ''; width: 26px; height: 26px; background: url(../img/icon_arrow.png) no-repeat; background-position: -35px 0px; position: absolute; right: 30px;} #wrap.sub.faq .que.atv::after{background-position: -35px -28px;} /* 학과소식 */ #wrap.sub.story02 .list_cont li{justify-content: flex-start;} #wrap.sub.story02 .list_cont .img_box{max-width: 234px; height: 156px; overflow: hidden; display: block;} #wrap.sub.story02 .list_cont .img_box img{max-width: 234px; min-height: 156px; position: relative; top: 0; left: 50%; transform: translateX(-50%);} #wrap.sub.story02 .list_cont li>div.txt_box{display: flex; flex-wrap: wrap; align-content: space-between; height: 150px; margin: 0 0 0 40px;} #wrap.sub.story02 .list_cont li>div.txt_box>div{width: 100%;} #wrap.sub.story02 .list_cont li>div.txt_box a{font-size: 20px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis;} #wrap.sub.story02 .list_cont li>div.txt_box p{width: 80%; font-size: 16px; margin: 15px 0 0 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; font-weight: 400;} #wrap.sub.story02 .list_cont li>div.txt_box .day{width: 100%; margin: 0;} /* 대학원소개 */ #wrap.sub.about01 .sub_story_cont{padding: 0;} #wrap.sub.about01 #sec02{width: 100%; padding: 120px 0 250px 0; background: url(../img/sub_img04.jpg) no-repeat; background-size: cover; background-position: center; position: relative; color: #fff;} #wrap.sub.about01 #sec02::before{content: ''; width: 2px; height: 100px; background: linear-gradient(to top, #fff 30%, rgba(255, 255, 255, 0.5) 50%, transparent 100%); position: absolute; bottom: 70px; left: 50%; transform: translateX(-50%); animation: aniBar 15s infinite ease-out;} #wrap.sub.about01 #sec02::after{content: ''; width: 8px; height: 8px; border-radius: 8px; background-color: #fff; position: absolute; bottom: 70px; left: 50%; transform: translateX(-50%); animation: aniDot 15s infinite ease-out;} @keyframes aniDot{0%{bottom: 150px;} 10%{bottom: 70px;}} @keyframes aniBar{0%{bottom: 150px; height: 0;} 10%{bottom: 70px; height: 100px;}} #wrap.sub.about01 #sec02 .tit_txt{margin: 0;} #wrap.sub.about01 #sec02 .sub_txt{margin: 10px 0 0 0; font-size: 18px;} #wrap.sub.about01 .sub_story_cont .cont_wrap_gray:last-of-type, #wrap.sub.about02 .sub_story_cont .cont_wrap_gray:last-of-type{padding: 70px 0 150px 0; box-sizing: border-box;} #wrap.sub.about01 .cont_wrap_box p.txt{font-size: 20px; font-weight: 500;} #wrap.sub.about01 .pc_about_img01, #wrap.sub.about01 .pc_about_img02{display: block;} #wrap.sub.about01 .m_about_img01, #wrap.sub.about01 .m_about_img02{display: none;} #wrap.sub.about .sub_story_cont .cont_wrap_gray:first-of-type{margin: 0;} #wrap.sub.about #sec01.sub_story_top{background: url(../img/sub_img03.jpg) no-repeat; background-position: center center; background-size: cover;} #wrap.sub.about #sec02 p{text-align: center; font-size: 18px; margin: 55px 0 0 0;} #wrap.sub.about #sec02 p span{font-weight: 600;} #wrap.sub .cont_wrap_list{margin: 55px 0 0 0;} #wrap.sub .cont_wrap_list li{background-color: #fff; font-size: 16px; padding: 15px 45px; margin: 5px 0; border-radius: 5px; position: relative; display: flex;} #wrap.sub .cont_wrap_list li span{font-family: "sofia-pro", sans-serif; font-size: 20px; font-weight: bold; display: block; margin: 0 20px 0 0; position: relative; top: -3px;} #wrap.sub.about .cont_wrap_box .txt{margin: 50px 0 0 0; font-size: 20px; font-weight: bold;} #wrap.sub.about .cont_wrap_box [class ^= "about_img"]{margin: 0 0 100px 0;} #wrap.sub.about .cont_wrap_box [class ^= "about_img"] img{margin: 50px 0 0 0;} #wrap.sub.about .cont_wrap_list02{margin: 20px 0 0 0;} #wrap.sub .cont_wrap_list02 li{position: relative; border-top: 4px solid #e4e4e4; padding: 15px 0 30px 140px; font-size: 16px; font-weight: 500;} #wrap.sub .cont_wrap_list02 li span{font-family: "sofia-pro", sans-serif; font-size: 20px; font-weight: bold; position: absolute; top: 10px; left: 15px;} #wrap.sub .cont_wrap_list02 li span::before{content: ''; width: 132px; height: 4px; background-color: #111; position: absolute; top: -14px; left: -15px;} #wrap.sub.about .table_curcle{display: flex; flex-wrap: wrap; align-content: space-between; height: 570px; position: relative;} #wrap.sub.about .table_curcle::before{content: ''; width: 100%; height: 1px; background-color: #3e3e3e; position: absolute; top: 90px; left: 0px; z-index: 0;} #wrap.sub.about .table_curcle>div{width: 33.3%; display: flex; justify-content: center; align-content: flex-start; flex-wrap: wrap; position: relative;} #wrap.sub.about .table_curcle>div p{text-align: center; margin: 15px 0 0 0;} #wrap.sub.about .table_curcle>div.table_curcle_tit span::before{content: ''; width: 250px; height: 250px; background-color: rgba(0, 0, 0, 0.2); position: absolute; z-index: -1; border-radius: 250px;} #wrap.sub.about .table_curcle>div.table_curcle_tit span::after{content: ''; width: 340px; height: 340px; border-radius: 340px; background-color: rgba(0, 0, 0, 0.1); position: absolute; z-index: -1;} #wrap.sub.about .table_curcle>div.table_curcle_tit span{width: 190px; height: 190px; background-color: #3e3e3e; position: relative; z-index: 0; color: #fff; font-size: 20px; font-weight: bold;} #wrap.sub.about .table_curcle>div.table_curcle_tit span{font-weight: bold;} #wrap.sub.about .table_curcle>div span{width: 180px; height: 180px; border-radius: 180px; background-color: #fff; font-size: 16px; font-weight: 500; display: flex; align-items: center; justify-content: center; text-align: center; box-shadow: 0px 0px 20px rgb(0 0 0 / 9%); padding: 20px; box-sizing: border-box;} /* 수직테이블 */ table.v_table{border-top: none; text-align: center;} .v_table tr th{border-left: 2px solid #111; border-right: 1px solid #111; border-bottom: none;} .v_table tr th:first-of-type{border-right: 1px solid #b0b0b0;} .v_table tr:first-of-type th:last-of-type{border-bottom: 1px solid #b0b0b0;} .v_table tr:first-of-type td{border-top: none;} .v_table tr:last-of-type td{border-bottom: none;} table.v_table tr td:last-of-type{text-align: center;} /* 대학원장인사 소개 */ #wrap.sub.about.about02 #sec02.sub_story_cont{padding: 120px 0 0 0;} #wrap.sub.about.about02 #sec02 .cont_wrap{margin: 0;} #wrap.sub.about.about02 #sec02 p{text-align: left; margin: 0 0 15px 0; font-size: 16px;} #wrap.sub.about.about02 #sec02 p.txt{text-align: left; font-size: 20px; margin: 0 0 15px 0;} #wrap.sub.about.about02 #sec02 .beige_table tr td:last-of-type{border-right: none;} #wrap.sub.about.about02 #sec02 .white_table tr td:last-of-type{text-align: center;} /* 오시는 길 */ #wrap.sub.about.about03 #sec02{padding: 120px 0; box-sizing: border-box;} #wrap.sub.about.about03 #sec02 .cont_wrap .cont_wrap_tit b{margin: 0;} #wrap.sub.about.about03 #sec02 .cont_wrap .cont_wrap_box{margin: 0 0 0 200px;} #wrap.sub.about.about03 #sec02 iframe{width: 100%; height: 460px;} #wrap.sub.about.about03 #sec02 .cont_wrap_box>ul{border-top: 2px solid #111; box-sizing: border-box;} #wrap.sub.about.about03 #sec02 .cont_wrap_box>ul>li{border-bottom: 1px solid #ededed; display: flex; padding: 20px 0; box-sizing: border-box;} #wrap.sub.about.about03 #sec02 .cont_wrap_box li b{font-size: 20px; width: 10%; margin: 0 70px 0 0;} #wrap.sub.about.about03 #sec02 .cont_wrap_box li p{margin: 0;} #wrap.sub.about.about03 #sec02 .cont_wrap_box li span{font-weight: 600;} #wrap.sub.about.about03 #sec02 .cont_wrap_box li ul{width: 90%;} #wrap.sub.about.about03 .list{position: relative; padding: 0 0 0 20px; display: flex; gap: 0 5px;} #wrap.sub.about.about03 .list::before{position: absolute; top: 9px; left: 7px;} #wrap.sub.about.about03 .list.bus>span{display: inline-block;} #wrap.sub.about.about03 .list.bus>p{display: inline-block;} #wrap.sub.about.about03 .list.bus>p:last-of-type{padding: 0 0 0 70px; box-sizing: border-box;} #wrap.sub.about.about03 .list.m_bus{display: none;} /* 교수진 소개 */ #wrap.sub.people .bg{z-index: 10; position: fixed;} #wrap.sub.people #sec01.sub_story_top{background: url(../img/sub_img05.jpg) no-repeat; background-position: center -400px;} #wrap.sub.people #sec02 .people_box{display: flex; align-items:center;justify-content: space-between; padding: 44px 0px 0 0; position: relative;} #wrap.sub.people #sec02 .people_box .people_name{margin: 0 0 25px 0;} #wrap.sub.people #sec02 .gray_box .people_box{flex-direction: row-reverse;} #wrap.sub.people #sec02 .guest_box {display: flex; flex-wrap: wrap; gap: 20px; padding: 0 10px; margin-top: 35px;} #wrap.sub.people #sec02 .guest_box .guest_txt_box {position: relative; padding: 25px; width: calc((100% - 20px) / 2); border: 1px solid #b4b4b4; box-sizing: border-box;} #wrap.sub.people #sec02 .guest_box .guest_txt_box .guest_tit {margin-bottom: 20px; font-size: 20px; font-weight: 600;} #wrap.sub.people #sec02 .guest_box .guest_txt_box .guest_tit span {font-weight: 400;} #wrap.sub.people #sec02 .guest_box .guest_txt_box .btn_black {position: absolute; right: 25px; top: 25px; width: 140px; height: 50px; border-radius: 50px;} #wrap.sub.people #sec02 .guest_box .guest_txt_box .btn_black button {width: 100%; height: 100%; font-size: 16px; color: #fff; border: none; background-color: #111; border-radius: 50px; cursor: pointer;} .pop_people{width: 700px; height: 700px; padding: 70px 60px; box-sizing: border-box; background-color: #f6f6f6; overflow-Y: scroll; position: fixed; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); z-index: 100; display: none;} #wrap.sub.people #sec02 .pop_people .people_name{border-bottom: 1px solid #000; box-sizing: border-box; padding: 0 0 40px 0; margin: 0} .pop_people li{margin: 30px 0 0 0;} .pop_people li b{margin: 0 0 10px 0; display: block;} .pop_people li .list{margin: 5px 0 0 0; padding: 0 0 0 20px;} .pop_people li .list::before{left: -10px;} .pop_people .btn_close{position: absolute; top: 32px; right: 32px; width: 30px; height: 30px; background: url(../img/icon_arrow.png) no-repeat; background-position: -1px -66px; font-size: 0; border: none; cursor: pointer;} /* 입학안내 */ #wrap.sub.academics01 .academics01_img01{margin: 70px 0 0 0;} #wrap.sub.academics01 .academics01_img01 img{width: 100%;} #wrap.sub.academics01 .sub_story_cont table tr:last-of-type td{text-align: left; padding: 30px 0 30px 35px;} #wrap.sub.academics01 #sec02.sub_story_cont .btn_black{float: unset; margin: 120px auto 0; width: 200px; height: 50px; ;} /* 학사일정 */ #wrap.sub.academics03 #tab_content3 .cont_wrap .txt{display: block; margin: 0 0 15px 0;} /* #wrap.sub.academics03 .tab_wrap .tab{display: flex; font-size: 20px; justify-content: center; border-bottom: 1px solid #d7d7d7; padding: 0 0 35px 0; box-sizing: border-box;} #wrap.sub.academics03 .tab_wrap .tab li{margin: 0 40px;} #wrap.sub.academics03 .tab_wrap .tab li a{position: relative; color: #b4b4b4;} #wrap.sub.academics03 .tab_wrap .tab li.active a{color: #111;} #wrap.sub.academics03 .tab_wrap .tab li.active a::after{content: ''; width: 100%; height: 2px; background-color: #111; position: absolute; bottom: -36px; left: 0;} */ #wrap.sub.academics03 .tab_wrap .tab_cont{margin: 50px 0 0 0;} #wrap.sub.academics03 .beige_table tr td:last-of-type{text-align: left; padding: 10px 30px; box-sizing: border-box; border-right: none;} #wrap.sub.academics03 .beige_table tr td:has(.list) {padding: 23px 10px; text-align: left;} #wrap.sub.academics03 .beige_table tr td.br1 {border-right: 1px solid #ededed;} #wrap.sub.academics03 .beige_table tr td.red {color: red;} #wrap.sub.academics03 .beige_table tr td.red .list:before {background-color: red;} #wrap.sub.academics03 .cont_wrap_box{margin: 20px 0 0 200px;} #wrap.sub.academics03 #tab_content1 .cont_wrap_box p.reference{font-size: 16px; margin: 30px 0 0 0;} #wrap.sub.academics03 #tab_content3 p.reference{text-align: center; color: #8f8f8f; font-size: 16px; margin: 40px 0 0px 0;} #wrap.sub.academics03 #tab_content3 .btn_box{margin: 30px 0 0 0;} /* 교수진 소개 */ #wrap.sub.academics03 .gray_box{padding: 70px 0; box-sizing: border-box;} #wrap.sub.academics03 #tab_content2 .gray_box .cont_wrap{margin: 0;} #wrap.sub.academics03 #tab_content2 .cont_wrap{margin: 70px 0;} #wrap.sub.academics03 #tab_content2 .cont_wrap_box{margin: 60px 0 0 200px;} #wrap.sub.academics03 #tab_content2 .cont_wrap_box .txt{margin: 0 0 10px 0; display: block;} #wrap.sub.academics03 #tab_content2 .cont_wrap_list02{margin: 40px 0 0 0;} #wrap.sub.academics03 #tab_content2 .cont_wrap_box>div{margin: 0 0 50px 0;} #wrap.sub.academics03 #tab_content2 .cont_wrap_box>div:last-of-type{margin: 0;} #wrap.sub.academics03 #tab_content2 .cont_wrap_list02 li{padding: 15px 50px 30px 300px;} #wrap.sub.academics03 #tab_content2 .cont_wrap_list02 li span{font-family: 'Noto Sans KR', sans-serif;} #wrap.sub.academics03 #tab_content2 .cont_wrap_list02 li span::before{width: 280px;} /* 학사일정 */ #wrap.sub.academics03 #tab_content3 .gray_box .cont_wrap{margin: 0;} #wrap.sub.academics03 #tab_content3 .gray_box .cont_wrap:last-of-type{margin: 70px 0 0 0;} #wrap.sub.academics03 #tab_content3 .btn_box .btn_white{width: 335px;} #wrap.sub.academics03 #tab_content3 .btn_box .btn_black{width: 335px; margin: 0 0 0 40px;} #wrap.sub.academics03 #tab_content3 .layout:first-of-type .cont_wrap_box>div:first-of-type{margin: 0 0 50px 0;} /* 25.01 원우 리뷰 추가 */ #reviewList .door-content dt {position: relative; padding: 23px 90px; font-size: 16px; font-weight: 600; background-color: #f6f6f6; border-bottom: 1px solid #ededed;} #reviewList .door-content dt:before {content: 'Q.'; position: absolute; left: 30px; top: 23px; font-size: 16px; font-weight: 600;} #reviewList .door-content dd {padding: 30px 90px; font-size: 16px; color: #111; border-bottom: 1px solid #e1e1e1;} #reviewList .door-content dd .tit {margin-bottom: 20px; font-weight: 600;} #reviewList .door-content dd .rank {display: flex; gap: 3px; margin-bottom: 10px;} #reviewList .door-content dd .rank span {width: 15px; height: 15px; background: url(../img/icon_rank.png) no-repeat;} #reviewList .door-content dd .rank span.full {background: url(../img/icon_rank_full.png) no-repeat;} #reviewList .door-content dd .info {display: flex;} #reviewList .door-content dd .info li {position: relative; padding: 0 15px; border-bottom: none;} #reviewList .door-content dd .info li:first-child {padding-left: 0;} #reviewList .door-content dd .info li:after {content: ''; position: absolute; right: -1px; top: 5px; width: 2px; height: 12px; background-color: #c2c2c2;} #reviewList .door-content dd .info li:last-child:after {display: none;} #reviewList .door-content dd .txt {margin-top: 15px; font-size: 16px;} /* 25.04 학사일정 UI 개편 */ .cont_wrap.schedule {flex-direction: column;} .calendar_list{position:relative; min-height:400px; padding:40px 0 40px 300px; border-top:2px solid #111; width: 100%; box-sizing: border-box;} .calendar_list>div{position:absolute;left:0; width:245px;} .calendar_list>div h3{position:relative; font-size:17px; color:#333; font-weight:500} .calendar_list>div h3 b{display:inline-block; padding-right:10px;margin-top:-5px; font-size:60px;font-weight:400;letter-spacing:-3px; vertical-align:top; line-height:1em;} .calendar_list>div h3:after{content:''; position:absolute;top:10px;right:0; display:block;width:80px;height:1px; background:#dddfe5;} .calendar_list>div table{width:100%; border-top: none;} .calendar_list>div table caption {display: none;} .calendar_list>div table th{padding: 0; height:35px; text-align:center;font-size:14px;font-weight:500;color:#333;} .calendar_list>div table td{padding:0; height:35px; text-align:center;font-size:13px; } .calendar_list>div table td.on{background:#a2d1ff; } .calendar_list>ul li{position:relative; display: flex; gap: 30px; margin-bottom: 20px; font-size:16px;} .calendar_list>ul li:last-child {margin-bottom: 0;} .calendar_list>ul li.no_date{padding:50px 0 0;text-align:center;color:#666} .calendar_list>ul li p:first-child {position: relative; display: flex; gap: 10px; width: 25%;} .calendar_list>ul li .list {margin: 0; width: 45%;} .calendar_list>ul li p:first-child:before {content: ''; display: block; width: 16px; height: 16px; background: url(../img/icon_calendar.png) no-repeat 50%; transform: translateY(5px);} .calendar_list>ul li p:last-child {width: 30%;} .calendar_list>ul li.red p {color: red;} .calendar_list>ul li.red p:first-child:before {filter: invert(12%) sepia(85%) saturate(7459%) hue-rotate(2deg) brightness(100%) contrast(116%);} @media screen and (max-width: 1280px){ #wrap.sub>.bg.bg_atv{display: block !important;} /* 공통 */ .tit_txt{line-height: 35px;} .pc_br{display: none;} .download{padding: 0 0 0 25px; font-size: 13px;} .tbl_xscroll{overflow-x: scroll; -ms-overflow-style: none;} .tbl_xscroll::-webkit-scrollbar{display:none;} .tbl_xscroll table{width: 100%; min-width: 840px;} table{font-size: 13px !important;} #wrap.sub #header{border-bottom: 1px solid #b4b4b4; box-sizing: border-box;} #wrap.sub #header.atv{border-bottom: none;} .cont_wrap_gray{padding: 35px 0; margin: 50px 0 0 0;} .cont_wrap_box p.txt{font-size: 15px; font-weight: 500;} /* 브랜드 커뮤니케이션 추가 2025.07.01 */ .brand_communication .sec02_cont01 > .layout:first-child .cont_wrap .cont_wrap_box {margin: unset;} #wrap.sub .cont_wrap{flex-wrap: wrap; padding: 0 20px; margin: 35px 0;} #wrap.sub .cont_wrap_box{margin: 10px 0 0 0;} #wrap.sub .cont_wrap_tit span{font-size: 13px; left: 0;} #wrap.sub .cont_wrap_tit span::after{width: 15px; height: 2px; margin: 5px 0 0 0; left: 0px;} #wrap.sub .cont_wrap_tit b{font-size: 17px; margin: 0;} #wrap.sub .btn_box{flex-wrap: nowrap; flex-direction: column; align-items: center;} #wrap.sub .btn_box a[class ^= "btn_"]{max-width: 250px; height: 45px; line-height: 41px; font-size: 14px;} #sec01{background-position: center left -62px; background-size: 150%; position: relative; z-index: 8;} #wrap.sub.about #sec01.sub_story_top{height: 250px; padding: 0 0 60px 0; background-position: center bottom -100px;} #wrap.sub.about #sec01.sub_story_top::after{height: 100%; background: rgb(0 0 0 / 60%);} #wrap.sub #sec02.sub_story_cont{padding: 60px 15px;} #wrap.sub.academics #sec02.sub_story_cont{padding: 60px 0px 90px 0;} /* �������� �� */ #wrap.sub.about #sec02.sub_story_cont .sec02_cont01{margin: auto; width: 100%;} #wrap.sub.about #sec02.sub_story_cont .sec02_cont01_top{padding: 40px 60px;} #wrap.sub.about #sec02.sub_story_cont .sec02_cont01_middle{padding: 55px 60px;} #wrap.sub.about #sec02.sub_story_cont .sec02_cont01_middle_box{width: 100%;} #wrap.sub.about #sec02.sub_story_cont .sec02_cont01_bottom{padding: 40px 60px;} #wrap.sub.about #sec02.sub_story_cont .sec02_cont01::after{width: unset; height: unset; background: unset; position: unset;} /* ���оȳ� */ #wrap.sub.academics02 #tab_content2 .sec02_cont01 >.layout:last-of-type .cont_wrap:first-of-type .txt{font-size: 15px;} #wrap.sub.academics02 #tab_content2 .sec02_cont01 >.layout:last-of-type .cont_wrap:first-of-type .cont_wrap_box{margin: 0;} #wrap.sub.academics #sec01{background-size: 150%;} #wrap.sub.academics #sec02 .cont_wrap_box .table_wrap{margin: 20px 0 0 0;} #wrap.sub.academics #sec02.sub_story_cont .sec02_cont01{padding: 0;} #wrap.sub.academics #sec02 .tit_txt{padding: 0 20px; box-sizing: border-box;} #wrap.sub.academics #sec02.sub_story_cont .list{font-size: 13px;} #wrap.sub.academics02 .sec02_cont01{padding: 40px 0 0 0;} #wrap.sub.academics .btn_box{margin: 50px auto 0; flex-wrap: wrap;} #wrap.sub.academics .btn_black{margin: 10px 0 0 0;} #wrap.sub.academics02 .academics02_tab{padding: 0 0 15px 0;} #wrap.sub.academics02 .academics02_tab li{font-size: 16px; margin: 0 10px;} #wrap.sub.academics02 .academics02_tab li:first-of-type::after{bottom: -16px;} /* 대학원소개 */ #wrap.sub.story02 .list_cont li>div.txt_box p{width: 100%;} /* 대학원 안내 */ #wrap.sub.about #sec02{padding: 120px 20px 250px 20px; box-sizing: border-box;} #wrap.sub.about .cont_wrap_box [class ^= "about_img"] img{width: 100%; margin: 50px auto 0;} /* 대학원 소개 */ #wrap.sub.about .table_curcle{margin: 270px 0 0 0; height: auto;} #wrap.sub.about .table_curcle>div{width: 100%; flex-wrap: wrap; margin: 20px 0;} #wrap.sub.about .table_curcle>div.table_curcle_tit{position: absolute; top: -220px;} #wrap.sub.about .table_curcle>div.table_curcle_tit span{width: 135px; height: 135px;} #wrap.sub.about .table_curcle>div.table_curcle_tit span::before{width: 177px; height: 177px; border-radius: 165px;} #wrap.sub.about .table_curcle>div.table_curcle_tit span::after{width: 241px; height: 241px; border-radius: 250px;} #wrap.sub.about .table_curcle::before{display: none;} #wrap.sub.about .table_curcle>div span{width: 150px; height: 150px; font-size: 13px; padding: 15px;} #wrap.sub.about .table_curcle>div p{width: 100%;} #wrap.sub.about01 .sub_story_cont .cont_wrap_gray:last-of-type, #wrap.sub.about02 .sub_story_cont .cont_wrap_gray:last-of-type{padding: 35px 0 90px 0;} #wrap.sub.about01 .pc_about_img01, #wrap.sub.about01 .pc_about_img02{display: none;} #wrap.sub.about01 .m_about_img01, #wrap.sub.about01 .m_about_img02{display: block;} /* 브랜드커뮤니케이션 소개 */ #wrap.sub.about.about02 #sec02{padding: 120px 0 0 0;} #wrap.sub.about.about02 .cont_wrap .cont_wrap_box{margin: 10px 0 0 0;} #wrap.sub.about.about02 #sec02 p{font-size: 13px;} /* 교수진 소개 */ #wrap.sub.people #sec02{padding: 60px 0;} #wrap.sub.people #sec02 .people_box{justify-content: center; padding: 20px 0; box-sizing: border-box;} #wrap.sub.people #sec02 .people_box .btn_black{position: unset; margin: 35px auto 0 auto;} .pop_people{width: 90%; height: 567px; padding: 20px;} .pop_people .btn_close{width: 20px; height: 20px; top: 20px; right: 22px; background-position: -6px -71px;} #wrap.sub.people #sec02 .pop_people .people_name{font-size: 14px; padding: 0 0 10px 0; text-align: left;} .pop_people li{margin: 10px 0 0 0;} .pop_people li b{font-size: 13px;} .pop_people li .list{font-size: 13px;} /* 찾아오는 길 */ #wrap.sub.about.about03 #sec02 .cont_wrap .cont_wrap_box{margin: 0;} #wrap.sub .cont_wrap_tit b{font-size: 17px; font-weight: 500;} #wrap.sub.about.about03 #sec02 .cont_wrap .cont_wrap_tit b{margin: 0 0 15px 0;} #wrap.sub.about.about03 #sec02{padding: 60px 0 90px 0; box-sizing: border-box;} #wrap.sub.about.about03 #sec02 iframe{width: 90%; height: 460px; margin: auto; display: block;} #wrap.sub.about.about03 .list.bus>p{display: inline;} #wrap.sub.about.about03 .list.bus>p:last-of-type{padding: 0;} /* 입학안내 */ #wrap.sub.academics01 .academics01_img01{max-width: 900px; width: 90%; margin: 70px auto 0;} /* academics03 */ #wrap.sub.academics03 .tab_wrap .tab{padding: 0 0 15px 0;} #wrap.sub.academics03 .tab_wrap .tab li{font-size: 16px;} #wrap.sub.academics03 .tab_wrap .tab li.active a::after{bottom: -16px;} .cont_wrap .cont_wrap_tit{width: 100%;} /* 학사일정 */ #wrap.sub.academics03 #tab_content1 .cont_wrap{margin: 30px 0 0 0;} #wrap.sub.academics03 .cont_wrap_box{margin: 5px 0 0 0;} #wrap.sub.academics03 .beige_table:last-of-type{margin: 20px 0 0 0;} #wrap.sub.academics #sec02.sub_story_cont .list{margin: 10px 0 0 0; word-break: break-all;} #wrap.sub.academics #sec02.sub_story_cont .list::before{top: -3px;} #wrap.sub.academics03 #tab_content1 .cont_wrap_box p.reference{font-size: 12px; margin: 15px 0 0 0;} /* 교수진 소개 */ #wrap.sub.academics03 #tab_content2 .gray_box{padding: 50px 0;} #wrap.sub.academics03 #tab_content2 .gray_box .cont_wrap{margin: 0;} #wrap.sub.academics03 #tab_content2 .cont_wrap{margin: 50px 0 0 0;} #wrap.sub.academics03 #tab_content2 .cont_wrap_box{margin: 0;} #wrap.sub.academics03 #tab_content2 .cont_wrap_box .txt{font-size: 13px;} #wrap.sub.academics03 #tab_content2 .cont_wrap_list02 li{padding: 10px 0 30px 210px; font-size: 13px;} #wrap.sub.academics03 #tab_content2 .cont_wrap_list02 li span{font-size: 15px;} #wrap.sub.academics03 #tab_content2 .cont_wrap_list02 li span::before{width: 200px;} /* 학사일정 */ #wrap.sub.academics03 #tab_content3 .cont_wrap .txt{margin: 0 0 5px 0;} #wrap.sub.academics03 #tab_content3 .cont_wrap{margin: 50px 0;} #wrap.sub.academics03 #tab_content3 .gray_box .cont_wrap:last-of-type{margin: 30px 0 0 0;} #wrap.sub.academics03 #tab_content3 .txt{font-size: 13px;} #wrap.sub.academics03 #tab_content3 .gray_box{padding: 50px 0;} #wrap.sub.academics03 #tab_content3 .gray_box .cont_wrap{margin: 0;} #wrap.sub.academics03 #tab_content3 .btn_box .btn_black{margin: 20px 0 0 0;} #wrap.sub.academics03 #tab_content3 .layout:first-of-type .cont_wrap_box>div:first-of-type{margin: 0 0 30px 0;} /* 테이블 세로 배치 - PR 커뮤니케이션 */ .pr_communication .table_wrap {width: 90% !important;} .pr_communication .table_wrap table, .pr_communication .table_wrap tbody, .pr_communication .table_wrap tr { display: block; width: 100%;} .pr_communication .table_wrap tr {overflow: hidden;} .pr_communication .table_wrap th, .pr_communication .table_wrap td {display: block; width: 100%; text-align: left; border: none; border-bottom: 1px solid #e4e4e4; padding: 15px 20px; box-sizing: border-box;} .pr_communication .table_wrap th {background-color: #f6f6f6; font-weight: 600; border-bottom: 1px solid #e4e4e4;} .pr_communication .table_wrap td {background-color: #fff; border-bottom: none;} .pr_communication .table_wrap tr:last-child th, .pr_communication .table_wrap tr:last-child td {border-bottom: none;} .pr_communication .tbl_xscroll {overflow-x: visible;} .pr_communication .tbl_xscroll table {min-width: auto; width: 100%;} /* 테이블 세로 배치 - 브랜드 커뮤니케이션 */ .brand_communication .table_wrap {width: 90% !important;} .brand_communication .table_wrap table, .brand_communication .table_wrap tbody, .brand_communication .table_wrap tr { display: block; width: 100%;} .brand_communication .table_wrap tr {overflow: hidden;} .brand_communication .table_wrap th, .brand_communication .table_wrap td {display: block; width: 100%; text-align: left; border: none; border-bottom: 1px solid #e4e4e4; padding: 15px 20px; box-sizing: border-box;} .brand_communication .table_wrap th {background-color: #f6f6f6; font-weight: 600; border-bottom: 1px solid #e4e4e4;} .brand_communication .table_wrap td {background-color: #fff; border-bottom: none;} .brand_communication .table_wrap tr:last-child th, .brand_communication .table_wrap tr:last-child td {border-bottom: none;} .brand_communication .tbl_xscroll {overflow-x: visible;} .brand_communication .tbl_xscroll table {min-width: auto; width: 100%;} } @media screen and (max-width: 768px){ table th{padding: 17px 0;} table td{padding: 17px 0;} .sub_txt{font-size: 15px;} .day{font-size: 13px;} [class ^= "color_"]{font-size: 12px; width: 60px; height: 30px; line-height: 25px; } .area_info .search input{padding: 0 50px 0 15px;} .area_info .search button{width: 20px; height: 19px; right: 15px; background-size: cover;} /* area_info */ div.area_info{padding: 0 0 15px 0; align-items:flex-end;} div.area_info p{font-size: 13px;} /* 탭 */ .tab_wrap .tab{padding: 0 0 15px 0;} .tab_wrap .tab li{margin: 0 10px;} .tab_wrap .tab li a{font-size: 16px;} .tab_wrap .tab li.active a::after{bottom: -16px;} /* list */ .list_cont li{flex-wrap: wrap; padding: 20px 5px; position: relative;} .list_cont li>div{display: block; width: 100%;} .list_cont [class ^= "color_"]{margin: 0 0 7px 0;} .list_cont li a{font-size: 13px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;} .paging{margin: 35px 0 0 0;} .paging span{padding: 0;} .paging span a{margin: 0; font-size: 13px;} #wrap.sub.story #sec02 .sec02_cont01_middle>h4{font-size: 24px;} #wrap.sub.story #sec02 .sec02_cont01_middle>h5{font-size: 20px;} #wrap.sub .cont_wrap_list li{padding: 10px 20px; font-size: 13px;} #wrap.sub .cont_wrap_list li span{font-size: 14px; margin: 2px 10px 0 0 ;} #wrap.sub #sec01.sub_story_top .sub_txt{font-size: 15px;} #wrap.sub .sub_story_cont{padding: 60px 0;} /* header */ #wrap.sub #header{padding: 0 15px;} /* sec01 */ #wrap.sub #sec01.sub_story_top{height: 250px; padding: 0 0 60px 0;} #wrap.sub #sec01.sub_story_top::after{height: 100%;} #wrap.sub #sec02 .list_cont .day{margin: 0; position: absolute; top: 24px; left: 80px;} /* 공지사항 */ #wrap.sub.story #sec02.sub_story_cont{padding: 60px 20px 90px 20px;} #wrap.sub.story #sec02.sub_story_cont .sec02_cont01{margin: auto; padding: 0 10px; box-sizing: border-box;} #wrap.sub.story #sec02.sub_story_cont .sec02_cont01::after{width: unset; height: unset; background: unset; position: unset;} #wrap.sub.story #sec02.sub_story_cont .sec02_cont01_top{padding: 22px 10px;} #wrap.sub.story #sec02.sub_story_cont .sec02_cont01 [class ^= "color_"]{margin: 0 auto 15px;} #wrap.sub.story #sec02.sub_story_cont .notice_tit{font-size: 17px;} #wrap.sub.story #sec02.sub_story_cont .sec02_cont01_middle{padding: 35px 5px 40px 5px;} #wrap.sub.story #sec02.sub_story_cont .sec02_cont01_middle img{width: 100%;} #wrap.sub.story #sec02.sub_story_cont .sec02_cont01_middle_box{width: 100%;} #wrap.sub.story #sec02.sub_story_cont .sec02_cont01_bottom{padding: 15px 5px;} /* 입학안내 */ #wrap.sub.academics #sec02 .sub_txt{font-size: 13px; margin: 20px 10px 0 10px;} #wrap.sub.academics table th{font-weight: 500;} #wrap.sub.academics table td{padding: 17px 10px; font-size: 13px;} #wrap.sub.academics .white_table td:last-of-type{padding: 10px;} /* FAQ */ #wrap.sub.faq #sec02.sub_story_cont{padding: 60px 20px 90px 20px;} #wrap.sub.faq li{align-items: flex-start; font-size: 13px;} #wrap.sub.faq .que::before{margin: 0 10px 0 0; font-size: 13px;} #wrap.sub.faq .anw::before{font-size: 13px; top: 17px; left: 7px;} #wrap.sub.faq .que::after{width: 21px; height: 20px; background-size: 44px; background-position: -23px 0; right: 5px;} #wrap.sub.faq .que.atv::after{background-position: -23px -19px;} #wrap.sub.faq .que p{width: 70%;} #wrap.sub.faq .anw{padding: 17px 30px;} #wrap.sub.faq .anw p img {width: 100% !important;} /* 자료실 */ #wrap.sub.story03 #sec02 .list_cont li{flex-direction: column-reverse; align-items: flex-start; padding: 30px 5px; box-sizing: border-box;} #wrap.sub.story03 #sec02 .list_cont li .day{position: unset; margin: 0 0 20px 0;} /* 대학원소개 */ #wrap.sub.story02 #sec02 .list_cont li .day{position: unset; margin: 6px 0 0 0;} #wrap.sub.story02 .list_cont li{flex-wrap: nowrap; justify-content: flex-start; align-items:flex-start} #wrap.sub.story02 .list_cont .img_box img{max-width: 114px;} #wrap.sub.story02 .list_cont li>div.img_box{max-width: 114px; height: 84px;} #wrap.sub.story02 .list_cont li>div.txt_box{margin: 0 0 0 15px; height: 84px;} #wrap.sub.story02 .list_cont li>div.txt_box a{font-size: 14px;} #wrap.sub.story02 .list_cont li>div.txt_box p{font-size: 13px; margin: 5px 0 0 0;} #wrap.sub.story02 #sec02 .list_cont .day{position: unset;} #wrap.sub.story02 .list_cont li{padding: 27px 5px;} /* 대학원 소개 */ #wrap.sub.about #sec01.sub_story_top{background-position: center bottom;} #wrap.sub.about #sec02 p.sub_txt{font-size: 16px;} #wrap.sub.about #sec02 p{font-size: 13px;} #wrap.sub.about .sub_story_cont .cont_wrap_gray:first-of-type .cont_wrap{margin: 0;} #wrap.sub.about #sec02::before{width: 1px; bottom: 28px; height: 60px;} #wrap.sub.about #sec02::after{width: 4px; height: 4px; bottom: 25px;} @keyframes aniBar{0%{bottom: 70px; height: 0;} 10%{bottom: 30px; height: 60px;}} @keyframes aniDot{0%{bottom: 60px;} 10%{bottom: 30px;}} #wrap.sub.about #sec02 p.sub_txt{margin: 15px auto 0 auto;} #wrap.sub.about #sec02 p{margin: 20px 20px 0 20px; line-height: 150%;} #wrap.sub.about #sec02{padding: 60px 0 125px 0;} #wrap.sub.about .cont_wrap_box p{font-size: 13px;} #wrap.sub .cont_wrap_list{margin: 20px 0 0 0;} #wrap.sub.about .cont_wrap_box [class ^= "about_img"]{margin: 0 0 50px 0;} #wrap.sub.about .cont_wrap_box [class ^= "about_img"] img{margin: 20px auto 0} #wrap.sub .cont_wrap_list02 li{font-size: 13px; padding: 25px 0 40px 80px;} #wrap.sub.about01 .cont_wrap_list02 li span{font-size: 15px; top: 24px;} #wrap.sub.about01 .cont_wrap_list02 li span::before{width: 70px; top: -28px;} #wrap.sub.about01 .cont_wrap_box p.txt{font-size: 15px;} #wrap.sub.about .table_curcle>div.table_curcle_tit span{font-size: 14px;} /* 브랜드커뮤니케이션 소개 */ #wrap.sub.about.about02 #sec02.sub_story_cont{padding: 60px 0 0 0;} #wrap.sub.about.about02 .cont_wrap{padding: 0 20px;} #wrap.sub.about.about02 .cont_wrap .cont_wrap_box{margin: 0;} #wrap.sub.about.about02 .cont_wrap .cont_wrap_box table{margin: 0;} #wrap.sub.about.about02 #sec02 p.txt{font-size: 13px;} /* 교수진 소개 */ #wrap.sub.people #sec02 .sub_txt{font-size: 13px; margin: 20px 0 0 0;} #wrap.sub.people #sec02.sub_story_cont{padding: 60px 0px;} #wrap.sub.people #sec02 .people_box{flex-wrap: wrap;} #wrap.sub.people #sec02 .people_box .btn_black{width: 100px; height: 40px;} #wrap.sub.people #sec02 .people_box .btn_black button{font-size: 13px;} .people_txt_box li[class ^= "icon_people"]{width: 80%; margin: 7px auto 0;} #wrap.sub.people #sec02 .guest_box {flex-direction: column; padding: 0 20px; margin-top: 20px;} #wrap.sub.people #sec02 .guest_box .guest_txt_box {width: 100%;} #wrap.sub.people #sec02 .guest_box .guest_txt_box .guest_cont {font-size: 13px;} #wrap.sub.people #sec02 .guest_box .guest_txt_box .btn_black {width: 100px; height: 40px;} #wrap.sub.people #sec02 .guest_box .guest_txt_box .btn_black button {font-size: 13px;} .pop_people{width: 90%; height: 567px; background-color: #f6f6f6; overflow: hidden; position: fixed; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); z-index: 100;} .pop_people>ul{padding: 0; box-sizing: border-box;} .pop_people .scroll{height: 500px; overflow-y: scroll; position: relative; padding: 0 10px 0 0; box-sizing: border-box;} .pop_people .scroll::-webkit-scrollbar {width: 8px; } .pop_people .scroll::-webkit-scrollbar-thumb {background-color: #919191; border-radius: 10px; background-clip: padding-box;} .pop_people .scroll::-webkit-scrollbar-track {background-color: #d4d4d4;} /* 찾아오는 길 */ #wrap.sub.about.about03 #sec02 .cont_wrap{padding: 0 20px; margin: 20px 0 0 0;} #wrap.sub.about.about03 #sec02 iframe{width: 100%; height: 307px; margin: auto; display: block;} #wrap.sub.about.about03 #sec02 .cont_wrap_box>ul>li{padding: 17px 0;} #wrap.sub.about.about03 #sec02 .cont_wrap_box li b{font-size: 14px; margin: 0; width: 25%;} #wrap.sub.about.about03 #sec02 .cont_wrap_box li p{text-align: left; width: 80%;} #wrap.sub.about.about03 #sec02 .cont_wrap_box>ul ul{width: 75%;} #wrap.sub.about.about03 .list::before{left: -5px;} #wrap.sub.about.about03 .list{position: relative; padding: 0 0 0 7px; display: block;} /* 입학안내 */ #wrap.sub.academics .cont_wrap{padding: 0 20px; margin: 30px 0;} #wrap.sub.academics01 .sub_story_cont table tr:last-of-type td{padding: 17px 20px;} #wrap.sub.academics .academics01 #sec02 .sub_txt{padding: 0 10px;} #wrap.sub.academics01 .academics01_img01{max-width: 500px; width: 90%; margin: 20px auto 0;} #wrap.sub.academics01 #sec02 .cont_wrap_box .table_wrap{margin: 0;} #wrap.sub.academics01 #sec02 .cont_wrap_box .table_wrap .white_table{margin: 0;} #wrap.sub.academics01 #sec02.sub_story_cont .btn_black{font-size: 14px; margin: 40px auto 0; } /* 학사일정 */ #wrap.sub.academics03 .tab_wrap .tab li{margin: 0 10px;} #wrap.sub.academics03 .beige_table tr td:last-of-type{padding: 17px 10px;} #wrap.sub.academics #sec02.sub_story_cont .list{padding: 0 0 0 10px;} #wrap.sub.academics #sec02.sub_story_cont .list::before{left: -7px; top: -3px;} /* 교수진 소개 */ #wrap.sub.academics03 #tab_content2 .cont_wrap_box .txt{font-size: 13px; margin: 10px 0 5px 0;} #wrap.sub.academics03 #tab_content2 .cont_wrap_list02{margin: 15px 0 0 0;} #wrap.sub.academics03 #tab_content2 .cont_wrap_list02 li{padding: 40px 10px 20px 15px;} /* 학사일정 */ #wrap.sub.academics03 #tab_content3 p.reference{font-size: 12px;} #wrap.sub.academics03 #tab_content3 .btn_box{margin: 15px 0 0 0;} #wrap.sub.academics03 #tab_content3 .btn_box .btn_black{margin: 10px 0 0 0;} /* 25.01 원우 리뷰 추가 */ #wrap.sub.people #sec02.sub_story_cont.review {padding: 60px 20px 90px 20px;} #reviewList .door-content dt {padding: 15px 40px; font-size: 13px;} #reviewList .door-content dt:before {left: 20px; top: 15px; font-size: 13px;} #reviewList .door-content dd {padding: 15px 40px; font-size: 13px;} #reviewList .door-content dd .tit {margin-bottom: 10px;} #reviewList .door-content dd .info li {font-size: 13px;} #reviewList .door-content dd .txt {margin-top: 10px; font-size: 13px;} /* 25.04 학사일정 UI 개편 */ .calendar_list {padding: 30px 0; min-height: auto;} .calendar_list>div{position:relative;max-width:400px;width:100%;margin:0 auto 30px;} .calendar_list>div h3 b{font-size:50px;} .calendar_list>div h3:after{display:none} .calendar_list>div table td {padding: 0 !important;} .calendar_list>ul li {display: block;} .calendar_list>ul li p {width: 100% !important; font-size: 13px;} .calendar_list>ul li p:first-child {width: 100%;} .calendar_list>ul li p:last-child {padding: 10px 15px; margin: 15px auto 0; width: calc(100% - 30px); background-color: #f6f6f6; box-sizing: border-box;} .calendar_list>ul li p.null {padding: 0; margin: 0; background-color: transparent;} }