@CHARSET "UTF-8";
/* ------------------------------------------------------------
 * Name : typeB_responsive.css
 * Desc : 단국대학교 포털시스템
 * Created : 2022/04/13 by YSK
 * Updated : 2022/09/05 by YSK
------------------------------------------------------------ */

/* 미디어쿼리 시작 */
@media all and (max-width:1280px) {.bookmark_box {padding-top: 15px; } 
.bookmark_box li {width: 20%;margin-bottom: 15px; } 
.bookmark_area .menu {width: 10%; } 
.bookmark_box li {flex-direction: column;align-items: center;width: 16.6%;text-align: center; } 
.bookmark_box li span:first-child {width: 72px;height: 72px;margin: 0 auto 5px; } 
 }

@media all and (min-width:1024px) {body {min-width: 1280px; } 
#top_wrap_mobile {display: none; } 
.info_box_mobile {display: none; } 
.sns_box_mobile {display: none; } 
.menu_mobile {display: none; } 
.menuwrap {display: none; } 
.menu_mobile .dim {display: none; } 
#wrap_main {display: flex;max-width: 1400px; } 
.scr_top_box3 {position: fixed;display: flex;align-items: center;justify-content: center;margin-left: -217px;width: 434px;top: 7px;left: 50%;height: 55px;z-index: 99999}
.scr_top_box3 .scr_top2 a.btn_scr3 {height: 40px;left: 325px; } 
.scr_top_box3 .scr_top2 .int_scr_w {height: 40px;margin-left: 35px; } 
.scr_top_box3 .scr_top2 {margin-right: 40px;width: calc(90% - 40px); } 
.mobile_searchInput {display: none; } 
 }

@media ( min-width :1024px) and (max-width:1280px) {.board_list_area>li {width: 578px; } 
.list_item>li:first-child {width: 225px; } 
 }

