@charset "utf-8";

/*공통*/
.mt {position:relative; margin-top:-25px;}
.pl20 {padding-left:20px;}
.txt-blue {color:#002060 !important;}
.sub-tit-wrap {position:relative; z-index:1;}
.sub-tit-wrap h3 {font-family:'Montserrat'; font-size:60px; font-weight:700; line-height:1em; letter-spacing:-0.03em; color:#242424;}

/*greeting*/
.greeting .sub-tit-wrap {margin-bottom:60px; margin-top:-35px;}
.greeting .cnt {padding:0 60px;}
.greeting p {margin-bottom:20px;font-weight:400; line-height:1.5em; letter-spacing:-0.03em; color:#454545;}
.greeting p:last-child {margin-bottom:0;}
.greeting .tit {font-size:22px;}
.greeting .txt {font-size:18px; line-height:1.6em;}
.greeting .sign {text-align:right; margin-top:55px;}
.greeting .sign strong {font-size:22px; font-weight:500; display:inline-block; margin-left:8px;}
.greeting .tit strong {font-weight:600;}

/*location*/
.location .local-info {display:flex; margin-top:50px; padding:0 50px;}
.local-info .tit {font-size:22px; font-weight:500; line-height:1.4em; letter-spacing:-0.03em; color:#242424; flex: 1 1 auto; min-width: 0; width: 1%;}
.local-info .wrap dl {font-size:18px; font-weight:300; line-height:1.4em; letter-spacing:-0.03em; color:#454545; margin-bottom:16px; display:flex;}
.local-info .wrap dl:last-child {margin-bottom:0;}
.local-info .wrap dt {min-width:55px; font-weight:600;}

/*business*/
.business .tit-wrap {text-align:center; margin-bottom:50px;}
.business .tit-wrap p {font-size:26px; font-weight:400; line-height:1.5em; letter-spacing:-0.03em; color:#454545;}
.business .tit-wrap span {font-weight:700;}
.business .bg {padding:50px 60px; background:url("../images/sub/biz_bg.jpg") no-repeat 50% 50%; background-size:cover;}
.business .cnt2 .group {display:flex; margin-bottom:40px;}
.business .cnt2 .group:last-child {margin-bottom:0;}
.business .cnt2 .titbox {border-radius:10px; display:flex;justify-content: center; flex-direction: column; background-color:#ddd; position:relative; text-align:center; width:200px; margin-right:50px;}
.business .cnt2 .titbox .num {position:absolute; top:18px; left:18px; font-size:17px; font-weight:700; letter-spacing:-0.03em; line-height:1em; color:#fff;}
.business .cnt2 .titbox .icon {margin-bottom:30px;}
.business .cnt2 .titbox .tit {font-size:17px; font-weight:500; line-height:1.2em; letter-spacing:-0.03em; color:#fff;}
.business .cnt2 ul {flex: 1 1 auto; min-width: 0; width: 1%; display:flex; flex-wrap:wrap; margin-right:-50px; margin-bottom:-20px;}
.business .cnt2 li {font-size:17px; font-weight:400; line-height:1.6em; letter-spacing:-0.03em; color:#454545; position:relative; width:200px; height:200px; border:1px dashed #ddd; text-align:center; display:flex; align-items: center; justify-content: center; border-radius:100%; margin-right:50px; margin-bottom:20px;}
.business .cnt2 li:before {content:""; position:absolute; width:11px; height:11px; background:url("../images/sub/biz_next.png") no-repeat 50% 50%; right:-30px; top:50%; margin-top:-5.5px;}
.business .cnt2 li:last-child:before {display:none;}

.business .cnt2 .group:nth-child(1) .titbox {background-color:#6684c3}
.business .cnt2 .group:nth-child(2) .titbox {background-color:#4a73c9}
.business .cnt2 .group:nth-child(3) .titbox {background-color:#1e4baa}
.business .cnt2 .group:nth-child(4) .titbox {background-color:#07379d}
.business .cnt2 .group:nth-child(5) .titbox {background-color:#012775}
.business .cnt2 .group:nth-child(6) .titbox {background-color:#001747}

/*catalog-wrap*/
.catalog-wrap {display:flex;justify-content: center; background:#f8f8f8; padding:50px;}
.catalog-wrap .img {margin-right:90px; display:inline-block; box-shadow:3px 3px 13px rgba(0,0,0,0.2);}
.catalog-wrap .cnt {padding-top:50px;}
.catalog-wrap .tit {font-size:36px; font-weight:700; line-height:1.4em; letter-spacing:-0.03em; color:#242424; margin-bottom:15px;}
.catalog-wrap .txt {font-size:16px; font-weight:400; line-height:1.7em; letter-spacing:-0.03em; color:#686868; margin-bottom:46px;}
.catalog-wrap .down-btn a {display:block; padding:20px; width:240px; border:1px solid #ddd; background:#fff; border-radius:10px; font-size:16px; font-weight:400; line-height:1.2em; letter-spacing:-0.03em; color:#454545; position:relative;}
.catalog-wrap .down-btn a:before {content:""; position:absolute; right:20px; width:15px; height:14px; background:url("../images/sub/down_icon.png") no-repeat 50% 50%; top:50%; margin-top:-7px;}