@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
/* doc-wrap */
.doc-wrap {display:flex;}
.doc-wrap .tt {width:21%;}
.doc-wrap .tt h3 {font-size:26px; line-height:1.2em; color:#2c2c2c; position:relative; padding-left:34px;}
.doc-wrap .tt h3:before {content:''; width:24px; height:24px; position:absolute; left:0; background:url('../images/bbs/tt_icon.png') no-repeat; background-size:cover;}
.doc-wrap .box {width:79%;}
.doc-wrap .txt {font-size:18px; line-height:1.6em; color:#505050;}
/* sub01-01 일반현황 .general */
.general .img-box {text-align:center; margin-bottom:30px;}
.general .tit {font-size:30px; font-weight:200; line-height:1.2em; color:#2c2c2c; margin-bottom:50px; text-align:center;}
.general .tit span {color:#005184;}
.general .wrap {margin-bottom:80px;}
.general .wrap .tt h3:before {top:50%; margin-top:-12px;}
.general .wrap .cnt table {width:100%; border-collapse:collapse; border-spacing:0; border-top:2px solid #005184; line-height:57px;}
.general .wrap .cnt table tr {border-bottom:1px solid #dfdfdf;}
.general .wrap .cnt table th {border-right:1px solid #dfdfdf; background:#f4f4f4; font-size:18px; font-weight:500; color:#2c2c2c;}
.general .wrap .cnt table td {padding-left:20px; color:#505050;}
.general .wrap .cnt table td br {display:none;}
/* sub01-02 회사연혁 .history */
.history .img-box {position:relative;}
.history .img-box p {position:absolute; top:130px; left:0; width:100%; display:block; text-align:center; font-size:38px; line-height:1.3em; color:#fff; letter-spacing:.2em; font-weight:800;}
.history .tit {text-align:center; margin-top:-173px; position:relative; z-index:1;}
.history .tit p {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); color:#fff; font-weight:800; font-size:64px; line-height:1.1em; letter-spacing:-.01em;}
.history .tit p span {display:block; font-size:30px; line-height:1.3em; font-weight:200;}
.history .col {display:flex; position:relative;}
.history .col:first-child {padding-top:100px;}
.history .col:nth-child(odd) {flex-direction:row-reverse;}
.history .col:nth-child(even) {text-align:right;}
.history .col:before {content:''; width:1px; height:100%; background:#005184; position:absolute; left:50%; top:0;}
.history .col:last-child:before {display:none;}
.history .col .row {width:50%; padding:0 40px 100px; position:relative;}
.history .col .row:first-child:before {content:''; width:20px; height:23px; background:url('../images/sub/history_icon.png') no-repeat; background-size:cover; position:absolute; top:11px; left:-9px;}
.history .col:nth-child(even) .row:before {left:auto; right:-10px;}
.history .col .year {font-size:36px; line-height:1.2em; color:#2c2c2c; font-weight:800; margin-bottom:26px;}
.history .col ul li {font-size:18px; line-height:1.8em; color:#505050; position:relative; padding:0 24px;}
.history .col ul li:before {content:''; width:8px; height:8px; border-radius:50%; background:#005184; position:absolute; top:12px;}
.history .col:nth-child(odd) ul li:before {left:0;}
.history .col:nth-child(even) ul li:before {right:0;}
/* sub01-03 파트너사 .partner */
.partner .tit {font-size:30px; font-weight:200; line-height:1.2em; color:#2c2c2c; margin-bottom:60px; text-align:center; position:relative;}
.partner .tit span {color:#005184;}
.partner .tit:before {content:''; background:url('../images/sub/partner_tit_left.png') no-repeat; width:55px; height:52px; position:absolute; top:50%; transform:translateY(-50%); left:0; background-size:cover;}
.partner .tit:after {content:''; background:url('../images/sub/partner_tit_right.png') no-repeat; width:55px; height:52px; position:absolute; top:50%; transform:translateY(-50%); right:0; background-size:cover;}
.partner .wrap ul {display:flex; margin-left:-20px;}
.partner .wrap ul li {width:25%; margin-left:20px;}
.partner .wrap ul li a {display:block; position:relative;}
.partner .wrap ul li a:after {content:''; width:100%; height:100%; position:absolute; top:0; left:0; border:1px solid #dfdfdf;}
.partner .wrap ul li a:hover {box-shadow:3px 3px 15px 2px rgba(0,0,0,0.1);}
/* sub02-01 CONSULTING .consulting */
.consulting .wrap {margin-bottom:70px;}
.consulting .wrap .tt h3:before {top:4px;}
/* sub04-01 CONTACT .contact */
.contact .wrap {display:flex; margin-left:-30px; align-items:flex-end;}
.contact .wrap .board-form {width:54%; margin-left:30px;}
.contact .wrap .maps {width:46%; margin-left:30px;}
.contact .root_daum_roughmap {width:100% !important; height:566px !important;}
.contact .root_daum_roughmap .wrap_map {height:566px !important;}
.contact .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.contact .roughmap_lebel_text:after {content:"위드웍스랩"; font-size:12px; line-height:15px;}