@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@800&family=Roboto&display=swap');
@import url(./common.css);
@import url(./layout.css);
@import url(./swiper.min.css);

.nanumbrushscript * { font-family: 'Nanum Brush Script', cursive;}
.section {position:relative;width:100%;overflow:hidden}

.main-visual{display:flex;position:relative;overflow:hidden}
.main-visual .swiper-button-next,
.main-visual .swiper-button-prev {text-align:center;line-height:0;width:50px;height:50px;border-radius: 50%;z-index:1;text-indent:-999px;overflow:hidden}
.main-visual .swiper-button-prev{left:56px;background:rgba(255,255,255,.2) url(../images/main/btn-visual-prev.png) no-repeat center;}
.main-visual .swiper-button-next{right:56px;background:rgba(255,255,255,.2) url(../images/main/btn-visual-next.png) no-repeat center;}
.swiper-pagination{display:none}
.controlBox{position:absolute;top:50%;left:220px;transform:translate(0,-50%);z-index:1}
.controlBox .swiper-pagination{display:block;position:static;justify-content: flex-start;text-align:left;margin:46px 0 0}
.controlBox .text-box .subtitle{font-family: 'Nanum Gothic', sans-serif;font-size:17px;letter-spacing: -1px;color:#fff;font-weight:700;}
.controlBox .text-box .title{font-size:70px;letter-spacing: -1px;color:#fff; font-family: 'Nanum Brush Script';font-weight:400}
.controlBox .text-box .title strong{color:#FFD014;}
.controlBox .text-box .desc{margin:14px 0 0;font-size:16px;letter-spacing: -1px;color:#fff}
/*.main-visual .swiper-pagination{bottom:60px;z-index:10}*/
.swiper-pagination-bullet{margin:0 4px;width:10px;height:10px;border-radius:5px;background:rgba(255,255,255,.9);opacity:1;vertical-align: middle;transition:all .3s}
.swiper-pagination-bullet-active{width:24px;height:10px;background:#1D9AD2}

.quickMenu{padding:60px 0 40px}

.quickMenu .list{position:relative;display:flex;width:calc(100% + 28px);flex-flow:row wrap;justify-content: center;padding:0 14px;max-width:1600px;margin:0  auto;}
.quickMenu .list::before,
.quickMenu .list::after{position:absolute;content:''}
.quickMenu .list::before{top:168px;left:-144px;width:215px;height:162px;background:url(../images/main/bg_left.png) no-repeat}
.quickMenu .list::after{bottom:-39px;;right:-156px;width:238px;height:160px;background:url(../images/main/bg_right.png) no-repeat}
.quickMenu .list li{position:relative;margin:14px;min-width:475px;width:calc(33.3% - 28px);height:220px}
.quickMenu .list li .img{width:100%;height:100%}
.quickMenu .list li .txt{position:absolute;bottom:30px;left:40px;font-size:22px;color:#fff;font-weight:700}
.quickMenu .list li .title-area{padding-left:80px}
.quickMenu .list li .title-area .title{font-size:14px;font-weight:700;color:#222}
.quickMenu .list li .title-area .subtitle{margin:20px 0 15px;font-size:70px;color:#222;font-family: 'Nanum Brush Script', cursive;font-weight:400;line-height:64px}
.quickMenu .list li .title-area .subtitle strong{color:#1D9AD2;font-family: 'Nanum Brush Script', cursive;font-weight:400}
.quickMenu .list li .title-area .desc{font-size:16px;color:#777;letter-spacing:-1px}

.quickMenu .service{margin:20px 0 0;display:flex;width:100%;background:#FFFDFB}
.quickMenu .service ul{display:flex;flex-flow:row wrap;justify-content: center;width:100%;max-width:1480px;margin: 0 auto;padding:40px 0}
.quickMenu .service li{width:50%;padding:0 40px}
.quickMenu .btn{position:relative;display:flex;align-items: center;padding-left:110px;min-height:102px}
.quickMenu .btn .title{font-size:20px;font-weight:700;color:#222}
.quickMenu .btn .desc{margin:7px 0 0;font-size:14px;color:#777}
.quickMenu .btn .btn-more{position:absolute;bottom:10px;right:0;font-size:14px;line-height:24px;color:#222;font-weight: 500;}
.quickMenu .btn .btn-more::after{display:inline-block;margin-left:10px;vertical-align: middle;width:24px;height:24px;background:url(../images/main/btn-more.png) no-repeat; content:''}
.quickMenu .btn::before{position:absolute;top:50%;left:0;width:102px;height:102px;content:'';transform:translate(0,-50%)}
.quickMenu .btn-care::before{background:url(../images/main/ico-heart.png) no-repeat 0 0}
.quickMenu .btn-special::before{background:url(../images/main/ico-build.png) no-repeat 0 0}

.notice{position:absolute;top:0;left:50vw;width:50vw;padding:20px 60px;display:flex;justify-content: flex-start;align-items: center;z-index:5}
.notice .title{font-size:18px;font-weight:700;color:#222}
.notice .list{margin-left:20px;font-size:18px;font-weight:700;color:#222}
.notice .list a{display:inline-block;vertical-align: middle;max-width:544px;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;font-size:15px;color:#666;font-weight:400}
.notice .list a::before{display:inline-block;vertical-align: middle;font:inherit;content:'·';}
.notice .list .ico-new{display:inline-block;vertical-align: middle;width:36px;text-align:center;height:18px;line-height:18px;font-size:12px;font-family: 'Roboto', sans-serif;color:#fff;background:#FF9D0B;border-radius:9px;}
.notice .btn-area{position:absolute;top:50%;right:60px;transform:translate(0,-50%)}
.notice .btn-area .btn{display:block;width:20px;height:0;padding-top:20px;overflow:hidden}
.notice .btn-area .btn + .btn{margin:5px 0 0}
.notice .btn-area .btn.btn-prev{background:url(../images/main/btn-notice-prev.png) no-repeat center}
.notice .btn-area .btn.btn-next{background:url(../images/main/btn-notice-next.png) no-repeat center}

.gallery-wrapper{position:relative;width:50vw;background:#1D9AD2;padding:90px 0; }
.gallery{position:relative;margin:0 auto;width:450px;height:320px}
.gallery .swiper-button-next2,
.gallery .swiper-button-prev2 {position:absolute;top:50%;text-align:center;line-height:0;width:34px;height:34px;transform:translate(0,-50%);border-radius: 50%;z-index:1;text-indent:-999px;overflow:hidden}
.gallery .swiper-button-prev2{left:-46px;background: url(../images/main/btn-gallery-prev.png) no-repeat center;}
.gallery .swiper-button-next2{right:-46px;background: url(../images/main/btn-gallery-next.png) no-repeat center;}

.gallery .swiper-slide-active .visual-con {display:none}
.gallery  .visual-con{position:relative}
.gallery  .visual-con .txt{position:absolute;bottom:26px;left:39px;font-size:22px;font-weight:700;color:#fff; }

.gallery  .text-con{position:absolute;top:0;left:0;text-align:left;color:#fff;z-index:1;padding: 0 20px}
.gallery  .text-con .subtitle{text-align:left;color:#fff}
.gallery  .text-con .title{margin:18px 0 13px;text-align:left;color:#fff;font-size:70px;font-family: 'Nanum Brush Script', cursive;font-weight:400;line-height:64px;letter-spacing: -1px; }
.gallery  .text-con .desc{text-align:left;color:#fff;font-size:16px;line-height:22px;letter-spacing:-1px;color:rgba(255,255,255,.8)}
.gallery  .text-con .btn-area{margin:27px 0 0;text-align:left;color:#fff}
.gallery  .text-con .btn-area .btn-more{font-size:14px;font-weight:500;text-align:left;color:#fff}
.gallery  .text-con .btn-area .btn-more::after{position:relative;top:-2px;margin-left:10px;display:inline-block;vertical-align:middle;width:10px;height:10px;background:url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4.44446' y='3.05176e-05' width='1.11111' height='10' fill='white'/%3E%3Crect y='5.55557' width='1.11111' height='10' transform='rotate(-90 0 5.55557)' fill='white'/%3E%3C/svg%3E%0A") no-repeat 0 0;content:''}

@media screen and (max-width:1080px){

.main-visual .swiper-button-next,
.main-visual .swiper-button-prev {width:50px;height:50px}
.main-visual .swiper-button-prev{left:16px;background:rgba(255,255,255,.2) url(../images/main/btn-visual-prev-m.png) no-repeat center/18px;}
.main-visual .swiper-button-next{right:16px;background:rgba(255,255,255,.2) url(../images/main/btn-visual-next-m.png) no-repeat center/18px;}

.controlBox{top:40px;left:20px;transform:none}
.swiper-pagination{display:block;position:absolute;bottom:27px !important;}
.controlBox .swiper-pagination{display:none}
.controlBox .text-box .subtitle{font-size:17px;}
.controlBox .text-box .title{margin:15px 0 0;font-size:50px;}
.controlBox .text-box .desc{display:none}

.swiper-pagination-bullet{margin:0 3px;width:6px;height:6px;border-radius:3px}
.swiper-pagination-bullet-active{width:14px;height:6px;}

.quickMenu{padding:30px 16px}

.quickMenu .list{padding:0;width:100%;}
/*.quickMenu .list::before,
.quickMenu .list::after{position:absolute;content:''}*/
.quickMenu .list::before{top:135px;left:-32px;width:122px;height:96px;background:url(../images/main/bg_left.png) no-repeat 0 0/contain}
.quickMenu .list::after{bottom:-66px;;right:-38px;width:118px;height:70px;background:url(../images/main/bg_right.png) no-repeat 0 0/contain}
.quickMenu .list li{position:relative;margin:5px 0;min-width:0;width:100%;min-height:0;height:auto;}
.quickMenu .list li .img{width:100%;height:0;padding-top:46.34%}
.quickMenu .list li .txt{position:absolute;bottom:8px;left:15px;font-size:16px}
.quickMenu .list li .title-area{padding-left:0;padding:0 16px 21px}
.quickMenu .list li .title-area .title{font-size:13px}
.quickMenu .list li .title-area .subtitle{margin:10px 0;font-size:55px;line-height:48px}
.quickMenu .list li .title-area .desc{font-size:12px}

.quickMenu .service{margin:70px 0 0;display:flex;width:100%;background:transparent}
.quickMenu .service ul{padding:0}
.quickMenu .service li{width:calc(50% - 4px);padding:0;background:#FFFDFB}
.quickMenu .service li + li{margin-left:8px}
.quickMenu .btn{position:relative;display:flex;flex-flow:row wrap;align-items: center;justify-content: center;padding:20px 0;height:100%;min-height:0;text-align:center}
.quickMenu .btn .title{display:inline-flex;width:100%;align-items:center;justify-content: center;line-height:1.4em;height:2.8em;font-size:16px;font-weight:700;color:#222;text-align:center;vertical-align: middle;}
.quickMenu .btn .desc{display:none}
.quickMenu .btn .btn-more{position:static;font-size:12px;line-height:14px;}
.quickMenu .btn .btn-more::after{margin-left:4px;width:14px;height:14px;background:url(../images/main/btn-more.png) no-repeat 0 0/contain; content:''}
.quickMenu .btn::before{position:static;top:0;left:0;width:100%;height:82px;content:'';transform:translate(0,0)}
.quickMenu .btn-care::before{background:url(../images/main/ico-heart-m.png) no-repeat center 0/82px}
.quickMenu .btn-special::before{background:url(../images/main/ico-build-m.png) no-repeat center 0 /82px}

.notice{position:static;top:0;left:0;width:100%;margin:0;padding:0 16px;height:60px}
.notice .title{width:85px;font-size:16px}
.notice .list{margin-left:0;width:calc(100% - 65px);font-size:18px;font-weight:700;color:#222}
.notice .list a{display:inline-block;max-width:calc(100% - 46px);vertical-align: middle;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;font-size:12px;color:#666;font-weight:400}
.notice .btn-area{display:none}

.gallery-wrapper{position:relative;width:100%;padding:0;background:transparent }
.gallery-wrapper::before{position:absolute;left:0;top:0;bottom:60px;width:100%;background:#1D9AD2;content:'';z-index:0}

.gallery{position:relative;margin:0 auto;padding:270px 32px 0;width:100%;height:auto;}
.gallery .swiper-button-next2,
.gallery .swiper-button-prev2 {width:28px;height:28px;margin-top:135px}
.gallery .swiper-button-prev2{left:16px;background: url(../images/main/btn-gallery-prev-m.png) no-repeat center/contain;}
.gallery .swiper-button-next2{right:16px;background: url(../images/main/btn-gallery-next-m.png) no-repeat center/contain;}

.gallery .swiper-slide-active .visual-con {display:none}
.gallery  .visual-con{position:relative}
.gallery  .visual-con img{width:100%}
.gallery  .visual-con .txt{bottom:20px;left:20px;font-size:16px; }
.gallery .swiper-slide-active .visual-con {display:inherit}
.gallery  .text-con{top:20px;left:32px;padding: 0}
.gallery  .text-con .title{margin:20px 0 10px;font-size:70px;line-height:55px;word-break: keep-all;}
.gallery  .text-con .desc{font-size:12px;line-height:16px;}
.gallery  .text-con .btn-area{margin:13px 0 0}
.gallery  .text-con .btn-area .btn-more{font-size:12px;font-weight:500;text-align:left;color:#fff}
.gallery  .text-con .btn-area .btn-more::after{position:relative;top:-2px;margin-left:2px;width:8px;height:8px;background:url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4.44446' y='3.05176e-05' width='1.11111' height='10' fill='white'/%3E%3Crect y='5.55557' width='1.11111' height='10' transform='rotate(-90 0 5.55557)' fill='white'/%3E%3C/svg%3E%0A") no-repeat 0 0/contain}
}
@media screen and (max-width:364px){
	.quickMenu .list li .title-area .subtitle{font-size:48px}
	.notice .title{font-size:13px}
	.notice .list a{font-size:12px}
	.gallery .text-con{width:100%}
	.gallery .text-con .title{font-size:60px}
}