@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.greeting{display:flex;}	
.greeting .txt-box{min-width:0;width:1%;flex:1 1 auto;margin-right:90px}
.greeting .txt-box .top-txt{font-size:25px;font-weight:500;margin-bottom:20px;}
.greeting .txt-box .top-txt .red{font-size:30px;font-weight:700;}
.greeting .motto{color: #242424;font-size:18px;font-weight:500;margin-bottom:10px;}
.greeting .motto span{font-size:16px;color: #454545;}
.greeting .txt-box .txt{line-height:1.7em;font-size:18px;font-weight:500;position:relative;padding-left:40px;}
.greeting .txt-box .txt .red{position: absolute;left:0;}
.greeting .txt-box .sm-txt{font-size:16px;line-height:1.7em;margin:10px 0 20px;}
.greeting .txt-box .ceo{font-weight:500;text-align:right;}
.greeting .txt-box .ceo span{font-size:18px;color: #242424;}
.greeting .img{max-width:310px;width:100%;}

.vision .top-txt{font-size:18px;text-align:center;font-weight:500;margin-bottom:55px;}
.vision .top-txt .green,
.vision .top-txt .red{font-weight:700;}
.vision .con{display:flex;margin:0 -15px;}
.vision .con .item{width:33.3333%;padding:0 15px;text-align:center;}
.vision .con .item .img{border-radius:8px;overflow:hidden;}
.vision .con .tit{font-size:28px;font-weight:600;color: #242424;font-family: 'Titillium Web', sans-serif;margin:15px 0 5px;}
.vision .con .txt{color: #242424;font-size:16px;font-weight:500;}

.doc-tit{color:#242424;padding-left:34px;font-size:25px;font-weight:500;position:relative;margin-bottom:15px;}
.doc-tit:before{content:'';width:21px;height:21px;background:url('../images/sub/icon_tit.png')no-repeat 50% 50%/contain;position: absolute;left:0;top:4px;}
.doc-content{margin-bottom:75px;}
.doc-content:last-child{margin-bottom:0;}
.doc-content .con{margin-left:34px;}
.doc-content .con .top-txt{font-size:16px;line-height:1.750em;}
.doc-content .con .philo-box{margin-top:35px;border-radius:8px;border:1px solid #ddd;padding:50px 20px 45px;text-align:center;}
.doc-content .con .philo-box .tit{font-size:20px;font-weight:500;max-width:230px;width:100%;height:55px;display:flex;justify-content:center;align-items:center;margin:0 auto 40px;color: #fff;border-radius:8px;background-color:#d8231f;}
.doc-content .con .philo-box ul{display:flex;justify-content:center;margin:0 -57px;}
.doc-content .con .philo-box ul li{padding:0 57px;position:relative;}
.doc-content .con .philo-box ul li:after{content:'';width:24px;height:37px;background:url('../images/sub/arr.png')no-repeat 50% 50%/contain;position: absolute;right:-12px;top:50%;margin-top:-18px;}
.doc-content .con .philo-box ul li:last-child:after{display:none;}
.doc-content .con .philo-box ul li .circle{width:220px;height:220px;border:8px solid transparent;background-color: #fff;border-radius:50%;background-image: linear-gradient(#fff, #fff), linear-gradient(360deg, #d8231f 0%, #c66f6d 85%);background-origin: border-box;background-clip: content-box, border-box;display:flex;justify-content:center;align-items:center;}
.doc-content .con .philo-box ul li .circle .txt{line-height:1.75em;font-size:16px;margin-bottom:5px;}
.doc-content .con .philo-box ul li .circle .txt2{font-size:20px;line-height:1.4em;font-weight:500;}
.doc-content .con .philo-box.type2 .tit{background-color: #0d863c;}
.doc-content .con .philo-box.type2 ul li .circle{background-image: linear-gradient(#fff, #fff), linear-gradient(360deg, #0d863c 0%, #00d051 100%);}

.philo .doc-content .img-box{margin-bottom:65px;}
.philo .doc-content .img-box .txt-box{padding:39px 60px 41px;background-color: #fff;box-shadow:3px 3px 5px rgba(136,136,136,.2);max-width:1000px;margin:-20px 0 0 auto;position:relative;z-index:1;border-bottom-right-radius:20px;;}
.philo .doc-content .img-box .txt-box .txt{font-size:23px;font-weight:700;margin-bottom:15px;}
.philo .doc-content .img-box .txt-box .txt2{font-size:18px;line-height:1.778em;}
.philo .doc-content ol{display:flex;flex-wrap:wrap;margin:0 -14px -70px;}
.philo .doc-content ol li{width:25%;padding:0 14px;margin-bottom:70px;}
.philo .doc-content ol li .num{font-size:22px;font-weight:500;color: #fff;border-radius:50%;width:45px;height:45px;font-family: 'Roboto', sans-serif;display:flex;justify-content:center;align-items:center;background-color: #0d863c;margin-bottom:25px;}
.philo .doc-content ol li p{font-size:16px;line-height:1.750em;letter-spacing:-.05em;}

.certificate ul{display:flex;justify-content:center;margin:0 -16px;text-align:center;}
.certificate ul li{padding:0 16px;}
.certificate ul li .paper{padding:30px;background-color: #fafafa;}
.certificate ul li .tit{font-size:18px;color: #242424;font-weight:500;margin-top:15px;}

.busi-con{display:flex;align-items:center;margin-bottom:130px;}
.busi-con:last-child{margin-bottom:0;}
.busi-con .txt-box{width: 50%;padding-left:90px;padding-right:30px;}
.busi-con .txt-box h3{font-size:35px;font-weight: 500;color:#0d863c;margin-bottom:20px;position:relative;}
.busi-con .txt-box h3:after{content:'';width:60px;height:2px;background-color:#ddd;position: absolute;left:-90px;top:50%;margin-top:1px;}	
.busi-con .txt-box p{font-size:16px;line-height:1.875em;}
.busi-con.type2 .txt-box h3{color:#d8231f;}
.busi-con.type3 .txt-box h3{color:#151abc;}
.busi-con.type2{flex-direction:row-reverse;}
.busi-con.type2 .txt-box{text-align:right;padding-left:30px;padding-right:90px;}
.busi-con.type2 .txt-box h3:after{left:auto;right:-90px;}
.busi-con .img{width:50%;display:block;position:relative;}
.busi-con .pic {position:relative; padding-bottom:26.667%;border-top-left-radius:20px;border-bottom-right-radius:20px;overflow:hidden;}
.busi-con .pic img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.busi-con.type2 .pic{border-top-left-radius:0;border-bottom-right-radius:0;border-top-right-radius:20px;border-bottom-left-radius:20px;}
.busi-con .img:after{content:'';width:100px;height:100px;border:5px solid #0d863c;background-color:#fff;position: absolute;left:-30px;bottom:-30px;z-index:-1;}
.busi-con.type2 .img:after{border-color:#d8231f;left:auto;right:-30px;}
.busi-con.type3 .img:after{border-color:#151abc;}
.busi-con .pic:hover img{ transform:translateY(-50%) scale(1.09); -ms-transform:translateY(-50%) scale(1.09); -webkit-transform:translateY(-50%) scale(1.09);} 

.busi .busi-con{margin-bottom:100px;}
.busi .busi-con .img{border-top-left-radius:20px;border-bottom-right-radius:20px;overflow:hidden}
.busi .busi-con .img:after{display:none;}
.busi .busi-con .txt-box{position:relative;}
.busi .busi-con .txt-box:before{content:'';width:874px;height:66px;background:url('../images/sub/bg_txt.png')no-repeat 50% 50%/contain;position: absolute;left:-350px;top:-96px;}
.busi .busi-con.type2 .txt-box:before{width:825px;height:84px;background-image:url('../images/sub/bg_txt2.png');left:auto;right:-350px;top:-93px;}
.busi .busi-con.type2 .img{border-top-left-radius:0;border-bottom-right-radius:0;border-top-right-radius:20px;border-bottom-left-radius:20px;}

.fullfil .txt{text-align:center;font-size:18px;font-weight:500;line-height:1.778em;margin-bottom:40px;}
.fullfil .txt .green,
.fullfil .txt .red{font-weight:700;}

.trans .doc-content{margin-bottom:110px;}
.trans .doc-content:last-child{margin-bottom:0;}
.trans .doc-content .con ol{display:flex;flex-wrap:wrap;margin:35px -65px -55px;}
.trans .doc-content .con ol li{width:25%;padding:0 65px;margin-bottom:55px;text-align:center;position:relative;}
.trans .doc-content .con ol li:after{content:'';width:24px;height:37px;background:url('../images/sub/arr.png')no-repeat 50% 50%/contain;position: absolute;right:-12px;top:75px;}
.trans .doc-content .con ol li:nth-child(4):after,
.trans .doc-content .con ol li:nth-child(8):after{display:none;}
.trans .doc-content .con ol li .circle{width:190px;height:190px;display:flex;justify-content:center;align-items:center;border:8px solid #0d863c;border-radius:50%;}
.trans .doc-content .con ol li .step{font-style:italic;margin:17px 0 2px;font-size:18px;font-weight:700;}
.trans .doc-content .con ol li .tit{font-size:18px;color: #242424;}
.trans .doc-content .con .services{display:flex;margin-right:-30px;margin-top:40px;}
.trans .doc-content .con .services .box{width:calc(33.3333% - 30px);margin-right:30px;text-align:center;}
.trans .doc-content .con .services .box .tit{font-size:20px;font-weight:500;margin:20px 0 7px;}
.trans .doc-content .con .services .box .txt{font-size:16px;line-height:1.750em;}

.network .map{padding:55px 40px;border:1px solid #d5d6d6;margin-bottom:55px;}
.network .doc-content{margin-bottom:55px;}
.network .doc-content:last-child{margin-bottom:0;}

.doc-table table{width:100%;border-spacing:0;border-top:2px solid #0d863c;}
.doc-table table thead th{font-size:18px;font-weight:500;color: #242424;background-color: #f8f8f8;padding:17px 10px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.doc-table table tbody th{color: #242424;font-size:18px;font-weight:500;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.doc-table table tbody td{padding:15px 10px 18px;text-align:center;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.doc-table table tbody td .gray{color:#686868;}	

.doc-table tr th:first-child,
.doc-table tr td:first-child {border-left:0;}
.doc-table tr th:last-child,
.doc-table tr td:last-child {border-right:0;}

.network .doc-content .doc-tit{margin-bottom:23px;}
.network .doc-content ul{display:flex;flex-wrap:wrap;margin:0 -15px -30px;}
.network .doc-content ul li{width:50%;padding:0 15px;margin-bottom:30px;}
.network .doc-content ul li .item{position:relative;border-radius:12px;overflow:hidden}
.network .doc-content ul li .txt{position: absolute;padding:12px 10px 13px;background-color:rgba(13,134,60,.75);left:0;bottom:0;right:0;color: #fff;font-size:18px;font-weight:500;text-align:center;}

.smc .top-con{background:url('../images/sub/smc_bg.jpg')no-repeat 50% 50%/cover;padding:94px 0 100px;margin-bottom:100px;}
.smc .top-con .con-wrap{position:relative;}
.smc .top-con .con-wrap:after{content:'';width:100%;height:1px;background-color: #fff;position: absolute;left:0;top:100px;opacity:.3;}
.smc .top-con .con{display:flex;margin:0 -14px;}
.smc .top-con .con .wrap{width:25%;padding:0 14px;text-align:center;color:#fff;}
.smc .top-con .con .num{width:40px;height:40px;border-radius:50%;background-color: #d8231f;display:flex;justify-content:center;align-items:center;margin:17px auto 18px;position:relative;z-index: 1;}
.smc .top-con .con .txt-box {height:127px;}
.smc .top-con .con .txt-box .tit{font-size:20px;font-weight:500;margin-bottom:7px;}
.smc .top-con .con .txt-box .txt{font-size:16px;line-height:1.625em;}
.smc .top-con .con .img{margin-top:87px;position:relative;}
.smc .top-con .con .img:before{content:'';width:1px;height:50px;background-color: #fff;position: absolute;left:50%;top:-87px;}

.smc .check-box{margin:0;}
.smc .check-box .checkbox{margin-right:30px;}
.smc .check-box .checkbox:last-child{margin-right:0;}
.smc .check-box .checkbox label{font-size:15px;letter-spacing:-.04em;color: #454545;}

.employ .doc-content{margin-bottom:75px;}
.employ .doc-content .doc-tit{margin-bottom:25px;}
.employ .doc-content:last-child{margin-bottom:0;}
.employ .doc-content .flex-box{display:flex;margin-bottom:60px;}
.employ .doc-content .flex-box:last-child{margin-bottom:0;}
.employ .doc-content .flex-box h4{max-width:124px;width:100%;font-size:18px;font-weight:500;color: #242424;margin-top:-5px;}
.employ .doc-content .flex-box .right-con{min-width:0;width:1%;flex:1 1 auto;}
.employ .doc-content .flex-box .ideals{display:flex;margin-right:-30px;}
.employ .doc-content .flex-box .ideals .box{width:calc(33.3333% - 30px);margin-right:30px;border:1px solid #ddd;text-align:center;padding:35px 15px 30px;}
.employ .doc-content .flex-box .ideals .box .icon{width:110px;height:110px;border-radius:50%;background-color: #0d863c;display:flex;justify-content:center;align-items:center;margin:0 auto;}
.employ .doc-content .flex-box .ideals .box .tit{font-size:18px;font-weight:500;color: #242424;margin:23px 0 9px;}
.employ .doc-content .flex-box .ideals .box .txt{font-size:16px;line-height:1.625em;}
.employ .doc-content .flex-box .welfare ul{display:flex;flex-wrap:wrap;margin:0 -15px -58px;}
.employ .doc-content .flex-box .welfare ul li{width:16.6666%;padding:0 15px;margin-bottom:58px;}
.employ .doc-content .flex-box .welfare ul li .wrap{border-top:2px solid #242424;}
.employ .doc-content .flex-box .welfare ul li .icon{margin:20px 0;}
.employ .doc-content .flex-box .process{border:1px solid #ddd;padding:40px 0 35px;}
.employ .doc-content .flex-box .process .wrap{max-width:700px;width:100%;margin:0 auto;position:relative;}
.employ .doc-content .flex-box .process .wrap:after{content:'';width:96%;height:1px;background-color: #ddd;position: absolute;left:4px;top:58px;overflow:hidden;z-index:-1;}
.employ .doc-content .flex-box .process .items{display:flex;margin:0 -40px;}
.employ .doc-content .flex-box .process .item{width:25%;padding:0 40px;text-align:center;}
.employ .doc-content .flex-box .process .item p{font-size:16px;line-height:1.750em;color: #242424;font-weight:500;margin-top:15px;}
.employ .doc-content .announce{color: #242424;}
.employ .doc-content .announce .txt{font-size:18px;font-weight:500;}
.employ .doc-content .announce .txt2{margin-left:11px;margin-bottom:10px;}

.center .img-box{background:url('../images/sub/center.png')no-repeat 50% 50%/cover;padding:85px 30px;border-radius:8px;margin-bottom:85px;}
.center .img-box p{text-align:center;color: #fff;font-size:18px;}
.center .img-box p strong{font-size:20px;font-weight:700;line-height:1.667em;}

.center .check-con{border:1px solid #ddd;padding:45px 60px;margin-bottom:25px;border-radius:8px;}
.center .check-con ul{display:flex;flex-wrap:wrap;margin:0 -50px -30px;}
.center .check-con ul li{width:33.3333%;margin-bottom:30px;padding:0 50px;}
.center .check-con ul li span{padding-left:35px;position:relative;display:block;}
.center .check-con ul li span:before{content:'';width:21px;height:18px;background:url('../images/sub/icon_check.png')no-repeat 50% 50%/contain;position: absolute;left:0;top:5px;}

.dot-list li{padding-left:9px;position: relative;margin-bottom:3px;}
.dot-list li:last-child{margin-bottom:0;}
.dot-list li:before{content:'';width:3px;height:3px;background-color: #454545;border-radius:50%;position: absolute;left:0;top:13px;}

.center .top-txt{margin-bottom:30px;}
.center .protect-list{display:flex;margin:0 -12px;}
.center .protect-list>li{width:33.3333%;padding:0 12px;}
.center .protect-list>li .box{border:1px solid #ddd;border-radius:8px;padding:35px 35px 45px;position:relative;overflow:hidden;min-height:280px;}
.center .protect-list>li .box .tit{font-size:20px;font-weight:700;color: #0d863c;margin-bottom:18px;}
.center .protect-list>li .box .dot-list{margin-bottom:-15px;}
.center .protect-list>li .box .dot-list li{margin-bottom:15px;}
.center .protect-list>li .box .num{color: #0d863c;font-size:180px;font-weight:700;opacity:.08;position: absolute;right:24px;bottom:0;z-index:-1;line-height:.7em;font-family:'Roboto';}

.center .icon-box{display:flex;margin:0 -12px;}
.center .icon-box li{width:33.3333%;padding:0 12px;}
.center .icon-box li .box{padding:40px 20px 30px;border:1px solid #ddd;border-radius:8px;text-align:center;min-height:300px;}
.center .icon-box li .box .icon{display:flex;justify-content:center;align-items:center;width:120px;height:120px;background-color: #0d863c;border-radius:50%;margin:0 auto 15px;}
.center .icon-box li .box dt{font-size:20px;font-weight:500;color: #242424;margin-bottom:5px;}