@media ( min-width :1024px) and (max-width:1500px) {.info_circle_wrap5 ul>li>span:first-child {float: left;width: 25px;height: 25px;padding-top: 40px;background-color: #fff;border-radius: 0;opacity: .3; } 
 }

@media all and (max-width:1023px) {
body {min-width: 375px; } 
#header {display: none; } 
nav_layer {display: none; } 
.main_bg01 {background: none;background-color: #f3f4f8; } 
.menu_mobile.on {display: block; } 
.quick_wrap {display: none; } 
#content_main_top {margin: 0 auto; } 
#wrap_main {margin: 80px 0 0;padding: 0;width: 100%; } 
#left_menu_wrap {display: none; } 
#content {width: 100%;margin-left: 0; } 
#content_area {position: relative;height: 100%;padding-top: 90px; } 
#content_r {display: block;width: 100%;margin-top: 60px;margin-bottom: 20px; } /*통합검색 레이아웃 */
#content_r2 {display: block;width: 100%;margin-bottom: 20px; } /*통합검색 레이아웃 */
#right_search_wrap {float: none;display: block;width: 100%; } 
ul.list {float: left;zoom: 1;width: 50%;min-height: 100%; } 
.info_conn {padding: 15px 5%; } 
.scr_top_box2 {width: 250px; } /* gnb 검색 */
.scr_top_box3 {position: fixed;display: flex;align-items: center;justify-content: center;width: 100%;border-top: solid 1px #1c68bf;top: 70px;height: 60px;background: #004594;z-index: 99999}
.scr_top_box3 .scr_top2 {margin-right: 15px;width: calc(90% - 40px); } 
.scr_top_box3 .scr_top2 a.btn_scr3 {height: 40px; } 
.scr_top_box3 .scr_top2 .int_scr_w {height: 40px; } 
.top_cont>li {margin: 10px 1%; } 
.top_cont>li:nth-child(1) {width: 48%;height: 546px; } 
.top_cont>li:nth-child(2) {width: 48%;height: 546px;padding: 20px 3% 20px; } 
.top_cont>li:nth-child(3) {width: 98%;height: 245px; } 
.board_tab_area li {width: 25%; } 
.board_list_area {margin-top: 30px; } 
.board_list_area>li {width: 380px;height: 64px;padding-bottom: 10px;line-height: 64px;border-bottom: dashed 1px #d6d6d6; } 
.board_list_area>li:first-child {margin-top: -30px; } 
.board_list_area>li:nth-child(4) {border-bottom: dashed 1px #d6d6d6; } 
.board_list_area>li:nth-child(5) {display: block;border-bottom: none; } 
.cont_title {float: none;display: flex;align-items: center;justify-content: flex-start;width: 100%;height: 30px;margin: 30px 30px 30px 0;text-align: left; } 
.cont_title img {display: inline-block;width: 60px;margin-right: 10px; } 
.cont_title {position: relative; } 
.cont_title .btn {position: absolute;right: 0;top: 0; } 
.cont_area {float: none;width: 100%; } 
.footer_area div:nth-child(2) span, .footer_area2 div:nth-child(2) span
 {
display: block; } 
.footer_wrap {padding: 0 1%; } 
.users_area {display: grid;width: 100%;grid-template-columns: 1fr 1fr; } 
.users_area>li:nth-child(3) {grid-column: 1/3;grid-row: 3/4;height: 130px;background: #44597a url("images/img_users_bnr01_m.png") no-repeat 96%
50%;background-size: auto 100%;color: #dabc70; } 
.users_area>li:nth-child(3) span {background: #44597a; } 
.users_area>li:nth-child(1), .users_area>li:nth-child(2) {background-size: 290px auto !important;padding-top: 40px; } 

/*고정영역 일정*/
.calendar-bo.calendar-bottom .schedule-bodyttom .schedule-body span:last-child {max-width: 266px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; } 
.calendar-bottom .schedule-body {height: 136px; } 
.layer_search_option {display: none; } 
.layer_search_option_m {display: block;outline: 1px solid rgba(0, 0, 0, .1);overflow-y: auto;padding: 34px 30px 38px;top: 410px;width: 100%; } 
.li_m {display: block;margin-top: 15px; } 
.ark_box {top: 121px;left: 50%;transform: translate(-50%, 0);webkit-transform: translate(-50%, 0);width: 90%; } 
.ark_box h4 {padding-left: 20px;background: #f2f2f2;height: 36px;line-height: 36px;font-size: 14px;color: #333; } 
.sub_list_area8 li.step {display: flex;flex-wrap: wrap; } /* 2단계 인증 설정 */
.sub_list_area8 li.step div {width: 50%; } 
/*교원정보검색*/
#content_area2{padding:50px 2% 0;}	
#header2 h1 img{width:300px;}	
#header2 #top_wrap2 {padding:30px 2% 0;}
#header2 .scr_top3 input.int_scr{width:100%;height:44px;margin:0 5%}
#header2 .scr_top3 a.btn_scr2{position:absolute;right:5%;width:50px;height:44px;}
.search_menu_area{display:flex;align-items:center;height:50px;border-top:solid 1px rgba(255,255,255,.2)}
.search_menu_area ul.main_menu01 > li{flex:1;white-space: nowrap; font-family:'Noto Sans KR';color:#fff;font-size:16px;}
.search_menu_area ul.main_menu01 > li a:hover, .search_menu_area ul.main_menu01 li.on a{background:#8490ff;border-radius:20px;padding:4px 10px;}
.sch_list_area>div{width:130px;}
.sch_list_area>div img{min-height:90px}
.sch_list_area ul{margin-left:2%;width:70%;}
.sch_list_area ul li:nth-child(1) {margin:0;}	
}



@media ( min-width :768px) and (max-width:1023px) {#right_search_wrap .search_area {display: flex;justify-content: space-between; } 
#right_search_wrap .search_area .search_popularity {width: 49%; } 
#right_search_wrap .search_area .search_history {width: 49%; } 
.list_item>li:first-child {width: 550px; } 
 }

@media ( min-width :768px) and (max-width:920px) {.info_circle_wrap5 ul>li>span:first-child {float: left;width: 25px;height: 25px;padding-top: 50px;background-color: #fff;border-radius: 0;opacity: .3; } 
.footer_area>div:nth-child(1), .footer_area2>div:nth-child(1) {display: none; } 
/*검색창*/
.scr_top2 .int_scr_w {width: 97%;margin-left: 8px; } 
.scr_top2 a.btn_scr3 {right: 10px; } 
.board_list_area>li {width: 320px; } 
.dkutube_auto_ctrl>div {top: 119px !important; } 
.calendar-days .curr-date, .calendar-days.curr-date:hover {padding: 0 4px 0px; } 
.nm_row2 {min-height: 100px; } 
 }

@media ( min-width :465px) and (max-width:767px) {/*검색창*/
.scr_top2 .int_scr_w {width: 97% !important; } 
 }

/* 768px 미만 */
@media all and (max-width:767px) {/*탑메뉴 검색창*/
.scr_top2 .int_scr_w {margin-left: 5px; } 
.scr_top2 a.btn_scr3 {right: 15px; } 

/*세션타임 안내 팝업창*/
.ui-dialog {width: 350px !important;top: 191.9px !important;margin-left: -8px !important;height: 400px !important; } 
.ep-s-popwrap .ep-s-dlgtitle {margin-top: 5px !important;margin-bottom: 10px !important;margin-right: 23px !important;text-align: center !important}
.ep-s-popwrap .ep-s-infoarea {display: inline-block !important;text-align: center !important;width: 93% !important;margin-left: 7px !important;padding: 0px !important;font-size: 14px !important;line-height: unset !important}
.ep-s-popwrap .ep-s-dlgcontenthead {margin-top: 10px !important;margin-bottom: 10px !important;padding: 9px !important}
.ep-s-infoarea>p:nth-child(2) {font-size: 13px;text-align: center;height: 15px}
.ep-s-infoarea>p:nth-child(4) {text-align: center;margin-left: 5px;font-size: 13px;padding: 0px;width: 281px;height: 57px !important}
.ep-s-popwrap .ep-s-btncenter {width: 100% !important;text-align: center !important;margin-top: 0px !important;margin-bottom: 0px !important}
.ep-s-popwrap a.ep-s-btnblue {margin-top: 5px !important;width: 245px !important;font-size: 13px !important;margin-bottom: 10px !important}
.ep-s-popwrap a.ep-s-btnwhite {width: 245px !important;font-size: 13px !important;margin-bottom: 17px !important}
.ep-s-popwrap .ep-s-dlgcontent {padding: 8px !important}
.ep-s-popwrap .ep-s-dlgcontent {padding: 0px !important}

/*로그아웃 안내 팝업창*/
.ep-s-popwrap02 .ep-s-dlgtitle02 {margin-top: 5px !important;margin-bottom: 10px !important;margin-right: 25px !important;text-align: center !important}
.ep-s-popwrap02 .ep-s-infoarea02 {display: inline-block !important;text-align: center !important;width: 100% !important;padding: 6px !important;font-size: 14px !important;line-height: unset !important}
.ep-s-popwrap02 .ep-s-dlgcontenthead02 {margin-top: 10px !important;margin-bottom: 10px !important;padding: 9px !important}
.ep-s-infoarea02>p:first-child {margin-top: 23px !important}
.ep-s-popwrap02 .ep-s-btncenter02 {width: 100% !important;text-align: center !important;margin-top: 0px !important;margin-bottom: 13px !important}
.ep-s-popwrap02 a.ep-s-btnblue02 {margin-top: 5px !important;width: 245px !important;font-size: 13px !important;margin-bottom: 10px !important}
.ep-s-popwrap02 a.ep-s-btnwhite02 {width: 245px !important;font-size: 13px !important;margin-bottom: 17px !important}
.ep-s-popwrap02 .ep-s-dlgcontent02 {padding: 8px !important}
.ep-s-popwrap02 .ep-s-dlgcontent02 {padding: 0px !important}
.m_mt10 {margin-top: 10px; } 
.m_mt20 {margin-top: 20px; } 
.m_ml10 {margin-left: 10px; } 
.mt20p {margin-top: 10px !important; } 
.mt30p {margin-top: 15px !important; } 
.mt40p {margin-top: 20px !important; } 
#wrap_sub .major_menu_area {display: block; } 
#content {padding: 30px 3% 20px; } 
#content_main_top {width: auto;height: 100%;margin: 0 0 6px 0;border-radius: 0; } 
.portlet_all_wrap {margin: 0; } 
#top_portlet_wrap {display: none; } 
.footer_area, .footer_area2 {display: none; } 
.portlet_wrap_area {float: none !important;width: 100% !important;min-width: 100%;max-width: 100%;padding-bottom: 0; } 
#play {width: 100% !important; } 
.money_btn_list {display: block;margin: 0; } 
.money_btn01 {margin: 10px 0px 10px 0px; } 
.money_btn01, .money_btn02 {width: 100%; } 
ul.list {float: none !important;width: 100% !important; } 
.mod {float: none;width: 100% !important;height: 460px;padding: 4%; } 
.item {float: none;width: 100% !important; } 
.bg_main {background: none; } 
.top_cont>li:nth-child(1) {width: 98%;height: 640px; } 
.top_cont>li:nth-child(2) {width: 98%; } 
.top_cont>li:nth-child(3) {width: 98%;height: 570px; } 
.cont_title2 {float: none;position: relative;display: flex;align-items: center;justify-content: flex-start;height: 30px;margin: 30px 30px 0 20px;text-align: left; } 
.cont_title2 img {display: inline-block;padding: 3px;margin-right: 10px; } 
.cont_title2 {position: relative; } 
.cont_title2 .btn {position: absolute;right: 0;top: 0; } 
.board_box {display: flex;flex-direction: column;padding: 20px; } 
.board_box .cont_s_title {display: flex;flex-direction: row;justify-content: space-between;width: 100%;margin-bottom: 20px;height: 52px; } 
.board_box .cont_s_title h2 {display: flex;line-height: 52px;height: auto;text-align: left; } 
.board_box .cont_s_title img {width: 52px;height: 52px;margin-right: 10px; } 
.board_box .cont_s_title .btn a {display: inline-block;background: url("images/ico_more2.png") no-repeat 50% 50%;width: 16px;height: 16px;margin-top: 18px;overflow: hidden;text-indent: -3000px; } 
.board_box .cont_s_area {float: 0;width: 100%; } 
.board_box .cont_s_area2 {padding-left: 0; } 
.board_area {width: 100%;margin-top: -2px;border-top: none;border-right: none;border-left: none; } 
.board_area dl.board_area_box {margin-top: 0; } 
.board_area .board_box {margin: 0;padding: 0; } 
.bord_list_area {margin: 0 12px 0 0; } 
.bookmark_area {display: none; } 
.board_main_area {clear: both;height: 100%;overflow-y: auto; } 
.board_main_area2 {clear: both;height: 100%;overflow-y: auto; } 
.footer_area_m {display: block;padding: 20px;text-align: center; } 
#content_main_top .state_box, .state_box2, .chart_box, .lecture_area {float: left;display: block;width: 100%;height: auto;margin: 0 auto;margin-top: 8px;position: relative;padding-bottom: 8px; } 
.lecture_area {border-left: none;border-right: none; } 
.lecture_area h2 .tit {padding: 12px 0px 0px 17px; } 
#content_main_top .state_box {border-left: none; } 
#content_main_top .indiv_area {display: block;width: 98%;height: auto;border-bottom: solid 1px #ededed;border-left: none;border-right: none; } 
#content_main_top .state_box li {width: 50%;float: left;border-top: #cac8c9 solid 1px;padding: 12px 0 10px 0; } 
#content_main_top .state_box li:first-child {border-right: #cac8c9 solid 1px; } 
#content_main_top .state_box li:last-child {border-bottom: #cac8c9 solid 1px; } 
#content_main_top .lecture_box {width: 100%; } 
#content_main_top .notice_box {float: 0;background: #088876; } 
#quick_menu_area {display: none;height: 100%; } 
.btn_info01>select {width: 95%;margin: -8px 0 10px 23px; } 
.sel_btn01 {width: 95%;margin: 0 0 0 23px;float: none;clear: both; } 
.bg_layer {display: none; } 
.indiv_info .info_01 li.btn a.btn02 {display: none; } 
.lecture_box2 {width: 98%; } 
.community {margin-top: 0; } 
.request_area {margin-top: 0; } 
.book_scr_box {margin-top: 0; } 
.board_view2 {width: 99.2%; } 
.board_view2 dd {height: 42px;overflow: hidden;text-overflow: ellipsis; } 
.chart_box02 {width: 100%;height: 225px;margin: 0 auto;float: none; } 
.chart_box02>img {width: 299px;height: 173px;margin-top: 20px; } 
.board_area_box3 {width: 100% !important; } 
.approval_area>ul li {width: 48% !important; } 
.bord_list_area2 li dl {width: 95%;margin-left: 14px; } 
.lecture_list dt {padding-left: 19px; } 
.info_area .info_01 .p_info .btn_logout {display: none; } 
#content_area {min-height: auto; } 
.content_tit {padding-left: 60px !important; } 
.content_tit h2 {font-size: 24px; } 
.content_tit p {font-size: 14px; } 
.content_tit_s h2 {font-size: 19px; } 
.users_area {grid-template-columns: 1fr; } 
.users_area li {grid-column: 1/4 !important; } 
.users_area>li {min-height: 150px !important; } 
.users_area>li:nth-child(2) {grid-row: 2/3; } 
.users_area>li:nth-child(3) {grid-row: 4/5; } 
.users_area>li:nth-child(4) {grid-row: 3/4; } 
.users_area2 {grid-template-columns: 1fr; } 
.users_area2>li {min-height: 150px !important; } 
.users_area2>li:nth-child(3) {grid-column: 1/1;grid-row: 3/4}
.users_top_area {padding: 30px 6%}
.users_top_area .cont_box {background-position: 50% 0;padding-left: 0;padding-top: 140px;background-size: 150px; } 
.users_top_area .t_tit {text-align: center; } 
.users_top_area .cont_box .s_txt {text-align: center; } 
.calendar_box {flex-direction: column; } 
.search_list_area {display: block; } 
.search_list_area ul {width: 100%}
.search_list_area2 {padding: 15px 3%;height: 147px; } 
.scr_top_box4 {height: calc(100vh - 65px);min-height: 480px;padding-top: 100px;margin-top: 0}
.scr_top_box4 .title_wrap {background-size: 180px; } 
.scr_top_box4 .title_wrap h2 {padding-top: 100px;font-size: 28px; } 
.scr_top_box4 .title_wrap p {font-size: 13px;color: #999999;font-weight: 200; } 
.scr_top_box4 .scr_top2 a.btn_scr3 {height: 57px; } 

/* table 반응형관련 추가 */
.data_list_box02 {height: 170px; } 
.data_list_box>li {width: 100%}
.data_list_box02>li>dl>dt {clear: both;border-bottom: #d1d1d1 solid 1px;float: none;width: 100%;height: 40px;line-height: 40px; } 
.data_list_box02>li>dl>dd {clear: both;float: none;width: 100%;height: 40px;line-height: 40px; } 
.data_list_box04 {height: 90px; } 
.data_list_box04>li>dl>dt {clear: both;border-bottom: #d1d1d1 solid 1px;float: none;width: 100%;height: 40px;line-height: 40px; } 
.data_list_box04>li>dl>dd {clear: both;float: none;padding: 3px 20px 0 20px;width: 100%;height: 40px;line-height: 40px; } 
.sel01 {margin-left: 0;padding-left: 0;float: left}
.table_form_list>li {float: none}
.table_form_list>li:first-child {padding-left: 0}
.table_form_list>li:last-child {height: 40px; } 
.sel05 {width: 100%;padding-left: 0 !important;text-indent: 10px; } 
.sel06 {width: 100%;padding-left: 0 !important;text-indent: 10px; } 
.table_form_list>li.res_btn {margin-top: 5px; } 
.sub_tb_btn01 {float: none;clear: both;padding: 0;margin: 0}
.data_list_box03 {min-width: 320px; } 
.content_nav {margin-bottom: 0}
.board-tbledit th {min-width: 110px; } 
.group_area_tb {height: auto; } 
.group_area_tb ul:after {display: block; } 
.group_area_tb li:first-child {width: 100%;padding: 0; } 
.group_area_tb li:first-child>span {padding-left: 7px}
.group_area_tb li:last-child {padding: 7px 0 0 0;width: 100%}
.group_area_tb .right {position: static;width: 100%;padding-top: 5px}
.btn_edit {height: auto}
.btnsearch {right: 40px}
select {background: #fff url(/eXPortal/dku/images/arrow_select.gif) no-repeat 96% 56%; } 
.respon_gp {padding: 0 20px;height: 100%; } 
.respon_gp>div>ul>li {padding: 5px 0; } 
.respon_gp .left {position: static; } 
.respon_gp .right {position: static; } 
.board_page_skip ul {margin-top: 20px}
.respon_gp02 {width: 100%;height: 100%; } 
.respon_gp02>ul {height: 40px; } 
.respon_gp02 .right {position: static; } 
.input100 {width: 100%; } 
.pd0 {padding-left: 0 !important; } 

/* table */
.m_dp_n {display: none !important; } 
.typo_tb_list {margin-bottom: 20px; } 
.board_list table tbody td {padding: 8px 12px;font-size: 13px}
.board_list .txt_title {max-width: auto;white-space: normal; } 
.board_list table thead th:nth-child(2), .board_list table tbody td:nth-child(2) {border-left: none}
.board_detail .bo_head {padding: 5px 0 5px 0; } 
.board_detail .bo_head h2 {font-size: 20px;font-weight: bold;line-height: 1.39; } 
.board_detail .bo_head dl {font-size: 14px;margin: 5px 0 0 0;line-height: 1.85; } 
.board_detail .bo_head dl dt {clear: both;padding-left: 0; } 
.board_detail .bo_head dl dt:before {content: none; } 
.board_detail .bo_head dl dt:after {padding: 0 7px; } 
.board_detail .bo_head dl dd {padding-right: 0; } 
.board_detail .bo_file {padding: 6px 15px 10px;font-size: 14px; } 
.board_detail .bo_file li {padding-left: 0;margin: 6px 0; } 
.board_detail .bo_file li a {margin: 0;display: block; } 
.board_detail .bo_file li a span:after {margin-left: 6px;width: 15px;height: 12px;background-size: cover; } 
.board_detail .bo_file li a img {width: 19px;top: 0.21em; } 
ul:after, ol:after, dl:after {display: block;clear: both;content: ''; } 
.board_detail .bo_img {padding: 24px 0 35px; } 
.board_detail .bo_con {padding: 21px 0 32px;line-height: 1.4; } 
.board_detail .bo_util {border: 1px solid #dfdfdf;border-radius: 12px; } 
.board_detail .bo_util li {padding: 18px 20px 18px; } 
.board_detail .bo_util li strong {font-size: 15px;padding-left: 22px;background-position: left top 4px;margin-bottom: 2px;background-size: 15px auto; } 
.board_detail .bo_util li.tag a {font-size: 14px;line-height: 1.85;height: 1.85em;margin-right: 5px;border-radius: 0.925em; } 
.board_detail .bo_util li.link {padding-bottom: 17px; } 
.board_detail .bo_util li.link strong {margin-bottom: 5px; } 
.board_detail .bo_util li.link a {font-size: 14px; } 
.board_detail .bo_util li.link span {font-size: 14px;margin-top: 4px; } 
.board_detail .bo_pagination b, .board_detail .bo_pagination a span {line-height: 54px; } 
.board_detail .bo_pagination b {width: 95px;font-size: 15px; } 
.board_detail .bo_pagination b:before {width: 10px;background-size: 10px auto;margin-right: 8px; } 
.board_detail .bo_pagination a span {width: calc(100% - 160px);padding-left: 16px;padding-right: 35px; } 
.board_detail .bo_pagination a.prev b:before {background-position: center top 5px; } 
.board_detail .bo_pagination a.next b:before {background-position: center top 6px; } 
.group_area .edit_btn_r {position: absolute;top: 17px;right: 20px}
.board_edit {padding: 0 20px}
.edit_form_row {display: flex;flex-wrap: wrap; } 
.edit_form_row .edit_form_head {width: 30%;min-width: 110px; } 
.edit_form_row .edit_td_body {flex: none;width: 70%;padding-left: 10px; } 
.edit_form_row .edit_td_body02 {flex: none;width: 70%;padding-left: 10px; } 
.edit_form_row {display: 0;width: 100%; } 
.edit_td_body {padding-left: 0;border-left: none;border-right: none; } 
.edit_td_body02 {padding-left: 0;border-left: none;border-right: none;height: auto}
.w-100 {width: 100% !important; } 
.top_bd_st01 {border-top: #d7d7d7 solid 1px !important}
.respon_btn_list {width: 100%;position: static !important;right: auto}
.set_area {display: none; } 
.board_view_tb01 .bv_top .bv_category {border-bottom: 1px solid #d7d7d7;height: 85px; } 
/*게시글 qr없을 때(모바일)*/
.board_view_tb01 .bv_content .bvc_txt {padding-top: unset;padding-right: unset; } 
 }

@media ( min-width :420px) and (max-width:767px) {.dkutube_auto_ctrl>div {top: 73px !important; } 
.dkutube_circle_area {top: 70px; } 
.chgphone {width: 60px; } 
.chgemail {width: 210px; } 
.nm_row2 {min-height: 100px; } 
 }

@media ( min-width :412px) and (max-width:420px) {.calendar-bottom .schedule-body span:last-child {width: 265px; } 
 }

@media all and (max-width:420px) {.edit_form_row .edit_form_head, .edit_form_row .edit_td_body,
.edit_form_row .edit_td_body02 {width: 100%; } 
.edit_cont_wrap {border-top: none; } 
.inter>li {width: 85%; } 
.youtubeList_area {margin-top: 87px; } 
.thumbnailList_area {margin-top: 75px; } 
.thumnail_img {max-width: 280px; } 
.dkutube2_setting {margin-left: 183px; } 
.dkutube2_arrow_area>ul>li:first-child {left: 13px; } 
.dkutube2_arrow_area>ul>li:last-child {right: 13px; } 
.thumbnail_arrow_area>ul>li:first-child {left: 13px; } 
.thumbnail_arrow_area>ul>li:last-child {right: 10px; } 
 }

/*iPhone 12 pro*/
@media all and (max-width:390px) {.board_list_area>li {width: 350px; } 
.inter>li {width: 89%; } 
 }

@media ( min-width :390px) and (max-width:419px) {.dkutube_auto_ctrl>div {top: 73px !important; } 
.dkutube_circle_area {top: 70px; } 
.dkutube_arrow_area>ul>li:first-child {left: 13px; } 
.dkutube_arrow_area>ul>li:last-child {right: 13px; } 
.list_item>li:first-child {width: 240px !important; } 
.chgphone {width: 50px; } 
.chgemail {width: 180px; } 
.nm_row2 {min-height: 130px; } 
 }

@media ( min-width :390px) and (max-width:411px) {.calendar-bottom .schedule-body span:last-child {width: 240px; } 
.data_list_box03 {min-width: 310px; } 
 }

@media ( min-width :375px) and (max-width:389px) {.list_item>li:first-child {width: 235px !important; } 
.dkutube_auto_ctrl>div {top: 73px !important; } 
.dkutube_arrow_area>ul>li:first-child {left: 13px; } 
.dkutube_arrow_area>ul>li:last-child {right: 13px; } 
.dkutube_circle_area {top: 70px}
.calendar-bottom .schedule-body span:last-child {width: 230px; } 
.data_list_box03 {min-width: 220px; } 
.chgphone {width: 46px; } .search_menu_area ul.main_menu01 > li a:hover
.chgemail {width: 180px; } 
.nm_row2 {min-height: 130px; } 
 }

@media all and (max-width:375px) {/*고정영역 공지사항*/
.board_list_area>li {width: 342px; } 

/*오늘의 메뉴*/
.menu_area {width: 314px; } 

/*ptl009 - 강의시간표*/
.chart_nodata {width: 315px; } 

/*ptl029*/
#remarks_area {margin-top: 10px; } 
#chart_remarks li {margin-right: 3px !important; } 
#dScore_chart>div:nth-child(1)>canvas {width: 360px !important; } 
#dScore_chart {width: 400px !important;height: 285px; } 
.board_tab_area2.li02 {margin-top: 13px;margin-right: 1px; } 

/*ptl031 - DKU 학사 현황*/
.inter>li {width: 89%; } 
.bachelor_chart_area li {height: 50px;height: 50px;width: 280px;margin-left: 7px; } 
.bachelor_chart_area li div:first-child {width: 160px !important; } 
.bachelor_chart_area li:nth-child(1) div:first-child {width: 168px !important; } 

/*ptl038 - 마일리지 통장*/
#milege_chart>div {width: 150px !important; } 
#mCol_chart {width: 150px !important; } 
#mCol_chart>div {width: 150px !important; } 
.span_col {left: 42px !important; } 

/*ptl042 - 오늘의 식단*/
.menu_ctrl_area>ul>li {font-size: 14px; } 
.calendar-bottom .schedule-body span:last-child {width: 230px; } 
.data_list_box03 {min-width: 220px; } 
.chgphone {width: 46px; } 
.chgemail {width: 168px; } 
.nm_row2 {min-height: 130px; } 
 }
 
 @media all and (min-width:768px){ 
.sch_box.row{flex-direction:row;align-items:center;}
.sch_box.row .profile_box{flex:3;}
.sch_box.row .btn{width:50px;}
.sch_box.row .btn img{position:absolute;right:33px;top:-80px;}
.sch_box.row>ul{flex:4;}
.sch_box.row>ul>li{margin-bottom:20px;}
.sch_box.row>ul>li:last-child{margin-bottom:0;}
}