@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.greeting{display:flex;align-items:flex-start;}
.greeting .tt-wrap{min-width:0;width:1%;flex:1 1 auto;padding-right:60px;display:flex;flex-direction:column;justify-content:space-between;}
.greeting .tt-wrap .tit{font-size:30px;line-height:1.5em;color: #242424;font-weight:600;margin-bottom:25px;}
.greeting .tt-wrap .wrap p{margin-bottom:20px;}
.greeting .tt-wrap .wrap p strong{font-weight:600;font-size:18px;line-height:1.875em;}
.greeting .tt-wrap .wrap p:last-child{margin-bottom:0;}
.greeting .tt-wrap .btm-tt{font-size:45px;line-height:1em;font-weight:700;letter-spacing:.12em;color: #dddddd;margin-top:30px;}
.greeting .img{width:460px;position:relative;}
.greeting .img:before{content:'';width:100px;height:100px;border:8px solid #f36f21;position: absolute;left:-30px;bottom:-30px;z-index:-1;}

.history .top{background:url('../images/sub/history_img1.jpg')no-repeat 50% 50%/cover;text-align:center;color: #fff;font-size:38px;font-weight:600;line-height:1em;padding:120px 0;margin-bottom:45px;}
.history .con{display:flex;justify-content:center;}
.history .con .inner{position:relative;}
.history .con .inner:after{content:'';width:4px;height:100%;background:url('../images/sub/history_dot.jpg')repeat 50% 100%/contain;position: absolute;left:128px;top:20px;z-index:-1;}
.history .con .inner .row{display:flex;margin-bottom:25px;}
.history .con .inner .row:last-child{margin-bottom:0;}
.history .con .inner .row .year{width:128px;color: #242424;font-weight:700;font-size:38px;line-height:1.2em;margin-right:40px;position:relative;}
.history .con .inner .row .year:after{content:'';width:20px;height:20px;border-radius:50%;border:6px solid #f36f21;position: absolute;right:-12px;top:12px;background-color: #fff;}
.history .con .inner .row .info{padding-top:12px;}
.history .con .inner .row .info li{display:flex;line-height:1.4em;}
.history .con .inner .row .info li .date{width:47px;color: #242424;font-weight:500;}
.history .con .inner .row .info li .tt{min-width:0;width:1%;flex:1 1 auto;}

.doc-content{margin-bottom:100px;}
.doc-content:last-child{margin-bottom:0;}
.vision .top-con{margin-bottom:140px;text-align:center;}
.doc-tit{color: #242424;font-size:28px;font-weight:600;line-height:1.2em;position:relative;padding-left:37px;margin-bottom:35px;}
.doc-tit:before{content:'';width:24px;height:24px;background:url('../images/sub/ic_tit.png')no-repeat 50% 50%/contain;position: absolute;left:0;top:4px;}
.vision .differ{display:flex;margin:0 -33px;}
.vision .differ li{width:33.3333%;padding:0 33px;}
.vision .differ li .wrap{padding:35px 0 45px;border-top:2px solid #454545;border-bottom:1px solid #ddd;height:100%;}
.vision .differ li .wrap .num{font-size:22px;font-weight:600;line-height:1.2em;margin-bottom:10px;}
.vision .circle{display:flex;justify-content:center;}
.vision .circle li{margin:0 -10px;}
.vision .circle li .wrap{width:250px;height:250px;border-radius:50%;background-color: #f36e20;display:flex;justify-content:center;align-items:center;color: #fff;font-size:16px;line-height:1.765em;box-shadow:3px 3px 15px rgba(0,0,0,.3);text-align:center;letter-spacing:-.05em;}
.vision .circle li:nth-child(even) .wrap{background-color: #e6cc3e;}

.busi .tt-wrap{padding-top:40px;padding-left:40px;}
.busi .tt-wrap .tit{font-size:50px;line-height:1.2em;font-weight:800;margin-bottom:20px;}
.busi .tt-wrap .tt{font-size:20px;line-height:1.4em;}
.busi .tt-wrap .tt .point{position:relative;color: #242424;font-weight:500;}
.busi .tt-wrap .tt .point:after{content:'';width:calc(100% + 12px);height:16px;background-color: #f36f21;opacity:.1;position: absolute;left:50%;bottom:-4px;transform:translateX(-50%);z-index:-1;}

.my-btn{margin:0 auto;font-size:18px;font-weight:500;color: #fff;display:flex;justify-content:center;align-items:center;background-color: #f36f21;border:none;width:130px;height:50px;}

.rec .step ul{display:flex;justify-content:center;margin:0 -50px;}
.rec .step ul li{padding:0 50px;text-align:center;position:relative;}
.rec .step ul li:after{content:'';width:19px;height:38px;background:url('../images/sub/rec_arr.png')no-repeat 50% 50%/contain;position: absolute;right:-10px;top:23.8805%;}
.rec .step ul li:last-child:after{display:none;}
.rec .step ul li .circle{width:200px;height:200px;margin:0 auto;border-radius:50%;background-color: #fff;display:flex;justify-content:center;align-items:center;box-shadow:3px 3px 7px rgba(0,0,0,.35);}
.rec .step ul li .circle .step{font-weight:600;line-height:1.2em;margin-bottom:17px;}
.rec .step ul li .tit{margin:25px 0 10px;color: #242424;font-size:20px;font-weight:500;line-height:1.2em;}
.rec .step ul li .tt{line-height:1.625em;}
.rec .step ul li.type2 .circle{background-color: #f36f21;}
.rec .step ul li.type2 .circle .step{color: #fff;}
.rec .bene{display:flex;flex-wrap:wrap;}
.rec .bene li{width:16.6666%;text-align:center;padding:45px 15px 40px;position:relative;margin-left:-1px;margin-top:-1px;}
.rec .bene li:after{content:'';width:100%;height:100%;border:1px solid #ddd;position: absolute;left:0;top:0;}
.rec .bene li p{margin-top:10px;font-size:17px;font-weight:500;line-height:1.18em;}

.rec .part{display:flex;flex-wrap:wrap;margin:0 -7px -10px;}
.rec .part li{width:20%;padding:0 7px;margin-bottom:10px;}
.rec .part li .box{border-radius:8px;border:1px solid #ddd;position:relative;height:60px;display:flex;align-items:center;justify-content:flex-end;padding-right:20px;overflow:hidden;}
.rec .part li .box:before{content:'';width:97px;height:43px;background:url('../images/sub/rec_deco.png')no-repeat 0 50%/contain;position: absolute;left:0;bottom:0;}
.rec .part li .box p{font-size:17px;font-weight:500;text-align:right;position:relative;z-index:2;line-height:1.18em;}