@charset "utf-8"; /* doc.css는 디자인페이지 스타일을 정의합니다. */
.greeting .bg { background:url('../images/sub/greeting_img1.jpg')no-repeat 50% 50%/cover; height:400px; margin-bottom:60px; } 
.greeting .tt-wrap { margin-bottom: 100px; } 
.greeting .tt-wrap .contain { display:flex; } 
.greeting .tt-wrap .left { max-width:660px; width:100%; font-size:36px; font-weight:700; color: #242424; line-height:1.5em; } 
.greeting .tt-wrap .right { min-width:0; width:1%; flex:1 1 auto; } 
.greeting .tt-wrap .right p { font-size:24px; line-height:1.833em; margin-bottom:40px; } 
.greeting .tt-wrap .right p:last-child { margin-bottom:0; } 

.group-flex { display: flex; } 
.greeting .group-flex { justify-content: space-between; } 
.greeting .group-flex .img-area { display: flex; } 
.greeting .group-flex .img-area .img { max-width: 290px; width: 100%; } 
.greeting .group-flex .img-area .info-wrap { min-width: 0; width: 1%; flex: 1 1 auto; } 
.greeting .group-flex > div { width: 50%; } 
.greeting .sns-box { display: flex; align-items: center; } 
.greeting .sns-box > * { margin-right: 15px; } 
.greeting .sns-box > *:last-child { margin-right: 0; } 
.greeting .info-wrap { padding-left: 50px; } 
.info-tit { font-size: 20px; line-height: 1.9em; color: #242424; } 
.info-tit strong { font-weight: 600; } 


.dot-list li { padding-left: 20px; position: relative; color: #242424; line-height: 2.111em; } 
.dot-list li::before { content: ""; position: absolute; top: 15px; left: 0; width: 5px; height: 5px; border-radius: 100%; background-color: #003069; } 
.dot-list.type2 { padding-left: 10px; } 

.doc-bg-con { padding:70px 0; background-color: #f8f8f8; } 
.doc-bg-con .top-tt { color: #242424; font-size:28px; line-height:1.571em; margin-bottom:55px; text-align:center; } 
.consult .con { background-color: #fff; padding:60px 0; color: #242424; text-align:center; } 
.consult .con ul { display:flex; position:relative; z-index:1; } 
.consult .con ul:after { content:''; width:85%; height:2px; background:url('../images/sub/cs_dot.jpg')repeat 50% 50%/contain; position: absolute; top:25.5319%; left:50%; transform:translateX(-50%); z-index:-1; } 
.consult .con ul li { width:16.6666%; } 
.consult .con ul li .num { margin:20px 0 10px; font-weight:700; font-size:16px; line-height:1.2em; } 
.consult .con ul li .tt { font-weight:500; } 

.location .maps { margin-bottom:40px; } 
.location .maps .root_daum_roughmap { width:100% !important; height:400px !important; } 
.location .maps .root_daum_roughmap .wrap_map { height:400px !important; } 
.location .maps .roughmap_lebel_text { line-height:0 !important; font-size:0 !important; } 
.roughmap_lebel_text:after { content:"위드원솔루션"; font-size:12px; line-height:15px; } 
.location .info ul { display:flex; margin:0 -20px; } 
.location .info ul li { padding:0 20px; width:50%; } 
.location .info ul li .box { background-color: #f8f8f8; padding:45px 50px; position:relative; } 
.location .info ul li .box:after { content:''; width:54px; height:54px; background:url('../images/sub/loc_ic1.png')no-repeat 50% 50%/contain; position: absolute; top:40px; right:40px; } 
.location .info ul li.type2 .box:after { background-image:url('../images/sub/loc_ic2.png'); } 
.location .info ul li .box .tit { color: #242424; font-size:22px; font-weight:600; line-height:1.2em; margin-bottom:30px; } 
.location .info ul li .box .wrap p { font-size:16px; line-height:1.750em; color: #686868; } 

.ex-pg { padding-top:30px; border-top:2px solid #222; } 
.ex-pg .ex-list { margin:0 -16px -40px; } 
.ex-pg .ex-list li { padding:0 16px; width:33.3333%; } 
.ex-pg .ex-list li a:after { content:''; width:40px; height:40px; background-size:8px; } 
.ex-pg .ex-list li a .head .img { max-width:100px; height:100px; } 
.ex-pg .ex-list li a .head .tit-wrap .sub-tit { font-size:15px; } 
.ex-pg .ex-list li a .head .tit-wrap .tit { font-size:24px; } 
.ex-pg .ex-list li a .head .tit-wrap .tags .tag { font-size:14px; padding:6px 15px 5px; margin-right:6px; } 
.ex-pg .ex-list li a .info dl { margin-bottom:5px; } 
.ex-pg .ex-list li a .info dl dt { font-size:18px; min-width:150px; } 
.ex-pg .ex-list li a .info dl dd { font-size:16px; line-height:1.750em; } 

.core-busi .doc-bg-con .box { background-color: #fff; padding:40px; border-radius:30px; text-align:center; position:relative; } 
.core-busi .doc-bg-con .box:after { content:''; width:220px; height:220px; background:url('../images/sub/busi_center_ic.png')no-repeat 50% 50%/contain; position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); } 
.core-busi .doc-bg-con .box ul { display:flex; flex-wrap:wrap; } 
.core-busi .doc-bg-con .box ul li { width:50%; display:flex; justify-content:center; align-items:center; } 
.core-busi .doc-bg-con .box ul li:nth-child(1),
.core-busi .doc-bg-con .box ul li:nth-child(2) { padding-bottom:45px; border-bottom:1px solid #ddd; } 
.core-busi .doc-bg-con .box ul li:nth-child(3),
.core-busi .doc-bg-con .box ul li:nth-child(4) { padding-top:45px; } 
.core-busi .doc-bg-con .box ul li:nth-child(1),
.core-busi .doc-bg-con .box ul li:nth-child(3) { border-right:1px solid #ddd; } 
.core-busi .doc-bg-con .box ul li .tit { font-size:22px; color: #242424; font-weight:500; margin-top:20px; } 
.core-busi .btm-tt { font-size:20px; line-height:1.7em; text-align:center; margin-top:55px; } 

.doc-pg ul { display:flex; flex-wrap:wrap; margin:0 -20px -40px; } 
.doc-pg ul li { width:50%; padding:0 20px; margin-bottom:40px; } 
.doc-pg ul li .box { min-height:440px; background-color: #fff; padding:50px 40px 0; border-radius:10px; } 
.doc-pg ul li .box .num { width:40px; height:40px; border-radius:50%; background-color: #002060; border-radius:50%; color: #fff; font-weight:700; margin-bottom:20px; display:flex; justify-content:center; align-items:center; } 
.doc-pg ul li .box .head { display:flex; align-items:center; margin-bottom:25px; } 
.doc-pg ul li .box .head .tit { color: #242424; font-size:22px; font-weight:700; padding-right:40px; } 
.doc-pg ul li .box .head .line { min-width:0; width:1%; flex:1 1 auto; position:relative; } 
.doc-pg ul li .box .head .line:after { content:''; width:100%; height:1px; background-color: #b2bccf; position: absolute; left:0; top:50%; } 
.doc-pg ul li .box .tt { color: #686868; line-height:1.778em; } 

.dot-tt { line-height:1.4em; position:relative; padding-left:10px; } 
.dot-tt:before { content:''; width:3px; height:3px; background-color: #686868; border-radius:50%; position: absolute; left:0; top:9px; } 
.doc-pg ul li .box .wrap .dot-tt { margin-bottom:10px; } 
.doc-pg ul li .box .wrap .dot-tt:last-child { margin-bottom:0; } 

.doc-pg2 ul li { display:flex; margin-bottom:80px; } 
.doc-pg2 ul li:last-child { margin-bottom:0; } 
.doc-pg2 ul li .img { width:50%; padding:0 70px 0 60px; } 
.doc-pg2 ul li .tt-wrap { width:50%; padding-top:35px; } 
.doc-pg2 ul li .tt-wrap .sub-tit { font-size:20px; font-weight:700; line-height:1.2em; } 
.doc-pg2 ul li .tt-wrap .tit { font-size:28px; font-weight:700; color: #242424; line-height:1.4em; margin:15px 0 30px; } 
.doc-pg2 ul li .tt-wrap .tt { line-height:1.778em; color: #686868; } 
.doc-pg2 ul li:nth-child(even) { flex-direction:row-reverse; } 
.doc-pg2 ul li:nth-child(even) .img { padding:0 60px 0 70px; } 
.doc-pg2 ul li:nth-child(even) .tt-wrap { padding-left:60px; } 

.finance .bg-con { background:url('../images/sub/finance_bg.jpg')no-repeat 50% 50%/cover; color: #fff; text-align:center; padding:70px 0; margin-bottom:80px; } 
.finance .bg-con .tt { font-size:28px; margin-bottom:45px; } 
.finance .bg-con .tt2 { font-size:20px; line-height:1.700em; } 
.finance .con ul { display:flex; margin:0 -20px; } 
.finance .con ul li { width:33.3333%; padding:0 20px; text-align:center; } 
.finance .con ul li:nth-child(even) .box { background-color: #f8f8f8; } 
.finance .con ul li .box { background-color: #f7fafd; border-radius:10px; text-align:center; padding:50px 20px 55px; height:100%; } 
.finance .con ul li .box .tit { font-size: 24px; font-weight:600; color: #242424; } 
.finance .con ul li .box .ic { width:150px; height:150px; border-radius:50%; background-color: #fff; display:flex; justify-content:center; align-items:center; margin:25px auto 35px; } 

.doc-pg3 .doc-bg-con .top-tt { margin-bottom:0; } 
.doc-pg3 .flex-con { margin-top:80px; } 
.doc-pg3 .flex-con .row { display:flex; margin-bottom:75px; } 
.doc-pg3 .flex-con .row:last-child { margin-bottom:0; } 
.doc-pg3 .flex-con .row .tit { max-width:300px; width:100%; margin-right:30px; border-top:2px solid #242424; font-size:28px; font-weight:700; color: #242424; line-height:1.4em; padding-top:25px; } 
.doc-pg3 .flex-con .row .tt-wrap { min-width:0; width:1%; flex:1 1 auto; border-top:2px solid #242424; padding-top:40px; } 
.doc-ol>li { display:flex; margin-bottom:20px; } 
.doc-ol>li:last-child { margin-bottom:0; } 
.doc-ol>li .num { font-weight:700; min-width:46px; } 
.doc-ol>li .tt { min-width:0; width:1%; flex:1 1 auto; } 

.doc-pg3 .doc-bg-con .items { display:flex; flex-wrap:wrap; margin:55px -20px 0; } 
.doc-pg3 .doc-bg-con .items .item { width:33.3333%; padding:0 20px; } 
.doc-pg3 .doc-bg-con .items .item .box { background-color: #fff; height:100%; text-align:center; padding:45px 20px 60px; border-radius:10px; } 
.doc-pg3 .doc-bg-con .items .item .box .ic { margin-bottom:25px; } 
.doc-pg3 .btm-bg-con { background:url('../images/sub/sub_bg.jpg')no-repeat 50% 50%/cover; padding:80px 0 110px; } 
.doc-pg3 .btm-bg-con .top-tt { font-size:28px; line-height:1.571em; color: #242424; text-align:center; } 
.doc-pg3 .btm-bg-con .tit { font-size:24px; font-weight:700; line-height:1.4em; margin:45px 0 35px; text-align:center; } 
.doc-pg3 .btm-bg-con ul { display:flex; flex-wrap:wrap; margin:0 -20px -40px; } 
.doc-pg3 .btm-bg-con ul li { width:50%; padding:0 20px; margin-bottom:40px; } 
.doc-pg3 .btm-bg-con ul li .box { background-color: #fff; padding:0 20px 0 50px; min-height:140px; display:flex; align-items:center; box-shadow:16px 0 30px rgba(0,0,0,.05); } 
.doc-pg3 .btm-bg-con ul li .box .txt { display:flex; } 
.doc-pg3 .btm-bg-con ul li .box .txt .num { width:40px; height:40px; border-radius:50%; color: #fff; background-color: #002060; display:flex; justify-content:center; align-items:center; margin-right:20px; font-weight:700; } 
.doc-pg3 .btm-bg-con ul li .box .txt .tt { font-size:20px; line-height:1.7em; min-width:0; width:1%; flex:1 1 auto; padding-top:4px; } 

.doc-pg3 .doc-bg-con .tt-wrap { margin-top:45px; text-align:center; } 
.doc-pg3 .doc-bg-con .tt-wrap .tit { font-size:24px; font-weight:600; margin-bottom:5px; } 
.doc-pg3 .doc-bg-con .tt-wrap .wrap .tt { font-size:20px; line-height:1.7em; margin-bottom:35px; } 
.doc-pg3 .doc-bg-con .tt-wrap .wrap .tt:last-child { margin-bottom:0; } 


.doc-pg3 .flex-con .row .tt-wrap ul li { margin-bottom:20px; } 
.doc-pg3 .flex-con .row .tt-wrap ul li:last-child { margin-bottom:0; } 

.factory .content { margin-top:80px; padding-bottom:110px; position:relative; } 
.factory .content:after { content:''; width:741px; height:519px; background:url('../images/sub/factory_bg.png')no-repeat 100% 50%/contain; position: absolute; right:0; bottom:0; } 
.factory .content .top-tt { font-size:24px; line-height:1.583em; text-align:center; margin-bottom:70px; } 
.factory .content .row-wrap .row { padding-bottom:70px; margin-bottom:70px; border-bottom:1px solid #ddd; display:flex; } 
.factory .content .row-wrap .row:last-child { margin-bottom:0; padding-bottom:0; border-bottom:none; } 
.factory .content .row-wrap .row .ic { width:160px; height:160px; display:flex; justify-content:center; align-items:center; border-radius:10px; box-shadow:16px 0 30px rgba(0,0,0,.05); margin-right:57px; } 
.factory .content .row-wrap .row .con { min-width:0; width:1%; flex:1 1 auto; } 
.factory .content .row-wrap .row .con .tit { font-size:24px; font-weight:700; color: #242424; line-height:1.4em; margin-bottom:30px; } 
.factory .content .row-wrap .row .con .tit span { position:relative; } 
.factory .content .row-wrap .row .con .tit span:after { content:''; width:100%; height:10px; background-color: #cce0f0; position: absolute; left:0; bottom:0; z-index:-1; } 
.factory .content .row-wrap .row .con .doc-ol>li { margin-bottom:15px; } 
.factory .content .row-wrap .row .con .doc-ol>li strong { font-weight:600; } 
.factory .content .row-wrap .row .con .doc-ol>li .tt .hypen-list { padding-left:25px; margin-top:15px; } 
.factory .content .row-wrap .row .con .doc-ol>li .tt .hypen-list li { position:relative; padding-left:10px; margin-bottom:15px; line-height:1.4em; } 
.factory .content .row-wrap .row .con .doc-ol>li .tt .hypen-list li:last-child { margin-bottom:0; } 
.factory .content .row-wrap .row .con .doc-ol>li .tt .hypen-list li:before { content:''; width:5px; height:1px; background-color: #454545; position: absolute; left:0; top:12px; } 

.manage .doc-bg-con { margin-bottom:80px; } 
.manage .doc-bg-con .tt-wrap .tit { color: #242424; margin-bottom:40px; } 
.manage .content .contain { display:flex; align-items:center; } 
.manage .content .tt-wrap { min-width:0; width:1%; flex:1 1 auto; padding-right:20px; } 
.manage .content .tt-wrap .tit { color: #242424; font-weight:700; font-size:24px; line-height:1.4em; margin-bottom:20px; } 
.manage .content .tt-wrap .wrap p { margin-bottom:20px; } 
.manage .content .tt-wrap .wrap p:last-child { margin-bottom:0; } 
.manage .content .img { max-width:520px; width:100%; } 
.manage .img-con { margin-top:80px; }