@charset "utf-8";

/* 공통 */
.gray-bg {position:relative; background:#f8f8f8;}
.gray-bg:after {content:""; position:absolute; left:-999em; right:-999em; top:0; height:100%; z-index:-1; background:#f8f8f8;}

.doc-cnt {padding:100px 0;}
.doc-cnt:first-child {padding-top:0;}
.doc-cnt:last-child {padding-bottom:0;}
.doc-cnt.pb0 {padding-bottom:0;}
.doc-cnt.pb100 {padding-bottom:100px;}

.doc-tit {margin-bottom:85px; font-size:30px; font-weight:800; letter-spacing:-.03em; line-height:1.3em; text-align:center; color:#222;}

/* 회사소개 */
.outline-bg {background:url("../images/sub/outline_bg.png") no-repeat right 30px bottom 0; padding-bottom:120px;}
.outline-wrap {padding-right:422px;}
.outline {display:flex; flex-wrap:wrap; margin-bottom:-40px;}
.outline > li {width:50%; margin-bottom:40px;}
.outline .tit {font-size:20px; font-weight:600; letter-spacing:-.03em; line-height:1.4em; margin-bottom:7px; display:flex; align-items:center; color:#222;}
.outline .tit:before {margin-right:10px; content:""; width:16px; height:16px; background:#009fe2; border-radius:100%; border:4px solid #ccecf9;}
.outline .info.ty2 li {padding-left:.5em; text-indent:-.5em;}
.outline .info.ty3 {display:flex;}
.outline .info.ty3 li {margin-right:35px;}

.process {text-align:center;}

.org {text-align:center;}

/* 연혁 */
.history-bnr {margin-bottom:30px; height:400px; padding:33px 42px; font-size:42px; font-weight:800; letter-spacing:-.01em; color:#fff; line-height:1.19em; background:url("../images/sub/history.jpg") no-repeat 50% 50% / cover;}

.history {border-top:2px solid #0066b4;}
.history .row {padding:35px 0; display:flex; position:relative; border-bottom:1px solid #ddd;}
.history .row:after {font-size:100px; font-weight:700; letter-spacing:-.04em; line-height:0.757em; right:0; bottom:0; position:absolute; color:#f5f5f5; font-family:myriad-pro, sans-serif; font-style: italic;}
.history .row.txt1:after {bottom:20px; content:"Background";}
.history .row.txt2:after {content:"Foundation";}
.history .row.txt3:after {content:"Trial";}
.history .row.txt4:after {content:"Growth";}
.history h3 {width:464px; padding-left:39px; font-size:48px; font-weight:900; letter-spacing:-.04em; line-height:1.1em; color:#0066b4;}

.dot-list {margin-top:13px;}
.dot-list li {margin-bottom:16px; line-height:1.4em; display:flex; color:#505050;}
.dot-list li:before {margin-top:-1px; font-weight:900; margin-right:10px; content:"·"; color:#0066b4;}
.dot-list li:last-child {margin-bottom:0;}
.dot-list.ty2 {margin-top:26px;}
.dot-list.ty2 li:before {margin-right:22px; font-size:26px; margin-top:-2px;}

/* 오시는 길 */
.location {position:relative; /* padding-top:81px; */ display:flex; align-items:center; background:#1a3373;}
.location-map {/* width:66.666%; */width: 65%;}
.root_daum_roughmap {width:100% !important;}
.location-info {/* height:500px;  */padding:40px; width:50%; /* position:absolute; top:0; right:-150px; */ display:flex; justify-content:center; align-items:center;  color:#fff;}
.location-info .addr {padding-bottom:41px; margin-bottom:41px; font-size:20px; font-weight:500; letter-spacing:-.03em; line-height:1.4em; border-bottom:1px solid rgba(255,255,255,0.6);}
.location-info .pl20 {padding-left:20px;}
.location-info dl {margin-bottom:14px; display:flex; font-size:18px; line-height:1.4em;}
.location-info dl:last-child {margin-bottom:0;}
.location-info dt {min-width:157px;}

/* 고객지원 */
.system-img {text-align:center;}

.troble {display:flex; flex-wrap:wrap; margin:-20px;}
.troble li {width:50%; padding:20px;}
.troble .box {height:140px; border-radius:20px; color:#fff; text-align:center; display:flex; flex-direction:column; justify-content:center; background-size:cover; background-position:50% 50%;}
.troble .tit {font-size:20px; font-weight:600; letter-spacing:-.03em; line-height:1.4em;}
.troble .arr {margin:15px 0 10px; line-height:0;}
.troble .txt {font-size:18px; font-weight:600; letter-spacing:-.03em; line-height:1.4em;}
.troble .txt small {font-weight:400; font-size:0.889em;}
.troble .box.bg1 {background-image: url("../images/sub/troble_bg1.jpg");}
.troble .box.bg2 {background-image: url("../images/sub/troble_bg2.jpg");}
.troble .box.bg3 {background-image: url("../images/sub/troble_bg3.jpg");}
.troble .box.bg4 {background-image: url("../images/sub/troble_bg4.jpg");}