@charset "utf-8";

/* 공통 */
.txt-yel {color:#eabf1d !important;}
.txt-white {color:#fff !important;}

.doc-tit {position:relative; padding-left:33px; font-size:28px; font-weight:500; line-height:1.4em; letter-spacing:-0.03em; color:#242424; margin-bottom:18px;}
.doc-tit:before {content:""; position:absolute; width:22px; height:22px; background:url("../images/sub/bullet01.png") no-repeat 50% 50%; background-size:contain; left:0; top:9px;}
.sub-info {font-size:17px; font-weight:500; line-height:1.4em; letter-spacing:-0.03em; color:#454545; margin-bottom:28px;}

.table-wrap table {width:100%; border-collapse:collapse; border-spacing:0px;}

.doc-cnt {margin-bottom:80px;}
.doc-cnt:last-child {margin-bottom:0;}

/* 인사말 */
.greeting .top-bg {background:url("../images/sub/greeting_bg.jpg") no-repeat 50% 50%; background-size:cover; padding:160px 80px 60px 80px;}
.greeting .top-bg .tit {font-family:'Roboto', sans-serif; position:relative; display:inline-block; font-size:35px; font-weight:800; color:#0f4695; letter-spacing:-0.03em; line-height:1.2em; margin-bottom:25px;}
.greeting .top-bg .tit:before {content:""; position:absolute; width:17px; heighT:15px; background:url("../images/sub/quote1.png") no-repeat 50% 50%; background-size:contain; left:-28px; top:-5px;}
.greeting .top-bg .tit:after {content:""; position:absolute; width:17px; heighT:15px; background:url("../images/sub/quote2.png") no-repeat 50% 50%; background-size:contain; right:-28px; bottom:-5px;}
.greeting .top-bg .txt {font-size:24px; font-weight:500; line-height:1.2em; letter-spacing:-0.03em; color:#000;}
.greeting .txt-wrap {padding:0 40px; margin-top:50px;}
.greeting .txt-wrap .txt {font-weight:400; letter-spacing:-0.03em; line-height:1.5em; color:#454545; margin-bottom:20px;}
.greeting .txt-wrap .txt:last-child {margin-bottom:0;}
.greeting .txt-wrap .txt strong {font-weight:500;}

/* 회사연혁 */
.history .tit-wrap {position:relative;margin-top:-60px; width:100%; max-width:220px; background:#083278; padding:25px; margin-left:80px;}
.history .tit-wrap h3 {font-size:28px; font-weight:700; line-height:1.2em; letter-spacing:-0.03em; color:#fff; margin-bottom:7px;}
.history .tit-wrap p {text-aligN:right; font-size:20px; font-weight:500; line-height:1.2em; letter-spacing:-0.03em; color:#fff;}

.history .cnt {padding-bottom:50px; background:url("../images/sub/history_bg.jpg") no-repeat right bottom; position:relative;}
.history .cnt:before {content:""; position:absolute; height:80px; width:1px; background:#ddd; left:50%; margin-top:-60px; margin-left:-0.5px;}
.history .cnt .group {display:flex; padding-bottom:35px; position:relative;}
.history .cnt .group .left {width:50%; text-align:right;}
.history .cnt .group .year {display:inline-block; min-width:80px; text-align:left; font-size:22px; font-weight:700; line-height:1.2em; letter-spacing:-0.03em; color:#242424;}
.history .cnt .group:before {content:""; position:absolute; width:9px; height:9px; background:#eabf1d; left:50%; top:8px; margin-left:-4.5px; border-radius:100%; z-index:1;}
.history .cnt .group:after {content:""; position:absolute; width:1px; height:100%; background:#ddd; left:50%; top:8px; margin-left:-0.5px;}
.history .cnt .group:last-child:after {display:none;}
.history .cnt .group:last-child {padding-bottom:0;}
.history .cnt .group ul {padding-left:30px; padding-top:3px;}
.history .cnt .group ul li {font-weight:400; line-height:1.2em; letter-spacing:-0.03em; color:#454545; display:flex;}
.history .cnt .group .month {font-weight:500; color:#242424; min-width:28px;}

/* 오시는길 */
.location .group {padding-bottom:25px; margin-bottom:50px; border-bottom:1px solid #ddd;}
.location .group:last-child {margin-bottom:0;}
.location .local {margin-bottom:40px;}
.location .local-info h3 {font-size:16px; font-weight:700; line-height:1.2em; letter-spacing:-0.03em; color:#083278; margin-bottom:15px;}
.location .local-info .wrap {display:flex; flex-wrap:wrap;}
.location .local-info .addre {width:50%; font-size:18px; font-weight:500; line-height:1.2em; letter-spacing:-0.03em; color:#242424;}
.location .local-info .item {margin-right:60px;}
.location .local-info .item:last-child {margin-right:0;}
.location .local-info dl {display:flex; font-weight:400; line-height:1.2em; letter-spacing:-0.03em; color:#454545;}
.location .local-info dt {font-weight:500; color:#000; margin-right:10px;}

.location .root_daum_roughmap {width:100% !important; height:450px !important;}
.location .root_daum_roughmap .wrap_map {height:450px !important;}

/* SALES */
.sales .txt-wrap {display:flex; padding:0 50px; margin-top:50px;}
.sales .txt-wrap .tit {width:460px; font-size:45px; font-weight:700; line-height:1.3em; letter-spacing:-0.03em; color:#000;}
.sales .txt-wrap .cnt {flex: 1 1 auto; min-width: 0; width: 1%;}
.sales .txt-wrap .txt {font-weight:400; line-height:1.8em; letter-spacing:-0.03em; color:#454545; margin-bottom:25px;}
.sales .txt-wrap .txt:last-child {margin-bottom:0;}

/* 회원 및 회원사 혜택 */
.partner-company .top-bg {padding:70px 60px; background:url("../images/sub/partner_company_bg.jpg") no-repeat 50% 50%; background-size:cover; margin-bottom:55px; text-align:right;}
.partner-company .tit {font-size:25px; font-weight:700; line-height:1.2em; letter-spacing:-0.03em; margin-bottom:10px;}
.partner-company .txt {font-weight:400; line-height:1.5em; letter-spacing:-0.03em; color:#fff;}
.partner-company table {border-top:2px solid #083278; text-align:center;}
.partner-company th {background:#f8f8f8; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-size:17px; font-weight:500; line-height:1.4em; letter-spacing:-0.03em; color:#242424; padding:15px 10px;}
.partner-company td {font-weight:500; line-height:1.4em; letter-spacing:-0.03em; color:#454545; padding:25px 20px; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.partner-company th:last-child,
.partner-company td:last-child {border-right:0;}
.partner-company td ul {text-align:left;}
.partner-company td ul li {position:relative; padding-left:10px; font-weight:400; margin-bottom:10px;}
.partner-company td ul li:before {content:""; position:absolute; width:4px; height:4px; background:#b4c1d6; left:0; top:10px;}
.partner-company td ul li:last-child {margin-bottom:0;}

/* 채용공고 */
.recruitment .condition ul {display:flex; margin:0 -11px;}
.recruitment .condition ul li {width:33.333%; padding:0 11px;}
.recruitment .condition ul li .in {border:1px solid #ddd; text-align:center; padding:50px 10px;}
.recruitment .condition ul li .icon {margin-bottom:23px;}
.recruitment .condition ul li .tit {font-size:24px; font-weight:500; line-height:1.4em; letter-spacing:-0.03em; color:#242424; margin-bottom:14px;}
.recruitment .condition ul li .txt {font-weight:400; letter-spacing:-0.03em; color:#242424;}

.recruit-step ul {display:flex; margin:0 -37px;}
.recruit-step ul li {padding:0 37px; width:20%; text-align:center; position:relative;}
.recruit-step ul li:before {content:""; position:absolute; width:21px; height:34px; right:-10.5px; top:29%; background:url("../images/sub/arrow01.png") no-repeat 50% 50%; background-size:contain;}
.recruit-step ul li:last-child:before {display:none;} 
.recruit-step ul li .icon {margin-bottom:16px;}
.recruit-step ul li .tit {font-weight:500; letter-spacing:-0.03em; color:#242424;}
.recruit-step ul li .tit span {font-weight:400;}

.recruitment .down-btn {display:flex; justify-content:space-between; align-items:center; padding:18px 0 18px 8px; border-top:2px solid #083278; border-bottom:1px solid #ddd; margin-bottom:16px;}
.recruitment .down-btn .tit {font-size:18px; font-weight:500; line-height:1.4em; letter-spacing:-0.03em; color:#242424;}
.recruitment .down-btn a {display:inline-block; padding:15px 72px 15px 30px; background:#eabf1d; border-radius:100vh; font-size:17px; font-weight:500; line-height:1em; letter-spacing:-0.03em; color:#fff; position:relative;}
.recruitment .down-btn a:before {content:""; position:absolute; width:20px; height:18px; background:url("../images/sub/down_icon.png") no-repeat 50% 50%; background-size:contain; right:30px; top:50%; margin-top:-9px;}
.recruitment .cap {font-weight:400; line-height:1.4em; letter-spacing:-0.03em; color:#454545;}
.recruitment .cap a:hover {text-decoration:underline;}

/* 회원현황 회원사현황 */

.current-situation table {border-top:2px solid #083278; text-align:center;}
.current-situation th {background:#f8f8f8; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-weight:500; line-height:1.4em; letter-spacing:-0.03em; color:#242424; padding:15px 10px;}
.current-situation td {font-weight:500; line-height:1.4em; letter-spacing:-0.03em; color:#454545; padding:15px 10px; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.current-situation th:last-child,
.current-situation td:last-child {border-right:0;}

.member-list {display:flex; border-top:2px solid #083278; position:relative;}
.member-list:before {content:""; position:absolute; width:100%; height:1px; background:#ddd; left:0; bottom:0;}
.member-list ul {flex:2; border-right:1px solid #dddd; position:relative;}
.member-list ul:last-child {border-right:0;}
.member-list ul li {border-bottom:1px solid #ddd; text-align:center; padding:10px; font-weight:400; line-height:1.4em; letter-spacing:-0.03em; color:#454545;}