@charset "utf-8";

/*공통*/
.blue-txt {color:#195bc9 !important;}
.green-txt {color:#24972c !important;}

.page-menu {margin-bottom:60px;}
.page-menu ul {display:flex; justify-content: center;}
.page-menu ul li {width:auto; padding:0 10px;}
.page-menu ul li a {display:flex; align-items: center; justify-content: center; text-align:center; font-size:18px; font-weight:400; line-height:1.2em; letter-spacing:-0.03em; color:#454545; height:45px; width:145px; border:1px solid #ddd; border-radius:60px;}
.page-menu ul li.active a {background:#24972c; border-color:#24972c; color:#fff;}

.doc-cnt {margin-bottom:95px;}
.doc-cnt:last-child {margin-bottom:0;}
.doc-tit {font-size:24px; font-weight:700; line-height:1.4em; letter-spacing:-0.03em; color:#333; padding-left:40px; position:relative; margin-bottom:30px;}
.doc-tit:before {content:""; position:absolute; width:28px; height:28px; left:0; top:2px; background:url("../images/sub/doc_tit.gif") no-repeat 50% 50%;}

/*company*/
.company {display:flex;}
.company .box {position:relative; flex:1; display:flex;flex-direction: column; align-items: center; padding:45px 5px 35px 5px; text-align:center;}
.company .box:before {content:""; position:absolute; top:-1px; right:0; bottom:0; left:-1px; border:1px solid #ddd;}
.company .box .img {margin-bottom:35px;}
.company .box dt {font-size:18px; font-weight:700; line-height:1.2em; letter-spacing:-0.03em; color:#333; margin-bottom:8px;}
.company .box dd {font-size:16px; font-weight:400; line-height:1.6em; letter-spacing:-0.03em; color:#454545;}

/*greeting*/
.greeting .cnt1 {background:url("../images/sub/greeting_bg1.jpg") no-repeat top center; background-size:100% auto;}
.greeting .cnt1 .contain {display:flex; padding:100px 30px 80px 30px;}
.greeting .cnt1 .txt-wrap {font-family:"S-CoreDream"; flex: 1 1 auto; min-width: 0; width: 1%; padding-left:75px; padding-top:20px;}
.greeting .cnt1 h3 {font-size:24px; font-weight:500; line-height:1.5em; letter-spacing:-0.03em; color:#454545; margin-bottom:100px;}
.greeting .cnt1 p {font-size:18px; font-weight:400; line-height:1.5em; letter-spacing:-0.03em; color:#454545; margin-bottom:25px;}
.greeting .cnt1 p:last-child {margin-bottom:0;}
.greeting .cnt1 .sign {position:absolute; bottom:0; right:0; }
.greeting .sign {display:flex; align-items: center; font-family:"S-CoreDream"; font-size:22px; font-weight:600; line-height:1.2em; letter-spacing:-0.03em; color:#333;}
.greeting .cnt2 {padding-top:80px; margin-top:80px; position:relative; }
.greeting .cnt2 .contain {}
.greeting .cnt2 .tit-wrap {font-family:"S-CoreDream"; position:relative; background:#f3f7fc; padding:100px 0; margin-bottom:50px;}
.greeting .cnt2 .tit-wrap h3 {max-width:1260px; padding:0 30px; margin:0 auto; font-size:30px; font-weight:600; line-height:1.5em; letter-spacing:-0.03em;}
.greeting .cnt2 .bg-wrap {position:absolute; right:0; display:flex; bottom:0; align-items: flex-end;}
.greeting .cnt2 .bg {margin-bottom:50px;}
.greeting .cnt2 p {font-family:"S-CoreDream";  font-size:18px; font-weight:400; line-height:1.5em; letter-spacing:-0.03em; color:#454545; margin-bottom:25px;}
.greeting .cnt2 p strong {display:block; font-weight:500; line-height:1.7em;}
.greeting .cnt2 p:last-child {margin-bottom:0;}

/*policy*/
.policy .group {margin-bottom:100px;}
.policy .group:last-child {margin-bottom:0;}
.policy .group2 {padding:150px 0 60px 0; background:url("../images/sub/policy_bg1.jpg") no-repeat 50% 50%; background-size:cover;}
.policy .group2 h3 {font-size:42px; font-weight:400; line-height:1.5em; letter-spacing:-0.03em; color:#fff; margin-bottom:180px;}
.policy .group3 .bg-wrap {padding:95px 0; background:url("../images/sub/policy_bg2.jpg") no-repeat 50% 50%; background-size:cover;}
.policy .group3 .bg-wrap .contain {display:flex;flex-direction: column; align-items: flex-end; color:#fff;}
.policy .group3 .bg-wrap h3 {font-size:65px; font-weight:700; line-height:1.5em; letter-spacing:-0.03em; margin-bottom:55px;}
.policy .group3 .bg-wrap p {font-size:22px;  font-weight:500; line-height:1.4em; letter-spacing:-0.03em;}
.policy .group4 .tit-wrap,
.policy .group5 .tit-wrap {display:flex;justify-content: space-between;align-items: flex-end; margin-bottom:50px;}
.policy .group4 .tit-wrap h3,
.policy .group5 .tit-wrap h3 {font-size:65px; font-weight:700; line-height:1em; letter-spacing:-0.03em; color:#333;} 
.policy .group4 .tit-wrap p,
.policy .group5 .tit-wrap p {font-size:22px; font-weight:500; line-height:1.5em; letter-spacing:-0.03em; color:#333}
.policy .img-wrap {display:flex;justify-content: center;}

/*history*/
.history .tit {position:relative; display:flex;justify-content: center; font-size:80px; font-weight:700; line-height:1em; letter-spacing:0.2em; color:#242424; text-align:center; margin-bottom:98px; background:url("../images/sub/history_bg.png") no-repeat 50% 50%; min-height:156px;    align-items: center;;}
.history .tit:before {content:""; position:absolute; width:1px; height:100%; background:#ddd; left:50%; margin-left:-0.5px; bottom:-98px; z-index:-1;}
.history .tit .t1,
.history .tit .t2 {margin:0 65px; width:50%; max-width:320px}
.history .cnt {position:relative;}
/* .history .cnt:after {content:""; position:absolute; width:15px; height:15px; background:#195bc9; border-radius:100%; top:0; left:50%; margin-left:-7.5px;} */
.history .cnt:before {content:""; position:absolute; left:50%; margin-left:-0.5px; background:#ddd; height:78px; width:1px; top:0;}
.history .group {padding-top:9px; padding-left:calc(50% + 58px); padding-bottom:57px; position:relative;}
.history .group:after {content:""; position:absolute; width:70px; height:70px; border:20px solid #e9f4e9; left:50%; margin-left:-35px; top:0; border-radius:100%;}
.history .group:before {content:""; position:absolute; width:1px; left:50%; background:#ddd; top:0; height:100%; margin-left:-0.5px;}
.history .group:nth-child(even) {padding-left:0; padding-right:calc(50% + 58px); text-align:right;}
.history .group > ul > li {display:flex; line-height:1.6em; margin-bottom:10px; letter-spacing:0; font-size:16px; font-weight:400; color:#454545;}
.history .group li:last-child {margin-bottom:0;}
.history .group .month {display:inline-block; font-size:16px; font-weight:700; line-height:1.6em; letter-spacing:0; min-width:58px;}
.history .group .year {font-size:40px; font-weight:700; line-height:1.2em; letter-spacing:0; color:#242424; margin-bottom:25px;}
.history .group:nth-child(even)  > ul > li {flex-direction: row-reverse;}
.history .group:nth-child(even):after {border-color:#d1def4;}


/*certi*/
.certi .big-pic {padding:50px; width:100%;  max-width:720px; margin:0 auto 40px auto; background:#f8f8f8; border:1px solid #ddd;}
.certi .tab-content {text-align:center;}
.certi .tab-content .img {margin-bottom:33px;}
.certi .tab-content .tit {font-size:20px; font-weight:500; line-height:1.3em; letter-spacing:-0.03em; color:#333;}
.certi .tabs {display:flex; flex-wrap:wrap; margin:0 -18px -30px -18px;}
.certi .tabs li {width:12.5%; padding:0 18px; margin-bottom:30px; text-align:center;} 
.certi .tabs li a {display:block;}
.certi .tabs li a .img:before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; border:2px solid #195bc9; background:rgba(0,0,0,0.5); opacity:0; transition:0.2s all ease;}
.certi .tabs li a:hover .img:before,
.certi .tabs li.active a .img:before{opacity:1;}
.certi .tabs li .img {position:relative; margin-bottom:15px;}
.certi .tabs li .tit {font-size:16px; font-weight:400; line-height:1.4em; letter-spacing:-0.03em; color:#454545;}

/*location*/
.local {margin-bottom:40px;}
.location .root_daum_roughmap {width:100% !important; height:400px !important;}
.location .root_daum_roughmap .wrap_map {height:400px !important;}
.local-info {display:flex;}
.local-info .cnt {padding-left:95px; flex: 1 1 auto; min-width: 0; width: 1%;}
.local-info .sub-logo {margin-bottom:30px;}
.local-info .info-list {border-top:1px solid #242424;}
.local-info dl {position:relative; padding:21px 0 21px 55px; border-bottom:1px solid #ddd; display:flex; background-repeat:no-repeat; background-position:15px 50%;  align-items: center;}
.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 dl:nth-child(3) {background-image:url("../images/sub/local_icon3.png");}
.local-info dl:nth-child(4) {background-image:url("../images/sub/local_icon4.png");}
.local-info dt {min-width:140px; font-size:16px; font-weight:500; line-height:1.3em; letter-spacing:-0.03em; color:#333;}
.local-info dd {font-size:16px; font-weight:400; line-height:1.2em; letter-spacing:-0.03em; color:#454545;}

/*business*/
.business .tit-wrap {position:relative; text-align:center; margin-bottom:140px;}
.business .tit-wrap p {display:inline-block; position:relative; padding:0 70px;}
.business .tit-wrap p:before {content:""; position:absolute; width:40px; height:26px; background:url("../images/sub/tit_icon1.png") no-repeat 50% 50%; left:0; top:50%; margin-top:-13px;}
.business .tit-wrap p:after {content:""; position:absolute; width:40px; height:26px; background:url("../images/sub/tit_icon2.png") no-repeat 50% 50%; right:0; top:50%; margin-top:-13px;}

.business .biz-info {display:flex; flex-wrap:wrap; padding:25px 40px 0 40px; border:1px solid #ddd; margin-bottom:30px;}
.business .biz-info dl {display:flex;font-family:'pretendard'; margin-bottom:30px; min-width:50%;}
.business .biz-info dt { padding-left:10px; font-size:18px; flex:0 0 auto; font-weight:700; line-height:1.5em; letter-spacing:-0.03em; color:#333; position:relative; margin-right:2px;}
.business .biz-info dt:before {content:""; position:absolute; width:5px; height:5px; background:#24972c; border-radius:100%; left:0; top:11px;}
.business .biz-info dd {font-size:18px; font-weight:400; line-height:1.5em; letter-spacing:-0.03em; color:#454545;}

.business .biz-summary {display:flex; margin-left:-40px;}
.business .biz-summary .box {width:calc(50% - 40px); margin-left:40px;}
.business .biz-summary .box .tit {text-align:center; padding:18px 5px; font-size:20px; font-weight:700; line-height:1em; letter-spacing:-0.03em; color:#fff;}
.business .biz-summary .box:nth-child(1) .tit {background:#195bc9;}
.business .biz-summary .box:nth-child(2) .tit {background:#24972c;}
.business .biz-summary .cnt {display:flex;flex-direction: column; justify-content: center; border:1px solid #ddd; border-top:0; padding:30px 35px; min-height:275px;}
.business .biz-summary dl {display:flex;font-family:'pretendard'; margin-bottom:15px;}
.business .biz-summary dl:last-child {margin-bottom:0;}
.business .biz-summary dt { padding-left:10px; font-size:16px; flex:0 0 auto; font-weight:700; line-height:1.4em; letter-spacing:-0.03em; color:#333; position:relative; margin-right:2px;}
.business .biz-summary dt:before {content:""; position:absolute; width:4px; height:4px; background:#24972c; border-radius:100%; left:0; top:8px;}
.business .biz-summary dd {font-size:16px; font-weight:400; line-height:1.4em; letter-spacing:-0.03em; color:#454545;}
.business .biz-summary ul li {font-size:16px; font-weight:400; line-height:1.2em; letter-spacing:-0.03em; color:#454545; margin-bottom:35px;}
.business .biz-summary ul li .num {font-family:'pretendard'; font-size:20px; font-weight:700; letter-spacing:-0.03em; color:#24972c; display:inline-block; margin-right:3px;}
.business .biz-summary ul li:last-child {margin-bottom:0;}
.business .info-wrap {display:flex;justify-content: space-between;}
.business .info-wrap .biz-info {align-content: center; margin-bottom:0; flex: 1 1 auto; min-width: 0; width: 1%; margin-right:30px;}

.business .info-wrap dl {width:100%;}
.business .biz-video {margin-top:30px;}
.business .biz-pic.ver2 {display:flex; flex-wrap: wrap; justify-content: center; margin-bottom:-20px; margin-right:-20px;}
.business .biz-pic.ver2 img {display:block; margin-right:20px; margin-bottom:20px;}

.business .cnt1 .biz-info {margin-bottom:30px;}
.business .cnt1 .biz-info dl {min-width:40%;}
.business .cnt1 .biz-pic {margin-bottom:30px;}

.business .cnt2 .info-wrap dl {width:50%;}