@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.doc-top{display:flex;align-items:center;padding:20px var(--size80);margin-bottom:var(--size80);min-height:300px;border-radius:var(--bd32);background-repeat:no-repeat;background-size:cover;background-position:50% 50%;color: #fff;}
.greeting .tt-wrap{display:flex;}
.greeting .tt-wrap .tit{padding-left:20px;margin-right:var(--size100);font-size:var(--fz28);font-weight:700;line-height:1.50em;color:var(--pri);}
.greeting .tt-wrap .wrap{min-width:0;width:1%;flex:1 1 auto;}
.greeting .tt-wrap .wrap p{margin-bottom:var(--size30);font-size:var(--fz18);line-height:1.78em;}
.greeting .tt-wrap .wrap p:last-child{margin-bottom:0;}
.greeting .tt-wrap .wrap p strong{font-weight:600;}

.history .doc-top .tit{margin-bottom:var(--size25);font-size:var(--fz36);font-weight:700;line-height:1.2em;}
.dot-list li{text-indent:-.06em;padding-left:.06em;line-height:1.89em;}
.history .con{border-top:1px solid #222;}
.history .con .row{display:flex;align-items:flex-start;padding:var(--size50) var(--size40);border-bottom:1px solid #ddd;}
.history .con .row .year{position:relative;width:270px;padding-left:54px;font-size:var(--fz44);font-weight:700;color: #222;line-height:1.2em;}
.history .con .row .year:before{content:'';position: absolute;left:0;top:.3em;width:24px;height:24px;background:url('/images/sub/history-bullet.png')no-repeat 0 50%/contain;}
.history .con .row .list{padding-top:13px;min-width:0;width:1%;flex:1 1 auto;}
.history .con .row .list ul li{display:flex;margin-bottom:var(--size25);font-size:var(--fz18);line-height:1.6em;}
.history .con .row .list ul li:last-child{margin-bottom:0;}
.history .con .row .list ul li .date{width:105px;font-weight:600;color:var(--dark);}
.history .con .row .list ul li .tt{min-width:0;width:1%;flex:1 1 auto;}

.recruit .doc-top .inner{width:100%;}
.recruit .doc-top .tt{text-align:center;font-size:var(--fz26);color: #fff;font-weight:600;line-height:1.54em;}
.recruit .content{margin-bottom:80px;}
.recruit .content:last-child{margin-bottom:0;}
.doc-tit{position: relative;margin-bottom:var(--size55);padding-top:15px;text-align:center;font-size:var(--fz28);font-weight:700;line-height:1.3em;color:var(--dark);}
.doc-tit:before{content:'';position: absolute;left:50%;top:0;transform:translateX(-50%);width:8px;height:8px;background-color:var(--pri);border-radius:100%;}
.table01 table{width:100%;border-spacing:0;border-top:1px solid var(--pri);}
.table01 table th,
.table01 table td{padding:10px var(--size60);height:74px;border-bottom:1px solid var(--pri);}
.table01 table th{border-right:1px solid var(--pri);font-size:var(--fz20);font-weight:600;line-height:1.4em;background-color: #fff9ea;color:var(--pri);}
.table01 table td{font-size:var(--fz18);line-height:1.5em;}

.welfare ul{display:flex;margin:0 -10px;}
.welfare ul li{width:25%;padding:0 10px;}
.welfare ul li .box{height:100%;padding:var(--size70) 20px;border:1px solid #ddd;border-radius:var(--bd24);text-align:center;}
.welfare ul li .box .ic{margin-bottom:var(--size35);}
.welfare ul li .box p{font-size:var(--fz22);font-weight:600;line-height:1.64em;}

.location .info{display:flex;padding:0 40px;margin-bottom:40px;gap:var(--size80);}
.location .info .group{display:flex;align-items:center;}
.location .info .group .tit{display:inline-flex;align-items:center;padding:0 25px;height:40px;border-radius:40px;background-color:var(--pri);color: #fff;font-weight:600;line-height:1em;}
.location .info .group .dot{margin:0 20px;width:8px;height:8px;border-radius:100%;background-color:var(--pri);}
.location .info .group .tt{font-size:var(--fz18);line-height:1.5em;}
.location .maps{overflow:hidden;border-radius:var(--bd32);}
.location .maps .root_daum_roughmap {width:100% !important; height:550px !important;}
.location .maps .root_daum_roughmap .wrap_map {height:550px !important;}
.location .maps .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.location .maps .map_border{display:none;}
.location .maps .roughmap_lebel_text:after {content:"대일건설(주)"; font-size:12px; line-height:15px;}

.busi-list{padding:40px 0 35px;border-top:2px solid #868686;border-bottom:1px solid #ddd;}
.busi-list ul{display:flex;flex-wrap:wrap;margin:0 -20px -35px;}
.busi-list ul li{width:33.3333%;padding:0 20px;margin-bottom:35px;text-align:center;line-height:1.4em;}
.busi-list ul li .pic {position:relative; height:0; padding-bottom:63.64%; overflow:hidden;border-radius:var(--bd16);}
.busi-list ul li .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.busi-list ul li .tit{margin-top:25px;font-size:var(--fz20);display: inline-block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width:100%;font-weight:600;line-height:1.4em;color:var(--dark);}
.busi-list ul li .date{margin-top:5px;font-size:var(--fz15);line-height:1.3em;}

.busi-view .top-con{display:flex;align-items:center;margin-bottom:var(--size80);}
.busi-view .top-con .img{width:580px;margin-right:var(--size75);}
.busi-view .top-con .img .pic {position:relative; height:0; padding-bottom:63.795%; overflow:hidden;border-radius:var(--bd16);}
.busi-view .top-con .img .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}

.busi-view .top-con .img-sld{width:580px;margin-right:var(--size75);}
.busi-view .top-con .img-sld .pic {position:relative; height:0; padding-bottom:63.795%; overflow:hidden;border-radius:var(--bd16);}
.busi-view .top-con .img-sld .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}

.busi-view .slider-for {margin-bottom: 20px;}
.busi-view .slider-nav {margin:0 -10px;}
.busi-view .slider-nav .item {padding: 0 10px;}
.busi-view .slider-nav .item .pic {border-radius:var(--bd8);}
.busi-view .slider-nav .slick-current .pic:after {border-radius:var(--bd8); content:''; position: absolute; left:0; top:0; right:0; bottom:0; border:1px solid var(--pri);}

#image_layer {display: none; max-width:1400px;}
#image_layer .img {aspect-ratio:1400/779; border-radius:var(--bd16); overflow:hidden;}
#image_layer .img img {width: 100%; height: 100%; object-fit:cover;}

.busi-view .top-con .tt-wrap{min-width:0;width:1%;flex:1 1 auto;}
.busi-view .top-con .tt-wrap .tit{padding-bottom:25px;margin-bottom:35px;position:relative;font-size:var(--fz26);font-weight:700;color:var(--dark);line-height:1.4em;}
.busi-view .top-con .tt-wrap .tit:after{content:'';position: absolute;left:0;bottom:0;width:60px;height:2px;background-color:var(--pri);}
.busi-view .top-con .tt-wrap .info dl{display:flex;margin-bottom:var(--size20);font-size:var(--fz18);line-height:1.6em;}
.busi-view .top-con .tt-wrap .info dl:last-child{margin-bottom:0;}
.busi-view .top-con .tt-wrap .info dl dt{width:140px;font-weight:500;color:var(--dark);}
.busi-view .top-con .tt-wrap .info dl dd{min-width:0;width:1%;flex:1 1 auto;color: #666;}
.busi-view .detail{padding-top:var(--size80);border-top:2px solid #868686;}
.btm-btn-wrap{margin-top:60px;text-align:center;}
.btm-btn-wrap .main-view{margin:0;}

.board-form2{margin-bottom:var(--size60);}
.board-form2 .row{display:flex;align-items:center;margin-bottom:var(--size40);}
.board-form2 .row:last-child{margin-bottom:0;}
.board-form2 .row .tit-wrap{width:170px;}
.board-form2 .row .tit-wrap .tit{position:relative;display:inline-block;padding-right:15px;font-size:var(--fz20);font-weight:700;line-height:1.2em;color:var(--dark);}
.board-form2 .row .tit-wrap .tit:after{content:'';position: absolute;right:0;top:50%;transform:translateY(-50%);width:5px;height:5px;border-radius:100%;background-color:var(--pri);}
.board-form2 .row .cnt{min-width:0;width:1%;flex:1 1 auto;}
.board-form2 .row .cnt input.input{border-radius:var(--bd8);max-width:800px;width:100%;}
.board-form2 .row .cnt .radio-wrap{display:flex;align-items:center;height:44px;gap:40px;font-size:var(--fz18);}
.board-form2 .row .cnt .captcha-wrap input.input{width:150px;}

.radi8{border-radius:var(--bd8);}