@charset "utf-8";

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

.company .con1 {padding-bottom: 60px !important;  border-bottom:1px solid #dfdfdf;}
.company .con1 h3 {color:#0177d1; font-weight: 700; font-size:28px; letter-spacing:-.03em; line-height: 1.4em; margin-bottom: 25px;}
.company .con1 ul {display:Flex; flex-wrap:wrap; margin: 0 -10px;}
.company .con1 ul li {width:25%; padding: 0 10px;}
.company .con1 .text {padding-top: 16px; text-align:center; color:#2c2c2c; font-weight: 600; font-size:18px; letter-spacing:-.03em; line-height: 1.3em;}

.company .con2 .group {display:flex; padding-top: 60px;}
.company .con2 .text {width:50%; margin-left: 40px; display:flex; flex-direction: column; justify-content: center;}
.company .con2 .text h4 {margin-bottom: 29px; color:#0177d1; font-weight: 700; font-size:28px; letter-spacing:-.03em; line-height: 1.4em;}
.company .con2 .text p {color:#505050; font-weight: 400; font-size:18px; letter-spacing:-.03em; line-height: 1.556em;}

.sub2 {background: url(../images/sub/sub2_bg.jpg)}
.sub4 {background: url(../images/sub/sub4_bg.jpg);}
.sub5 {background: url(../images/sub/sub5_bg.jpg)}
.sub6 {background: url(../images/sub/sub6_bg.jpg)}
.sub {background-position: 50% 50%; background-repeat: no-repeat; height: 420px; background-size:cover;}
.sub .text {display:flex; height: 420px; justify-content: center; align-items: center; flex-direction: column;}
.sub h2 {text-align: center; font-family: 'NanumSquare'; font-size:48px; color:#fff; font-weight: 800; letter-spacing:-.03em;}
.sub p {text-align: center; margin-bottom: 20px; font-family: 'NanumSquare'; font-size:23.4px; color:#fff; font-weight: 400; letter-spacing:-.03em;}
 .sub4 h2 {color:#242424;}
.sub4 p {color: #242424;} 

.class {margin-top: 100px;}

.Progress {margin-top: 100px;}
.Progress .txt {padding: 60px 0; text-align:center; color:#fff; font-weight: 400; font-size:18px; letter-spacing:-.03em; line-height: 1.556em; background: url(../images/sub/sub2_progress.jpg) 50% 50% no-repeat; background-size:cover;}
.Progress h3 {margin: 100px 0 60px 0; text-align:center; color:#0177d1; font-size:28px; font-weight: 700; letter-spacing:-.03em; line-height: 1.4em;}
.Progress .img {text-align:center;}
.Progress .img_m {display:none;}

.sub3 {background: url(../images/sub/sub3_bg.png) 50% 50% no-repeat; height: 420px; background-size:cover;}
.reservation {background-color: #ffd200; display:flex; margin-bottom: 40px; align-items: center; justify-content: center; padding-top: 40px;}
.reservation .text {margin-right: 60px; margin-top: -20px;}
.reservation .t1 {margin-bottom: 5px;display:flex; color:#02c2c2c; font-weight: 600; font-size:24px; letter-spacing:-.04em; line-height: 1.25em;}
.reservation .t1 p {margin-right: 40px;}
.reservation .t1 p:last-child {margin-right: 0;}
.reservation .t2 {color:#505050; font-weight: 600; font-size:18px; letter-spacing:-.03em; line-height: 1.556em;}

.review .box {margin-top: 100px; display:flex; background-color: #313ee5; align-items: center; justify-content: center; padding-top: 30px;}
.review .box .img {margin-left: 30px;}
.review .box .text {width: 56%; color:#fff;}
.review .box .t1 {font-weight: 600; font-size:25.91px; letter-spacing:-.03em; line-height: 1.4em; margin-bottom: 10px; margin-top: -15px;}
.review .box .t2 {font-size:20.64px; letter-spacing:-.03em; line-height: 1.556em;}

.board {text-align:center; margin: 60px 0;}
.board h3 {font-family: 'Pretendard'; font-size:36px; color:#2c2c2c; font-weight: 700; letter-spacing:-.03em; margin-bottom: 60px;}
.board p {font-family: 'Pretendard'; font-size:24px; color:#0177d1; font-weight: 600; border:1px solid #ddd; background-color: #fafafa; padding: 70px 0; line-height:1.583em;}

/* 착한모바일 */
.process-txt {height: 260px;}
.reservation-img {margin-bottom: 50px;}
.review-img {margin-top: 50px;}
.introduce-img {text-align: center;}
.sub01 .real-cont {padding-bottom: 0;}

.string {margin: 100px 60px;}
.string .tit {text-align: center; font-size:36px; color:#2c2c2c; font-weight: 600; letter-spacing:-.04em; margin-bottom: 40px;}
.string .txt {border:1px solid #ddd; padding: 50px;}
.string .txt p {font-size:18px; color:#050505; font-weight: 500; letter-spacing:-.04em; margin-bottom: 30px;}
.string .txt p:last-of-type {margin-bottom: 0;}
.string .txt ul {margin-bottom: 36px;}
.string .txt ul li {font-size:18px; color:#050505; font-weight: 500; letter-spacing:-.04em;}