@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.greeting {display:flex;}
.greeting .img {order:2; box-shadow:1px 3px 10px rgba(0,0,0,.2);}
.greeting .cnt {flex:1;}
.greeting .cnt ul li {padding-left:30px; margin-bottom:22px; position:relative;}
.greeting .cnt ul li:before {width:20px; height:17px; left:0; top:0; background-image:url('../images/sub/check.png'); background-size:contain; background-repeat:no-repeat; position:absolute; content:'';}
.greeting .cnt ul li:last-child {margin-bottom:0;}

.sub-tit {font-size:40px; margin-bottom:50px; letter-spacing:-.03em; line-height:1.1em; color:#242424;}
.sub-tit strong {font-size:45px;}

.overview {margin-top:-65px;}
.overview .bg {padding:95px 0 120px; position:relative;}
.overview .bg:before {position: absolute; content: ''; top: 0; bottom: 0; left: 0; right: 0; background-color: #f7fafb; z-index: -1;}
.overview .bg:after {width:377px; height:397px; right:100px; bottom:70px; background-image:url('../images/sub/overview_bg.jpg'); background-size:contain; background-repeat:no-repeat; position:absolute; content:''; z-index: -1;}
.overview .table table {border-top:1px solid #ddd; border-collapse:collapse; width:100%; text-align:center;}
.overview .table table th {font-weight:600; color:#242424; line-height:1.5em;}
.overview .table table th,
.overview .table table td {padding:11px 0; height:80px; border-bottom:1px solid #ddd;}

.philosophy {text-align:center;}
.philosophy .sub-tit {margin:0;}
.philosophy .sub-tit2 {margin:30px 0 45px;}
.philosophy strong {color:#242424;}

.sub-pad {padding:95px 0;}
.solution {background-image:url('../images/sub/solution_bg.jpg'); background-size:cover; background-repeat:no-repeat; text-align:center;}

.role .wrap {padding:55px 65px 65px; background-color:#f8f8f8; border-radius:20px; box-shadow:3px 8px 10px rgba(0,0,0,.1);}
.role .wrap ol li.item {margin-bottom:35px;}
.role .wrap ol li.item strong {color:#242424;}
.role .wrap ol li.item:last-child {margin-bottom:0;}
.role .wrap ol li.item span {font-size:14px; margin-right:12px; width:30px; height:30px; line-height:30px; font-weight:700; background-color:#0c587d; text-align:center; border-radius:100%; display:inline-block; color:#fff;}
.role .wrap ol li.item ul {margin-top:12px; padding-left:40px;}
.role .wrap ol li.item ul li {font-size:16px; padding-left:15px; position:relative;}
.role .wrap ol li.item ul li:before {position:absolute; content:''; width:3px; height:3px; top:12px; left:0; border-radius:100%; background-color:#0c587d;}
.role .wrap ol li.item:nth-child(even) span,
.role .wrap ol li.item:nth-child(even) ul li:before {background-color:#2d98a2;}

.sub0102 {position:relative;}
.sub0102:before {width:693px; height:861px; left:0; top:-120px; background-image:url('../images/sub/sub0102_bg1.jpg'); background-size:contain; background-repeat:no-repeat; position:absolute; content:'';}

.sub0102-2 {padding-bottom:470px; position:relative;}
.sub0102-2:after {width:402px; height:401px; right:0; bottom:0; background-image:url('../images/sub/sub0102_bg2.jpg'); background-size:contain; background-repeat:no-repeat; position:absolute; content:'';}

.employee-intro {display:flex;}
.employee-intro .col-l {font-size:28px; padding-left:40px; width:1%; flex:1 220px; max-width:220px; font-weight:600; color:#242424; letter-spacing:-.03em;}
.employee-intro .col-r {flex:1;}

.intro-table table {border-top:2px solid #242424; border-collapse:collapse; width:100%; text-align:center;}
.intro-table table th {padding:10px 0; color:#242424; font-weight:600; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.intro-table table td {font-size: 18px; padding:25px 20px; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.intro-table table ul li {padding-left:10px; position:relative;}
.intro-table table ul li:before {position:absolute; content:''; width:3px; height:3px; border-radius:100%; top:11px; left:0; background-color:#0c577e;}

.org {padding-right:60px; text-align:right;}

.root_daum_roughmap {width:100% !important;}

.addr {padding:35px 0 25px;}
.addr .tit {font-size: 19px; font-weight:600; color:#0c577e;}
.addr h4 {font-size:22px; font-weight:600; margin:5px 0 10px; letter-spacing:-.03em; line-height:1.3em; color:#242424;}
.addr span {display:inline-block; padding-right:20px;}

.local {border-top:1px solid #ddd;}
.local li {height:80px; display:flex; align-items:center; border-bottom:1px solid #ddd;}
.local li span {width:180px; font-weight:500; color:#242424; display:block;}
.local li span img {margin:-2px 18px 0 30px; vertical-align:middle;}

.doc-tit {font-size:23px; margin-bottom:20px; margin-left:20px; padding-left:37px; font-weight:600; letter-spacing:-.03em; color:#0c577e; position:relative;}
.doc-tit:before {width:28px; height:28px; left:0; top:0; background-image:url('../images/sub/doctit.png'); background-size:contain; background-repeat:no-repeat; position:absolute; content:'';}
.doc-tit.none {padding-left: 0; text-align: center;}
.doc-tit.none:before {display: none;}
.doc-tit.none img {margin:-1px 10px 0 0;}

.sub-box {padding:35px 0; background-color:#fafafa; border-radius:10px; position:relative;}
.padl100 {padding-left:100px;}
.sub-box:after {width:176px; height:180px; right:100px; background-repeat:no-repeat; position:absolute; content:'';}
.sub-box.bg1:after {top:55px; background-image:url('../images/sub/sub0201_icon1.png');}
.sub-box.bg2:after {bottom:30px; background-image:url('../images/sub/sub0202_icon1.png');}
.sub-box.bg3:after {width:134px; height:141px; top:50%; transform:translateY(-50%); background-image:url('../images/sub/sub0203_icon1.png');}

.sub-box .gra-box {font-size:18px; width:150px; height:40px; font-weight:600; display:inline-flex; align-items:center; justify-content:center; border-radius:30px; color:#fff; background:linear-gradient(90deg, rgba(13,89,126,1) 0%, rgba(37,138,154,1) 70%);}
.sub-box ul {padding:15px 0 0 25px;}
.sub-box ul li strong {font-weight:500; color:#242424;}

.fz18 {font-size:18px; letter-spacing:-.03em; line-height:1.7em;}
.fz18.mb {margin-bottom:15px;}
.fz18.mb2 {margin-bottom:40px;}

.doc-cnt40 {margin-bottom:40px;}
.doc-cnt60 {margin-bottom:60px;}
.doc-cnt70 {margin-bottom:70px;}

.doc-table table {border-top:1px solid #9096a8; border-collapse:collapse; width:100%; text-align:center;}
.doc-table table thead th {font-size:18px; background-color:#fafafa;}
.doc-table table thead th,
.doc-table table tbody th {border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-weight:500; color:#242424;}

.doc-table table tbody td {line-height:1.5em; border-bottom:1px solid #ddd; border-right:1px solid #ddd; position:relative;}
.doc-table table tbody td strong {font-weight:500;}
.doc-table table th,
.doc-table table td {padding:10px;}
.doc-table table tbody td span {color:#0c587d; font-weight:600;}
.doc-table table tbody td b {font-weight:600;}
.doc-table table tbody td ul {margin:10px 0 20px;}
.doc-table table tbody td ul.mar0 {margin-bottom:0;}
.border-none {border-right:0 !important;}
.doc-table table .inner-box {padding:8px 0; bottom:20px; max-width:calc(100% - 60px); font-weight:500; background-color:#eff5f6; border-radius:5px; position:absolute; width:100%; left:50%; transform:translateX(-50%);}

.h240 {height:240px; padding-top:15px !important; vertical-align:top;}

.sub0203-bg {padding:70px 0 100px; background-color:#fafafa;}

.input.local-search {min-width:144px;}

.pop-view {width:100%; height:100vh; color:#fff; display:flex; justify-content:center; align-items:center; margin:0 auto;}

.member-intro {display:flex; align-items:center; width:100%; max-width:1360px;}
.member-intro .video-wrap {max-width:670px; flex:1 670px; width:1%;}
.member-intro .img-box {max-width:670px; flex:1 670px; width:1%;}
.member-intro .thumb {position:relative; padding-bottom:71.04%; overflow:hidden;}
.member-intro .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}

.member-intro .cnt {padding-left:100px; flex:1;}
.member-intro .cnt .title {font-size:30px; margin-top:15px; margin-bottom:40px; font-weight:700; letter-spacing:-.03em; line-height:1.3em;}
.member-intro .cnt .title .area {padding-right:10px; margin-right:10px; position:relative;}
.member-intro .cnt .title .area:after {position:absolute; content:''; width:5px; height:26px; top:4px; right:-6px; background-color:#fff;}

.member-intro .cnt ul li {font-size: 20px; padding-left:8px; margin-bottom:10px; line-height:1.5em; display:flex; position:relative;}
.member-intro .cnt ul li:before {position:absolute; content:''; width:3px; height:3px; border-radius:100%; top:11px; left:0; background-color:#fff;}
.member-intro .cnt ul li:last-child {margin-bottom:0;}
.member-intro .cnt ul li .item {padding-right:10px; margin-right:10px; position:relative;}
.member-intro .cnt ul li .item:after {position:absolute; content:''; width:2px; height:13px; top:8px; right:0; background-color:#d7d7d7;}
.member-intro .cnt ul li .item:last-child {padding-right:0; margin-right:0;}
.member-intro .cnt ul li .item:last-child:after {display:none;}

.fancybox-port.fancybox-wrap {top:0 !important; left:0 !important; width:100% !important;}
.fancybox-port .fancybox-inner {width:100% !important; max-width:1360px !important; margin:0 auto !important; padding:0 30px !important;}
.fancybox-port .fancybox-skin {background:inherit !important;}
.fancybox-lock .fancybox-overlay .fancybox-port {overflow:hidden !important;}
.fancybox-port .fancybox-close {top:0 !important; right:0 !important; width:98px !important; height:98px !important; background-size:contain !important; background-image:url('../images/sub/pop_close.png') !important;}