@charset "utf-8";

/*공통*/
.roboto {font-family:'Roboto';}
.gray-bg {background:#f8f8f8;}
.txt-yellow {color:#f7a500 !important;}
.txt-green {color:#4db848 !important;}
.txt-blue {color:#005aab !important;}

.table-wrap table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #868686;}
.table01 {margin-top:10px;}
.table01 table {text-align:center;}
.table01 th { font-size:15px; font-weight:500; line-height:1.2em; letter-spacing:-0.03em; color:#454545; padding:10px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background:#fafafa;}
.table01 td {font-size:14px; font-weight:400; line-height:1.4em; letter-spacing:-0.03em; color:#686868; padding:10px; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.table01 td:last-child,
.table01 th:last-child {border-right:0;}

/*about*/
.about .tit-wrap {width:100%; max-width:1000px; margin:-80px auto 0 auto; position:relative; background:linear-gradient(to right, #4cb74a, #005bab); border-radius:45px 0 45px 0; text-align:center; padding:35px 10px;}
.about h3 {font-family:'Pretendard',sans-serif; font-size:26px; font-weight:700; line-height:1.2em; letter-spacing:0; color:#fff; margin-bottom:18px;}
.about p {font-family:'Pretendard',sans-serif; font-size:18px; font-weight:500; line-height:1.2em; letter-spacing:0; color:#fff;}

/*greeting*/
.greeting {display:flex; align-items:flex-start;}
.greeting .bg {padding-right:30px; padding-bottom:30px; position:relative; margin-right:65px;}
.greeting .bg:before {content:""; position:absolute; width:calc(100% - 30px); height:calc(100% - 30px); right:0; bottom:0; background:linear-gradient(to right, #4cb74a, #005bab); box-shadow:0 0 10px 6px rgba(0,0,0,0.2); z-index:-1;}
.greeting .txt-wrap {flex: 1 1 auto; min-width: 0; width: 1%;}
.greeting .txt-wrap h3 {font-family:'Pretendard',sans-serif; font-size:26px; font-weight:500; line-height:1.5em; letter-spacing:0; color:#242424; margin-bottom:35px;}
.greeting .txt-wrap p {font-family:'Pretendard',sans-serif; font-size:18px; font-weight:300; line-height:1.5em; letter-spacing:0; color:#454545; margin-bottom:26px;}
.greeting .txt-wrap .sign {display:flex; font-size:18px; font-weight:300; line-height:1.2em; letter-spacing:-0.03em; color:#242424; align-items:center; margin-top:54px;}
.greeting .txt-wrap .sign img {display:inline-block; margin-left:20px;}

/*history*/
.history .tit-wrap {text-align:center; margin-bottom:60px;}
.history .tit-wrap h3 {font-size:32px; font-weight:500; line-height:1em; letter-spacing:0; color:#242424;}
.history .tit-wrap h3 span {font-weight:900;}
.history .tit-wrap div {font-size:62px; font-weight:700; letter-spacing:-0.03em; color:#f0f3f6; line-height:1em;}

.history .cnt {background:url("../images/sub/history_bg.jpg") no-repeat right top; background-size:50% auto;}
.history .cnt .group {position:relative; padding-bottom:51px; display:flex;}
.history .cnt .group:before {content:""; position:absolute; width:1px; height:100%; background:#b2e3ca; left:102px; top:3px;}
.history .cnt .group:last-child {padding-bottom:0;}
.history .cnt .group:last-child:before {display:none;}
.history .cnt .group:after {content:""; position:absolute; width:18px; height:18px; background:#fff; border:4px solid #4db848; border-radius:100%; top:3px; left:94px;}
.history .group .year {font-size:25px; font-weight:500; line-height:1em; letter-spacing:-0.03em; color:#242424; min-width:150px;}
.history .group > ul > li {font-size:16px; font-weight:400; line-height:1.4em; letter-spacing:-0.03em; color:#454545; margin-bottom:10px;}
.history .group > ul > li:last-child {margin-bottom:0;}

/*policy*/
.policy .img {margin-bottom:100px;}
.policy-list ul {display:flex; justify-content:space-between;}
.policy-list ul li {width:calc(33.333% - 58px); border-radius:10px; border:1px solid #ddd; text-align:center; overflow:hidden;}
.policy-list ul li:nth-child(1) {border-color:#f7a500;}
.policy-list ul li:nth-child(2) {border-color:#4db848;}
.policy-list ul li:nth-child(3) {border-color:#005aab;}
.policy-list ul li:nth-child(1) .tit {background:#f7a500}
.policy-list ul li:nth-child(2) .tit {background:#4db848}
.policy-list ul li:nth-child(3) .tit {background:#005aab}

.policy-list .tit {font-size:22px; font-weight:500; line-height:1.2em; letter-spacing:-0.03em; color:#fff; padding:17px 10px 17px 10px;}
.policy-list .txt {font-size:16px; font-weight:400; line-height:1.8em; letter-spacing:-0.03em; color:#454545;}
.policy-list .cnt {display:flex; align-items:center; justify-content:center; height:calc(100% - 60px); padding:26px 10px;}

/*summary*/
.summary {display:flex; justify-content:space-between;}
.summary .box {width:calc(50% - 30px); border-radius:10px; overflow:hidden; text-align:center;}
.summary .box:nth-child(1) {background:#4db848;}
.summary .box:nth-child(2) {background:#005aab;}
.summary .cnt {padding:27px 10px; color:#fff;}
.summary .cnt h3 {font-size:24px; font-weight:700; line-height:1.2em; letter-spacing:0; margin-bottom:7px;}
.summary .cnt p {font-size:18px; font-weight:400; line-height:1.4em; letter-spacing:-0.03em; color:#fff;}

/*biz*/
.biz .gray-bg {margin:100px 0; padding:100px 0;}
.biz .gray-bg p {text-align:center; margin-bottom:55px; font-size:22px; font-weight:500; line-height:1.7em; letter-spacing:-0.03em; color:#242424;}
.biz .gray-bg p span {font-weight:700; font-size:24px;}
.biz .gray-bg p .txt-blue {font-size:26px;}
.biz-list ul {display:flex; justify-content:center; margin:0 -30px;}
.biz-list ul li {padding:0 30px;}
.biz-list2 dl {margin-bottom:20px; border:1px solid #ddd; border-radius:10px; overflow:hidden; display:flex; align-items:center;}
.biz-list2 dl:last-child {margin-bottom:0;}
.biz-list2 dt {width:50%; max-width:300px; text-align:center; font-size:24px; font-weight:700; line-height:1.2em; letter-spacing:-0.03em; color:#fff; padding:38px 10px;}
.biz-list2 dd {padding-left:30px; font-size:18px; font-weight:500; line-height:1.5em; letter-spacing:-0.03em; color:#242424; height:100%;}
.biz-list2 dl:nth-child(1) dt {background:#f7a500;}
.biz-list2 dl:nth-child(2) dt {background:#4db848;}
.biz-list2 dl:nth-child(3) dt {background:#005aab;}
.biz-list2 dl:nth-child(1) {border-color:#f7a500; background:#fffaf2;}
.biz-list2 dl:nth-child(2) {border-color:#4db848; background:#f9fdf9;}
.biz-list2 dl:nth-child(3) {border-color:#005aab; background:#f7fafc;}

/*biz2*/
.biz2 .img {margin-bottom:50px;}
.biz2 p {text-align:center; font-size:20px; font-weight:500; line-height:1.6em; letter-spacing:-0.03em; color:#242424;}

/*hr*/
.hr ul {display:flex;justify-content: space-between;}
.hr ul li {text-align:center;}
.hr ul li .icon-wrap {display:flex; flex-direction:column; align-items:center; justify-content:center; width:220px; height:220px; border-radius:100%; background:#ddd; box-shadow:3px 3px 7px rgba(0,0,0,0.35); margin:0 auto; margin-bottom:26px;}
.hr ul li:nth-child(1) .icon-wrap {background-color:#3b35ae;}
.hr ul li:nth-child(2) .icon-wrap {background-color:#005aab;}
.hr ul li:nth-child(3) .icon-wrap {background-color:#4db848;}
.hr ul li:nth-child(4) .icon-wrap {background-color:#f7a500;}
.hr ul li .icon {margin-bottom:23px;}
.hr ul li .tit {font-size:18px; font-weight:700; line-height:1.2em; letter-spacing:-0.03em; color:#fff;}
.hr ul li .tt {font-size:22px; font-weight:700; line-height:1.2em; letter-spacing:-0.03em; color:#242424; margin-bottom:10px}
.hr ul li .tx {font-size:16px; font-weight:400; line-height:1.6em; letter-spacing:-0.03em; color:#454545;}

/* protect */
.protect {border-top:2px solid #242424;}
.protect .tit  a {display:block; padding:20px; border-bottom:1px solid #ddd; position:relative; font-size:18px; font-weight:500; line-height:1.2em; letter-spacing:-0.03em; color:#2c2c2c;}
.protect .tit  a:before {content:""; position:absolute; right:20px; width:18px; height:2px; background:#005aab; top:50%; margin-top:-1px;}
.protect .tit a:after {content:""; position:absolute; width:2px; height:18px; top:50%; margin-top:-9px; right:28px; background:#005aab; transition:0.2s all ease;}
.protect > ol > li.active  .tit a,
.protect > ol > li .tit  a:hover {background:#f8f8f8;}
.protect > ol > li.active .tit a:after {transform:rotate(90deg);}
.protect .cnt {display:none; border-bottom:1px solid #ddd; padding:40px 20px;}
.protect h3 {font-size:16px; font-weight:500; letter-spacing:-0.03em; color:#242424;}
.protect .sec {margin-bottom:28px;}
.protect .sec:last-child {margin-bottom:0;}
.protect .sec .cont {color:#454545; letter-spacing:-0.03em; font-weight:400;}

.list01 > li {position:relative; padding-left:20px;}
.list01 .bullet {position:absolute; left:0;}

.list02 > li {position:relative; padding-left:15px;}
.list02 .bullet2 {position:absolute; left:0;}

.protext-tit-wrap {text-aligN:center; padding:20px; background:#f8f8f8; border:1px solid #ddd; border-radius:10px; margin-bottom:60px;}
.protext-tit-wrap p {font-size:18px; font-weight:500; line-height:1.5em; letter-spacing:-0.03em; color:#242424;}


.protect .sec li ol {margin-bottom:5px;}
.protect .sec li li {font-size:15px;}

/* location */
.page-menu {margin-bottom:60px;}
.page-menu ul {display:flex; justify-content:center; margin:0 -10px;}
.page-menu ul li {padding:0 10px; width:25%; max-width:160px;}
.page-menu ul li a {font-family: 'SUIT', sans-serif; font-size:18px; font-weight:500; line-height:1.2em; letter-spacing:0; color:#4db848; border:1px solid #4db848; border-radius:50px; height:50px; display:flex; align-items:center; justify-content:center; padding:10px;}
.page-menu ul li.active a {background:#4db848; color:#fff;}

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

.roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
#map1 .roughmap_lebel_text:after {content:"서울센터"; font-size:12px; line-height:15px;}
#map2 .roughmap_lebel_text:after {content:"부천센터"; font-size:12px; line-height:15px;}
#map3 .roughmap_lebel_text:after {content:"대구센터"; font-size:12px; line-height:15px;}
#map4 .roughmap_lebel_text:after {content:"부산센터"; font-size:12px; line-height:15px;}

.local-info dl {display:flex; border-bottom:1px solid #ddd; padding:24px 0 24px 90px; background-repeat:no-repeat; background-position:20px center; font-size:16px; font-weight:400; line-height:1.2em; letter-spacing:-0.03em; color:#454545;}
.local-info dl:nth-child(1) {background-image:url("../images/sub/local_icon1.png")}
.local-info dl:nth-child(2) {background-image:url("../images/sub/local_icon2.png")}
.local-info dt {font-size:18px; font-weight:500; line-height:1.2em; letter-spacing:-0.03em; color:#242424; margin-right:30px; min-width:95px; position:relative;}
.local-info dt:before {content:""; position:absolute; width:1px; height:12px; background:#ddd; right:0; top:4px;}

.location-wrap {position:relative;}
.location {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; z-index:-1;}
.location.on {opacity:1; z-index:1; position:relative;}