@charset "utf-8";

@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');

.greet {text-align:center;}
.greet .tit {margin-bottom: 50px;}
.greet .tit p {color:#2c2c2c; font-size:30px; line-height:1.533em; letter-spacing:-.04em; font-weight: 400;}
.greet .tit span {color:#168a8d; font-weight: 700;}
.greet .tit strong {color:#67cbce; font-weight: 700;}
.greet .img {height: 400px; background: url(../images/sub/greet.jpg)50% 50% no-repeat; background-size: cover;}
.greet .img p {height: 400px; color:#168a8d; font-size:24px; line-height:1.4em; letter-spacing:.43em; font-weight:800; display:flex; align-items: center}
.greet .txt {margin-top: 42px;}
.greet .txt p {color:#505050; font-size:18px; line-height:1.778em; letter-spacing:-.04em; font-weight: 400; margin-bottom: 27px;}
.greet .txt p:last-of-type{color:#2c2c2c; font-size:20px; letter-spacing:-.04em; font-weight: 500; margin-bottom: 18px; padding-top: 7px;}

.map .box {padding: 35px 37px; color:#fff; background-color:#168a8d;}
.map .box .tit {display:flex; align-items: flex-end}
.map .box .tit h3 {font-size:28px; line-height:1.3em; letter-spacing:-.04em; font-weight: 500; margin-right: 20px;}
.map .box .tit p {color:#c2e1e1; font-size:12px; line-height:1.3em; letter-spacing:.4em; font-weight: 500;}
.map .box .txt {display:flex; margin-top: 43px;}
.map .box .txt .tt {display:flex; margin-right: 26px;}
.map .box .txt .tt p {font-size:20px; line-height:1.3em; letter-spacing:-.04em; font-weight: 400;}
.map .box .txt .tt .img {padding-right: 10px;}

.section .tit {background-color: #45a1a4; display:flex; justify-content: space-between; padding: 13px 23px; align-items: center;}
.section .tit h4 {color:#fff; font-size:24px; line-height:1.3em; letter-spacing:-.04em; font-weight: 500;}
.section .tit p {color:#d3eeef; font-size:12px; line-height:1.3em; letter-spacing:.4em; font-weight: 500;}
.section .group {display:flex; padding: 50px 0; border-bottom:1px solid #dfdfdf;}
.section .group .img {margin-right: 50px;}
.section .group .text h3{color:#45a1a4; font-size:32px; line-height:1.3em; letter-spacing:-.04em; font-weight: 700; margin-bottom: 16px;}
.section .group .text p {color:#878787; font-size:16px; line-height:1.625em; letter-spacing:-.04em; font-weight: 400; margin-bottom: 40px;}
.section .group .text .purpose {display:flex;}
.section .group .text .purpose .purpose-tit {margin-right: 30px; color:#24b27b; font-size:16px; line-height:1.3em; letter-spacing:-.04em; font-weight: 500; margin-bottom: 0;}
.section .group .text .purpose li {padding-left: 14px; position: relative; color:#505050; font-size:16px; line-height:1.3em; letter-spacing:-.04em; font-weight: 400; margin-bottom: 12px;}
.section .group .text .purpose li:before {content:""; position:absolute; width: 5px; height: 5px; background-color: #dfdfdf; border-radius:100%; top:8px; left:0;}

.online-order {background-color: #f4f4f4; position: relative; padding: 82px 80px; margin-bottom: 60px;}
.online-order h3 {color:#2c2c2c; font-size:38px; line-height:1.421em; letter-spacing:-.04em; font-weight: 700; margin-bottom: 28px;}
.online-order h3 span {color:#168a8d;}
.online-order ul {display:flex;}
.online-order ul li {color:#878787; font-size:14px; line-height:1.3em; letter-spacing:-.04em; font-weight: 400; margin-right: 25px;}
.online-order ul li:last-of-type{margin-right: 0;}
.online-order .img {position: absolute;	right:80px; top:50%; transform:translateY(-50%);}