@charset "utf-8";


/* 메인 첫번째 섹션 */
.main-sec1 {padding:40px 0;}
.main-sec1 .inner {display:flex;height:100%;justify-content:space-between;}
.main-sec1 .inner .left {width:69.71%;}
.main-sec1 .visual-title {display:flex;flex-direction:column;justify-content:flex-end;padding:60px 70px;width:100%;height:600px;background:url("/assets/img/main_title.jpg") no-repeat center/cover;border-radius:22px;transition:.3s;}
.main-sec1 .visual-title .title {color:#fff;font-size:60px;font-weight:800;line-height:1.2;letter-spacing:-1.2px;}
.main-sec1 .visual-title .sub {color:#fff;font-size:22px;line-height:1.2;letter-spacing:-0.44px;margin:10px 0 0;}
.main-sec1 .inner .right {width:28.87%;background:#345FA5 url("/assets/img/main_guide.png") no-repeat 100% 0;color:#fff;border-radius:10px;box-shadow:10px 10px 20px 0 rgba(217,217,217,.5);transition:.3s;}
.main-sec1 .guide-box {padding:40px;}
.main-sec1 .guide-box .place {padding:5px 10px;display:inline-flex;font-weight:500;font-family:var(--sc);color:#3C59A4;background:#fff;border-radius:5px;}
.main-sec1 .guide-box .tel {display:flex;font-weight:600;font-size:30px;letter-spacing:-0.75px;margin:2px 0 0;}
.main-sec1 .guide-box .operate {font-size:18px;line-height:1.4;letter-spacing:-0.36px;margin:8px 0 22px;}
.main-sec1 .guide-box .title {margin:20px 0 0;padding:20px 0 0;font-weight:600;font-size:30px;letter-spacing:-0.75px;border-top:1px dotted #ccc;}
.main-sec1 .guide-box .booking {display:flex;justify-content:center;align-items:center;width:100%;height:66px;font-family:var(--sc);font-weight:500;font-size:16px;color:#3C59A4;letter-spacing:-0.4px;background:#fff;border-radius:5px;margin:17px 0 0;}

/* 메인 두번째 섹션 */
.main-sec2 {padding:40px 0 90px;}
.main-sec2 .inner {display:flex;justify-content:space-between;}
.main-sec2 .title-box {position:relative;}
.main-sec2 .title-box .tit {font-weight:700;font-size:40px;letter-spacing:-0.8px;padding:10px 0 32px;transition:.3s;}
.main-sec2 .title-box .shortcut {display:inline-flex;align-items:center;font-weight:700;font-size:20px;line-height:28px;transition:.3s;}
.main-sec2 .title-box .shortcut::after {content:"";display:inline-flex;width:13px;height:28px;background:url("/assets/img/icon_go.svg") no-repeat center;margin-left:10px;}
.main-sec2 .info-link {display:flex;gap:20px;width:67.88%;}
.main-sec2 .info-link li {width:100%;}
.main-sec2 .info-link a {position:relative;display:block;padding:40px;height:378px;font-family:var(--sc);line-height:1.4;background:#DBEFFF;border-radius:15px;transition:.3s;}
.main-sec2 .info-link a::after {content:"";position:absolute;right:34px;bottom:34px;display:flex;width:89px;height:76px;background:url("/assets/img/icon_chkup01.png") no-repeat center/contain;transition:.3s;}
.main-sec2 .info-link a:hover::after {transform:scale(1.2);}
.main-sec2 .info-link li + li a {background:#D8F4FF;}
.main-sec2 .info-link li + li a::after {right:30px;bottom:20px;width:106px;height:106px;background-image:url("/assets/img/icon_chkup02.png");}
.main-sec2 .info-link li + li .sub {color:#00597D;}
.main-sec2 .info-link li + li .view {background:#00597D;}
.main-sec2 .info-link li + li + li a {background:#EDF9F7;}
.main-sec2 .info-link li + li + li a::after {bottom:30px;width:95px;height:95px;background-image:url("/assets/img/icon_chkup03.png");}
.main-sec2 .info-link li + li + li .sub {color:#00724C;}
.main-sec2 .info-link li + li + li .view {background:#00724C;}
.main-sec2 .info-link .sub {font-weight:500;font-size:14px;color:#008EFF;margin:0 0 12px;}
.main-sec2 .info-link .tit {font-weight:600;font-size:32px;margin:0 0 16px;}
.main-sec2 .info-link .view {display:inline-flex;padding:10px 20px 8px 25px;line-height:22px;font-weight:500;font-size:16px;color:#fff;background:#007BDD;border-radius:20px;}
.main-sec2 .info-link .view::after {content:"";display:inline-flex;width:13px;height:22px;background:url("/assets/img/icon_view.svg") no-repeat 0 48%;margin-left:8px;}

/* 반응형 */
@media screen and (max-width: 1300px) {
	.main-sec1 .visual-title {padding:50px;}
	.main-sec1 .visual-title .title {font-size:54px;}
	.main-sec1 .visual-title .sub {font-size:20px;}
	
	.main-sec2 .title-box .tit {font-size:34px;}
	.main-sec2 .title-box .shortcut {font-size:18px;}
	.main-sec2 .info-link a {padding:30px;height:340px;}
	.main-sec2 .info-link a::after {right:25px;bottom:22px;}
	.main-sec2 .info-link li + li a::after {right:20px;bottom:10px;}
	.main-sec2 .info-link li + li + li a::after {bottom:20px;}
	.main-sec2 .info-link .tit {font-size:28px;}
	.main-sec2 .info-link .view {padding-inline:20px 15px;line-height:18px;font-size:14px;}
	.main-sec2 .info-link .view::after {height:18px;}
}
@media screen and (max-width: 1120px) {
	.main-sec1 {padding:25px 0;}
	.main-sec1 .inner {flex-direction:column;}
	.main-sec1 .inner .left {width:100%;margin:0 0 15px;}
	.main-sec1 .visual-title {padding:30px;height:240px;}
	.main-sec1 .visual-title .title {font-size:40px;}
	.main-sec1 .visual-title .sub {font-size:15px;}
	.main-sec1 .inner .right {width:100%;border-radius:20px;}
	.main-sec1 .guide-box {padding:30px;}
	
	.main-sec2 {padding:25px 0 50px;}
	.main-sec2 .inner {flex-direction:column;justify-content:flex-start;}
	.main-sec2 .title-box .tit {padding:0 0 15px;line-height:1.4;}
	.main-sec2 .title-box .shortcut {position:absolute;right:0;bottom:22px;}
	.main-sec2 .info-link {flex-direction:column;width:100%;}
	.main-sec2 .info-link a {height:auto;}
}