@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.blue{color:#1b1464 !important;}

.greeting{display:flex;}
.greeting .img{max-width:375px;width:100%;margin-right:65px;}
.greeting .tt-wrap{width:1%;min-width:0;flex:1 1 auto;padding-top:40px;position:relative;}
.greeting .tt-wrap:after{content:'';width:226px;height:120px;background:url('../images/sub/ceo_back_logo.png')no-repeat 100% 50%/contain;position: absolute;right:0;top:26px;}
.greeting .tt-wrap .top-tt{margin-bottom:35px;font-size:28px;line-height:1.786em;font-weight:500;color: #242424;}
.greeting .tt-wrap .top-tt .blue{font-size:33px;font-weight:600;}
.greeting .tt-wrap .top-tt strong{font-weight:600;font-size:33px;}
.greeting .tt-wrap .wrap{padding:35px 0 105px;position:relative;}
.greeting .tt-wrap .wrap:before{content:'';width:2500px;height:100%;background-color: #f8f8f8;position: absolute;left:50%;top:0;transform:translateX(-50%);z-index:-1;}
.greeting .tt-wrap .wrap p{margin-bottom:20px;}
.greeting .tt-wrap .wrap p:last-child{margin-bottom:0;}

.history{display:flex;padding-top:60px;border-top:2px solid #333;}	
.history .tit-wrap{max-width:550px;width:100%;position:relative;}
.history .tit-wrap .tit{font-family:'Montserrat',sans-serif;font-size:33px;font-weight:600;color: #242424;line-height:0.939em;margin-bottom:25px;}
.history .tit-wrap .tit .blue{font-weight:700;font-size:40px;}
.history .tit-wrap:after{content:'';width:226px;height:120px;background:url('../images/sub/ceo_back_logo.png')no-repeat 0 50%/contain;position: absolute;left:0;top:200px;}
.history .tt{font-size:18px;line-height:1.556em;}
.history .tt strong{font-weight:600;color: #242424;}
.history .con{min-width:0;width:1%;flex:1 1 auto;padding-left:70px;position: relative;}
.history .con:before{content:'';width:1px;height:84%;background-color: #ddd;position: absolute;left:0;top:8px;}
.history .con .row{position:relative;margin-bottom:40px;}
.history .con .row:last-child{margin-bottom:0;}
.history .con .row:before{content:'';width:20px;height:20px;border-radius:50%;background:url('../images/sub/history_bullet.png')no-repeat 50% 50%/contain;position: absolute;left:-79px;top:7px;}	
.history .con .row:after{content:'';width:40px;height:1px;background-color: #ddd;position: absolute;left:-50px;top:17px;}
.history .con .row .year{font-size:28px;font-weight:600;color: #242424;line-height:1.2em;margin-bottom:20px;}
.history .con .row ul li{display:flex;font-size:16px;line-height:1.4em;margin-bottom:10px;}
.history .con .row ul li:last-child{margin-bottom:0;}
.history .con .row ul li .month{color: #1b1464;font-weight:600;min-width:40px;}
.history .con .row ul li .info p{margin-bottom:10px;padding-left:15px;position:relative;}
.history .con .row ul li .info p:before{content:'';width:5px;height:5px;border-radius:50%;background-color: #ddd;position: absolute;left:0;top:6px;}
.history .con .row ul li .info p strong{font-weight:600;color: #242424;}
.history .con .row ul li .info p:last-child{margin-bottom:0;}

.policy .img{margin-top:60px;}

.license{padding:20px 0 35px;border-top:2px solid #868686;border-bottom:1px solid #ddd;}
.license .license-list{display:flex;flex-wrap:wrap;margin:0 -10px -35px;}
.license .license-list li{width:20%;padding:0 10px;margin-bottom:35px;}
.license .license-list li .wrap{text-align:center;}
.license .license-list li .wrap .pic{position:relative; height:0; padding-bottom:140.63%; overflow:hidden;}
.license .license-list li .wrap .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:contain; transition:0.3s;}
.license .license-list li .wrap .tit{line-height:1.2em;margin-top:10px;}

.location .maps .root_daum_roughmap {width:100% !important; height:450px !important;}
.location .maps .root_daum_roughmap .wrap_map {height:450px !important;}
.location .maps .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.location .maps .roughmap_lebel_text:after {content:"동진피앤아이"; font-size:12px; line-height:15px;}
.location .tt-wrap{margin-top:35px;}
.location .tt-wrap .address{margin-bottom:25px;}
.location .tt-wrap .address .tit{font-weight:700;line-height:1.2em;margin-bottom:3px;}
.location .tt-wrap .address .tt{font-size:23px;line-height:1.3em;font-weight:600;color: #242424;margin-bottom:5px;}
.location .tt-wrap .address .sm-tt span{display:inline-block;}
.location .tt-wrap .address .sm-tt span:first-child{margin-right:20px;}
.location .tt-wrap .info dl{display:flex;padding:30px;border-bottom:1px solid #ddd;}
.location .tt-wrap .info dl:first-child{border-top:1px solid #ddd;}
.location .tt-wrap .info dl dt{font-size:18px;color: #242424;font-weight:500;padding-left:39px;min-width:150px;position:relative;}
.location .tt-wrap .info dl dt:before{content:'';width:20px;height:20px;background:url('../images/sub/icon_tel.png')no-repeat 50% 50%/contain;position: absolute;left:0;top:4px;}
.location .tt-wrap .info dl dt.type2:before{background-image:url('../images/sub/icon_fax.png');}
.location .tt-wrap .info dl dt.type3:before{background-image:url('../images/sub/icon_email.png');}

.doc-busi{display:flex;}
.doc-busi .viewr{width:50%;}
.doc-busi .viewr .origin{margin-bottom:6px;position:relative;}
.doc-busi .viewr .origin .slick-arrow{width:13px;height:23px;font-size:0;border:none;background-color:transparent;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;position: absolute;top:50%;transform:translateY(-50%);z-index:1;}
.doc-busi .viewr .origin .slick-prev{background-image:url('../images/sub/busi_prev.png');left:20px;}
.doc-busi .viewr .origin .slick-next{background-image:url('../images/sub/busi_next.png');right:20px;}
.doc-busi .viewr .thumb .items .item{padding:0 3px;}
.doc-busi .viewr .thumb .items .item .pic{position:relative;cursor:pointer;}
.doc-busi .viewr .thumb .items .item .pic:after{content:'';width:100%;height:100%;border:3px solid #c5161d;position: absolute;left:0;top:0;opacity:0;transition:.3s;}	
.doc-busi .viewr .thumb .items .item.slick-current .pic:after{opacity:1;}
.doc-busi .tt-wrap{width:50%;padding-top:50px;padding-left:100px;}
.doc-busi .tt-wrap.type2{padding-top:30px;}
.doc-busi .tt-wrap .wrap{margin-bottom:30px;}
.doc-busi .tt-wrap .wrap:last-child{margin-bottom:0;}
.doc-busi .tt-wrap .wrap .doc-tit{padding-left:35px;position:relative;font-size:23px;font-weight:600;color: #242424;line-height:1.2em;margin-bottom:25px;}
.doc-busi .tt-wrap .wrap .doc-tit:before{content:'';width:25px;height:25px;background:url('../images/sub/icon_tit.png')no-repeat 50% 50%/contain;position: absolute;left:0;top:1px;}
.doc-busi .tt-wrap .wrap .dot-list{padding-left:35px;}
.doc-busi .tt-wrap .wrap .dot-list li{position:relative;line-height:1.4em;padding-left:8px;margin-bottom:8px;}
.doc-busi .tt-wrap .wrap .dot-list li:before{content:'';width:3px;height:3px;border-radius:50%;background-color: #454545;position: absolute;left:0;top:8px;}

.pg-menu{max-width:900px;width:100%;margin:0 auto 60px;position:relative;}
.pg-menu:before{content:'';width:100%;height:100%;border:1px solid #ddd;position: absolute;left:0;top:0;border-radius:30px;z-index:-1;}
.pg-menu ul{display:flex;}
.pg-menu ul li{flex:1;}
.pg-menu ul li a{height:60px;display:flex;justify-content:center;align-items:center;font-size:20px;color: #898989;font-weight:600;}
.pg-menu ul li.active a{border-radius:30px;color:#fff;background-color: #1b1464;}

.order-list{padding:40px 0;border-top:2px solid #868686;border-bottom:1px solid #ddd;}
.order-list ul{display:flex;flex-wrap:wrap;margin:0 -25px -60px;}
.order-list ul li{width:50%;padding:0 25px;margin-bottom:60px;}
.order-list ul li .item{display:flex;}
.order-list ul li .item .img{max-width:247px;width:100%;margin-right:18px;}
.order-list ul li .item .pic{position:relative; height:0; padding-bottom:83.81%; overflow:hidden;}
.order-list ul li .item .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;}
.order-list ul li .item .tt-wrap{min-width:0;width:1%;flex:1 1 auto;}
.order-list ul li .item .tt-wrap .tit{font-size:18px;line-height:1.2em;margin-bottom:5px;color: #242424;font-weight:600;}
.order-list ul li .item .tt-wrap .info{border-top:2px solid #1b1464;}
.order-list ul li .item .tt-wrap .info dl{border-bottom:1px solid #ddd;display:flex;font-size:15px;line-height:1.2em;}
.order-list ul li .item .tt-wrap .info dl dt{min-width:94px;background-color: #fafafa;color: #242424;font-weight:600;text-align:center;padding:8px 10px;}
.order-list ul li .item .tt-wrap .info dl dd{min-width:0;width:1%;flex:1 1 auto;padding:8px 10px;}

.perform-list{padding:40px 0;border-top:2px solid #868686;border-bottom:1px solid #ddd;}
.perform-list ul{display:flex;flex-wrap:wrap;margin:0 -10px -40px;}
.perform-list ul li{width:25%;padding:0 10px;margin-bottom:40px;}
.perform-list ul li a{display:block;}
.perform-list ul li a .pic{position:relative; height:0; padding-bottom:64.915%; overflow:hidden;}
.perform-list ul li a .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;}
.perform-list ul li a .tt-wrap{border:1px solid #ddd;padding:15px 20px;border-top:none;}
.perform-list ul li a .tt-wrap .tit{font-size:18px;font-weight:600;color: #242424;line-height:1.2em;display: inline-block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width:100%;}
.perform-list ul li a .tt-wrap .tt{font-size:15px;line-height:1.2em;display: inline-block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width:100%;}
.perform-list ul li a .tt-wrap .date{font-size:14px;line-height:1.2em;color: #686868;margin-top:15px;}

.partner-list{display:flex;margin:0 -10px -20px;flex-wrap:wrap;}
.partner-list li{padding:0 10px;margin-bottom:20px;width:20%;}

.recruit .content{margin-bottom:90px;}
.recruit .content:last-child{margin-bottom:0;}
.recruit .content .con-tit{font-size:23px;font-weight:600;color: #242424;padding-left:30px;margin-bottom:25px;position:relative;line-height:1.2em;}
.recruit .content .con-tit:before{content:'';width:20px;height:20px;background:url('../images/sub/icon_tit2.png')no-repeat 50% 50%/contain;position: absolute;left:0;top:4px;}
.recruit .content .cnt{padding-top:60px;border-top:1px solid #ddd;}
.recruit .content .cnt .step-list{display:flex;justify-content:center;text-align:center;margin:0 -50px;}
.recruit .content .cnt .step-list li{padding:0 50px;}
.recruit .content .cnt .step-list li p{font-size:20px;font-weight:600;color: #242424;line-height:1.2em;margin-top:20px;}
.recruit .content .cnt.type2{padding:60px 45px 0;}
.recruit .content .cnt.type2 .benefit-list{display:flex;justify-content:center;flex-wrap:wrap;margin:0 -15px -30px;}
.recruit .content .cnt.type2 .benefit-list li{width:33.3333%;padding:0 15px;margin-bottom:30px;}
.recruit .content .cnt.type2 .benefit-list li .box{background-color: #fafafa;border-radius:15px;padding:15px 25px;display:flex;align-items:center;min-height:155px;height:100%;}
.recruit .content .cnt.type2 .benefit-list li .box .tt-wrap{min-width:0;width:1%;flex:1 1 auto;padding-right:10px;}
.recruit .content .cnt.type2 .benefit-list li .box .tt-wrap .tit{font-size:18px;font-weight:600;color: #242424;margin-bottom:5px;line-height:1.2em;}
.recruit .content .cnt.type2 .benefit-list li .box .tt-wrap .tt{line-height:1.5em;}
.recruit .content .cnt.type2 .benefit-list li .box .tt-wrap .sm-tt{white-space:nowrap;font-size:14px;line-height:1.429em;font-weight:300;}
.recruit .content .cnt.type2 .benefit-list li .box .icon{width:80px;height:80px;background-color: #fff;border-radius:50%;display:flex;justify-content:center;align-items:center;}

.btn-pack.edit-btn{min-width:130px;height:50px;font-size:18px;font-weight:500;line-height:48px;}