@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.vision .content{padding:var(--size100) 0;}
.vision .content:first-child{padding-top:0;}
.doc-title{text-align:center;margin-bottom:var(--size90);}
.doc-title .tit{font-size:var(--fz54);font-weight:700;color:var(--dark);line-height:1.2em;font-family: var(--play);}
.flex-img-txt .row{display: flex;align-items:center;gap:40px;margin-bottom:var(--size80);}
.flex-img-txt .row:last-child{margin-bottom:0;}
.bd40 img{border-radius:var(--bd40);}
.flex-img-txt .row .tt-wrap{min-width:0;width:1%;flex:1 1 auto;}
.bar-tit{font-size:var(--fz28);font-weight:600;line-height:1.36em;color:var(--dark);position:relative;padding-left:13px;margin-bottom:var(--size25);}
.bar-tit:before{content:'';width:3px;height:28px;background-color:var(--pri);position: absolute;left:0;top:4px;}
.tt18{font-size:var(--fz18);line-height:1.44em;}
.flex-img-txt .row .tt-wrap .txt p{margin-bottom:var(--size25);}
.flex-img-txt .row .tt-wrap .txt p:last-child{margin-bottom:0;}
.flex-img-txt .row:nth-child(even){flex-direction: row-reverse;}
.vision .cont2{background:url('/images/sub/vision-bg1.jpg')no-repeat 50% 50%/cover;}
.vision .cont2 .doc-title .tit{color: #fff;}
.vision .cont2 .flex-img-txt .row .tt-wrap .bar-tit{color: #fff;}
.vision .cont2 .flex-img-txt .row .tt-wrap .bar-tit:before{background-color: #fff;}
.vision .cont2 .flex-img-txt .row .tt-wrap .txt p{color: #fff;}
.vision .cont4{background-color:rgba(45,65,152,.03);}

.solution-list .list ul{border-top:2px solid var(--dark);}
.solution-list .list ul li{border-bottom: 1px solid #ddd;}
.solution-list .list ul li a{display: flex;align-items:center;padding:var(--size40);transition:.2s;}
.solution-list .list ul li a .tit{display: flex;font-size:var(--fz24);font-weight:700;line-height:1.4em;transition:.2s;min-width:0;width:1%;flex:1 1 auto;margin-right:20px;color: #bebebe;}
.solution-list .list ul li a .tit .num{width:45px;}
.solution-list .list ul li a .arr{display: flex;justify-content:center;align-items:center;width:44px;height:44px;border-radius:100%;transition:.2s;border:1px solid #686868;font-size:18px;color:#686868;font-weight:600;line-height:1.2em;}
.solution-list .list ul li a:hover{background-color:rgba(45,65,152,.03);}
.solution-list .list ul li a:hover .tit{color:var(--dark);}
.solution-list .list ul li a:hover .tit .num{color:var(--pri);}
.solution-list .list ul li a:hover .arr{background-color:var(--pri);border-color:var(--pri);color:#fff;}

.solution-category {border-top:2px solid var(--dark);}
.solution-list-item {padding:var(--size35) var(--size40); border-bottom:1px solid #ddd;}
.solution-list-item.active .title-wrap .title .num {color:var(--pri);}
.solution-list-item.active .title-wrap .title .tit {color:var(--dark);}
.solution-list-item.active .title-wrap .arrow {background-color:var(--pri);border-color:var(--pri);color:#fff; -webkit-transform:scaleY(-1); transform:scaleY(-1);}
.solution-list-item .title-wrap {display: flex;align-items:center; transition:.2s; cursor:pointer;}
.solution-list-item .title-wrap .title {display:flex; display: flex;font-size:var(--fz24);font-weight:700;line-height:1.4em;transition:.2s;min-width:0;width:1%;flex:1 1 auto;margin-right:20px;color: #bebebe;}
.solution-list-item .title-wrap .title .num {width:45px;}
.solution-list-item .title-wrap .title .tit {flex:1 1 auto; min-width:0; width:1%;}
.solution-list-item .title-wrap .arrow {display: flex;justify-content:center;align-items:center;width:44px;height:44px;border-radius:100%;transition:.2s;border:1px solid #686868;font-size:18px;color:#686868;font-weight:600;line-height:1.2em;}
.solution-list-item .category-wrap {display:none; padding:20px 0 10px;}
.solution-list-item .category-wrap ul {display:grid; grid-template-columns: repeat(2,1fr); gap:var(--size20) var(--size25);}
.solution-list-item .category-wrap ul li a {display:flex; align-items:center; padding:13px 19px; background: rgba(45, 65, 152, 0.03); border-left:2px solid var(--pri); color:#242424; font-weight: 500; line-height:1.5em;}

.path{display: flex;align-items:center;line-height:1.2em;justify-content:center;gap:var(--size15);margin-top:20px;font-size:var(--fz14);font-weight:500;}
.path .arr{display: flex;justify-content:center;align-items:center;}
.solution-view .flex-con{display: flex;}
.solution-view .flex-con .left{width:50%;margin-right:var(--size60);}
.solution-view .flex-con .left .img .pic{position:relative; height:0; padding-bottom:100%; overflow:hidden;border-radius:var(--bd40);}
.solution-view .flex-con .left .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;}
.solution-view .flex-con .right{min-width:0;width:1%;flex:1 1 auto;}
.solution-view .flex-con .bar-tit{margin-bottom:var(--size20);}
.solution-view .flex-con .left .inner{position:sticky;top:120px}
.solution-view .flex-con .left .download{margin-top:var(--size60);}
.solution-view .flex-con .left .download .btn{display: flex;justify-content:center;align-items:center;height:70px;border:1px solid var(--dark);font-size:var(--fz20);font-weight:500;color:var(--dark);line-height:1.3em;transition:.2s;}
.solution-view .flex-con .left .download .btn:hover{background-color:var(--pri);color: #fff;border-color:var(--pri);}
.solution-view .flex-con .right .cnt{margin-bottom:var(--size60);line-height:1.63em;}
.solution-view .flex-con .right .cnt:last-child{margin-bottom:0;}
.solution-view .flex-con .right .txt p{margin-bottom:var(--size20);}
.solution-view .flex-con .right .txt p:last-child{margin-bottom:0;}
.solution-view .flex-con .right .cnt dl{margin-bottom:var(--size40);}
.solution-view .flex-con .right .cnt dl:last-child{margin-bottom:0;}
.solution-view .flex-con .right .cnt dl dt{margin-bottom:var(--size10);font-size:var(--fz18);font-weight:600;color:var(--pri);}
.solution-view .flex-con table {width:100%; border-collapse:collapse; border-spacing:0px;}
.solution-view .flex-con table th,
.solution-view .flex-con table td {padding:8px; border:1px solid #ddd; color:#454545; line-height:1.5em;}
.solution-view .flex-con table tr th:first-child,
.solution-view .flex-con table tr td:first-child {border-left: none;}
.solution-view .flex-con table tr th:last-child,
.solution-view .flex-con table tr td:last-child {border-right: none;}
.dot-list>li{line-height:1.63em;text-indent:-.6em;padding-left:.6em;margin-bottom:var(--size10);}
.dot-list>li:last-child{margin-bottom:0;}
.hypen-list>li{line-height:1.63em;text-indent:-.6em;padding-left:.6em;margin-bottom:var(--size10);}
.hypen-list>li:last-child{margin-bottom:0;}

.board-btns{margin-top:var(--size60);border-top: 1px solid #ddd;padding-top:var(--size40);display: flex;justify-content:space-between;align-items:center;}
.board-btns .btns{display: flex;gap:0 120px;}
.board-btns .btns .btn{position:relative;}
.board-btns .btns .btn:after{content:'';width:1px;height:40px;background-color: #ddd;position: absolute;right:-60px;top:50%;transform:translateY(-50%);}
.board-btns .btns .btn:last-child:after{display: none;}

.doc-title .tt{margin-top:10px;font-size:var(--fz22);color: #787878;line-height:1.5em;font-weight:500;}
.why .content{padding:var(--size100) 0;}
.why .content:first-child{padding-top:0;}
.why .cont2{background-color:rgba(45,65,152,.03);}
.why .cont2 .con ul{display: flex;flex-wrap:wrap;margin:0 -15px -30px;}
.why .cont2 .con ul li{width:50%;padding:0 15px;margin-bottom:30px;}
.why .cont2 .con ul li .box{display: block;border-radius:var(--bd24);background-color: #fff;box-shadow:0 0 20px rgba(45,65,152,.1);text-align:center;padding:var(--size35) var(--size40);height:100%;}
.why .cont2 .con ul li .box .tit-wrap{margin-bottom:var(--size15);}
.why .cont2 .con ul li .box .tit-wrap .num{margin-bottom:var(--size10);font-size:var(--fz20);font-weight:700;line-height:1.4em;color:var(--pri);}
.why .cont2 .con ul li .box .tit-wrap .tit{font-size:var(--fz24);font-weight:700;color:var(--dark);line-height:1.08em;}
.why .cont2 .con ul li .box .tt{line-height:1.63em;}
.doc-btm-contact{padding:var(--size130) 0;background:url('/images/sub/why-bg.jpg')no-repeat 50% 50%/cover;}
.doc-btm-contact .contain{display: flex;align-items:flex-end;}
.doc-btm-contact .tt-wrap{min-width:0;width:1%;flex:1 1 auto;margin-right:40px;color: #fff;}
.doc-btm-contact .tt-wrap .tit{font-size:var(--fz48);font-weight:700;line-height:1.2em;font-family: var(--play);}
.doc-btm-contact .tt-wrap .tt{margin-top:var(--size20);line-height:1.63em;}

.company{overflow:hidden;}
.company .content .contain{display: flex;align-items:center;gap:var(--size60);}
.company .content .img{width:500px;}
.company .content .tt-wrap{min-width:0;width:1%;flex:1 1 auto;}
.company .content .tt-wrap .txt p{margin-bottom:var(--size25);}
.company .content .tt-wrap .txt p:last-chidl{margin-bottom:0;}
.company .content.cont2 .contain{flex-direction: row-reverse;}
.mq-sld{margin:var(--size100) 0;height:100px;}
.mq-sld .items{display: flex;}
.mq-sld .js-marquee{margin-right:50px !important;}
.mq-sld .items .item{margin-right:50px;font-size:120px;font-weight:800;line-height:.8em;color:rgba(45,65,152,.05);}
.mq-sld .items .item span{-webkit-text-stroke-width: 2px;-webkit-text-stroke-color: rgba(45,65,152,.05);color:transparent;}
.mq-sld .items .item:last-child{margin-right:0;}

.mobile .top-txt{margin-bottom:var(--size80);}
.mobile .top-txt .doc-title{margin-bottom:var(--size60);}
.mobile .top-txt p{font-size:var(--fz48);font-weight:600;color:var(--dark);line-height:1.25em;}
.mobile .top-txt p strong{color:var(--pri);}
.wide-img img{width:100%;}
.mobile .con{margin-top:var(--size80);}
.mobile .con .row{margin-bottom:var(--size80);padding-bottom: var(--size80);border-bottom: 1px solid #ddd;}
.mobile .con .row:last-child{margin-bottom:0;padding-bottom:0;border-bottom: none;}
.mobile .con .row .flex{display: flex;align-items:center;gap:var(--size80);}
.mobile .con .row .img{width:50%;}
.mobile .con .row .img img{border-radius:var(--size80) 0 var(--size80) 0;}
.mobile .con .row .tt-wrap{min-width:0;width:1%;flex:1 1 auto;}
.bar-tit.type2{padding-left:0;padding-top:var(--size25);}
.bar-tit.type2:before{content:'';width:var(--size80);height:2px;background-color:var(--pri);position: absolute;left:0;top:0;}
.mobile .con .row:nth-child(even) .flex{flex-direction: row-reverse;}

.president{display: flex;gap:var(--size80);}
.president .img{width:560px;}
.president .img img{border-radius:var(--size120) 0 var(--size120) 0;}
.president .tt-wrap{min-width:0;width:1%;flex:1 1 auto;position:relative;}
.president .tt-wrap:before{content:'';width:429px;height:300px;background:url('/images/sub/president-deco.jpg')no-repeat 50% 50%/contain;position: absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-1;}
.bar-tit.none{padding-left:0;padding-top:0;}
.bar-tit.none:before{display: none;}
.president .tt-wrap .bar-tit{margin-bottom:var(--size30);}
.president .tt-wrap .txt p{margin-bottom:var(--size25);}
.president .tt-wrap .txt p:last-child{margin-bottom:0;}
.president .tt-wrap .ceo{margin-top:var(--size40);display: flex;align-items:flex-end;}
.president .tt-wrap .ceo .comp{font-size:var(--fz18);color:var(--dark);line-height:1.33em;font-weight:500;}
.president .tt-wrap .ceo .comp strong{font-weight:600;}
.president .tt-wrap .ceo .bar{margin:0 var(--size30) 7px 15px;width:var(--size80);height:1px;background-color:var(--pri);}
.president .tt-wrap .ceo .name{font-size:var(--fz20);font-weight:500;line-height:1.3em;color:var(--dark);}
.president .tt-wrap .ceo .name strong{margin-left:10px;font-weight:700;}

.location{margin-bottom:var(--size100);}
.location .maps{margin-bottom:var(--size100);}
.location .maps iframe{width:100%;height:500px;}
.location .root_daum_roughmap {width:100% !important; height:500px !important;}
.location .root_daum_roughmap .wrap_map {height:500px !important;}
.location .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.location .map_border{display:none;}
.location .roughmap_lebel_text:after {content:"다산모바일"; font-size:12px; line-height:15px;}
.location .con .contain{display: flex;}
.bar-title{position:relative;padding-top:var(--size30);font-size:var(--fz50);font-weight:700;line-height:1em;color:var(--dark);margin-bottom:var(--size55);}
.bar-title:before{content:'';width:var(--size80);height:3px;background-color:var(--pri);position: absolute;left:0;top:0;}
.location .con .bar-title{width:500px;margin-bottom:0 ;}
.location .con .info{min-width:0;width:1%;flex:1 1 auto;}
.location .con .info .adr-wrap{margin-bottom:var(--size35);}
.location .con .info .adr-wrap .adr{padding-bottom:var(--size35);margin-bottom:var(--size25);border-bottom: 1px solid #ddd;}
.location .con .info .adr-wrap .adr .tit{margin-bottom:var(--size10);font-size:var(--fz24);font-weight:600;line-height:1.4em;color:var(--dark);}
.location .con .info .adr-wrap .adr .tt{font-size:var(--fz18);line-height:1.5em;}
.location .con .info .adr-wrap .ct-wrap{display:flex;gap:50px;}
.location .con .info .adr-wrap .ct-wrap dl{display: flex;align-items:center;gap:var(--size15);}
.location .con .info .adr-wrap .ct-wrap dl dt{font-size:var(--fz20);font-weight:600;color:var(--dark);}
.location .con .info .adr-wrap .ct-wrap dl dd{font-size:var(--fz18);}
.location .con .way .box{margin-bottom:var(--size20);padding:var(--size30) var(--size40);border-radius:var(--bd16);background-color:rgba(45,65,152,.03);display: flex;align-items:center;gap:20px;}
.location .con .way .box:last-child{margin-bottom:0;}
.location .con .way .box .ic{width:88px;height:88px;}
.location .con .way .box .ic lord-icon{width:100%;height:100%;}
.location .con .way .box dl{min-width:0;width:1%;flex:1 1 auto;}
.location .con .way .box dl dt{margin-bottom:var(--size10);font-size:var(--fz20);font-weight:600;color:var(--dark);line-height:1.4em;}
.location .con .way .box dl dd{line-height:1.75em;}
.location .con .way .box dl dd strong{font-weight:600;color:var(--dark);}

.doc-btm-contact.loc .tt-wrap dl{display: flex;margin-top:var(--size25);align-items:center;gap:40px;font-size:var(--fz18);line-height:1.2em;}
.doc-btm-contact.loc .tt-wrap dl dt{display: flex;align-items:center;gap:10px;position:relative;}
.doc-btm-contact.loc .tt-wrap dl dt:after{content:'';width:1px;height:12px;background-color:rgba(255,255,255,.4);position: absolute;right:-20px;top:50%;transform:translateY(-50%);}
.doc-btm-contact.loc .tt-wrap dl dd{min-width:0;width:1%;flex:1 1 auto;}

.recruit{overflow:hidden;}
.recruit .cont1 .img{margin-bottom:var(--size60);}
.recruit .cont1 .img img{border-radius:200px;}
.doc-tt-wrap .tit{margin-bottom:var(--size20);font-size:var(--fz28);font-weight:600;color:var(--dark);line-height:1.36em;}
.doc-tt-wrap .txt p{margin-bottom:var(--size20);}
.doc-tt-wrap .txt p:last-child{margin-bottom:0;}

.recruit .cont2{padding:var(--size100) 0;background-color:rgba(45,65,152,.03);}
.recruit .cont2 .con{margin-top:var(--size60);}
.recruit .cont2 .con ul{display: flex;border:1px solid #ddd;}
.recruit .cont2 .con ul li{width:20%;border-right: 1px solid #ddd;background-color: #fff;}
.recruit .cont2 .con ul li:last-child{border-right: 0;}
.recruit .cont2 .con ul li .box{padding:var(--size40) 20px;height:100%;text-align:center;}
.recruit .cont2 .con ul li .box .ic{width:88px;height:88px;margin:0 auto var(--size15);}
.recruit .cont2 .con ul li .box .ic lord-icon{width:100%;height:100%;}
.recruit .cont2 .con ul li .box .tit{font-weight:600;color:var(--dark);line-height:1.38em;}

.recruit .cont3{padding:var(--size100) 0;}
.recruit .cont3 .con ul{display: flex;margin:0 -15px;}
.recruit .cont3 .con ul li{width:33.3333%;padding:0 15px;}
.recruit .cont3 .con ul li .box{display: block;padding:var(--size45) var(--size40) var(--size30);height:100%;color: #fff;background-repeat:no-repeat;background-size:cover;background-position:center center;border-radius:var(--bd24);}
.recruit .cont3 .con ul li .box .tit-wrap{min-height:190px;}
.recruit .cont3 .con ul li .box .tit-wrap .num{font-weight:700;margin-bottom:var(--size10);}
.recruit .cont3 .con ul li .box .tit-wrap .tit{font-size:var(--fz24);font-weight:700;line-height:1.4em;}
.recruit .cont3 .con ul li .box .tt{font-size:var(--fz15);line-height:1.6em;}
.recruit .cont4{padding-top:var(--size100);background-color:rgba(45,65,152,.03);}

.esg .title-wrap{margin-bottom:var(--size100);}
.esg-menu{box-shadow:0 0 12px rgba(0,0,0,.12);overflow:hidden;background-color: #fff;border-radius:60px;}
.esg-menu ul{display: flex;}
.esg-menu ul li{width:auto;flex:1;}
.esg-menu ul li a{display: flex;justify-content:center;align-items:center;text-align:center;font-size:var(--fz18);line-height:1.3em;color: #bebebe;font-weight:600;min-height:60px;padding:0 10px;border-radius:60px;}
.esg-menu ul li.active a{background-color:var(--pri);color: #fff;}

.esg .content{padding:var(--size100) 0;}
.esg .content:first-child{padding-top:0;}
.esg .content.bc{background-color:rgba(45,65,152,.03);}
.esg .top-content .wide-img{margin-bottom:var(--size60);}
.bar-tt-wrap .txt p{margin-bottom:var(--size20);}
.bar-tt-wrap .txt p:last-child{margin-bottom:0;}
.chapter ul{display: flex;flex-wrap:wrap;margin:0 -15px -30px;}
.chapter ul li{width:25%;padding:0 15px;margin-bottom:30px;}
.chapter ul li .box{box-shadow:0 0 20px rgba(45,65,152,.1);padding:var(--size40);border-radius:var(--bd24);height:100%;text-align:center;}
.chapter ul li .box .num{color:var(--pri);margin-bottom:var(--size15);font-weight:700;font-size:var(--fz20);line-height:1.4em;}
.chapter ul li .box .ic{width:64px;height:64px;margin:0 auto var(--size15);}
.chapter ul li .box .ic lord-icon{width:100%;height:100%;}

.gd-line ul li{margin-bottom:var(--size20);}
.gd-line ul li:last-child{margin-bottom:0;}
.gd-line ul li .wrap{border:1px solid rgba(45,65,152,.4);padding:var(--size20) var(--size40);border-radius:60px;display: flex;align-items:center;min-height:70px;}
.gd-line ul li .wrap p{text-indent:-.6em;padding-left:.6em;font-size:var(--fz18);color:var(--dark);}

.value ul{display: flex;padding:0 15px;}
.value ul li{width:calc(25% + 30px);text-align:center;margin:0 -15px;}
.value ul li .circle{padding-bottom:100%;margin-bottom:var(--size25);position:relative;border-radius:100%;}
.value ul li .circle:after{content:'';width:90%;height:90%;border:1px dashed rgba(255,255,255,.6);border-radius:100%;position: absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.value ul li .circle .inner{position: absolute;left:0;top:0;width:100%;height:100%;display: flex;justify-content:center;align-items:center;}
.value ul li .circle .wrap{width:100%;}
.value ul li .circle .ic{width:88px;height:88px;margin:0 auto var(--size15);}
.value ul li .circle .ic lord-icon{width:100%;height:100%;}
.value ul li .circle .tit{font-size:var(--fz20);color: #fff;font-weight:700;line-height:1.4em;}

.system{padding:var(--size30);border-radius:300px;border:1px dashed rgba(45,65,152,1);background-color: #fff;}
.system .group ul{display: flex;padding:0 15px;}
.system .group ul li{width:calc(25% + 30px);text-align:center;margin:0 -15px;}
.system .group ul li .circle{position:relative;padding-bottom:100%;text-align:center;background-color: #fff;box-shadow:0 0 20px rgba(45,65,152,.2);border-radius:100%;}
.system .group ul li .circle .inner{position: absolute;left:0;top:0;width:100%;height:100%;padding-top:var(--size60);}
.system .group ul li .circle p{margin-top:var(--size15);font-size:var(--fz18);font-weight:600;color:var(--dark);line-height:1.33em;}
.system-arr{text-align:center;margin:var(--size35) 0;}
.system-btm{text-align:center;}
.system-btm .wrap{display: inline-flex;align-items:center;justify-content:center;min-height:110px;border-radius:110px;border:15px solid #e4e7f2;background-color:var(--pri);text-align:center;color: #fff;padding:0 var(--size140);}
.system-btm .wrap p{font-size:var(--fz24);font-weight:600;line-height:1.2em;}

.bar-title-wrap{margin-bottom:var(--size55);}
.bar-title-wrap .bar-title{margin-bottom:0;}
.bar-title-wrap .tt18{margin-top:var(--size25);}
.flex-img ul{display: flex;margin:0 -15px;}
.flex-img ul li{width:50%;padding:0 15px;}

.bell .box{margin-bottom:var(--size30);padding:var(--size60);background-color: #fff;border-radius:var(--bd40);box-shadow:0 0 20px rgba(45,65,152,.1);display: flex;}
.bell .box:last-child{margin-bottom:0;}
.bell .box .tit{width:50%;padding-right:20px;position:relative;padding-left:55px;font-size:var(--fz28);font-weight:600;line-height:1.36em;color:var(--dark);}
.bell .box .tit:before{content:'';width:40px;height:40px;background:var(--pri) url('/images/sub/ic-bell.png') no-repeat center center/24px;position: absolute;left:0;top:-2px;border-radius:50%;}
.bell .box .dot-list{width:50%;}
.bell .box .dot-list li{font-size:var(--fz18);}

.btn-rec-wrap{text-align:center;margin-top:var(--size80);}
.btn-rec{display: inline-flex;justify-content:center;align-items:center;padding:0 var(--size50);height:70px;border:1px solid var(--dark);font-size:var(--fz20);font-weight:500;color:var(--dark);line-height:1.2em;transition:.2s;cursor:pointer;background-color: #fff;min-width:300px;}
.btn-rec:hover{background-color:var(--pri);color: #fff;border-color:var(--pri);}

.hot-line .form-wrap .row{margin-bottom:var(--size45);}
.hot-line .form-wrap .row:last-child{margin-bottom:0;}
.hot-line .form-wrap .row .flex{display: flex;margin:0 -30px;}
.hot-line .form-wrap .row .col{width:50%;padding:0 30px;}
.hot-line .form-wrap .row .tit{display: inline-block;margin-bottom:var(--size15);font-size: var(--fz18);font-weight:600;color:var(--dark);line-height:1.4em;}
.hot-line .form-wrap .row input.input,
.hot-line .form-wrap .row select.input{height:54px;}
.hot-line .form-wrap .row .captcha-wrap {height:54px;}
.hot-line .form-wrap .row .captcha-wrap .input {width:440px; height:100%;}
.hot-line .form-wrap .row input.input::placeholder,
.hot-line .form-wrap .row select.input::placeholder,
.hot-line .form-wrap .row textarea.input::placeholder{color:#b1b1b1;font-size:var(--fz16);}

.hot-line .form-agree {margin:var(--size50) 0 0;}
.hot-line .form-agree h3 {color:var(--dark); font-size:var(--fz18); font-weight:600; line-height:1.4em; margin-bottom:var(--size15);}
.hot-line .form-agree .scroll-box {padding:15px 20px; color:#686868; font-size:var(--fz16); font-weight:400; line-height:1.5em; background:#fff; border:1px solid #ddd;}
.hot-line .form-agree .scroll-box p{margin-bottom:var(--size15);}
.hot-line .form-agree .scroll-box ol>li>ul{margin:var(--size10) 0;}
.hot-line .form-agree .scroll-box ol>li>ul>li span{color: #ddd;}
.hot-line .form-agree .check {text-align:center; color:#505050; font-size:16px; line-height:1.5em; margin-top:18px;}
.hot-line .form-agree .check a {display:inline-block; background:#fff; margin-left:6px; padding:0 10px; font-size:13px; line-height:26px; letter-spacing:-.03em; border:1px solid #ddd;}
.hot-line .radio-chk{margin-top:var(--size30);}
.hot-line .radio-chk .row{margin-bottom:var(--size20);display: flex;align-items:center;justify-content:space-between;}
.hot-line .radio-chk .row:last-child{margin-bottom:0;}
.hot-line .radio-chk .row .tit{font-size:var(--fz18);font-weight:600;color:#454545;line-height:1.4em;}
.hot-line .radio-chk .row .radio-wrap{display: flex;gap:var(--size40);}

.ev-list{border-top:2px solid var(--dark);padding-top:var(--size30);}
.ev-list ul{display: flex;flex-wrap:wrap;margin:0 -15px -55px;}
.ev-list ul li{width:33.3333%;padding:0 15px;margin-bottom:55px;}
.ev-list ul li .pic {position:relative; height:0; padding-bottom:65.793%; overflow:hidden;border-radius:var(--bd16);}
.ev-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;}
.ev-list ul li .pic .hover{position: absolute;left:0;top:0;width:100%;height:100%;display: flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.5);transition:.2s;opacity:0;}
.ev-list ul li .pic .hover .btn{display: flex;justify-content:center;align-items:center;width:72px;height:72px;background-color:var(--pri);border-radius:50%;color: #fff;}
.ev-list ul li .pic .hover .btn .inner{padding-top:5px;}
.ev-list ul li .pic .hover .btn .ic{display: flex;justify-content:center;align-items:center;}
.ev-list ul li .pic .hover .btn p{font-size:14px;font-weight:500;line-height:1.2em;margin-top:2px;}
.ev-list ul li .tit{margin-top:var(--size25);display:block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width:100%;font-size:var(--fz20);font-weight:500;color:var(--dark);line-height:1.4em;}
.ev-list ul li .tt{margin-top:var(--size10);font-weight:500;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ev-list ul li .date{margin-top:var(--size15);font-size:var(--fz16);color:#686868;line-height:1.3em;}

.ev-list ul li:hover .pic .hover{opacity:1;}