@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.doc-top-tt{margin-bottom:var(--size120);padding-bottom:var(--size120);border-bottom: 1px solid #ddd;text-align:center;font-size:var(--fz36);font-weight:700;color:var(--dark);line-height:1.33em;}
.doc-title{margin-bottom:var(--size45);}
.doc-title .tit{position:relative;padding-top:var(--size25);font-size:var(--fz34);font-weight:700;color:var(--dark);line-height:1.2em;}
.doc-title .tit:before{content:'';width:10px;height:10px;background-color:var(--pri);border-radius:2px;position: absolute;left:0;top:0;}
.bd-img{text-align:center;}
.bd-img img{border-radius:var(--size20);}
.doc-content{margin-bottom:var(--size120);}
.doc-content:last-child{margin-bottom:0;}
.table01 table{width:100%;border-spacing:0;border-top: 2px solid var(--dark);font-size:var(--fz17);line-height:2em;}
.table01 table th{background-color:var(--snd);color: #fff;line-height:1.3em;font-weight:700;} 
.table01 table thead th{border-right: 1px solid #ddd;}
.table01 table td{padding:var(--size20) var(--size40);border-right:1px solid #ddd;}
.table01 table th,
.table01 table td{height:70px;border-bottom: 1px solid #ddd;}
.table01 table td .nt{margin-top:var(--size10);color:var(--pri);}
.table01 table thead th:last-child,
.table01 table td:last-child{border-right: 0;}
.nt-box{margin-top:var(--size50);background-color: #f5f5f5;padding:var(--size35) var(--size40);border-radius:var(--bd20);font-size:var(--fz17);line-height:2em;}
.nt-box p{text-indent:-.8em;padding-left:.8em;}

.schedule .row{margin-bottom:var(--size150);position:relative;}
.schedule .row:after{content: '';width:76%;height:3px;background-color:#ddd;position:absolute;left:50%;top:240px;transform: translateX(-50%);z-index:-1;}
.schedule .row:last-child{margin-bottom:0;}
.schedule .row .flex{display: flex;margin:0 -20px;justify-content: space-between;}
.schedule .row .flex .col{padding:0 20px;text-align:center;position:relative;}
.schedule .row .flex .col .wrap{position:relative;;margin-top:-14px;}
.schedule .row .flex .col .wrap .bullet{margin-bottom:60px;position:relative;display:inline-block;z-index:1;}
.schedule .row .flex .col .wrap .bullet:before{content: '';width:calc(100% + 60px);height:5px;background-color: #fff;position: absolute;left:50%;top:50%;transform: translate(-50%, -50%);z-index:-1;}
.schedule .row .flex .col .wrap .bullet:after{content: '';width:3px;height:40px;background-color:#ffcbb2;border-radius:3px;position:absolute;left:50%;bottom:-50px;transform: translateX(-50%);}
.schedule .row .flex .col .wrap .date{font-size:var(--fz36);line-height:1.2em;color:var(--dark);font-weight:700;}
.schedule .row .flex .col .wrap .tt17{margin-top:5px;}
.schedule .row .flex .col .wrap .tt17 strong{font-weight:600;}
.tt17{font-size:var(--fz17);line-height:1.6em;}
.schedule .nt-box{margin-top:var(--size100);}

.dot-list li{padding-left:.8em;text-indent:-.8em;}

.greeting{display: flex;align-items:center;}
.greeting .img{margin-right:var(--size100);}
.greeting .img img{border-radius:var(--size20);}
.greeting .tt-wrap{min-width:0;width:1%;flex:1 1 auto;}
.greeting .tt-wrap .tit{margin-bottom:var(--size35);font-size:var(--fz36);line-height:1.33em;color:var(--dark);font-weight:400;}
.greeting .tt-wrap .wrap p{margin-bottom:var(--size20);}
.greeting .tt-wrap .wrap p:last-child{margin-bottom:0;}


.location .maps .root_daum_roughmap {width:100% !important; height:440px !important;}
.location .maps .root_daum_roughmap .wrap_map {height:440px !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;}
.location .con{padding-left:30px;display: flex;align-items:center;position:relative;z-index:1;margin-top:-60px;}
.location .con .box{margin-right:45px;width:340px;padding:var(--size35) var(--size40);background-color:var(--pri);color: #fff;}
.location .con .box .tit{margin-bottom:var(--size60);font-size:var(--fz17);line-height:1.4em;}  
.location .con .box .adr{font-size:var(--fz24);line-height:1.33em;font-weight:600;}
.location .con .info{min-width:0;width:1%;flex:1 1 auto;}
.location .con .info .dl-wrap{display: flex;justify-content:space-between;gap:20px;}
.location .con .info .dl-wrap dl{display: flex;align-items:center;gap:14px;line-height:1.3em;}
.location .con .info .dl-wrap dl dt{padding-left:20px;font-size:var(--fz18);position:relative;font-weight:600;color:var(--pri);line-height:1.3em;}
.location .con .info .dl-wrap dl dt:before{content:'';width:6px;height:6px;background-color:var(--pri);position: absolute;left:0;top:.5em;}
.location .con .info .dl-wrap dl dd{padding-top:2px;}

.tit36{text-align:center;margin-bottom:50px;font-size:var(--fz36);line-height:1.33em;color:var(--dark);font-weight:700;}
.guide .table01 table{text-align:center;}
.guide .nt-box{margin-top:0;}
.guide .table01 table td{padding:15px 20px;}
.mark-list li{padding-left:.8em;text-indent:-.8em;}

.guide .imgs ul{display: flex;margin:0 -22px;}
.guide .imgs ul li{width:50%;padding:0 22px;}

.benefit{margin-bottom:var(--size120);}
.benefit .row{margin-bottom:var(--size50);border: 1px solid #ddd;border-radius:var(--bd20);padding:var(--size40) var(--size90) var(--size40) var(--size60);display: flex;align-items:center;}
.benefit .row:last-child{margin-bottom:0;}
.benefit .row .doc-title{width:529px;}
.doc-title.st2 .tit{font-size:var(--fz24);}
.benefit .row .cnt{min-width:0;width:1%;flex:1 1 auto;}
.benefit .row .cnt ul{display: flex;margin:0 -20px;}
.benefit .row .cnt ul li{width:50%;padding:0 20px;text-align:center;}
.benefit .row .cnt ul li .pic{width:100%;}
.benefit .row .cnt ul li .pic img{width:100%;}
.benefit .row .cnt ul li .tit{margin-top:var(--size25);font-size:var(--fz24);font-weight:600;color:var(--dark);line-height:1.4em;}
/* .benefit .row.st2{opacity:.3;} */

.guide4 .process .top-con{padding:var(--size120) 0;margin-bottom:var(--size50);background-color: #f8f8f8;}
.guide4 .process .top-con .list{position: relative;}
.guide4 .process .top-con .list:before{content:'';width:100%;height:3px;background-color: #ddd;position: absolute;left:50%;top:48px;transform: translateX(-50%);}
.guide4 .process .top-con .list ul {display: flex;justify-content:space-between;margin:0 -20px;}
.guide4 .process .top-con .list ul li{padding:0 20px;text-align:center;}
.guide4 .process .top-con .list ul li .num-wrap{position:relative;display: inline-flex;justify-content:center;}
.guide4 .process .top-con .list ul li .num-wrap:before{content:'';width:calc(100% + 40px);height:100%;background-color:#f8f8f8;position:absolute;left:50%;top:50%;transform: translate(-50%, -50%);}
.guide4 .process .top-con .list ul li .num-wrap .num{width:100px;height:100px;margin:0 auto;display: flex;justify-content:center;align-items:center;color:#fff;background:linear-gradient(180deg, #E7612A 0%, #FFB5A3 100%);border-radius:50%;font-size:var(--fz24);line-height:1.2em;font-weight:600;z-index:1;position:relative;}
.guide4 .process .top-con .list ul li .tit{margin-top:var(--size25);font-size:var(--fz24);line-height:1.3em;color:var(--dark);font-weight:600;}

.premium1 .box-list ul{display: flex;margin:0 -20px;}
.premium1 .box-list ul li{width:50%;padding:0 20px;}
.premium1 .box-list ul li .box{padding:var(--size60) var(--size40);border: 1px solid #ddd;border-radius:var(--bd20);height:100%;}
.premium1 .box-list ul li .box .doc-title{margin-bottom:var(--size20);}

.premium2 .cont2 .wide-box{margin-bottom:28px;background-color: #f8f8f8;border-radius:var(--bd20);padding:var(--size40);}
.premium2 .cont2 .wide-box .list ul{display: flex;margin:0 -20px;}
.premium2 .cont2 .wide-box .list ul li{width:33.3333%;padding:0 20px;}
.ic-group{text-align:center;}
.ic-group .ic{margin-bottom:var(--size20);}
.ic-group .tit{font-size:var(--fz24);font-weight:700;color:var(--dark);line-height:1.3em;}
.ic-group .wrap{margin-top:var(--size15);}
.ic-group .wrap .tt17{margin-bottom:var(--size10);}
.ic-group .wrap .tt17:last-child{margin-bottom:0;}
.ic-group .wrap .tt17 strong{color:var(--dark);font-weight:600;}
.premium2 .cont2 .box-list ul{display: flex;margin:0 -14px;}
.premium2 .cont2 .box-list ul li{width:33.3333%;padding:0 14px;}
.premium2 .cont2 .box-list ul li .box{background-color: #FFF5E9;height:100%;padding:var(--size40);border-radius:var(--bd20);}

.premium3 .cont2 .tit36{text-align:left;}
.premium3 .cont2 .row{margin-bottom:var(--size30);padding:var(--size40);border-radius:var(--bd20);background-color: #f8f8f8;display: flex;align-items:center;}
.premium3 .cont2 .row:last-child{margin-bottom:0;}
.premium3 .cont2 .row:nth-child(even){background-color: #FFF5E9;}
.premium3 .cont2 .row .ic{margin-right:var(--size100);}
.premium3 .cont2 .row .doc-title{min-width:0;width:1%;flex:1 1 auto;margin-bottom:0;}

.btn-send.center{margin:var(--size60) auto 0;}