@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.greeting .top-tt{font-size:30px;line-height: 1.833em;font-weight:500;color: #242424;margin-bottom:40px;}
.greeting .top-tt span{font-weight:700;}
.greeting .top-tt strong{font-weight:800;font-size:36px;}
.greeting .tt-wrap{max-width:760px;width:100%;margin:45px 0 0 auto;}
.greeting .tt-wrap .wrap p{font-size:17px;line-height:1.765em;margin-bottom:30px;}
.greeting .tt-wrap .wrap p:last-child{margin-bottom:0;}
.greeting .tt-wrap .ceo{display:flex;align-items:center;margin-top:40px;font-size:20px;font-weight:600;color: #242424;}
.greeting .tt-wrap .ceo span{margin-left:25px;}

.vision .top-con{margin-bottom:100px;}
.vision .top-con ul{display:flex;margin:0 -10px;}
.vision .top-con ul li{width:25%;padding:0 10px;text-align:center;}
.vision .top-con ul li .circle{width:240px;height:240px;border-radius:50%;border:10px solid #5061ac;display:flex;justify-content:center;align-items:center;margin:0 auto;}
.vision .top-con ul li:nth-child(even) .circle{border-color:#00baff;}
.vision .top-con ul li .circle .inner .ic{margin-bottom:15px;}
.vision .top-con ul li .circle .inner .tit{font-size:20px;color: #242424;line-height:1.4em;font-weight:600;}
.vision .top-con ul li .tt{font-size:18px;line-height:1.667em;margin-top:20px;}
.vision .btm-con{background-color: #f8f8f8;padding:100px 0;text-align:center;}
.vision .btm-con .tit{font-size:35px;font-weight:600;line-height:1.2em;color: #242424;}
.vision .btm-con .sub-tit{line-height:1.4em;margin:10px 0 40px;}
.vision .btm-con .wrap p{margin-bottom:20px;font-size:20px;font-weight:600;line-height:1.4em;}
.vision .btm-con .wrap p:last-child{margin-bottom:0;}

.history{display:flex;justify-content:flex-end;position: relative;}
.history:before{content:'';width:219px;height:631px;background:url('../images/sub/history_bg.png')no-repeat 100% 50%/contain;position: absolute;left:80px;top:0;}
.history .con{max-width:810px;width:100%;position:relative;}
.history .con:before{content:'';width:1px;height:95%;background-color: #ddd;position: absolute;left:105px;top:5px;}
.history .con .row{display:flex;margin-bottom:30px;}
.history .con .row:last-child{margin-bottom:0;}
.history .con .row .year{font-size:26px;font-weight:700;min-width:105px;font-family: 'Roboto', sans-serif;margin-right:55px;position:relative;}
.history .con .row .year:after{content:'';width:20px;height:20px;background:#fff url('../images/sub/history_bullet.png')no-repeat 50% 50%/contain;position: absolute;right:-11px;top:5px;}
.history .con .row .info{min-width:0;width:1%;flex:1 1 auto;}
.history .con .row .info ul li{display:flex;margin-bottom:30px;}
.history .con .row .info ul li:last-child{margin-bottom:0;}
.history .con .row .info ul li .month{font-family: 'Roboto', sans-serif;font-weight:500;color: #242424;min-width:70px;font-size:20px;}
.history .con .row .info ul li .tt{min-width:0;width:1%;flex:1 1 auto;}

.doc-table table{border-spacing:0;width:100%;border-top:2px solid #5061ac;}
.doc-table table th,
.doc-table table td{padding:15px 10px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.doc-table table th{font-size:20px;font-weight:600;color: #242424;background-color: #f3f4f9;}
.doc-table table td{font-size:17px;line-height:1.4em;}
.doc-table table td.t-bg{background-color: #fcfcfd;}
.doc-table table td.t-bg strong{font-size:20px;}
.doc-table table tr th:last-child,
.doc-table table tr td:last-child {border-right:0;}

.doc-list{padding-top:30px;border-top:2px solid #242424;border-bottom:1px solid #ddd;}
.doc-list ul{display:flex;flex-wrap:wrap;margin:0 -15px;}
.doc-list ul li{width:33.3333%;padding:0 15px;margin-bottom:60px;}
.doc-list ul li .doc-a .tt-wrap{background-color: #f8f8f8;}

.doc-detail .head{display:flex;align-items:center;margin-bottom:85px;}
.doc-detail .head .tit{text-align:center;min-width:0;width:1%;flex:1 1 auto;margin:0 40px;font-size:35px;font-weight:600;color: #242424;line-height:1.4em;}
.doc-detail .head .arr{width:69px;height:39px;background-repeat:no-repeat;background-size:contain;transition:.3s;font-size:0;}
.doc-detail .head .arr.prev{background-position:0% 50%;background-image:url('../images/sub/detail_prev.png');}
.doc-detail .head .arr.next{background-position:100% 50%;background-image:url('../images/sub/detail_next.png');}
.doc-detail .head .arr.prev:hover{background-image:url('../images/sub/detail_prev_on.png');}
.doc-detail .head .arr.next:hover{background-image:url('../images/sub/detail_next_on.png');}
.doc-detail .btn-back{max-width:180px;width:100%;height:50px;display:flex;justify-content:center;align-items:center;color: #fff;font-size:18px;font-weight:500;border-radius:25px;margin:60px auto 0;background-color: #00baff;}

.location .row{display:flex;margin-bottom:100px;}
.location .row:last-child{margin-bottom:0;}
.location .row .map{width:50%;}
.location .row .info{width:50%;background:url('../images/sub/loc_bg1.jpg')no-repeat 50% 50%/cover;padding:80px;}
.location .row .info.type2{background-image:url('../images/sub/loc_bg2.jpg');}
.location .row .info .tit{font-size:28px;font-weight:700;color: #242424;line-height:1.2em;margin-bottom:30px;}
.location .row .info .wrap dl{display:flex;margin-bottom:20px;}
.location .row .info .wrap dl:last-child{margin-bottom:0;}
.location .row .info .wrap dl dt{min-width:94px;padding-left:40px;position:relative;font-size:20px;font-weight:500;color: #242424;margin-right:20px;}
.location .row .info .wrap dl dt:after{content:'';width:1px;height:12px;background-color: #ddd;position: absolute;right:0;top:9px;}
.location .row .info .wrap dl dt:before{content:'';width:24px;height:24px;background:url('../images/sub/ic_loc.png')no-repeat 50% 50%/contain;position: absolute;left:0;top:2px;}
.location .row .info .wrap dl dt.type2:before{background-image:url('../images/sub/ic_tel.png');}
.location .row .info .wrap dl dt.type3:before{background-image:url('../images/sub/ic_fax.png');}
.location .row .info.type2 .wrap dl dt:before{background-image:url('../images/sub/ic_loc2.png');}
.location .row .info.type2 .wrap dl dt.type2:before{background-image:url('../images/sub/ic_tel2.png');}
.location .row .info.type2 .wrap dl dt.type3:before{background-image:url('../images/sub/ic_fax2.png');}
.location .row .info .wrap dl dd{font-size:18px;}

.doc-table .c24{font-weight:500;color: #242424;}
.doc-table .sm-tt{font-size:15px;}

.doc-content{padding:100px 0;}
.doc-content:nth-child(even){background-color: #f8f8f8;}
.doc-content:first-child{padding-top:0;}
.doc-content:last-child{padding-bottom:0;}
.doc-tit{position:relative;padding-left:30px;font-size:20px;font-weight:600;line-height:1.4em;color: #242424;margin-bottom:25px;}
.doc-tit:before{content:'';width:20px;height:22px;background:url('../images/sub/ic_tit.png')no-repeat 0 50%/contain;position: absolute;left:0;top:2px;}
.doc-content .step-list{display:flex;flex-wrap:wrap;}
.doc-content .step-list li{width: 16.6666%;margin-left:-1px;margin-top:-1px;}
.doc-content .step-list li .box{min-height:150px;display:flex;align-items:center;text-align:center;position:relative;}
.doc-content .step-list li .box .inner{width:100%;}
.doc-content .step-list li .box .inner .step{font-weight:600;}
.doc-content .step-list li .box .inner .tit{font-size:18px;font-weight:600;line-height:1.4em;margin-top:10px;}
.doc-content .step-list li .box:before{content:'';width:100%;height:100%;border:1px solid #ddd;position: absolute;left:0;top:0;}
.doc-content .step-list li .box:after{content:'';width:30px;height:30px;background:url('../images/sub/solar_arr.png')no-repeat 50% 50%/contain;position: absolute;top:50%;transform:translateY(-50%);right:-15px;z-index:1;}
.doc-content .step-list li:nth-child(7){order:12;}
.doc-content .step-list li:nth-child(8){order:11;}
.doc-content .step-list li:nth-child(9){order:10;}
.doc-content .step-list li:nth-child(10){order:9;}
.doc-content .step-list li:nth-child(11){order:8;}
.doc-content .step-list li:nth-child(12){order:7;}
.doc-content .step-list li:nth-child(6) .box:after{left:50%;right:auto;top:auto;bottom:-15px;transform:rotate(90deg) translateY(50%);}
.doc-content .step-list li:nth-child(7) .box:after,
.doc-content .step-list li:nth-child(8) .box:after,
.doc-content .step-list li:nth-child(9) .box:after,
.doc-content .step-list li:nth-child(10) .box:after,
.doc-content .step-list li:nth-child(11) .box:after{left:-15px;right:auto;transform:rotate(180deg) translateY(50%);}
.doc-content .step-list li:nth-child(12) .box:after{display:none;}

.doc-content .circle-list{display:flex;margin:0 -10px;}
.doc-content .circle-list li{width:20%;padding:0 10px;}
.doc-content .circle-list li .circle{width:200px;height:200px;border-radius:50%;border:7px solid #5061ac;display:flex;justify-content:center;align-items:center;text-align:center;margin:0 auto;background-color: #fff;}
.doc-content .circle-list li:nth-child(even) .circle{border-color:#00baff;}
.doc-content .circle-list li .circle .tit{font-size:18px;font-weight:600;line-height:1.4em;margin-top:15px;}
.doc-comment{margin-top:25px;}
.doc-comment .com-tit{font-size:17px;line-height:1.647em;font-weight: 600;}
.doc-comment p{font-size:15px;line-height:1.867em;color: #686868;}
.doc-comment p strong{font-weight:600;color: #454545;}
.red{color: #fe0000 !important;}
.blue{color: #0b05c9 !important;}
.doc-content .bd-img{border:1px solid #ddd;text-align:center;padding:45px 20px;background-color: #fff;}
.doc-content .doc-tt .left{font-size:18px;font-weight:500;position:relative;margin-right:21px;}
.doc-content .doc-tt .left:after{content:'';width:1px;height:10px;background-color: #ddd;position: absolute;right:-10px;top:7px;}
.doc-content .rent-tt{text-align:center;margin-top:45px;font-size:22px;font-weight:600;line-height:1.591em;}
.doc-content .rent-tt strong{font-size:28px;}
/* .doc-content .doc-tt-wrap{margin-bottom:20px;} */

.arr-list{display:flex;flex-wrap:wrap;margin:0 -20px;}
.arr-list li{width:20%;padding:0 20px;position:relative;text-align:center;}
.arr-list li:after{content:'';width:23px;height:40px;background:url('../images/sub/solar_arr2.png')no-repeat 50% 50%/contain;position: absolute;right:-11px;top:60px;}
.arr-list li:last-child:after{display:none;}
.arr-list li .circle{width:150px;height:150px;border-radius:50%;border:7px solid #00baff;background-color: #fff;display:flex;justify-content:center;align-items:center;margin:0 auto 15px;}
.arr-list li .tit{font-size:18px;font-weight:600;line-height:1.4em;}

.doc-content .num-list{display:flex;justify-content:center;margin:0 -40px;}	
.doc-content .num-list li{padding:0 40px;text-align:center;}
.doc-content .num-list li .num{width:36px;height:36px;display:flex;justify-content:center;align-items:center;margin:0 auto -18px;position:relative;z-index:1;border-radius:50%;color: #fff;font-size:17px;font-weight:800;background-color: #00baff;}
.doc-content .num-list li .icon{padding:40px 64px;border:1px solid #00baff;border-radius:15px;}
.doc-content .num-list li .tit{font-size:20px;font-weight:600;line-height:1.4em;margin-top:20px;}
.doc-content .tt-box{background-color: #fff;padding:35px 20px;text-align:center;border:1px solid #ddd;}
.doc-content .tt-box .top-tt{font-size:20px;font-weight:500;line-height:1.4em;margin-bottom:15px;color: #242424;}
.doc-content .tt-box .top-tt strong{font-size:18px;font-weight:600;}
.doc-content .tt-box .top-tt strong span{font-size:22px;font-weight:800;}
.doc-content .tt-box .wrap p{line-height:1.625em;margin-bottom:15px;}
.doc-content .tt-box .wrap p strong{font-weight:600;}
.doc-content .tt-box .wrap p:last-child{margin-bottom:0;}
.doc-content .tb-img{margin:60px 0 20px;}
.doc-comment.type2{margin-top:0;}

.construc .top ul{display:flex;margin:0 -38px;}
.construc .top ul li{width:33.3333%;padding:0 38px;position:relative;}
.construc .top ul li:after{content:'';width:16px;height:26px;background:url('../images/sub/ess_arr.png')no-repeat 50% 50%/contain;position: absolute;right:-8px;top:50%;transform:translateY(-50%);}
.construc .top ul li:last-child:after{display:none;}
.construc .top ul li .box{border-radius:15px;border:1px solid #00baff;background-color: #fff;text-align:center;overflow:hidden;}
.construc .top ul li .box .tit{padding:10px;font-size:18px;font-weight:700;color: #fff;background-color: #00baff;}
.construc .top ul li .box .tt-wrap{padding:30px 15px;min-height:230px;}
.construc .top ul li .box .tt-wrap .ic{margin-bottom:15px;}
.construc .top ul li .box .tt-wrap .tt{line-height:1.625em;}
.construc .top ul li .box .tt-wrap .sm-tt{font-size:14px;line-height:1.429em;margin-top:5px;}
.construc .top ul li .box .tt-wrap .sm-tt span{font-weight:500;}
.construc .btm{margin-top:60px;}
.construc .btm .box{background-color: #fff;text-align:center;border-radius:15px;overflow:hidden;}
.construc .btm .box .tit{font-size:20px;font-weight:700;color: #fff;background-color: #0089d0;padding:10px;}
.construc .btm .box .img{border:1px solid #ddd;border-top:none;padding:40px 20px;border-bottom-left-radius:15px;border-bottom-right-radius:15px;}

.doc-content .flex-img{display:flex;margin:0 -30px;}
.doc-content .flex-img .wrap{width:50%;padding:0 30px;}
.doc-content .bd-box{border:1px solid #ddd;padding:50px;margin-bottom:55px;}
.doc-content .bd-box ul{display:flex;justify-content:center;margin:0 -50px;}
.doc-content .bd-box ul li{padding:0 50px;text-align:center;position:relative;}
.doc-content .bd-box ul li:after{content:'';width:16px;height:26px;background:url('../images/sub/ess_arr.png')no-repeat 50% 50%/contain;position: absolute;right:-8px;top:50%;transform:translateY(-50%);}
.doc-content .bd-box ul li:last-child:after{display:none;}
.doc-content .bd-box ul li .num{font-size:17px;font-weight:800;color: #fff;width:36px;height:36px;border-radius:50%;background-color: #00baff;margin:0 auto -18px;position:relative;z-index:1;display:flex;justify-content:center;align-items:center;}
.doc-content .bd-box ul li .box{border:1px solid #00baff;border-radius:15px;width:260px;}
.doc-content .bd-box ul li .box .icon{padding:30px 10px 15px;}
.doc-content .bd-box ul li .box .tit{font-size:20px;line-height:1.4em;font-weight:600;line-height:1.4em;padding:12px 10px;border-bottom-left-radius:15px;border-bottom-right-radius:15px;background-color: #00baff;color: #fff;}

.re100 .doc-content:last-child{padding-bottom:100px;}
.doc-content .tt-box2{border:1px solid #5464ae;text-align:center;padding:30px 20px;border-radius:15px;}
.doc-content .tt-box2 .tit{font-size:22px;font-weight:600;line-height:1.4em;color: #5464ae;}
.doc-content .tt-box2 p{line-height:1.625em;}

.re100 .doc-content .img-list{display:flex;flex-wrap:wrap;margin:0 -20px -55px;padding:0 20px;}
.re100 .doc-content .img-list li{padding:0 20px;width:25%;margin-bottom:55px;text-align:center;}
.re100 .doc-content .img-list li .num{width:36px;height:36px;font-size:17px;border-radius:50%;background-color: #5061ac;color: #fff;display:flex;justify-content:center;align-items:center;margin:-18px auto 15px;position:relative;z-index:1;font-weight:800;}
.re100 .doc-content .img-list li .tit{font-size:18px;font-weight:600;line-height:1.4em;}

.re100 .doc-content .arr-list li .circle{border-color:#5464ae;}
.re100 .doc-content .row-con{max-width:970px;width:100%;margin:0 auto;}
.re100 .doc-content .row-con .row{display:flex;margin-bottom:30px;}
.re100 .doc-content .row-con .row:last-child{margin-bottom:0;}
.re100 .doc-content .row-con .row .left{max-width:160px;width:100%;margin-right:10px;padding:15px 10px;border-radius:15px;background-color: #5061ac;color: #fff;text-align:center;}
.re100 .doc-content .row-con .row:nth-child(even) .left{background-color: #00baff;}
.re100 .doc-content .row-con .row .left .num{font-size:15px;font-weight:800;line-height:1.4em;}
.re100 .doc-content .row-con .row .left .tit{font-size:18px;font-weight:600;line-height:1.4em;}
.re100 .doc-content .row-con .row .right{min-width:0;width:1%;flex:1 1 auto;border-radius:15px;display:flex;align-items:center;padding:0 30px;line-height:1.4em;background-color: #fff;border:1px solid #5061ac;}
.re100 .doc-content .row-con .row:nth-child(even) .right{border-color:#00baff;}

.mater .doc-content:last-child{padding-bottom:100px;}
.mater .inq-con{max-width:1000px;width:100%;margin:0 auto;}
.mater .inq-con ul{display:flex;justify-content:center;margin:0 -25px;}
.mater .inq-con ul li{width:33.3333%;padding:0 25px;}
.mater .inq-con ul li .top{border-radius:20px;overflow:hidden;border:1px solid #00baff;margin-bottom:20px;}
.mater .inq-con ul li .top .tit{background-color: #00baff;color: #fff;text-align:center;font-size:20px;font-weight:600;padding:10px;}
.mater .inq-con ul li .top .img{position:relative; height:0; padding-bottom:57.05%; overflow:hidden;}
.mater .inq-con ul li .top .img 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;}
.mater .inq-con ul li .pop-inq{display:flex;align-items:center;padding-left:30px;padding-right:55px;height:60px;border-radius:20px;border:1px solid #00baff;position:relative;font-size:20px;font-weight:600;color: #00baff;line-height:1.4em;}
.mater .inq-con ul li .pop-inq:after{content:'';width:11px;height:18px;background:url('../images/sub/mater_arr1.png')no-repeat 50% 50%/contain;position: absolute;right:30px;top:50%;transform:translateY(-50%);transition:.3s;}
.mater .inq-con ul li .pop-inq:hover{background-color: #00baff;color: #fff;}
.mater .inq-con ul li .pop-inq:hover:after{background:url('../images/sub/mater_arr_on.png') !important;}

.mater .inq-con ul li:nth-child(2) .top{border-color:#284baf;}
.mater .inq-con ul li:nth-child(2) .top .tit{background-color: #284baf;}
.mater .inq-con ul li:nth-child(2) .pop-inq{border-color: #284baf;color: #284baf;}
.mater .inq-con ul li:nth-child(2) .pop-inq:after{background-image:url('../images/sub/mater_arr2.png');}
.mater .inq-con ul li:nth-child(3) .top{border-color:#1e3070;}
.mater .inq-con ul li:nth-child(3) .top .tit{background-color: #1e3070;}
.mater .inq-con ul li:nth-child(3) .pop-inq{border-color: #1e3070;color: #1e3070;}
.mater .inq-con ul li:nth-child(3) .pop-inq:after{background-image:url('../images/sub/mater_arr3.png');}
.mater .inq-con ul li:nth-child(2) .pop-inq:hover{background-color: #284baf;color: #fff;}
.mater .inq-con ul li:nth-child(3) .pop-inq:hover{background-color: #1e3070;color: #fff;}

.mater .top-tt{text-align:center;font-size:24px;font-weight:500;line-height:1.4em;margin-bottom:55px;}
.mater .top-tt strong{color: #242424;}
.mater .circle-list2{display:flex;justify-content:center;margin:0 -20px;}
.mater .circle-list2 li{padding:0 20px;}
.mater .circle-list2 li .circle{width:250px;height:250px;border-radius:50%;border:7px solid #5061ac;display:flex;justify-content:center;align-items:center;background-color: #fff;text-align:center;}
.mater .circle-list2 li .circle .inner p{font-size:18px;line-height:1.444em;margin-top:15px;font-weight:600;}

.pop-inquiry .fancybox-skin{border-radius:10px;}
.pop-inquiry .pop_wrap{padding:60px 50px;border-radius:10px;overflow:hidden;}
.pop-inquiry .pop_wrap h2{text-align:center;padding-bottom:25px;margin-bottom:60px;font-size:34px;font-weight:600;color: #242424;line-height:1.2em;position:relative;}
.pop-inquiry .pop_wrap h2:after{content:'';width:60px;height:3px;background-color: #00baff;position: absolute;left:50%;transform:translateX(-50%);bottom:0;}
.pop-inquiry .btn-inq{font-size:18px;font-weight:500;color: #fff;letter-spacing:-.04em;margin:0 auto;display:flex;justify-content:center;align-items:center;width:180px;height:50px;border-radius:25px;border:none;background-color: #00baff;}

.t-price .doc-content:last-child{padding-bottom:100px;}
.doc-content .doc-tt.type2 .left{color: #fff !important;}

.t-price .quote .info{margin-right:25px;padding-right:20px;}
.t-price .quote .sec-tit .tit{font-size:35px;}
.t-price .quote .con .wrap .title .tit{font-size:22px;}
.t-price .quote .con .wrap .title .date{margin-left:10px;font-size:14px;}
.t-price .quote .con .wrap .cnt .price{font-size:30px;}
.t-price .quote .con .wrap .cnt .price .unit{font-size:14px;margin-left:10px;}
.t-price .quote .con{margin:0 -10px;}
.t-price .quote .con .wrap{padding:0 10px;}

.t-price .quote .grp{max-width:445px;}

.doc-detail.type2 .head{margin-bottom:60px;}
.doc-detail .info{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin:0 -40px 35px;}
.doc-detail .info dl{padding:0 40px;margin-bottom:10px;display:flex;}
.doc-detail .info dl dt{padding-right:20px;margin-right:20px;color: #242424;font-weight:600;font-size:18px;position:relative;}
.doc-detail .info dl dt:after{content:'';width:1px;height:10px;background-color: #ddd;position: absolute;right:0;top:10px;}
.doc-detail .info dl dd{font-size:17px;}