@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.greeting{display:flex;}
.greeting .img{max-width:550px;width:100%;margin-right:70px;}
.greeting .tt-wrap{padding-top:45px;min-width:0;width:1%;flex:1 1 auto;}
.greeting .tt-wrap .tit{font-size:32px;font-weight:700;line-height:1.2em;color: #242424;margin-bottom:50px;}
.greeting .tt-wrap .wrap p{margin-bottom:20px;font-size:18px;line-height:1.778em;}
.greeting .tt-wrap .wrap p:last-child{margin-bottom:0;}
.greeting .tt-wrap .ceo{margin-top:60px;font-size:18px;}
.greeting .tt-wrap .ceo span{margin-left:8px;color: #242424;font-weight:700;}

.history .img{position:relative;margin-right:-18%;margin-bottom:75px;}
.history .list ul{display:flex;}
.history .list ul li{width:20%;position:relative;padding-right:20px;}
.history .list ul li .year{font-size:28px;font-weight:700;color: #004ba6;line-height:1.4em;margin-bottom:5px;}
.history .list ul li:nth-child(even) .year{color: #003c85;}
.history .list ul li:nth-child(even):before{background-color: #003c85;}
.history .list ul li p{color: #242424;font-size:18px;line-height:1.556em;height:80px;}
.history .list ul li:after{content:'';width:100%;height:1px;background-color: #ddd;position: absolute;left:0;bottom:0;}
.history .list ul li:before{content:'';width:10px;height:10px;border-radius:50%;background-color: #004ba6;position: absolute;left:0;bottom:-5px;z-index:1;}
.history .list ul li:last-child:after{width:84%;}
.history .list.type2{margin-top:160px;position:relative;}
.history .list.type2:before{content:'';width:13px;height:15px;background:url('../images/sub/history_arr.png')no-repeat 50% 50%/contain;position: absolute;left:0;bottom:-7px;z-index:1;}
.history .list.type2:after{content:'';width:50px;height:285px;border:1px solid #ddd;border-left:0;border-top-right-radius:50px;border-bottom-right-radius:50px;position: absolute;right:0;top:-161px;}
.history .list.type2 ul li{padding-left:90px;}
.history .list.type2 ul li .year{color: #003c85;}
.history .list.type2 ul li:before{background-color: #003c85;left:90px;}
.history .list.type2 ul li:nth-child(even) .year{color: #004ba6;}
.history .list.type2 ul li:nth-child(even):before{background-color: #004ba6;}

.doc-license ul{display:flex;flex-wrap:wrap;margin:0 -10px -35px;}
.doc-license ul li{width:25%;padding:0 10px;margin-bottom:35px;}
.doc-license ul li .img{padding:55px 40px;background-color: #f8f8f8;}
.doc-license ul li .img .pic{position:relative; height:0; padding-bottom:141.57%; overflow:hidden;}
.doc-license ul li .img .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;}
.doc-license ul li .tit{text-align:center;margin-top:20px;font-size:18px;font-weight:700;line-height:1.3em;}
.doc-license ul li .tit span{font-size:15px;color: #878787;font-weight:400;}

.location{display:flex;}
.location .maps{max-width:900px;width:100%;}
.location .maps .root_daum_roughmap {width:100% !important; height:500px !important;}
.location .maps .root_daum_roughmap .wrap_map {height:500px !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{min-width:0;width:1%;flex:1 1 auto;background-color: #004ba6;color: #fff;padding:65px 60px 90px;}
.location .tt-wrap .eng{font-size:18px;font-weight:700;opacity:.5;margin-bottom:10px;}
.location .tt-wrap .tt{font-size:28px;line-height: 1.571em;font-weight:700;margin-bottom:150px;}
.location .tt-wrap .info dl{display:flex;margin-bottom:15px;font-size:18px;line-height:1.4em;font-weight:700;}
.location .tt-wrap .info dl:last-child{margin-bottom:0;}
.location .tt-wrap .info dl dt{opacity:.5;min-width:48px;}

.doc-pg .doc-content{margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid #ddd;}
.doc-pg .doc-content:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none;}
.doc-tit{padding-left:45px;position:relative;font-size:22px;font-weight:700;line-height:1.4em;color: #242424;margin-bottom:20px;}
.doc-tit:before{content:'';width:28px;height:28px;background:url('../images/sub/ic_tit.png')no-repeat 50% 50%/contain;position: absolute;left:0;top:1px;}
.doc-pg .doc-content .bg-info{padding:33px 20px 38px 40px;background-color: #f8f8f8;border-radius:10px}
.doc-pg .doc-content .bg-info>ul{display:flex;}
.doc-pg .doc-content .bg-info>ul>li{width:25%;font-size:20px;font-weight:600;line-height:1.4em;color: #242424;position:relative;padding-left:15px;}
.doc-pg .doc-content .bg-info>ul>li:before{content:'';width:6px;height:6px;background-color: #004ba6;position: absolute;left:0;top:10px;}
.doc-pg .doc-content .bg-info>ul>li>ul{margin-top:10px;}
.doc-pg .doc-content .bg-info>ul>li>ul>li{font-size:18px;line-height:1.4em;font-weight:400;margin-bottom:5px;letter-spacing:-.05em;}
.doc-pg .doc-content .bg-info>ul>li>ul>li:last-child{margin-bottom:0;}
.doc-pg .doc-content .bg-info>ul>li>ul.hypen>li{padding-left:10px;position:relative;}
.doc-pg .doc-content .bg-info>ul>li>ul.hypen>li:before{content:'';width:5px;height:1px;background-color: #242424;position: absolute;left:0;top:12px;}
.doc-pg .doc-content .mt20{margin-top:20px;}
.doc-pg .doc-content .flex-img{display:flex;margin-left:-5px;margin-right:-5px;}
.doc-pg .doc-content .flex-img .img{padding:0 5px;}
.doc-pg .doc-content .imgs .img{margin-bottom:10px;}
.doc-pg .doc-content .imgs .img:last-child{margin-bottom:0;}
.doc-pg .doc-content .bg-info>ul>li.type2{width:50%;}

.pg-menu{margin-bottom:40px;}
.pg-menu ul{display:flex;justify-content:center;align-items:center;margin:0 -5px;}
.pg-menu ul li{max-width:210px;width:100%;padding:0 5px;}
.pg-menu ul li a{display:flex;justify-content:center;align-items:center;font-size:18px;font-weight:500;background-color: #f4f4f4;border:1px solid #ddd;height:60px;text-align:center;border-radius:30px;}
.pg-menu ul li.active a{color: #fff;background-color: #004ba6;border-color:#004ba6;}

.doc-table table{border-spacing:0;width:100%;font-size:18px;line-height:1.4em;border-top:2px solid #505050;}
.doc-table table thead th{background-color: #f4f4f4;color: #242424;font-weight:500;}
.doc-table table th,
.doc-table table td{padding:19px 30px;border-bottom:1px solid #ddd;}

.data-room{padding-top:30px;border-top:2px solid #505050;}
.data-room ul{display:flex;flex-wrap:wrap;margin:0 -16px -35px;}
.data-room ul li{width:25%;padding:0 16px;margin-bottom:35px;}
.data-room ul li .pic{position:relative; height:0; padding-bottom:141.412%; overflow:hidden;}
.data-room ul li .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;}
.data-room ul li .pic .circle{position: absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:150px;height:150px;border-radius:50%;background-color: #004ba6;display:flex;justify-content:center;align-items:center;text-align:center;}
.data-room ul li .pic .circle p{color: #fff;margin-top:5px;}
.data-room ul li .tit{text-align:center;font-size:18px;font-weight:500;margin-top:15px;line-height:1.4em;}