@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.company .top-con{margin-bottom:80px;}
.company .top-con .contain{display:flex;align-items:center;}
.company .top-con .img{min-width:0;width:1%;flex:1 1 auto;margin-right:60px;}
.company .top-con .txt-box{max-width:520px;width:100%;}
.company .top-con .txt-box p{font-size:18px;line-height:1.667em;margin-bottom:34px;}
.company .top-con .txt-box p:last-child{margin-bottom:0;}
.company .top-con .txt-box p span{font-weight:500;}
.company .bg-con{background:url('../images/sub/company_con_bg.jpg')no-repeat 50% 50%/cover;padding:100px 0;margin-bottom:95px;}
.company .bg-con .wrap{display:flex;max-width:1000px;width:100%;margin:0 auto;background-color: rgba(255,255,255,.9);border-radius:20px;border:2px solid #e2600d;text-align:center;}
.company .bg-con .wrap dl{width:25%;position:relative;padding:43px 0 42px;}
.company .bg-con .wrap dl:after{content:'';width:1px;height:100%;background-color: #e2600d;position: absolute;right:0;top:0;}
.company .bg-con .wrap dl:last-child:after{display:none;}
.company .bg-con .wrap dt{font-size:18px;font-weight:500;color: #242424;margin-bottom:10px;}
.company .bg-con .wrap dd{color: #f6670c;font-weight:700;font-size:24px;}
.company .bg-con .wrap dd span{font-size:16px;}
.company .btm-con .tit{color: #000;font-size:38px;font-weight:500;text-align:center;margin-bottom:60px;}
.company .btm-con ul{display:flex;margin:0 -25px;}
.company .btm-con li{width:25%;padding:0 25px;text-align:center;}
.company .btm-con li .img{border-radius:50%;margin-bottom:25px;}
.company .btm-con li .img img{width:100%;height:100%;}
.company .btm-con li p{font-size:18px;font-weight:500;}

.greeting .logo-box{max-width:300px;height:180px;background-color: #f6670c;display:flex;justify-content:center;align-items:center;margin-left:60px;margin-top:-120px;position:relative;z-index:1;}
.greeting .txt-area{display:flex;justify-content:flex-end;}
.greeting .txt-box{max-width:780px;width:100%;}
.greeting .txt-box .top-txt{font-size:24px;font-weight:700;color: #1e2f5b;margin-bottom:30px;}
.greeting .txt-box .txt{margin-bottom:30px;line-height:1.875em;}
.greeting .txt-box .txt span{font-weight:500;}
.greeting .txt-box .ceo{color: #242424;font-weight:500;font-size:18px;margin-top:40px;}

.history{/* background:url('../images/sub/history_bg.jpg')no-repeat 50% 50%/cover; */}
.history .con{position:relative;}
.history .con:before{content:'';width:1px;height:89%;background-color: #ddd;position: absolute;top:8px;left:50%;}
.history .col{display:flex;margin-bottom:45px;position:relative;}
.history .col:last-child{margin-bottom:0;}
.history .col:nth-child(even){flex-direction:row-reverse;}
.history .col .row{width:50%;display:flex;}
.history .col:nth-child(odd) .row{justify-content:flex-end;text-align:right;padding-right:55px;}
.history .col:nth-child(even) .row{padding-left:55px;}
.history .col .year{font-size:26px;font-weight:700;color: #1e2f5b;margin-bottom:10px;font-family: 'Roboto', sans-serif;position:relative;}
.history .col .year:after{content:'';width:13px;height:13px;border-radius:50%;background-color: #fff;border:3px solid #f6670c;position: absolute;right:-62px;top:6px;}
.history .col:nth-child(even) .year:after{right:auto;left:-61px;}
.history ul li{margin-bottom:5px;line-height:1.875em;}
.history ul li:last-child{margin-bottom:0;}
.history .col.type1:after{content:'';width:232px;height:216px;background:url('../images/sub/history_circle1.png')no-repeat 50% 50%/contain;position:absolute;left:0;top:0;}
.history .col.type2:after{content:'';width:217px;height:234px;background:url('../images/sub/history_circle2.png')no-repeat 50% 50%/contain;position:absolute;right:0;top:50%;margin-top:-117px;}
.history .col.type3:after{content:'';width:245px;height:278px;background:url('../images/sub/history_circle3.png')no-repeat 50% 50%/contain;position:absolute;right:0;top:50%;margin-top:-239px;}
.history .col.type4:after{content:'';width:212px;height:289px;background:url('../images/sub/history_circle4.png')no-repeat 50% 50%/contain;position:absolute;left:0;top:50%;margin-top:-140px;}

.doc-tit{font-size:20px;color:#242424;font-weight:500;padding-left:30px;position:relative;margin-bottom:15px;}
.doc-tit:before{content:'';width:20px;height:20px;border-radius:50%;background-color: #fff;border:5px solid #f6670c;position: absolute;left:0;top:4px;}
.content{margin-bottom:90px;}
.content:last-child{margin-bottom:0;}
.doc-table{margin-left:30px;}
.doc-table table{width:100%;border-spacing:0;border-top:2px solid #242424;}
.doc-table table th{background-color:#f8f8f8;font-size:18px;font-weight:500;color: #242424;}
.doc-table table td{font-size:16px;text-align:center;line-height:1.3em;}
.doc-table table th,
.doc-table table td{height:60px;padding:0 10px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.doc-table table tr th:first-child,
.doc-table table tr td:first-child {border-left:0;}
.doc-table table tr th:last-child,
.doc-table table tr td:last-child {border-right:0;}

.partner-list{display:flex;flex-wrap:wrap;margin:0 -20px -40px;}
.partner-list li{width:25%;padding:0 20px;margin-bottom:40px;}
.partner-list li .logo{border-radius:10px;border:1px solid #ddd;display:flex;justify-content:center;align-items:center;padding:11px 10px 12px;}

.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 .info{margin-top:45px;}
.location .info dl{display:flex;margin-bottom:35px;}
.location .info dl:last-child{margin-bottom:0;}
.location .info dt{padding-left:40px;min-width:150px;margin-right:30px;font-size:18px;font-weight:500;color: #242424;position:relative;}
.location .info dt:before{content:'';width:24px;height:24px;background:url('../images/sub/icon_location.png')no-repeat 50% 50%/contain;position: absolute;left:0;top:0px;}
.location .info dt.type2:before{background-image:url('../images/sub/icon_tel.png');}
.location .info dt.type3:before{background-image:url('../images/sub/icon_fax.png');}
.location .info dt.type4:before{background-image:url('../images/sub/icon_mail.png');}
.location .info dt:after{content:'';width:1px;height:13px;background-color: #ddd;position: absolute;right:0;top:9px;}
.location .info dd{font-size:17px;}

.doc-content{margin-bottom:95px;}
.doc-content .content:last-child{margin-bottom:0;}
.doc-content .doc-tit{padding-bottom:15px;border-bottom:1px solid #ddd;margin-bottom:20px;}
.doc-content .doc-table{margin-left:0;margin-top:35px;}
.doc-content .con{margin-left:30px;}
.doc-content .con.flex-con{display:flex;align-items:center}
.doc-content .con.flex-con .img{max-width:211px;width:100%;margin-right:40px;}
.doc-content .con.flex-con .img.type2{max-width:315px}
.doc-content .con.flex-con .txt-box{min-width:0;width:1%;flex:1 1 auto;}
.doc-content .con .txt{font-size:16px;line-height:1.875em;}
.doc-content .con.flex-con dl{margin-top:35px;font-size:16px;line-height:1.875em;}
.doc-content .con.flex-con dt{color: #242424;font-weight:500;}
.doc-content .circles{display:flex;margin:35px -30px 0;justify-content:center;}
.doc-content .circles li{padding:0 30px;}
.doc-content .circles .cirlce{border-radius:50%;}
.doc-content .circles .circle img{width:100%;height:100%;}
.doc-content .colors{display:flex;margin:35px -5px 0;}
.doc-content .colors li{width:10%;padding:0 5px;text-align:center;}
.doc-content .colors p{font-size:16px;line-height:1.875em;}

.manual .bg-box{border-radius:10px;background-color: #f8f8f8;border:1px solid #ddd;text-align:center;padding:30px 20px;margin-bottom:60px;}
.manual .bg-box h3{font-size:20px;color: #242424;font-weight:500;margin-bottom:20px;}
.manual .bg-box p{font-size:16px;line-height:1.750em;}
.manual .process{display:flex;flex-wrap:wrap;margin:0 -10px -70px;text-align:center;}
.manual .process li{width:33.3333%;padding:0 10px; margin-bottom:70px;position:relative;}
.manual .process li:after{content:'';width:17px;height:28px;background-repeat:no-repeat;background-size:contain;background-position:50% 50%;position:absolute;}
.manual .process li:nth-child(1){order:1;}
.manual .process li:nth-child(1):after{background-image:url('../images/sub/arrow_right.png');right:-8px;top:70px;}
.manual .process li:nth-child(2){order:2;}
.manual .process li:nth-child(2):after{background-image:url('../images/sub/arrow_right.png');right:-8px;top:70px;}
.manual .process li:nth-child(3){order:3;}
.manual .process li:nth-child(3):after{background-image:url('../images/sub/arrow_down.png');width:28px;height:17px;right:;top:auto;bottom:-8px;transform:translateX(-50%);}
.manual .process li:nth-child(4){order:6;}
.manual .process li:nth-child(4):after{background-image:url('../images/sub/arrow_left.png');right:auto;top:70px;left:-8px;}
.manual .process li:nth-child(5){order:5;}
.manual .process li:nth-child(5):after{background-image:url('../images/sub/arrow_left.png');right:auto;top:70px;left:-8px;}
.manual .process li:nth-child(6){order:4;}
.manual .process .circle{width:175px;height:175px;border-radius:50%;background-color: #fff;border:10px solid #1e2f5b;display:flex;justify-content:center;align-items:center;margin:0 auto 25px;}
.manual .process .circle .step{color: #012b65;font-size:15px;line-height:1.667em;}
.manual .process .circle .step-tit{color: #333;font-size:20px;font-weight:500;line-height:1.250em;}
.manual .process .txt{font-size:16px;line-height:1.563em;}
.manual .doc-content{margin-top:95px;}
.hypen-list li{font-size:16px;line-height:1.875em;position:relative;padding-left:9px;}
.hypen-list li:before{content:'';width:4px;height:1px;background-color: #454545;position: absolute;left:0;top:15px;}

.rnd ul li{padding-bottom:40px;margin-bottom:40px;border-bottom:1px solid #ddd;display:flex;align-items:center;}
.rnd ul li:last-child{margin-bottom:0;}
.rnd ul li .circle{width:140px;height:140px;border-radius:50%;background-color: #1e2f5b;display:flex;justify-content:center;align-items:center;margin-right:40px;}
.rnd ul li:nth-child(even) .circle{background-color: #f6670c;}
.rnd ul li dl{min-width:0;width:1%;flex:1 1 auto;}
.rnd ul li dt{color: #242424;font-weight:500;font-size: 20px;margin-bottom:5px;}
.rnd ul li dd{font-size:16px;line-height:1.875em;}