@charset "utf-8";

.mt60{margin-top:60px;}

/*================================================= 게시판 =================================================*/
.show1000{display:none;}

/* table 기본 스타일 */
.program_table table{width:100%; border-top:2px solid #888; table-layout:fixed;}
.program_table table tr{border-bottom:1px solid #e1e3e4; font-size:0; text-align:center;}
.program_table table tr th{height:45px; padding:0 10px; font-size:14px; color:#001e26; font-weight:bold; line-height:1.4; background:#f9f8f8;}
.program_table table tr td{/* height:45px; */ font-size:14px; padding:12px 10px; color:#383838; text-align:center; line-height:1.3;}
.program_table table tr td.tit{text-align:left;}
.program_table table tr td img{vertical-align:middle;}
.program_table table tr td p{display:inline-block; width:100%; line-height:1.45; /*text-overflow:ellipsis; overflow:hidden; white-space:nowrap;*/}
.program_table table tr td .consult_on{display:none;}

.titCenter_table table tr td.tit{text-align:center;}

/* .program_table table tr td.icon_on p{width:calc(100% - 45px);} */
.program_table table tr td .noticeIcon{margin-right:10px;}
.program_table table tr td .newIcon{margin-left:10px;}
.program_table table tr td .answer_icon{margin-left:20px;}
.program_table table tr td .answer_icon img{margin-right:10px; vertical-align:middle;}
.program_table table tr td .answer_icon2{margin-left:35px;}
.program_table table tr td .answer_icon2 img{margin-right:10px; vertical-align:middle;}
.program_table table tr td .wait{display:inline-block; padding:3px 5px; color:#fff; background:#777;}
.program_table table tr td .answer{display:inline-block; padding:3px 5px; color:#fff; background:#333;}
.program_table table tr td .open{display:inline-block; padding:3px 5px; color:#fff; background:#0063e9;}
.program_table table tr td .closed{display:inline-block; padding:3px 5px; color:#fff; background:#f3000b;}
.program_table table tr td .hit{display:none;}
.program_table table tr td .rep_txt{color:#f60029; font-weight:bold;}

.program_table table tr td .kakao_span{display:inline-block; width:70px; height:35px; line-height:33px; border:1px solid #9f9f9f; color:#9f9f9f;}
.program_table table tr td .kakao_span.on{color:#333; border-color:#333;}

.program_table table .w70{width:70px;}
.program_table table .w80{width:80px;}
.program_table table .w90{width:90px;}
.program_table table .w100{width:100px;}
.program_table table .w110{width:110px;}
.program_table table .w130{width:130px;}


.write_btn{overflow:hidden; font-size:0; text-align:center; margin-top:40px;}
.write_btn dt{float:left;}
.write_btn dt a{display:inline-block; width:80px; height:40px; line-height:40px; font-size:12px; color:#fff; background:#b7b7b7;}
.write_btn dt a:first-of-type{margin-right:5px;}
.write_btn dd{float:right;}
.write_btn dd a{display:inline-block; width:130px; height:40px; line-height:40px; font-size:12px; color:#fff; background:#5b5b5b;}
.write_index{text-align:center;}
.write_index dd{float:none; display:inline-block;}

.program_search{text-align:center; font-size:0; margin-top:30px;}
.program_search select{width:120px; height:32px; padding:0 10px; font-size:14px; color:#666; margin-right:10px; text-align:center; text-align-last: center; border-color:#dedede; vertical-align:middle;}
.program_search input[type="text"]{width:300px; height:32px; border:1px solid #dedede; border-right:0; font-size:14px; padding:0 20px; vertical-align:middle; box-sizing:border-box;}
.program_search a{vertical-align:middle; display:inline-block; width:65px; height:32px; font-size:14px; color:#fefefe; background:#282828; border:1px solid #dadada; box-sizing:border-box; text-align:center; line-height:30px;}


/* 페이저 */
.programPage {margin:20px auto 60px;text-align:center; font-size:0;}
.programPage > a{display:inline-block; width:38px; height:38px; line-height:38px; font-size:14px; background:#fff; color:#666; vertical-align:middle; border:1px solid #dadada; border-left:0; box-sizing:border-box;}
.programPage > a img{margin-top:13.5px;}
.programPage > a.page_first{border-left:1px solid #dadada;}
.programPage > a.page_prev{border:0; width:43px; margin-right:24px;}
.programPage > a.page_next{border:0; width:43px; margin-left:24px;}
.programPage > a:hover{background:#e5e5e5; font-weight:bold;}
.programPage > a.active{background:#000; font-weight:bold;}
.programPage > a.page_prev:hover, .programPage a.page_next:hover{background:inherit;}

.mo_programPage{height:50px; line-height:50px; text-align:center; background:#e5e5e5; margin-top:30px; display:none;}
.mo_programPage a{display:block; width:100%; height:100%; font-size:16px; color:#454545;}
.mo_programPage a span{font-size:14px; padding-left:18px;}

/* read */
.readTop{width:calc(100% - 40px); border-top:2px solid #888; border-bottom:1px solid #c4c7ca; padding:30px 20px;}
.readTop .imgTitle{font-size:18px; color:#454545; line-height:1.5; font-weight:bold; margin-top:15px;}
.readTop .imgTitle_sub{font-size:12px; color:#90929a;}
.readTop .imgTitle_sub .auth{font-size:14px;}
.readEdit{width:calc(100% - 40px); padding:0 20px; margin:40px 0; overflow:hidden; position:relative;}
.readEdit > img {display:block; margin:0 auto; max-width:100%;}

.readAnswer .answer_tit{text-align:center; width:100%; height:30px; line-height:30px; font-size:14px; color:#fff; background:#4a4a4a; border-top:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7;}
.readAnswer .answer_txt{width:calc(100% - 40px); padding:25px 20px; line-height:1.4; font-size:14px; color:#676767;}

.readBottom table{width:100%; border-top:1px solid #c4c7ca; border-bottom:1px solid #c4c7ca;}
.readBottom_col01{width:150px;}
.readBottom table tr{border-bottom:1px solid #e5e5e5;}
.readBottom table tr:last-of-type{border-bottom:0;}
.readBottom table tr th{height:40px; color:#999; font-weight:normal; background:#fcfcfc;}
.readBottom table tr td{height:40px; padding:0 30px; color:#999;}
.readBottom table tr th img{margin-left:10px; vertical-align:middle;}
.readBottom_btn{overflow:hidden; font-size:0; text-align:center; margin-top:40px;}
.readBottom_btn dt{float:left;}
.readBottom_btn dt a{display:inline-block; width:80px; height:40px; line-height:40px; font-size:12px; color:#fff; background:#b7b7b7;}
.readBottom_btn dt a:first-of-type{margin-right:5px;}
.readBottom_btn dd{float:right;}
.readBottom_btn dd a{display:inline-block; width:130px; height:40px; line-height:40px; font-size:12px; color:#fff; background:#5b5b5b;}


/*================================================= 디에이 프로그램 커스텀 =================================================*/

/* body{overflow-y:hidden;} */


/* 학술활동 */
.education_li{overflow:hidden; padding:0 3.125%; margin-top:2%;}
.education_li li{float:left; width:calc(50% - 10px); padding:6% 0; padding-right:20px; border-bottom:1px solid #ddd;}
.education_li li:nth-of-type(2n){padding-right:0;}
.education_li li a{display:block; width:100%; height:100%;}
.education_li li .img_wrap{padding:0.7% 2.76% 3.45%; box-sizing:border-box; background:url("/img/education_bg.png") center top no-repeat; background-size:cover;}
.education_li li .img_wrap img{width:100%; margin-top:1px;}
.education_li li .txt_wrap{margin-top:10%; text-align:center;}
.education_li li .txt_wrap .year{font-size:3vw; color:#a5a5a5;}
.education_li li .txt_wrap .tit{font-size:3.5vw; color:#1b1b1b; font-weight:200; line-height:1.3; margin:3.1% 0;}
.education_li li .txt_wrap .name{font-size:3.5vw; color:#1b1b1b; font-weight:200;}

/* pager */
.daProgram .programPage{position:relative;}
.daProgram .programPage > a {width:32px; height:32px;font-size:13px;line-height:32px;color:#555;font-weight:400; margin-right:12px; border:1px solid #ddd; background:inherit; vertical-align:middle;}
.daProgram .programPage > a:last-of-type {margin-right:0;}
.daProgram .programPage > a img {height:20px; margin-top:2.5px;}
.daProgram .programPage > a.page_prev,
.daProgram .programPage > a.page_next {border:0; height:32px;}
.daProgram .programPage > a.page_prev {margin-right:12px;}
.daProgram .programPage > a.page_next {margin-left:0;}
.daProgram .programPage > a.active{background:#e68a9b;border:1px solid #e68a9b; font-weight:600; color:#fefefe;}
.daProgram .programPage a.page_prev, .daProgram .programPage a.page_next{background:inherit;}
.daProgram .programPage a.page_prev:hover, .daProgram .programPage a.page_next:hover{background:inherit;}


/* 수술후기 */
.review01{text-align:center;}
.review01 div .review01_tit{width:48.594%;}
.review01_slide{position:relative; margin-bottom:9.38%;}
.review01_slide .bx-wrapper{max-width:100% !important; width:100%;}
.review01_slide .bx-viewport{width:70% !important; padding:0 15%;}
.review01 div ul{overflow:hidden; width: 526% !important;}
.review01 div ul li{margin-right:1.3%; border:1px solid #dbdbdb; box-sizing:border-box; position:relative;}
.review01 div ul li:last-of-type{margin-right:0;}
.review01 div ul li a{display:block; width:100%; height:100%;}
.review01 div ul li a > img{width:100%; height:230px; margin-bottom:7.7%;}
.review01 div ul li p{font-size:5vw; color:#1f1f1f; padding:0 6%; margin-bottom:35%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.review01 .review01_banner{width:100%; margin-bottom:4.688%;}
.review01 .day_wrap{width:100%; position:absolute; bottom:6.5%; left:0;}
.review01 .day_wrap > img{width:12.614%;}
.review01 .day_wrap span{display:block; font-size:2.65vw; color:#626262; font-weight:300; margin-top:3.604%;}
.review01 div ul li.active{border:5px solid #f93e5f;}
.review01 div ul li.active p{color:#f93e5f;}
.review01 div ul li.active .day_wrap{bottom:calc(6.5% - 5px);}
.review01 .review01_control{width:100%; position:absolute; top:45%; left:0;}
.review01 .review01_control span{display:inline-block; position:absolute; width:7.97%;}
.review01 .review01_control .review01_left {left:3.75%;}
.review01 .review01_control .review01_right {right:3.75%;}
.review01 .review01_control span a{display:block; width:100%; height:100%; font-size:0;}
.review01 .review01_control span img{width:100%;}
.review02.con1400{margin:9.38% 3.125% 6.3%;}
.review02 dl{font-size:0; padding:1.667% 1.667% 5%; margin-bottom:3.334%; box-sizing:border-box; background:#f5f5f5; border:1px solid #ebebeb;}
.review02 dl:last-of-type{margin-bottom:0;}
.review02 dl dd{margin-bottom:4.5%;}
.review02 dl dd img{width:100%;}
.review02 dl dt{padding:0 3.461%;}
.review02 dl dt .new{display:inline-block; font-size:1.75vw; color:#f93e5f; font-weight:700; letter-spacing:0.3em; margin-bottom:3.72%;}
.review02 dl dt .tit{font-size:3.64vw; color:#1b1b1b; margin-bottom:4.65%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.review02 dl dt .txt{font-size:2.6vw; color:#1b1b1b; font-weight:300; line-height:1.4; margin-bottom:4.65%;}
.review02 dl dt .day{font-size:2.13vw; color:#333; letter-spacing:0;}
.review02 dl dt .day span{padding:0 4%; color:#dbdbdb;}
.review02 dl dt .day strong{color:#989898; font-weight:normal; padding-right:1.302%;}
.reviewCon .programPage{margin:40px auto 0;}
.subCon.daProgram > div > .daWrite{width:100%; position:absolute; top:-40px; left:0;}
.daWrite a{position:absolute; top:0; right:0; display:block; width:130px; height:50px; line-height:50px; font-size:18px; background:#1e1e1e; color:#fefefe; font-weight:200;}


/* program_search */
.daProgram .program_search{margin-top:30px;}
.daProgram .program_search select{width:80px; height:28px; font-size:13px; color:#878787; text-align:left; text-align-last:left; font-weight:300; margin-right:5px;}
.daProgram .program_search input[type="text"]{width:130px; height:28px; font-size:13px;}
.daProgram .program_search a{width:55px; height:28px; line-height:26px; font-size:14px; background:#878787; border:1px solid #878787; font-weight:200;}
.daProgram .writeForm_btn a:first-of-type{background:#1b1b1b;}


/* 모리텔 */
.moritelCon{margin:0; padding-bottom:60px; overflow:hidden;}
.moritel_con{overflow:hidden;}
.moritel_li{overflow:hidden; padding:0 3.125%;}
.moritel_li li{float:left; width:calc(50% - 7.5px); margin:0 15px 30px 0; text-align:left;}
.moritel_li li:nth-of-type(2n){margin-right:0;}
.moritel_li li a{display:block; width:100%; height:100%;}
.moritel_li li img{width:100%;}
.moritel_li li .txt_id{font-size:14px; color:#1e1e1e; font-weight:300; margin-top:15px;}
.moritel_li li .txt_id strong{display:inline-block; font-weight:normal;}
.moritel_li li .txt_id span{display:inline-block; color:#fff; font-weight:500; padding:4px 3px; margin-left:10px; background:#f93e5f;}
.moritel_li li .tit{font-size:14px; color:#f93e5f; font-weight:500; margin:15px 0 12px;}
.moritel_li li .tit span{font-size:9px; padding-left:5px; vertical-align:middle;}
.moritel_li li .txt{font-size:12px; color:#221715; font-weight:500; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; /* line-height:1.5; */}
.moritelCon .programPage{margin:0 auto;}
.moritel_popWrap{width:100%; position:absolute; top:0; left:0; z-index:9999; display:none;}
.moritel_popWrap .black_bg{width:100%; height:100%; position:fixed; top:0; left:0; background:#000; opacity:0.7;}
.moritel_pop{position:absolute; top:100px; left:5%; background:#fff; padding:20px 0; box-sizing:border-box; display:none;}
.moritel_pop .moritel_pop_x{width:40px; position:absolute; top:-20px; right:-20px; cursor:pointer;}
.moritel_read{width:90%;}
.moritel_read > div{padding:5% 3.334%; box-sizing:border-box;}
.moritel_read .con img{width:100%;} 
.moritel_read .con .moritel_imgWrap{font-size:0; margin-top:5%; text-align:center;}
.moritel_read .con .moritel_imgWrap a{display:inline-block; width:5%; vertical-align:middle;}
.moritel_read .con .moritel_imgWrap a:first-of-type{margin-right:2%;}
.moritel_read .con .moritel_imgWrap a:last-of-type{margin-left:2%;}
.moritel_read .con .moritel_imgWrap .moritel_img{display:inline-block; width:86%; vertical-align:middle;}
.moritel_read .con .moritel_imgWrap > img{width:100%;}
.moritel_login{padding:10% 3.125%;}
.moritel_login > dl > dt{margin-bottom:8%;}
.moritel_login > dl > dt > img{width:85%;}
.moritel_login > dl > dt .login_sns{font-size:0; margin-top:10%;}
.moritel_login > dl > dt .login_sns a{display:inline-block; width:calc(50% - 5px); margin:0 10px 10px 0 ;}
.moritel_login > dl > dt .login_sns a:nth-of-type(2n){margin-right:0;}
.moritel_login > dl > dt .login_sns a a{margin:0; width:100%;}
.moritel_login > dl > dt .login_sns a img{width:100%;}
.moritel_login > dl > dd{text-align:right;}
.moritel_login > dl > dd .login_monitor_img{position:relative;}
.moritel_login > dl > dd .login_monitor_img > img{width:80%;}
.login_monitor_img .login_monitor_video{width:58.5%; position:absolute; top:3.8%; left:22.39%;}
.login_monitor_img .login_monitor_video img{width:100%; position:absolute; top:0; left:0;}
.moritel_login p{padding:3.334% 0; border-top:1px solid #e1e1e1; overflow:hidden;}
.moritel_login p:first-of-type{margin-top:0;}
.moritel_login p:last-of-type{padding-bottom:0;}
.moritel_login p > span{display:inline-block; font-size:3.6vw; color:#9b9b9b; margin-top:3%; padding-left:2.35%; background:url("/img/login_pDot.png") left center no-repeat; background-size:2.2% auto;}
.moritel_login p > span span{color:#525252;}
.moritel_login p a{float:right; display:block; width:37%;}
.moritel_login p a img{width:100%;}
.da_login_wrap{margin-top:28px; display:none;}
.da_login_wrap dl{overflow:hidden; padding:7px 0; border:1px solid #dedede; box-sizing:border-box;}
.da_login_wrap dl:last-of-type{margin-top:10px;}
.da_login_wrap dl dt{float:left; width:60px; height:30px; padding:0 18px; border-right:1px solid #dedede; box-sizing:border-box;}
.da_login_wrap dl dt img{margin-top:2.5px;}
.da_login_wrap dl dd{float:left; width:calc(100% - 60px);}
.da_login_wrap dl dd input{width:calc(100% - 40px); height:30px; margin:0 20px; font-size:14px; border:0;}
.da_login_wrap .login_btn{display:block; height:50px; line-height:50px; color:#fff; font-size:18px; font-weight:bold; background:#f93e5f; margin-top:20px; text-align:center;}


/* DA Selfie-리스트페이지 jse */
.selfie_list ul {overflow:hidden;width:100%;display:flex;flex-wrap:wrap;gap:10px;padding:0 10px;box-sizing:border-box;}
.selfie_list ul li {width:calc((100% - 10px)/2);}
.selfie_list li a {display:block;}
.selfie_list li .thum {border-radius:10px;overflow:hidden;}
.selfie_list li .thum img {width:100%;height:auto;}
.selfie_list li .title {display:inline-block;margin:7px 0;padding:0 5px;box-sizing:border-box;font-weight:500;font-size:0.9rem;line-height:1.1;color:#666;word-break:break-word;}

/* DA Selfie-뷰페이지 jse */
.selfie_view {padding:40px 10px;background:#f4f4f4;}
.selfie_view .content {width:100%;background:#fff;margin:0 0 18px;border-radius:15px;overflow:hidden;border:1px solid #f5f0e8;box-shadow:0 5px 10px rgb(0 0 0 / 7%);}
.selfie_view .info {padding:15px 0;text-align:left;border-bottom:1px solid #efefef;margin:0 15px 15px;}
.selfie_view .info .tit {font-weight:500;font-size:1rem;line-height:1.2;color:#666;}
.selfie_view .view {font-size:16px;line-height:1;color:#999;padding:0 15px 15px;}
.selfie_view .view .tit_period {display:inline-block;padding:3px 7px;background:#e592a1;font-weight:600;color:#fff;}
.selfie_view .btn_list {display:block;width:30%;padding:13px 0;background:#e794a4;border-radius:5px;color:#fff;font-size:0.9rem;line-height:1;text-align:center;font-weight:500;letter-spacing:0;margin:0 auto;}


/* 모델스토리 */
.daProgram.modelstoryCon{background:#131313; overflow:hidden; padding:0 0 3.125%; margin:0 0 8%;}
.modelstory01{position:relative; padding:10px;}
.modelstory01 img{width:100%;}
.modelstory01 a{position: absolute; width: 32.3%; height: 32.2%; display: block; background: rgba(0,0,0,0);}
.modelstory01 a.modelLink01{top: 1.6%; left: 1.5%;}
.modelstory01 a.modelLink02{top: 1.6%; left: 33.8%;}
.modelstory01 a.modelLink03{top: 33.8%; left: 33.8%;}
.modelstory01 a.modelLink04{top: 66%; left: 1.5%;}
.modelstory02{padding:0 3.125%;}
.modelstory02 .modelstory02_tit img{width:100%;}
.modelstory02 ul{overflow:hidden;}
.modelstory02 ul li{float:left; width:calc(50% - 5px); margin:0 10px 10px 0; position:relative;}
.modelstory02 ul li:nth-of-type(2n){margin-right:0;}
.modelstory02 ul li a{display:block; width:100%; height:100%;}
.modelstory02 ul li a img{width:100%;}
.modelstory02_more{position:relative}
.modelstory02_more img{width:100%;}
.modelstory02_more div{width:100%; position:absolute; bottom:8.15%; left:0; text-align:center;}
.modelstory02_more div img{width:25.167%;}
.modelstoryCon{margin:0 0 8%;}
.modelstoryCon02 .programPage{margin-top:30px;}

.notice_tab{margin-top:10%; text-align:center;}
.notice_tab a{display:inline-block; width:29.375%; vertical-align:middle; margin-right:10%;}
.notice_tab a:last-of-type{width:17.032%; margin-right:0;}
.notice_tab a img{width:100%;}
.notice_tab a.on{border-bottom:3px solid #fff;}
.notice_tab a.on img{margin-bottom:-2px;}
.notice_li{overflow:hidden; text-align:center; padding:0 3.125%;}
.notice_li li{float:left; width:calc(50% - 7.5px); margin:0 15px 30px 0; background:#272727; box-sizing:border-box; position:relative;}
.notice_li li:nth-of-type(2n){margin-right:0;}
.notice_li li a{display:block; width:100%; height:100%;}
.notice_li li a > img{width:100%; margin-bottom:7.7%;}
.notice_li li p{font-size:4.53vw; color:#fff; padding:0 6%;  margin-bottom:47%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.notice_li .review01_banner{margin-bottom:-87px;}
.notice_li .day_wrap{width:100%; position:absolute; bottom:6.5%; left:0;}
.notice_li .day_wrap > img{width:19.682%;}
.notice_li .day_wrap span{display:block; font-size:2.65vw; color:#828282; font-weight:300; margin-top:3.604%;}


/* 방송출연 */
.broadcast_li{overflow:hidden; padding:0 3.125%;}
.broadcast_li li{float:left; width:calc(50% - 7.5px); margin:0 15px 30px 0; border-bottom:1px solid #dbdbdb; padding-bottom:4%;}
.broadcast_li li:nth-of-type(2n){margin-right:0;}
.broadcast_li li a{display:block; width:100%; height:100%;}
.broadcast_li li img{width:100%;}
.broadcast_li li span{display:block; font-size:12px; color:#f93e5f; font-weight:300; margin-top:18px;}
.broadcast_li li .tit{font-size:17px; color:#1f1f1f; margin:15px 0 20px;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.broadcast_li li .txt{min-height:120px; font-size:16px; color:#1b1b1b; font-weight:200; line-height:25px;}
.broadcast_li li .day{font-size:15px; color:#979797;}
.broadcastCon{margin-top:8%}
.broadcastCon .programPage{margin-top:25px;}
.pd015 {padding:0 15px;}



/* 디에이스타 */
.tit_dastar {font-family:Noto Sans KR;text-align:center;padding:0 0 30px;letter-spacing:-0.025em;}
.tit_dastar p {font-size:15px;line-height:1;font-weight:600;color:#747474;padding-bottom:7px;}
.tit_dastar h2 {font-size:30px;line-height:1;color:#000;text-align:center;font-weight:700;}
.dastarCon .banner_01 {text-align:center; margin:0 auto 40px;}
.dastarCon .banner_01 img {width:100%;}
.dastar02 {overflow:hidden; margin: 0 auto;}
.dastar02 .dastar02_li li {float: left; width: calc(50% - 7.5px); margin: 0 15px 30px 0; border: 1px solid #dbdbdb; box-sizing: border-box; position: relative; text-align:center;}
.dastar02 .dastar02_li li:nth-of-type(2n){margin-right:0;}
.dastar02 .dastar02_li li a{display:block; width:100%; height:100%;}
.dastar02 .dastar02_li li a > img {width: 100%;margin-bottom:0;}
.dastar02 .dastar02_li li p {font-size:16px; line-height:24px; margin-top:5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;padding:0;font-weight:600;letter-spacing:-0.05em;color:#000;}
.dastar02 .dastar02_li .desc {margin-top:-20px; padding:0 10px 15px;}
.dastar02 .dastar02_li .day_wrap{width:100%; bottom:37px; left:0;position:initial;}
.dastar02 .dastar02_li .day_wrap img {width:40px;}
.dastar02 .dastar02_li .day_wrap span {display:block; font-size:14px; color:#626262; font-weight:300; margin-top:5px;}

/* 디에이TV */
.datvCon{text-align:center;}
.datv_tab{margin-top:10%; margin-bottom: 15px;}
.datv_tab a{display:inline-block; width:34.992%; vertical-align:middle; margin-right:10%;}
.datv_tab a:last-of-type{width:30.82%; margin-right:0;}
.datv_tab a img{width:100%;}
.datv_tab a.on{border-bottom:3px solid #292929;}
.datv_tab a.on img{margin-bottom:-2px;}
.datv_video{margin-bottom:8%;}
.datv_video p{font-size:5vw; color:#1f1f1f; margin:8% 0 5%; line-height:35px;}
.datv_video img{width:26.563%;}
.datv_pager{padding:10% 3.125% 7%; background:#2a2a2a;}
.datv_pager ul{overflow:hidden;}
.datv_pager ul li{float:left; width:calc(50% - 10px); margin:0 20px 20px 0; position:relative;}
.datv_pager ul li:nth-of-type(2n){margin-right:0;}
.datv_pager ul li > img{width:100%;}
.datv_pager ul li .datv_pager_over{width:100%; height:100%; background:rgba(0, 0, 0, 0.85); position:absolute; top:0; left:0; display:none;}
.datv_pager ul li .datv_pager_over.on{display:block;}
.datv_pager ul li .datv_pager_over img{width:21.38%; position:absolute; top:50%; left:50%; margin:-10.69% 0 0 -10.69%;}




/* read 파일첨부 */
.urlFile{margin-top:30px;}
.urlFile dl{overflow:hidden; margin-bottom:15px;}
.urlFile dl:last-of-type{margin-bottom:0;}
.urlFile dl dt{float:left; width:30px;}
.urlFile dl dd{float:left; width:calc(100% - 30px);height:15px;}
.urlFile dl dd a:link{color:inherit;}


/* 게시판 */
.board_wrap {width:93.75%; max-width:600px; margin:0 auto; margin-top:50px;}
.search_box{font-size:0;}
.search_box select {width:80px; height:35px; border:1px solid #dadada; font-size:14px; padding:5px; vertical-align:middle;}
.search_box input {width:calc(100% - 160px); height:35px; border:1px solid #dadada; font-size:14px; padding:0 5px; box-sizing:border-box; vertical-align:middle;}
.search_box .search_btn {width:80px; height:35px; background:#282828; display:inline-block; vertical-align:middle;}
.search_box .search_btn a {display:block; line-height:35px; text-align:center; color:#fefefe; font-size:14px;}
.board_info {display:inline-block; width:100%;}
.board_info .icon {margin-right:10px;}
.board_info .tit {font-weight:600;font-size:14px;line-height:1.2;color:#666;padding:20px 0 0;text-align:center;}
.board_info .branch {display:inline-block;}
.board_info .icon {display:inline-block; vertical-align:middle;}
.board_info .date {display:inline-block;}
.board_info .hit {display:inline-block;}
.regist_txt {font-size:14px; color:#444; margin-bottom:20px;}
.list_board {margin-top:40px;}
.list_board dl:first-of-type {border-top:2px solid #888;}
.list_board dl {padding:20px 0; overflow:hidden; border-bottom:1px solid #c4c7ca; position:relative;}
.list_board dl.photo_list dt {width:170px; height:127px; border:1px solid #e2e4e5; background:#f5f5f5; float:left; margin-right:20px; }
.list_board dl.photo_list dd {float:left; width:400px; padding-top:5px;}
.list_board dl dd .board_con {width:calc(100% - 120px); display:inline-block; clear:both; line-height:normal; padding-top:15px; color:#555; font-size:14px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.bottom_btn {clear:both; width:93.75%; max-width:600px; height:45px; margin:30px auto;}
.bottom_btn a {display:block;width:30%;padding:13px 0;background:#e794a4;border-radius:5px;color:#fff;font-size:0.9rem;line-height:1;text-align:center;font-weight:500;letter-spacing:0;margin:0 auto;}


/* 온라인 상담 */
.list_board dl:first-of-type {border-top:2px solid #888;}
.list_board dl {padding:40px 0; overflow:hidden; border-bottom:1px solid #c4c7ca; position:relative;}
.list_board dl dd .btn {position:absolute; width:78px; height:115px; top:50%; margin-top:-57.5px; right:20px;}
.list_board dl dd .btn p {width:78px; height:53px; margin-bottom:5px;}
.list_board dl dd .btn p:last-child {margin-bottom:0;}
.list_board dl dd .btn p.ans {border:1px solid #333;}
.list_board dl dd .btn p.secret {border:1px solid #f3000b;}
.list_board dl dd .btn p.secret a {color:#f3000b;}
.list_board dl dd .btn p.open {border:1px solid #0063e9;}
.list_board dl dd .btn p.open a {color:#0063e9;}
.list_board dl dd .btn p.wait {border:1px solid #a0a0a0;}
.list_board dl dd .btn p.wait a {color:#a0a0a0;}
.list_board dl dd .btn p a {display:block; line-height:53px; text-align:center;}

/* 온라인 상담 read */
.consult_con .answer {width:600px; height:40px; background:#4a4a4a; margin-top:30px; line-height:40px; text-align:center; font-size:18px; color:#fff;}
.consult_con .ans_txt {margin-top:20px; line-height:26px; font-size:18px; color:#666;}
.consult_con .ans_txt span {position: relative; top:0; left:0; display:inline-block; width:100%; height:100%; font-weight:300;}
.comment_box {padding:20px 0 0 20px; margin-top:25px; position:relative; width:580px; height:182px; border-top:1px solid #c4c7ca; border-bottom:1px solid #c4c7ca; background:#f6f6f6;}
.comment_box input[type="text"] {width:118px; height:38px; border:1px solid #e5e5e5; background:#fff; margin-left:10px;}
.comment_box input[type="password"] {width:118px; height:38px; border:1px solid #e5e5e5; background:#fff; margin-left:10px;}
.comment_box p label {color:#444; font-weight:bold; }
.comment_box .pswd {margin-left:15px;}
.comment_box .name, .comment_box .pswd {float:left;}
.comment_box .name span, .comment_box .pswd span{color:#f13e8a; display:inline-block; margin-right:5px;}
.comment_box textarea {width:468px; height:101px; border:1px solid #e5e5e5; background:#fff; margin-top:10px;}
.comment_box .btn {position:absolute; top:70px; right:20px;}
.comment_box .btn p {width:80px; height:50px; margin-bottom:3px;}
.comment_box .btn p:last-child {margin-bottom:0;}
.comment_box .btn p.regist {background:#a9a9a9;}
.comment_box .btn p.regist a {display:block; color:#fff; text-align:center; line-height:50px;}
.comment_box .btn p.view {background:#5b5b5b;}
.comment_box .btn p.view a {display:block; color:#fff; text-align:center; line-height:50px;}
.comment_list {}
.comment_list dl {position:relative; border-bottom:1px solid #e5e5e5; padding:30px 0;}
.comment_list dl:last-child {border-bottom:0;}
.comment_list dl dt .name {font-size:18px; color:#1a1a1a; font-weight:bold;}
.comment_list dl dt .date {color:#a5a5a5; font-size:18px; display:inline-block; margin-left:30px;}
.comment_list dl dd {margin-top:13px; color:#747474; font-size:20px;}
.comment_list dl dd .delete {position:absolute; top:46px; right:13px; font-size:18px; color:#999;}
.comment_list dl dd .delete img {vertical-align:middle; margin-right:12px;}
.consult_con .txt_list {margin:0;}
.btn_wrap {margin-top:40px;}
.btn_wrap p {width:100px; height:60px; display:inline-block;}
.btn_wrap p a {font-size:18px; text-align:center; display:block; color:#fff; line-height:60px;}
.btn_wrap .modify {background:#b7b7b7;}
.btn_wrap .delete {background:#b7b7b7;}
.btn_wrap .list {width:191px; background:#5b5b5b; float:right;}
.btn_wrap .write {width:130px; background:#282828; float:right;}

.writeForm{margin-top:60px; text-align:left;}
.writeForm table{width:100%;}
.writeForm table tr{font-size:0;}
.writeForm table tr th{height:30px; line-height:30px; font-size:14px; color:#666; font-weight:normal;}
.writeForm table tr td{padding-bottom:10px; color:#999;}
.writeForm table tr td input[type="text"]{height:43px; border:1px solid #dedede; font-size:14px; padding:0 20px;}
.writeForm table tr td input[type="password"]{height:43px; border:1px solid #dedede; font-size:14px; padding:0 20px;}
.writeForm table tr td .inputNum:first-of-type{margin-right:10px;}
.writeForm table tr td .inputTit{width:calc(100% - 42px);}
.writeForm table tr td select{border:1px solid #dedede; width:140px; height:43px; padding:0 10px; font-size:14px; color:#666; margin-right:10px; text-align:center; text-align-last: center;}
.writeForm table tr td select.selecEmail{width:600px;}
.writeForm table tr td select option{text-align:center;}
.writeForm table tr td span{margin:0 10px; font-size:18px; color:#999;}
.writeForm table tr td span.label{font-size:14px;}
.writeForm table tr td textarea{border:1px solid #dedede; width:calc(100% - 32px); height:268px; padding:15px; margin:13px 0; resize:none; font-size:14px;}
.writeForm table tr td input{text-align:left;}
.writeForm table tr td input#name{width:100%;}
.writeForm table tr td input#interest{width:100%;}
.writeForm table tr td input#title{width:80%;}
.writeForm table tr td.pswd input{width:100%;}
.writeForm_btn{text-align:center; margin-top:60px; font-size:0;}
.writeForm_btn a{display:inline-block; width:180px; height:50px; line-height:50px; color:#fff; background:#000; font-size:14px;}
.writeForm_btn a:last-of-type{background:#b7b7b7; margin-left:10px;}
.writeForm table tr td a.id_ch{display:inline-block; width:140px; height:45px; line-height:45px; font-size:14px; color:#fff; background:#b7b7b7; margin-left:10px; text-align:center; vertical-align:middle;}
.writeForm table tr td a.zip_ch{display:inline-block; width:140px; height:45px; line-height:45px; font-size:14px; color:#fff; background:#b7b7b7; margin-left:10px; text-align:center; vertical-align:middle;}
.writeForm table tr td .inputPass{width:calc(30% - 40px);}
.writeForm table tr td span.password_ch{font-size:14px; color:#666; margin:0 60px 0 40px;}
.writeForm table tr td.addr_td{padding:13px 0;}
.writeForm table tr td.editor{padding:13px 0;}
.writeForm table tr td .addr{width:calc(50% - 40px);}

input[type="file"] {font-size:14px; color:#999; height:23px; border:1px solid #dedede; padding:10px 20px;}
.branchSelect > p{font-size:14px; color:#454545; margin-bottom:10px; font-weight:bold; margin-top:10px;}
.branchSelect > p:first-of-type{margin-top:0;}
.branchSelect table tr td select{width:600px;}
.schedule_wrap{overflow:hidden; padding-top:20px; border-top:2px solid #888;}
.schedule{overflow:hidden; float:left; width:600px; margin-right:20px; text-align:center;}
.schedule table.calendar_top_table{position:relative; width:100%; height:100%; margin:0; border:0;}
.schedule table.calendar_top_table thead .table_year{background:#cca247; border:0;}
.schedule table.calendar_top_table thead th{cursor:pointer; padding:0; height:50px; float:none;}
.schedule table.calendar_top_table thead th img{vertical-align:middle;}
.schedule table.calendar_top_table thead th.now{font-size:18px; font-weight:bold; color:#fff;}
.schedule table.calendar_top_table thead th.now span{font-weight:800;}
.schedule table.calendar_table{position:relative; width:100%; height:100%; border-top:0;}
.schedule table.calendar_table thead th{padding:0; height:35px; background:#f9f9f9; color:#868686; font-size:12px; font-weight:bold; border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; float:none;}
.schedule table.calendar_table thead th.sun{color:#df4545;}
.schedule table.calendar_table thead th.sat{color:#3d82bc; border-right:1px solid #e5e5e5;}
.schedule table.calendar_table tbody td{padding:0; height:45px; background:#fff; font-size:14px; border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; color:#666; float:none; width:auto;}
.schedule table.calendar_table tbody td:last-of-type{border-right:1px solid #e5e5e5;}
.schedule table.calendar_table tbody td.sat_txt{color:#1559aa;}
.schedule table.calendar_table tbody td.sun_txt{color:#ff4836;}
.schedule table.calendar_table tbody td.next_month{color:#d5d4d4;}
.schedule table.calendar_table tbody td.on p{height:100%; line-height:45px; background:url("/img/calOn_bg.png") center center no-repeat; margin:0; color:#fff; font-weight:bold;}
.schedule table.calendar_table tbody td.onBg{background:#f7f6f0;}
.schedule > div{height:45px; border:1px solid #e5e5e5; border-top:0; color:#666; line-height:45px; text-align:left; overflow:hidden;}
.schedule > div > div{float:right;margin-top:5px;}
.schedule > div input[type="checkbox"]{margin:0 5px 0 20px;}
.schedule > div div input[type="text"]{width:178px; height:28px; margin-left:10px; text-align:center;}
.schedule_time{overflow:hidden; width:600px; margin-top:20px; float:left;}
.schedule_time div{width:50%; float:left; text-align:center;}
.schedule_time div p{height:50px; line-height:50px; font-size:16px; color:#fff; font-weight:bold; background:#858585; box-sizing:border-box; border-right:1px solid #fff;}
.schedule_time div ul{padding:20px 0; border:1px solid #e5e5e5; border-top:0; box-sizing:border-box;}
.schedule_time div ul li{text-align:left; margin-bottom:8px; padding:7px 0; text-indent:25px; font-size:14px; color:#666;}
.schedule_time div ul li.choiceTime{background-color:gainsboro;}
.schedule_time div ul li.timeNo{color:#b7b7b7; text-decoration:line-through;}
.schedule_time div ul li:last-of-type{margin-bottom:0;}
/* .schedule_time div:last-of-type ul{border-left:0;} */
.schedule_time div:last-of-type p{border-right:0;}
.schedule_write td input{text-align:center;}
.branchSelect table tr td{overflow:hidden;}
.branchSelect table tr td select.selectNum{width:140px;}
.branchSelect table tr td label{font-size:14px; margin-right:30px;}
.branchSelect table tr td input[type="checkbox"]{width:15px; height:15px; /*margin:-9px 10px 0 20px;*/ margin:0 10px; vertical-align:middle;}
.branchSelect table tr td input[type="radio"]{width:15px; height:15px; margin-right:10px;}
.branchSelect table tr td .spamCode{float:left; width:210px; height:100px; margin:13px 10px 13px 0; background:#fafafa; border:1px solid #e5e5e5; box-sizing:border-box; text-align:center;}
.branchSelect table tr td input[type="text"].inputSpam{width:328px; height:48px; margin:13px 0 15px;}
.branchSelect table tr td .spamTxt{font-size:14px;}
.branchSelect table tr td .spamTxt img{margin-right:10px;}


.hi{width:100%;}
.hi th{padding:13px 0; font-size:14px; font-weight:normal; color:#333; background:#eee; border-right:1px solid #b0b0b0; border-bottom:1px solid #b0b0b0; border-top:2px solid #000;}
.hi td{padding:13px 0; font-size:14px; font-weight:normal; color:#333; background:#fff; border-right:1px solid #b0b0b0; border-bottom:1px solid #b0b0b0; text-align:center;}
.hi th:last-of-type,.hi td:last-of-type{border-right:0;}

@media all and (min-width:641px){
	.education_li li .txt_wrap .year{font-size:19px;}
	.education_li li .txt_wrap .tit{font-size:22px;}
`	.education_li li .txt_wrap .name{font-size:22px;}
	.moritel_login p > span{font-size:23px;}
	.daProgram_tab li a{font-size:20px;}
	.review01 div ul li p{font-size:32px;}
	.review01 .day_wrap span{font-size:16px;}
	.review02 dl dt .new{font-size:13px;}
	.review02 dl dt .tit{font-size:28px;}
	.review02 dl dt .txt{font-size:18px;}
	.review02 dl dt .day{font-size:15px;}
	.notice_li li p{font-size:28px;}
	.notice_li .day_wrap span{font-size:16px;}
	.dastar02_li div ul li p{font-size:32px;}
	.dastar02_li .day_wrap span{font-size:16px;}
	.read_con .txt{font-size:16px;}
}



@media all and (max-width:1000px){
	.mt60{margin-top:30px;}

	.none1000{display:none !important;}
	.show1000{display:block;}
	.program_table table{display:block;}
	.program_table table tr{display:block; overflow:hidden; padding:15px 0;}
	.program_table table thead{display:none;}
	.program_table table tbody{display:block;}
	.program_table table tr td{display:inline-block; font-size:11px; padding:0; box-sizing:border-box; margin:10px 12px 0 0; color:#959595;}
	.program_table table tr td.tit{width:100%; font-size:14px; margin:0; color:#383838;}
	.program_table table tr td p{display:inline-block; width:100%;}
	.program_table table tr td .consult_on{display:inline-block; font-size:10px; vertical-align:middle;}
	.program_table table tr td .consult_on span{margin-left:5px; padding:4px 3px 2px; line-height:1;}

	.titCenter_table table tr td.tit{text-align:left;}

	.program_table table tr td .noticeIcon{width:30px; margin-right:7px;}
	.program_table table tr td .newIcon{width:30px; margin-left:7px;}
	.program_table table tr td .hit{display:inline;}

	.program_table table .w70{width:auto;}
	.program_table table .w80{width:auto;}
	.program_table table .w90{width:auto;}
	.program_table table .w100{width:auto;}
	.program_table table .w110{width:auto;}
	.program_table table .w130{width:auto;}

	.branchSelect > p{margin-top:10px;}
	.branchSelect table tr td select{width:100%;}

	.writeForm_top > p{margin-top:30px;}

	.schedule{float:none; width:100%; margin-right:0; margin-bottom:20px;}
	.schedule_time{width:50%; float:none;}

	.program_search{margin-top:20px;}
	.program_search select{width:30%;}
	/* .program_search select:last-of-type{margin-right:0;} */
	/* .program_search > span{display:block; margin-top:10px;} */
	.program_search input[type="text"]{width:calc(90% - 65px); padding:0 10px;}
}

@media all and (max-width:770px){
	.findTab{margin-top:50px;}
	.secedeCon{margin:50px auto 0;}
	.passwordCon{margin:50px auto 0;}
	.writeForm{margin-top: 0;}
	.writeForm table{display:block;}
	.writeForm table .writeForm_col01{width:100%;}
	.writeForm table tbody{display:block;}
	.writeForm table tr{display:block; overflow:hidden;}
	.writeForm table tr th{float:left; height:auto; padding:0 0 0 0; font-size:13px;}
	.writeForm table tr td{float:left; width:100%; height:auto; padding:10px 0 20px; font-size:0;}
	.writeForm_top table tr td:first-of-type{border-bottom:1px solid #e1e3e4;}
	.writeForm table tr td input[type="text"]{padding:0 10px;}
	.writeForm table tr td input[type="password"]{padding:0 10px;}
	.writeForm table tr td input[type="file"]{width:100%;}
	.writeForm table tr td .inputTxt{width:calc(100% - 100px);}
	.writeForm table tr td .inputNum{width:calc(33% - 4px);}
	.writeForm table tr td .inputEmail{width:calc(50% - 22px);}
	.writeForm table tr td .inputTit{width:100%;}
	.writeForm table tr td select.selecEmail{width:calc(50% - 30px); margin-left:10px; margin-right:0;}
	.writeForm table tr td textarea{width:100%; height:268px; padding:15px; margin:13px 0; resize:none; font-size:14px;}
	.writeForm table tr td input#id{width:calc(100% - 100px);}
	.writeForm table tr td input#addr1{margin-top:7px;}
	.writeForm table tr td input#title{width:100%;}

	.writeForm_btn{margin-top:40px;}
	.writeForm_btn a{width:100px; height:40px; line-height:40px;}
	.writeForm_btn a:last-of-type{margin-left:10px;}
	
	.writeForm table tr td a.id_ch{width:90px; font-size:13px; }
	.writeForm table tr td a.zip_ch{width:90px; font-size:13px;}
	.writeForm table tr td .inputPass{width:230px;}
	.writeForm table tr td .inputName{width:230px;}
	.writeForm table tr td span.password_ch{display:block; font-size:14px; color:#666; margin:20px 0;}
	.writeForm table tr td .zipcode{width:calc(100% - 100px);}
	.writeForm table tr td.addr_td{padding:13px 0;}
	.writeForm table tr td.editor{padding:13px 0;}
	.writeForm table tr td .addr{width:100%;}

	.writeForm table tr td{overflow:hidden;}
	.writeForm table tr td .label_wrap{display:block; margin-top:10px; padding-left:5px;}
	.writeForm table tr td select.selectNum{width:calc(33% - 10px);}
	.writeForm table tr td label:last-of-type{margin-right:0;}
	.writeForm table tr td input[type="checkbox"]{margin:0 10px 0 0; vertical-align:middle;}
	.writeForm table tr td input[type="radio"]{width:15px; height:15px; margin-right:10px; vertical-align:middle;}
	.writeForm table tr td .spamCode{float:left; width:210px; height:100px; margin:13px 10px 13px 0; background:#fafafa; border:1px solid #e5e5e5; box-sizing:border-box; text-align:center;}
	.writeForm table tr td input[type="text"].inputSpam{width:328px; height:48px; margin:13px 0 15px;}
	.writeForm table tr td .spamTxt{font-size:14px;}
	.writeForm table tr td .spamTxt img{margin-right:10px;}
	.writeForm table tr .spam_td{font-size:12px;}
	.writeForm table tr .spam_td span{display:inline-block; margin:0 0 10px;}
	.writeForm table tr .spam_td img{margin:0 10px 0 0;}
	.writeForm table tr .spam_td input{width:100%; margin-bottom:10px;}
	
	.readTop .imgTitle{font-size:16px;}
	.readBottom_col01{width:80px;}
	.readBottom table tr td{padding:0 15px; color:#999;}

	/* .programPage{display:none;}
	.mo_programPage{display:block;} */

	.write_btn{margin-top:30px;}
	.write_btn dt a{width:70px; height:35px; line-height:35px;}
	.write_btn dd a{width:110px; height:35px; line-height:35px;}
	.readBottom_btn{margin-top:30px;}
	.readBottom_btn dt a{width:70px; height:35px; line-height:35px;}
	.readBottom_btn dd a{width:110px; height:35px; line-height:35px;}
	.schedule_time div ul li{text-align:center; padding:5px 0; text-indent:0; font-size:12px;}
}

@media all and (max-width:425px){
	.review01 div ul li a > img{height:150px;}
	.list_board dl dd .btn{height:100px; margin-top:-50px;}
	.list_board dl dd .btn p{height:45px;}
	.list_board dl dd .btn p a{line-height:45px;}
}
@media all and (max-width:375px){
	.review01 div ul li a > img{height:120px;}
	.list_board dl dd .btn{height:70px; margin-top:-35px;}
	.list_board dl dd .btn p{height:30px;}
	.list_board dl dd .btn p a{line-height:30px;}
}


.media ul {overflow:hidden;width:100%;gap: 15px;padding:0 15px;box-sizing:border-box;display: flex;justify-content: space-between;flex-wrap: wrap;}
.media ul li {width: calc((100% - 15px)/2);border-radius:10px;overflow:hidden;}
.media ul li p {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:7px 0;padding:0 5px;box-sizing:border-box;line-height:1.2;font-weight:500;color:#666;word-break:break-word;}
.media .rtop dl{position:relative;}
.media .rtop dt{position:relative; padding:0 0 0px 0px; color:#2e2e2e; font-size:14px; font-weight:bold; line-height:170%; padding:0 0 10px 0px;}
.media .rtop dd{position:relative; width:100%; color:#a5a5a5; font-size:11px; padding:0 0 10px 0px;}
.media .rtop span{position:relative; top:2px; float:left; margin:0 5px 0 0;}
.board_list .board_title {font-weight:700;color:#333;padding:30px 10px 15px;}

/* DA Shorts게시판 */
.board_list .shorts li {border-radius:0;}
.board_list .shorts li .thumb {width:100%;position:relative;aspect-ratio:228/342;background:#000;border-radius:15px;overflow:hidden;}
.board_list .shorts li img {width:100%;position:absolute;top:50%;left:50%;object-fit:cover;transform:translate(-50%, -50%);}
.board_list .shorts li .bg_alpha img {display:block;position:absolute;top:50%;left:50%;object-fit:cover;transform:translate(-50%, -50%);z-index:2;}