base_project/src/main/webapp/kccadrPb/adm/css/content_media.css
2025-09-08 16:31:40 +09:00

76 lines
2.9 KiB
CSS

@media all and (max-width:1700px){
.list.tbType01 .btnType01.btn_edit,.list.tbType01 .btnType01.btn_look_notice,.list.tbType01 .btnType01.btn_homepage{font-size: 15px; padding: 0 5px;}
}
@media all and (max-width:1600px){
/* list_top */
.list_util input{width: 220px;}
.list_util input[type="text"]{width: 220px}
.list_util input[type="checkbox"],.list_util input[type="radio"]{width: auto;}
.list_util .sel_date input[type="text"]{width: 130px}
.detail_search .check_wrap input,.detail_search .radio_wrap input{width: auto;}
.detail_search .check_wrap .sel_date input,.detail_search .radio_wrap .sel_date input{width: 150px;}
/* //list_top */
/* list */
.tbType01 tbody td p.status_cmp,.tbType01 tbody td p.status_ing{width: auto; padding: 6px 5px; font-size: 15px; text-overflow: unset;}
.list.tbType01 .btnType01.btn_edit,.list.tbType01 .btnType01.btn_look_notice,.list.tbType01 .btnType01.btn_homepage{font-size: 14px;}
/* //list */
.time_input{width: 80px;}
.sel_date input{width: 130px;}
/* 결재 진행 상태 */
.pgr_box{width: calc((100% - 200px)/4);}
/* //결재 진행 상태 */
}
@media all and (max-width: 1400px){
/* list_top */
.list_util select{font-size: 15px; width: 130px;}
.list_util input[type="text"]{width: 170px;}
.list_util input::placeholder{font-size: 15px;}
.list_util .sel_date input{width: 120px; font-size: 16px;}
.detail_search .check_wrap span, .detail_search .radio_wrap span{margin-right: 20px;}
.detail_search .check_wrap .sel_date input,.detail_search .radio_wrap .sel_date input{width: 125px;}
.detail_search .check_wrap .sel_date, .detail_search .radio_wrap .sel_date{margin-left: -10px;}
.detail_search .btn_search{padding: 0 10px; width: 70px;}
/* //list_top */
/* list */
.tbType01 thead th,.tbType01 tbody td{font-size: 15px; font-weight: 400;}
.tbType01 tbody td p, .tbType01 tbody td a{width: 99%;}
.tbType01 tbody td p.status_cmp,.tbType01 tbody td p.status_ing{font-size: 14px; padding: 6px 2px;}
.list.tbType01 .btnType01.btn_edit,.list.tbType01 .btnType01.btn_look_notice,.list.tbType01 .btnType01.btn_homepage{width: 95%; margin: 2.5px 0}
.list.tbType01 .btnType01.btn_edit{margin-top: 5px}
.list.tbType01 .btnType01.btn_homepage{margin-bottom: 5px}
/* //list */
/* 갤러리 리스트 */
.list_gallery article{width: calc((100% - 60px)/3); margin-right: 23px; margin-bottom: 23px;}
.list_gallery article:nth-child(3n){margin-right: 0;}
.list_gallery article:nth-child(4n){margin-right: 23px;}
/* //갤러리 리스트 */
.adj_select{width: 150px;}
}
@media all and (max-width:1300px){
.cont_wrap{padding: 36px 20px 80px 20px;}
/* 리스트 상세 버튼 */
.btn_layout01 .area_left{width: 50%;}
/* //리스트 상세 버튼 */
}
/* 익스플로어 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 1400px){
/* list_top */
.list_util input:-ms-input-placeholder{font-size: 16px;}
/* //list_top */
}