@charset "UTF-8";
@import url(default.css);
@import url(jquery-ui.min.css);
@import url(all.min.css);
@import url(slick.css);
@import url(slick-theme.css);

/*font*/
@font-face {src : url("../fonts/SCDream1.otf");font-family: "SCDream1"}
@font-face {src : url("../fonts/SCDream2.otf");font-family: "SCDream2"}
@font-face {src : url("../fonts/SCDream3.otf");font-family: "SCDream3"}
@font-face {src : url("../fonts/SCDream4.otf");font-family: "SCDream4"}
@font-face {src : url("../fonts/SCDream5.otf");font-family: "SCDream5"}
@font-face {src : url("../fonts/SCDream6.otf");font-family: "SCDream6"}
@font-face {src : url("../fonts/SCDream7.otf");font-family: "SCDream7"}
@font-face {src : url("../fonts/SCDream8.otf");font-family: "SCDream8"}
@font-face {src : url("../fonts/SCDream9.otf");font-family: "SCDream9"}
@font-face {src : url("../fonts/GmarketSansBold.otf");font-family: "GmarketSansBold"}
@font-face {src : url("../fonts/GmarketSansLight.otf");font-family: "GmarketSansLight"}
@font-face {src : url("../fonts/GmarketSansMedium.otf");font-family: "GmarketSansMedium"}
@font-face {src : url("../fonts/Cafe24Shiningstar.ttf");font-family: "Cafe24Shiningstar"}

/*layout*/
.no-scroll{overflow: hidden;}
.mb,.mbib,.mbib-s{display: none !important;}
.pc{display: block !important;}
.pcib,.pcib-s{display: inline-block !important;}
html, body{width: 100%; font-family: 'Noto Sans KR', sans-serif;overflow-y: auto;}
.wrap{width: 100%;height: 100%;background: #fff;}
.inner{    position: relative;
  margin: auto;
  width: 100%;
  max-width: 1160px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;}
.gmt_b{font-family: 'GmarketSansBold', Sans-Serif !important; font-weight: initial;}
.gmt_m{font-family: 'GmarketSansMedium', Sans-Serif !important; font-weight: initial;}
.moIcon{display: none;}


/*layout*/
.header{padding: 0 80px;
  box-sizing: border-box;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: white;
  z-index: 99;}
.header .in{    width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  max-width: 1160px;
  margin: 0 auto;}
.header .in .logo{display: flex;
  align-items: center;
  min-width: 80px;
  position: relative;
  z-index: 1;}
.header .in .logo img{height: 46px;}
.header .menu_list_box{    width: 100%;
  display: flex;
  align-items: center;}
.header .menu_list_box .menu_list_in{    width: 100%;
  display: flex;
  align-items: center;}
.header .menu_list{display: flex;
  width: 100%;
  justify-content: space-between;
  padding: 0 6%;}
.header .menu_list .menu_con{}
.headerBox{height: 100%;
  margin: 0 auto;
  max-width: 1280px;
  width: 100%;}
.headerInner{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;}
.headerLogoBox{display: inline-block;
  width: 140px;}
.headerLogoBox img{width: 100%;}

.moIcon{display: none;}

.headerConBox{
  width: 100%;
  box-sizing: border-box;
  max-width: 640px;}
.headerConInner{display: flex;
  width: 100%;
  box-sizing: border-box;}
.headerUser{}
.headerMenuList{width: 100%;
  display: flex;
  align-items: center;}
.header .menu_list .menu_con .menu{
  text-align: center;
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  color: #1e1e1e;}









.mb-header,.mb-menu{display: none;}
.top-banner{position: fixed;top: 0;left: 0;width: 100%;height: 120px;background: #009be4;border: 1px solid transparent;text-align: center;z-index: 10;}
.top-banner a{width: 100%;height: 100%;overflow: hidden;}
.top-banner img{margin: auto;max-width:100%;max-height:100%;height: 100%;vertical-align: top;}
.headerWrap{position: fixed;top: 0px;left: 0;width: 100%;z-index: 10;}
.top-menu{width: 100%;height: 40px;line-height: 40px;background: #ececec;}
.link-member{float: right;}
.link-member a{float: left;margin-left: 35px;font-size: 12px;font-weight: 500;color: #505050;}
.link-sns{float: right;margin-left: 10px;}
.link-sns a{float: left;margin-left: 10px;}
.link-sns a img{margin-top: -4.5px;vertical-align: middle;}
.header{height: 70px;background: #fff;border-bottom: 1px solid #dcdcdc;}
.header .logo img{}
.header .logo a{display: flex; align-items: center;}

.gnb{width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;}
.gnb .gnb_in{display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  padding: 0 5%;}
.gnb li{}
.gnb li:first-child{margin-left: 0;}
.gnb li > a{font-size: 16px;font-weight: 500;color: #505050;transition: all 0.2s}
/*.gnb > li > a:active,.gnb > li > a:hover,.gnb > li > a:focus{color: #009be4;}*/
.login_stat{    min-width: 140px;
  display: flex;
  align-items: center;}
.login_stat .login_href{    display: flex;
  align-items: center;}
.login_stat .login_href.out{position: relative;}
.login_stat .login_icon{    width: 38px;
  height: 38px;
  margin-right: 10px;
  min-width: 38px;}
.login_stat .login_copy{font-size: 16px;
  font-weight: 400;
  color: #505050;}
a:focus{outline-color: #0096df;}
.review .list .unit{outline-color: #0096df;}
.gnb li > a:hover{color: #009be4;}
.dep2{display: none;padding: 1px 10px 10px;min-width: 130px;position: relative;left: 0;top: -1px;background: #fff;border-radius: 0 0 12px 12px;z-index: 11;}
.dep2 a{font-size: 15px;font-weight: 300;line-height: 40px;color: #505050;}
.dep2 a:active,.dep2 a:hover,.dep2 a:focus{font-weight: 500;transition: all 0.2s}
#content{padding-top: 70px;height: 100%;}
.footer{padding: 50px 5% 5%;
  background: #42484c;
  box-sizing: border-box;}
.ft-logo{float: left;}
.footer .line01 > div{margin-left: 60px;float: left;text-align: left;}
.footer .line01 > div > p{font-size: 14px;font-weight: 400;line-height: 24px;color: #fff;}
.footer .line01 > div > p > a{margin-top: 10px;padding: 0 5px;display: inline-block;border: 1px solid #606d77;font-size: 14px;font-weight: 400;line-height: 24px;color: #fff;}
.footer .line02{margin-top: 20px;padding-top: 15px;border-top: 1px solid #334451;text-align: center;}
.footer .line02 .copy{font-size: 14px;font-weight: 400;line-height: 24px;color: #fff;}
.footer .inner{flex-wrap: wrap;}
.footer .footer_logo_con{    display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;}
.footer .footer_logo_con .sns_list{display: flex;
  width: 100%;
  max-width: 440px;
  justify-content: space-between;
  align-items: center;}
.footer .footer_logo_con .sns_list .foot_sns{color: white;
  font-size: 14px;
  font-weight: 700;}
.footer .foot_info{margin-top: 100px;}
.footer .foot_info p{font-size: 12px;
  color: #d9d9d9;
  font-weight: 400;}
.footer .foot_info p a{display: inline;}
.footer .foot_copyright{width: 100%;
  font-size: 12px;
  font-weight: 400;
  color: #d9d9d9;
  margin-top: 20px;}






/*main*/
.visual{position: relative; display:flex; width: 100%;height: 100%;overflow: hidden;}
.visual .visual_bk{position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5);}
.visual .visual_img{background-image: url(../images/n_main_banner_01.jpg);
  width: 100%;
  height: 600px;
  background-position: center;
  background-size: cover;}
.visual .vs-img{max-width: none;height: 100%;width: 100%;}
.visual .inner{    position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0 5%;
  box-sizing: border-box;
  width: 100%;}
.visual .vs-text{width: 100%;
  max-width: 1160px;
  margin: 0 auto;}
.visual .vs-text .main_copy{font-size: 48px;font-weight: 900;line-height: 1.4;color: #fff;}
.visual .vs-text p{margin-top: 30px;font-size: 24px;font-weight: 300;line-height: 1.4;color: #fff;word-break: keep-all;}
.visual .vs-text .main_btn{font-size: 20px;
  font-weight: 400;
  color: #a3a3a3;
  background-color: white;
  padding: 0 15px;
  text-align: left;
  border-radius: 10px;
  width: 100%;
  max-width: 320px;
  height: 72px;
  display: flex;
  align-items: center;
  margin-top: 80px;}
.main_sec{padding: 100px 5% 50px;
  text-align: center;
  box-sizing: border-box;
  width: 100%;}
.mx1160{max-width: 1160px; margin: 0 auto;}
section h3{margin-bottom: 30px;font-size: 34px;font-weight: 900;color: #333;}
section .blue{color: #009be4;}
section h3 + p{margin: auto;width: 580px;font-size: 18px;font-weight: 300;line-height: 30px;color: #646464;word-break: keep-all;}

.sec01 .bg-wrap{position: absolute;width: 100%;height: 385px;left: 0;bottom: 0;background-color: #f0f3f7;z-index: -1;}
.sec01-list{margin-top: 80px;display: inline-block;}
.sec01-list li{padding-top: 110px;margin: 0 15px;float: left;position: relative;width: 310px;height: 615px;background: #fff;}
.sec01-list li:before{position: absolute;top: 0;left: calc(50% - 0.5px);display: block;content: '';width: 1px;height: 110px;background: #b6b6b6;}
.sec01-list li strong{position: absolute;left: calc(50% - 22.5px);top: 0px;display: inline-block;width: 45px;height: 45px;border-radius: 50%;background: #333;color: #fff;font-size: 22px;font-weight: 900;line-height: 43px;}
.main .sec01-list .img{height: 208px;overflow: hidden;}
.main .sec01-list .img img{width: 100%;}
.main .sec01-list .text{margin-top: -1px;padding: 30px;height: 300px;text-align: left;}
.main .sec01-list .text h4{margin-bottom: 30px;font-size: 22px;font-weight: 900;color: #333;}
.main .sec01-list .text p{margin-top: 20px;font-size: 16px;font-weight: 300;line-height: 24px;color: #646464;word-break: keep-all;}
.main .sec02{position: relative;padding: 80px 0 100px;background: #f5f5f5;}
.main .sec02 h3{font-size: 60px;line-height: 60px;font-weight: 900;}
.main .sec02 h3 .small{font-weight: 400;font-size: 34px;}
.main .sec02-list{margin-top: 70px;display: inline-block;width: 100%;}
.main .sec02-list li{padding: 40px 50px;margin-left: 55px;float: left;width: 390px;height: 510px;text-align: center;background: #fff;word-break: keep-all;border-radius: 25px;}
.main .sec02-list li:first-child{margin-left: 0;}
.main .sec02-list h4{margin-top: 30px;font-size: 34px;font-weight: 700;line-height: 34px;color: #009be4;}
.main .sec02-list h4 + p{margin-top: 40px;font-size: 28px;font-weight: 300;line-height: 40px;color: #333;word-break: keep-all;text-align: center;font-family: "GmarketSansLight";}
.main .sec03{padding: 70px 0 90px;}
.main .sec03 h3{margin-bottom: 80px;font-size: 60px;line-height: 70px;color: #333;font-weight: 900;}
.main .sec03 h3 .small{font-weight: 300;}
.main .sec03-list{display: inline-block;width: 100%;}
.main .sec03-list li{margin-left: 40px;margin-top: 50px;float: left;width: 400px;height: 540px;background: #fff;box-shadow: 1px 1px 5px 2px rgb(0 0 0 / 10%);background: #fff;border-radius: 25px;overflow: hidden;}
.main .sec03-list li:first-child,.main .sec03-list li:nth-child(3n+1){margin-left: 0;}
.main .sec03-list li:nth-child(1),.main .sec03-list li:nth-child(2),.main .sec03-list li:nth-child(3){margin-top: 0;}
.main .sec03-list li .img{width: 100%;height: 260px;overflow: hidden;text-align: center;}
.main .sec03-list li .img img{width: 100%;height: 100%;}
.main .sec03-list li .text{position: relative;padding: 25px 20px;width: 100%;height: 280px;text-align: left;word-break: keep-all;}
.main .sec03-list li .text .tit{margin-bottom: 20px;font-weight: 500;font-size: 20px;color: #060200;word-break: keep-all;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; -moz-text-overflow:ellipsis;font-family: "GmarketSansMedium";}
.main .sec03-list li .text .tit + p{font-weight: 300;font-family: "GmarketSansLight";font-size: 20px;line-height: 35px;color: #060200;word-break: keep-all;overflow: hidden;-o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; -moz-text-overflow:ellipsis;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.main .sec03-list li .text .star{position: absolute;bottom: 25px;left: 25px;}
.main .sec03-list li .text .name{position: absolute;bottom: 25px;right: 25px;text-align: right;font-size: 16px;color: #060200;font-weight: 300;font-family: "GmarketSansLight";}
.main .partners{margin: 100px auto 70px;text-align: center;}
.main .partners .ptn-list{display: inline-block;}
.main .ptn-list li{float: left;margin: 0 5px;width: 240px;height: 80px;border-radius: 12px;border: 1px solid #dcdcdc;}
.main .ptn-list li a{padding: 10px;display: flex;justify-content: center;align-items: center}
.main .ptn-list li img{max-height: 100%;}
.main .main-slide{padding: 0;}
.main .main-slide .vs-slide img{width: 100%;}
.main-slide .slick-vertical .slick-slide{border: none;}
.main-slide .slick-dotted.slick-slider{margin-bottom: 0;}
.main-slide .slick-dots{width: 100%;height: 30px;top: calc(100% - 53%);left: calc(50% - 2.5%);bottom: inherit;transform: rotate(90deg);}
.main-slide .slick-dots li button:before{content: '';width: 16px;height: 16px;border-radius: 50%;background: #fff;opacity: 1;}
.main-slide .slick-dots .slick-active button:before{content: '';width: 16px;height: 16px;border-radius: 50%;background: transparent;border: 3px solid #fff;box-sizing: border-box;}
.vs-slide img{width: 100%;}
.main_go_list{display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;}
.main_go_list .unit{width: 32%;
  background-color: #f0f0f0;
  display: inline-block;
  padding: 30px;
  box-sizing: border-box;
  border-radius: 30px;}
.main_go_list .unit .text_con{}
.main_go_list .unit .text_con .title{color: #0092e5;
  font-size: 36px;
  font-weight: 900;
  display: flex;
  margin-bottom: 10px;}
.main_go_list .unit .text_con .copy{color: #42484c;
  font-size: 20px;
  text-align: left;
  word-break: keep-all;
  display: flex;
  max-width: 240px;}
.main_go_list .unit .img_con{display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 30px;}
.main_go_list .unit .img_con .go{width: 100px;
  height: 100px;
  background-color: #0092e5;
  color: white;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 36px;
  font-weight: 300;}
.main_go_list .unit .img_con .go_img{height: 138px;
  display: flex;}
.main_go_list .unit .img_con .go_img img{height: 100%;}
.n_title_con{text-align: left;}

/*sub-page*/
.sub .con{min-height:calc(100% - 252px);}
.pgTit{margin-top: 80px;font-size: 34px;font-weight: 700;line-height: 50px;color: #333;text-align: center;}
.sub .pgTit + p{font-size: 20px;font-weight: 400;line-height: 50px;color: #333;text-align: center;}
.sub .btn{display: inline-block;width: 200px;height: 60px;border-radius: 8px;font-size: 16px;font-weight: 700;color: #fff;background: #009be4;text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;}
.n_com_title{font-size: 40px;
  text-align: left;
  max-width: 1160px;
  font-weight: 600;
  margin: 0 auto;
  margin-top: 80px;}

.n_sub_sec_01{display: block;
  padding-bottom: 120px;
  margin-top: 40px;}
.apply_box{ width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: baseline;}
.apply_box .photo-list{width: 48%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;}
.apply_box .photo-list li{width: 30%;
  margin-bottom: 20px;}
.apply_box .photo-list li figure{width: 100%;}
.apply_box .photo-list li figure img{width: 100%;}
.apply_box .photo-list li figure figcaption{font-size: 16px;
  margin-top: 6px;
  font-weight: 400;}
.apply_box .apply_con{width: 48%;}
.apply_box .apply_con > .title{font-size: 24px;
  font-weight: 500;}
.apply_box .apply_con .sub_title{font-size: 20px;
  margin-top: 6px;
  font-weight: 400;
  color: #42484c;}
.apply_box .apply_con .form_con{    margin-top: 60px;}
.apply_box .apply_con .form_con .chk_list{display: flex;
  justify-content: space-between;
  align-items: center;}
.apply_box .apply_con .form_con .chk_list .chk_label{width: 50%;}
.chk_label{display: flex;
  align-items: center;}
.chk_label input{display: none;}
.chk_label .chk_unit{display: flex;
  align-items: center;}
.chk_label .chk_unit.reserv_chk_unit{justify-content: space-between;}
.chk_label .chk_icon{width: 24px;
  min-width: 24px;}
.chk_label .chk_unit .reserv_icon{width: 30px;
  min-width: 30px; margin-right: 6px;}
.chk_label .chk_unit .reserv_icon img{width: 100%;}
.chk_label .chk_unit .chk_icon img{display: flex}
.chk_label .chk_unit .chk_icon img.done{display: none}
.chk_label input:checked+.chk_unit .chk_icon img.none{display: none}
.chk_label input:checked+.chk_unit .chk_icon img.done{display:flex;}
.chk_label input:checked+.chk_unit .chk_copy{color: #0092e4;}
.chk_label input:checked+.chk_unit .sub_copy{color: #0092e4;}
.chk_label .chk_unit .chk_copy{font-size: 20px;
  font-weight: 500;
  margin-left: 10px;}
.resv_con .left .type_list .chk_label.act .reserv_chk_unit{border-color: #0092e4;}
.chk_label.act .chk_unit .chk_icon img.none{display: none;}
.chk_label.act .chk_unit .chk_icon img.done{display: flex;}
.chk_label.act .chk_unit .chk_copy{color: #0092e4;}
.chk_label.act .chk_unit .sub_copy{color: #0092e4;}
.bs_sec{margin: 120px 0;}
.notice_con{    display: flex;
  justify-content: space-between;}
.bs_tit{text-align: left;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.4;
  min-width: 240px;}
.notice_con .board_box{width: 100%;}
.notice_con .list{border-top: 1px solid #dcdcdc;}
.notice_con .list .unit{    border-bottom: 1px solid #dcdcdc;}
.notice_con .list .unit .tit_con{    display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0;}
.notice_con .list .unit .tit_con .copy_box{    text-align: left;}
.notice_con .list .unit .tit_con .copy_box .tit{    font-size: 16px;
  font-weight: 500;
  line-height: 1.4;}
.notice_con .list .unit .tit_con .copy_box .date{font-size: 14px;
  font-weight: 400;
  color: #9d9b9b;
  margin-top: 5px;}
.notice_con .list .unit .tit_con .arrow_btn{display: flex;
  width: 20px;}
.notice_con .list .unit .tit_con .arrow_btn img{transition: .2s all;}
.notice_con .list .unit .tit_con .arrow_btn img.hover{display: none;}
.notice_con .list .unit .tit_con:hover .arrow_btn img{display: none;}
.notice_con .list .unit .tit_con:hover .arrow_btn img.hover{display: block;}
.notice_con .list .unit .tit_con.act .arrow_btn img{transform: rotate(180deg);}
.notice_con .list .unit .text_con{display: none;}
.notice_con .list .unit .text_con .in{    padding-bottom: 30px;
  padding-top: 10px;
  text-align: left;}
.notice_con .list .unit .text_con .copy{}









.input_list .input_unit label .input_txt{font-size: 16px;
  font-weight: 400;
  margin-top: 5px;
  display: inline-block;}
.input_list .input_unit label input:checked+.chk_icon_02+.input_txt{color: #0092e4;}
.resv_con{display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;}
form{width: 100%;}
.resv_con .left{width: 48%;}
.resv_con .left .type_list{max-width: 440px;
  width: 100%;}
.resv_con .left .type_list .reserv_chk_unit{width: 100%;
  border: 1px solid #dcdcdc;
  height: 90px;
  padding: 20px;
  box-sizing: border-box;
  border-radius: 10px;}
.resv_con .left .type_list .reserv_chk_unit .text_con{width: 100%;}
.resv_con .left .type_list .chk_label input:checked+.reserv_chk_unit{border-color: #0092e4;}
.chk_label .chk_unit .sub_copy{color: #9d9b9b;
  font-size: 14px;
  margin-left: 10px;
  margin-top: 4px;}
.resv_con .type_list .chk_label{margin-bottom: 30px;}
.chk_label .reserv_chk_unit .reserv_icon_02{width: 30px;
  min-width: 30px;}
.chk_label .reserv_chk_unit .reserv_icon_02 img{width: 100%;}

.resv_con .right{width: 48%;}
.resv_con .right.ty_02{margin-top: 30px;}
.resv_con .right .reserv_con{display: none;}
.resv_con .right .reserv_con.reserv_show{display: block;}
.resv_con .right .reserv_con .tit_con{}
.resv_con .right .reserv_con .tit_con .tit{}
.resv_con .sub_tit{    font-size: 14px;
  font-weight: 400;
  color: #9d9b9b;
  line-height: 1.4;
  margin-top: 10px;}
.resv_con .sub_tit.ty_02{margin-bottom: 35px;}
.resv_con .right .reserv_con .tit_con .sub_tit em{color: #0092e4;}
.resv_con .right .reserv_con .input_box{margin-top: 40px;}
.resv_con .right .reserv_con .input_box.ty_02{margin-top: 0px;}
.resv_con .right .reserv_con .input_box .input_con{margin-bottom: 50px;}
.resv_con .right .reserv_con .input_box .input_con.ty_02{margin-bottom: 20px;}
.resv_con .right .reserv_con .input_box .input_con .con_tit{    font-size: 16px;
  font-weight: 400;
  margin-bottom: 10px;}
.resv_con .right .reserv_con .input_box .input_con  .input_list{}
.resv_con .right .reserv_con .input_box .input_con  .input_list .input_unit{display: flex;
  align-items: center;}
.resv_con .right .reserv_con .input_box .input_con  .input_list .input_unit label{}
.resv_con .right .reserv_con .input_box .input_con  .input_list .input_unit label .chk_icon_02{display: flex;
  width: 64px;}
.resv_con .right .reserv_con .input_box .input_con  .input_list .input_unit label input{    display: none;}
.input_list .input_unit label input + .chk_icon_02 .chk.done{display: none}
.input_list .input_unit label input:checked+.chk_icon_02 .chk.none{display: none;}
.input_list .input_unit label input:checked+.chk_icon_02 .chk.done{display: flex;}
.resv_con .right .reserv_con .input_box .input_con  .input_list .input_unit label input .chk_icon_02{}
.resv_con .right .reserv_con .input_box .input_con .input_list .input_unit label .chk_icon_02 .chk{width: 100%;}
.resv_con .right .reserv_con .input_box .input_con .input_list .memo_con{}
.resv_con .right .reserv_con .input_box .input_con .input_list .memo_con .txt_area{width: 100%;
  height: 120px;
  background-color: #f0f0f0;
  border: none;
  padding: 15px;
  box-sizing: border-box;
  resize: none;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 400;}
.input_items{margin-top: 20px;}
.input_items .item{    display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 20px;}
.input_items .item:last-child{margin-bottom: 0px;}
.resv_con .right .reserv_con .input_box .input_con .con_tit.ty_02{    min-width: 60px;}
.com_input.ty_02{max-width: 240px;}

.input_cnt_con{display: flex;
  align-items: center;}
.input_cnt_con label{}
.input_cnt_con label input{}
.input_cnt_con label .radio_tit{font-size: 20px;
  font-weight: 500;
  margin-left: 10px;}
.input_cnt_con label .radio_tit .ref{color: #9d9b9b;
  font-weight: 400;}
.input_cnt_con label input:checked+.radio_tit{}
.input_cnt_con .cnt_con{display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 30px;}
.input_cnt_con .cnt_con .cnt_icon{width: 24px;
  display: flex;
  cursor: pointer;}
.input_cnt_con .cnt_con .cnt_num{border: none;
  text-align: center;
  width: 60px;
  height: 40px;
  font-size: 20px;
  font-weight: 600;
  color: #0092e4;
  padding: 0px;}
.resv_cal_con.resv_con{justify-content: space-between;}
.resv_cal_con.resv_con.ty_02{justify-content: center;}
.chk_label .chk_icon .chk.done{display: none}
.chk_label input:checked+.chk_icon .chk.none{display: none}
.chk_label input:checked+.chk_icon .chk.done{display: flex;}
.icon_label{margin-right: 20px;
  text-align: center;}
.serv_txt_con{margin-bottom: 20px;}
.serv_txt_con .serv_tit{    font-size: 20px;
  font-weight: 600;
  color: #0092e4;
  margin-bottom: 10px;}
.serv_txt_con .serv_tit.ty_02{font-size: 18px;}
.serv_txt_con .serv_copy{font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  word-break: keep-all;}
.serv_txt_con .serv_txt_list{padding-inline-start: 1.5em;}
.serv_txt_con .serv_txt_list .serv_txt{list-style: disc;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;}
.ref_tit{    font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
  word-break: keep-all;
  line-height: 1.4;}
.ref_list{padding-inline-start: 1.5em;}
.ref_list .ref_copy{    list-style: disc;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;}
.btn-wrap.btn_type_01{align-items: center;
  justify-content: space-between;
  margin-top: 80px;
  display: none;}
.btn-wrap.btn_type_01.step_1_1{display: flex;}
.btn_type_01 .cost_total{font-size: 32px;
  font-weight: 600;
  color: #0092e4;}
.btn_type_01 .cost_total span{color: #0092e4;}
.btn-wrap .btn span{color: white;}
.btn-wrap.ty_02{padding: 0 30px; margin-bottom: 60px; justify-content: center;}
.btn-wrap.reseerv_btn_wrap .btn.n_reserv_btn.ty_02{width: fit-content;
  padding: 0 40px;
  font-size: 24px;}














input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.input_cases{display: none;}
.chk_items{flex-direction: column;
  align-items: flex-start;}
/*.chk_items .chk_label, .cnt_label{margin-bottom: 20px;}*/
.chk_items .chk_label:last-child{margin-bottom: 0px;}
.chk_label.serv_label .chk_unit .chk_copy{margin-left: 0px;}
.type_box{margin-top: 60px;}
.type_box .type_tit{font-size: 20px;
  font-weight: 600;
  color: #0092e5;
  margin-bottom: 10px;}
.resv_con .right .reserv_con_01_01{display: block;}
.tit_con .serv_tit{    font-size: 20px;
  font-weight: 600;
  color: #0092e5;
  margin-bottom: 30px;}
.essen_box{}
.essen_box .room_img{    display: flex;
  width: 100%;
  max-width: 220px;}
.essen_box .room_img img{width: 100%;}
.essen_list{margin-top: 40px;}

.radio_ref{display: block;
  margin-left: 10px;
  color: #9d9b9b;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  margin-top: 5px;}

.add_opt_list{margin-top: 60px;}
.add_opt_list .list_unit{margin-bottom: 60px;}
.add_opt_list .list_unit:last-child{margin-bottom: 0px;}
.opt_tit{font-size: 20px;
  font-weight: 600;
  color: #0092e5;
  margin-bottom: 10px;}





.apply_btn_con{display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 80px;}
.apply_btn_con .apply_tel{    font-size: 20px;
  font-weight: 500;
  color: #000000;}

.apply_con .input_list{margin-top: 40px;}
.apply_con .input_list .input_unit{    display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;}
.apply_con .input_list .input_unit:last-child{margin-bottom: 0px;}
.apply_con .input_list .input_unit .input_title{font-size: 18px;
  font-weight: 400;
  min-width: 110px;}
.com_input{border: none;
  background-color: #f0f0f0;
  width: 100%;
  height: 72px;
  border-radius: 10px;
  padding: 15px;
  box-sizing: border-box;}
.agree_con{margin-top: 40px;}
.agree_con .in{background-color: #f0f0f0;
  padding: 15px;
  border-radius: 10px;
  margin-bottom: 10px;}
.agree_con .in .agr_copy{font-size: 16px;
  font-weight: 400;
  line-height: 1.6;}
.agree_con .in .agr_copy .title{font-weight: 700;}
.sub .btn.n_com_btn{    height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;}
.sub .btn.apply_btn{margin: 0px;}
.reserv_back{    background-image: url(../images/reserve_back.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 600px;
  padding: 0 5%;
  box-sizing: border-box;}
.reserv_back.ty_02{background-image: url(../images/product_back.jpg);}
.reserv_back.ty_03{background-image: url(../images/brand_back.jpg);}
.reserv_back.ty_04{background-image: url(../images/story_back.jpg);}
.reserv_back .in{max-width: 1160px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0 auto;}
.reserv_back .copy_con{}
.reserv_back .copy_con .title{color: #42484c;
  font-size: 48px;
  font-weight: 900;
  line-height: 1.4;
  margin-bottom: 30px;}
.reserv_back.ty_02 .copy_con .title{color: white;}
.reserv_back .copy_con .copy{color: #42484c;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.6;}
.reserv_back .copy_con .copy.ty_02{    max-width: 680px;
  word-break: keep-all;}
.reserv_back.ty_02 .copy_con .copy{color: white;}
.resv_cal_con{display: flex;
  justify-content: flex-end;}
.resv_cal_con fieldset{width: 49%;}
.resv_cal_con .tit{font-size: 24px;
  font-weight: 400;}

.brand_con{}
.brand_con .brnad_unit{display: flex;
  justify-content: space-between;
  margin-bottom: 120px;}
.brand_con .brnad_unit:last-child{margin-bottom: 0px;}
.brnad_unit .con{}
.brnad_unit .logo_list{    display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 440px;
  margin-bottom: 40px;}
.brnad_unit .logo_list .unit{width: 33.33%;
  text-align: center;}
.brnad_unit .logo_list .unit img{width: 100px;
  margin-bottom: 5px;}
.brnad_unit .logo_list .unit .bs_copy{font-size: 16px;
  font-weight: 400;}
.br_copy{font-size: 24px;
  font-weight: 300;
  line-height: 1.6;
  word-break: keep-all;}
.bs_slo_con{display: flex;
  background-color: black;
  border-radius: 30px;
  margin-top: 40px;
  align-items: center;}
.bs_slo_con .slo_img{display: flex;}
.bs_slo_con .slo_img img{width: 260px;
  min-width: 260px;}
.bs_slo_con .slo_copy_con{width: 100%;
  padding: 0 40px;
  box-sizing: border-box;}
.bs_slo_con .slo_copy_con .slo_copy{color: white;
  font-size: 24px;
  word-break: keep-all;
  max-width: 440px;
  font-weight: 300;
  line-height: 1.6;
  margin-bottom: 20px;}
.bs_slo_con .slo_copy_con .slo_copy:last-child{margin-bottom: 0px;}
.coop_list{width: 100%;
  display: flex;
  flex-wrap: wrap;}
.coop_list .unit{display: flex;
  width: 25%;
  box-sizing: border-box;
  padding: 2%;}
.coop_list .unit img{width: 100%;}

.sto_list{    display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;}
.sto_list .unit{padding: 1%;
  box-sizing: border-box;
  width: 33.33%;
  margin-bottom: 5%;}
.sto_list .unit img{border-radius: 30px;
  width: 100%;}
.sto_list .unit .copy{padding: 0 5%;
  box-sizing: border-box;
  margin-top: 10px;
  font-size: 20px;
  font-weight: 400;
  word-break: keep-all;
  line-height: 1.4;}

.btn-wrap.reseerv_btn_wrap.sto_btn_wrap{justify-content: flex-start;
  margin-top: 0px;}
.btn-wrap.reseerv_btn_wrap .btn.sto_btn{display: flex;
  align-items: center;
  justify-content: center;}
.chk_unit_box{    margin-bottom: 20px;
  display: flex;
  align-items: center;}


















/*loading*/
.loading-box{margin: 0 !important;position: absolute;left: calc(50% - 300px);width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.loading-msg{text-align: center;}
.loading-msg p{z-index: 2;}
.wrap-loading{position: relative;width: 100%;height: 100%;background: rgba(0,0,0,0.3);z-index: 1;}
.loading {position: absolute;left: calc(50% - 25px);top: calc(50% - 25px);margin: auto;display: inline-block;width: 50px;height: 50px;border: 3px solid rgba(255,255,255,.3);border-radius: 50%;border-top-color: #fff;animation: spin 1s ease-in-out infinite;-webkit-animation: spin 1s ease-in-out infinite;}

@keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}

/*brand*/
.sub.brand01{text-align: center;}
.sub.brand01 section{margin-top: 90px;}
.sub.brand01 section > strong{margin: 40px auto 10px;display: block;font-size: 18px;font-weight: 700;line-height: 32px;color: #333;}
.sub.brand01 section > p{font-size: 25px;font-weight: 300;line-height: 40px;color: #333;word-break: keep-all;font-family: "GmarketSansLight";word-break: keep-all;}
.sub.brand01 section h4{margin: 100px auto 50px;font-family: "GmarketSansBold";font-size: 44px;line-height: 64px;font-weight: 700;color: #333;word-break: keep-all;}
.sub.brand01 .sec01{margin-top: 80px;padding-bottom: 80px;}
.sub.brand01 .sec01 .img{margin-bottom: 50px;}
.sub.brand01 .sec01 p{margin-bottom: 150px;}
.sub.brand01 .img-text{margin: auto;width: 1280px;}
.sub.brand01 .img-text > div{width: 50%;}
.sub.brand01 .img-text .fRight{overflow: hidden;}
.sub.brand01 .img-text .fRight.img{text-align: right;}
.sub.brand01 .img-text .fLeft.img{text-align: left;}
.sub.brand01 .img-text .fRight img{width: 601px;overflow: hidden;}
.sub.brand01 .img-text .fLeft{text-align: left;}
.sub.brand01 .img-text > div > strong{text-align: left;margin-bottom: 30px;display: block;font-size: 44px;font-weight: 700;line-height: 64px;color: #333;font-family: "GmarketSansBold";word-break: keep-all;}
.sub.brand01 .img-text > div > p{text-align: left;padding-right: 40px;font-size: 25px;font-weight: 300;line-height: 40px;color: #333;word-break: keep-all;font-family: "GmarketSansLight";word-break: keep-all;}
.sub.brand01 .img-text > div > p .light{font-size: 22px;color: #808080;}
.sub.brand01 .img-text > div.fRight > p{padding-right: 0;padding-left: 40px;}
.sub.brand01 .sec01 .img-text > div.fRight > p{margin-top: 140px;}
.sub.brand01 .sec02{margin-bottom: 145px;width: 100%;}
.sub.brand01 .sec02 .img{margin-top: 50px;width: 100%;}
.sub.brand01 .sec02 .img img{width: 100%;}
.sub.brand01 .sec03 .img-text > div.fLeft > strong{margin: 80px 0 30px;}
.sub.brand01 .sec03 .img-text > div.fRight > strong{margin-top: 250px;padding-left: 40px;}
.sub.brand01 .sec03 .img-text:last-of-type{margin-top: 0;}
.sub.brand01 .sec03{margin: 145px auto 0;}
.sub.brand01 .sec04 .img{width: 100%;}
.sub.brand01 .sec04 .img img{width: 100%;}
.sub.brand01 .sec04 .midium{margin: 60px 0 20px;display: block;font-size: 25px;line-height: 40px;font-weight: 500;color: #333;font-family: "GmarketSansMedium";word-break: keep-all;}
.sub.brand01 .sec04 .shining{margin-bottom: 70px;display: block;font-size: 45px;line-height: 60px;color: #333;font-family: "Cafe24Shiningstar";word-break: keep-all;}
.sub.brand01 .sec04 strong{margin-bottom: 20px;display: block;font-size: 35px;line-height: 40px;font-weight: 700;color: #333;font-family: "GmarketSansBold";word-break: keep-all;}
.sub.brand01 .sec04 p{margin-bottom: 70px;}
.sub.brand01 .sec04 .last-img{margin-bottom: 0;text-align: center;}
.sub.brand02 .sec01{margin-top: 110px;text-align: center;}
.sub.brand02 .sec01 h4{margin-bottom: 30px;font-size: 24px;font-weight: 700;line-height: 50px;color: #333;}
.sub.brand02 .sec01 .photo-list{display: inline-block;width: 1000px;}
.sub.brand02 .sec01 .photo-list li{float: left;margin-left: 35px;margin-top: 40px;}
.sub.brand02 .sec01 .photo-list li:first-child,.sub.brand02 .sec01 .photo-list li:nth-child(3n+1){margin-left: 0;}
.sub.brand02 .sec01 .photo-list li:nth-child(1),.sub.brand02 .sec01 .photo-list li:nth-child(2),.sub.brand02 .sec01 .photo-list li:nth-child(3){margin-top: 0;}
.sub.brand02 .sec01 .photo-list li img{margin-bottom: 10px;}
.sub.brand02 .sec01 .photo-list li figcaption{font-size: 15px;font-weight: 700;line-height: 50px;color: #333;}
.sub.brand02 .sec01 .estimate{margin: 130px auto 160px;text-align: center;}
.sub.brand03 .sec01{margin-top: 90px;text-align: center;}
.sub.brand03 .sec01 .photo-list{display: inline-block;}
.sub.brand03 .sec01 .photo-list li{float: left;margin-left: 15px;margin-top: 40px;}
.sub.brand03 .sec01 .photo-list li:first-child,.sub.brand03 .sec01 .photo-list li:nth-child(4n+1){margin-left: 0;}
.sub.brand03 .sec01 .photo-list li:nth-child(1),.sub.brand03 .sec01 .photo-list li:nth-child(2),.sub.brand03 .sec01 .photo-list li:nth-child(3),.sub.brand03 .sec01 .photo-list li:nth-child(4){margin-top: 0;}
.sub.brand03 .sec01 .photo-list li img{margin-bottom: 10px;}
.sub.brand03 .sec01 .photo-list li figcaption{font-size: 16px;font-weight: 400;line-height: 50px;color: #333;}
.sub.brand03 .sec01 .apply{margin: 100px auto 130px;text-align: center;}
.sub.brand04 .sec01{margin-top: 110px;margin-bottom: 200px;text-align: center;}

/*board*/
.paging{text-align:center;margin:20px 0;
  display: flex;
  justify-content: center;}
.pgingIn{display:inline-flex;
  align-items: center;}
.paging p, .paging ol li{width: 35px;height: 35px;line-height: 35px;font-size:16px;color: #808080;float:left;cursor:pointer;text-align: center;}
.paging p{width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 5px;
  border: 1px solid #dcdcdc;
  border-radius: 50px;
  box-sizing: border-box;}
.paging p img{    height: 12px;
  display: flex;
  width: auto;}
.paging ol{margin: 0 20px;}
.paging ol li.on{color:#0092e4;}
.board .search-box{margin: auto;display: inline-block;text-align: center;}
.board .search-box select{margin-right: 10px;padding: 5px 20px 5px 10px;display: inline-block;width: 120px;height: 30px;border: 1px solid #d9d9d9;background: #fff url(../images/select.png) right 5px center no-repeat;font-size: 14px;font-weight: 500;line-height: 18px;color: #333;text-align: left;}
.board .search-box select + label input[type=text]{margin-right: 10px;padding: 5px 6px;width: 260px;height: 30px;border: 1px solid #d9d9d9;font-size: 14px;font-weight: 400;line-height: 20px;color: #333;}
.board .search-box .search{display: inline-block;width: 60px;height: 30px;font-size: 14px;font-weight: 400;line-height: 30px;color: #fff;background: #333;vertical-align: middle;}
.sub.board .sec01{margin: 100px auto 130px;text-align: center;}
.sub.board .board-gall{display: inline-block;}
.sub.board .board-gall li{float: left;margin-left: 25px;margin-bottom: 35px;width: 300px;height: 200px;border: 1px solid #d9d9d9;}
.sub.board .board-gall li:first-child,.sub.board .board-gall li:nth-child(4n+1){margin-left: 0;}
.sub.board .board-gall li:nth-child(1),.sub.board .board-gall li:nth-child(2),.sub.board .board-gall li:nth-child(3),.sub.board .board-gall li:nth-child(4){margin-top: 0;}
.sub.board .board-gall figure{text-align: center;}
.sub.board .board-gall figure > img{display: inline-block;margin: auto;max-width: 300px;max-height: 120px;height: 120px;}
.sub.board .board-gall figcaption{padding: 10px;width: 100%;height: 80px;text-align: left;}
.sub.board .board-gall figcaption strong{display: block;width: 100%;font-size: 12px;font-weight: 400;line-height: 24px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sub.board .board-gall figcaption span{display: block;width: 100%;font-size: 12px;font-weight: 400;line-height: 20px;color: #afafaf;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sub.board .board-list{margin-bottom: 60px;display: inline-block;width: 1000px;border-left: 1px solid #e3e3e3;border-right: 1px solid #e3e3e3;}
.sub.board .board-list > li > ul{border-bottom: 1px solid #e3e3e3;}
.sub.board .board-list > li > ul:hover{background: #f5f5f5;}
.sub.board .board-list > li > ul.head{background: #f7f7f7;border-top: 1px solid #e3e3e3;}
.sub.board .board-list > li > ul > li{padding: 10px 5px;float: left;text-align: center;font-size: 13px;font-weight: 300;line-height: 20px;color: #505050;}
.sub.board .board-list > li > ul > li span{margin-right: 5px;}
.sub.board .board-list > li > ul > li:nth-child(1){width: 10%;}
.sub.board .board-list > li > ul > li:nth-child(2){width: 70%;text-align: left;}
.sub.board .board-list > li > ul > li:nth-child(3){width: 10%;}
.sub.board .board-list > li > ul > li:nth-child(4){width: 10%;}
.sub.board .board-list > li > ul.head > li{text-align: center;font-size: 12px;font-weight: 400;line-height: 20px;color: #505050;}
.sub.board .board-list > li > ul.head > li:nth-child(2){text-align: left;}
.sub.board .board-list > li > ul > li a{display: inline-block;font-size: 13px;font-weight: 300;line-height: 20px;color: #505050;}
.sub.board .board-list > li > ul > li:nth-child(2) a{font-weight: 500;}
.sub.board .board-list.qna{}
.sub.board .board-list.qna > li > ul{cursor: pointer;background: #f7f7f7;}
.sub.board .board-list.qna > li > ul > li{padding: 20px 5px;}
.sub.board .board-list.qna > li > ul > li:nth-child(2){font-weight: 500;}
.sub.board .board-list.qna .answer{padding: 20px 10px 20px 10%;width: 100%;border-bottom: 1px solid #e3e3e3;font-size: 13px;font-weight: 500;line-height: 20px;color: #505050;text-align: left;}

.sub.board .event-list{margin-bottom: 60px;display: inline-block;width: 1026px;}
.sub.board .event-list li{margin-top: 25px;width: 100%;height: 380px;box-shadow: 1px 1px 5px 2px rgb(0 0 0 / 10%);background: #fff;}
.sub.board .event-list li:after{display:block;content:"";clear:both;}
.sub.board .event-list li:first-child{margin-top: 0;}
.sub.board .event-list .img{float: left;width: 49%;height: 380px;overflow: hidden;text-align: center;display: flex;align-items: center;justify-content: center;}
.sub.board .event-list .img img{width: 100%;height: 100%;}
.sub.board .event-list .text{padding: 120px 40px 0px 40px;float: left;width: 51%;text-align: left;}
.sub.board .event-list .text .date{font-size: 16px;font-weight: 400;line-height: 24px;color: #afafaf;}
.sub.board .event-list .text .tit{margin: 10px 0 50px;display: block;font-size: 24px;font-weight: 700;line-height: 24px;color: #333;}
.sub.board .event-list .text .info{font-size: 16px;font-weight: 400;line-height: 24px;color: #333;}

.sub.board .board-in{margin: auto;width: 800px;}
.sub.board .board-in .top legend{position:absolute;margin:0 auto;width:auto;top:0;z-index:99999999;height:0;overflow:hidden;text-align:center;}
.sub.board .board-in .top{padding-bottom: 10px;text-align: left;border-bottom: 1px solid #333;}
.sub.board .board-in .top .tit{margin-bottom: 10px;font-size: 24px;font-weight: 700;line-height: 24px;color: #333;}
.sub.board .board-in .top .info .writer-date{float: left;font-size: 16px;font-weight: 400;line-height: 24px;color: #333333;}
.sub.board .board-in .top .info .event-date{float: right;font-size: 16px;font-weight: 400;line-height: 24px;color: #333333;}
.sub.board .board-in .text legend{position:absolute;margin:0 auto;width:auto;top:0;z-index:99999999;height:0;overflow:hidden;text-align:center;}
.sub.board .board-in .text{min-height: 400px;padding: 30px 0 50px;border-bottom: 1px solid #dcdcdc;text-align: left;word-break: keep-all;font-size: 16px;font-weight: 400;line-height: 30px;color: #505050;}
.sub.board .board-in .btn-list{margin-top: 25px;text-align: right;}
.sub.board .board-in .btn-list .btn{width: 150px;height: 40px;border-radius: 8px;background: #efefef;text-align: center;font-size: 16px;font-weight: 500;color: #333;line-height: 38px;}

/*forms*/
.form section{margin: 100px auto;width: 600px;}

/*문의하기*/
.form01 .point.info{display: block;text-align: right;color: #646464;font-size: 14px;line-height: 50px;font-weight: 400;}
.form01 .point.info .red{color: #e30000;font-weight: 700;}
.form01 label{display: block;margin-bottom: 7px;}
.form01 label span{display: inline-block;width: 125px;font-weight: 700;font-size: 16px;line-height: 50px;color: #333;}
.form01 label span .red{color: #e30000;}
.form01 label select, .form01 label input{width: calc(100% - 130px);border: 1px solid #d9d9d9;border-radius: 8px;}
.form01 label select{padding: 5px 40px 5px 10px;font-size: 16px;font-weight: 400;line-height: 35px;color: #333;background: #fff url(../images/select.png) right 15px center no-repeat;}
.form01 label input{padding: 5px 10px;width: calc(100% - 130px);border: 1px solid #d9d9d9;border-radius: 8px;font-size: 16px;font-weight: 400;line-height: 35px;color: #333;}
.form01 label input + p{padding-left: 125px;font-size: 14px;font-weight: 400;color: #acacac;}
.form01 label input.pyung{width: calc(100% - 160px);}
.form01 label span.pyung{display: inline-block;width: 25px;text-align: right;font-size: 16px;font-weight: 400;color: #363636;}
.form01 .term{margin-top: 15px;padding: 10px 15px;border: 1px solid #d9d9d9;border-radius: 8px;}
.form01 .term strong{font-size: 14px;font-weight: 700;color: #333;line-height: 32px;}
.form01 .term p{font-size: 14px;color: #333;font-weight: 300;line-height: 24px;}
.form01 .term input.round[type='checkbox']{margin-right: 5px;position: relative;padding: 0;border-radius: 50%;width: 17px !important;height: 17px;border: 1px solid #d9d9d9;appearance:none;-webkit-appearance: none;}
.form01 .term input.round[type='checkbox']:checked:before{position: absolute;left: 15%;top: 15%;display: block;content: '';width: 70%;height: 70%;border-radius: 50%;background: #5799e0;}
.form01 .term label{font-size: 14px;font-weight: 300;line-height: 24px;color: #333;}
.form01 .text{margin: 15px auto 55px;font-size: 14px;line-height: 24px;font-weight: 300;color: #333;word-break: keep-all;}
.form01 .text b{font-weight: 700;}
.form01 .submit{text-align: center;}

/*product*/
.product section{margin-bottom: 200px;}
.product .pd-list{margin: 60px auto 0;}
.product .pd-list li{margin-top: 90px;margin-right: 5%;float: left;width: 30%;}
.product .pd-list li:nth-child(3n+3){margin-right: 0;}
.product .pd-list li:nth-child(1),.product .pd-list li:nth-child(2),.product .pd-list li:nth-child(3){margin-top: 0;}
.product .pd-list li img{max-width: 100%;}
.product .pd-list figcaption{margin-top: 15px;text-align: left;}
.product .pd-list .name{margin-bottom: 5px;display: block;font-size: 16px;font-weight: 700;line-height: 24px;color: #333;}
.product .pd-list .cost{display: block;font-size: 16px;font-weight: 300;line-height: 24px;color: #333;}


/*member*/
.member{background: #f2f2f2;}
.member section{margin: 0 auto 80px;width: 600px;}
.member-tit{position: relative;margin: 80px auto 40px;width: 600px;height: 40px;font-size: 24px;line-height: 40px;font-weight: 700;color: #333;text-align: center;}
.member-tit .btn-back{position: absolute;left: 0;top: 0;font-size: 16px;font-weight: 500;line-height: 40px;color: #929292;}
.member-tit .btn-back img{margin-right: 10px;margin-top: -3px;vertical-align: middle;}
.member .member-box{margin: auto;padding: 30px;width: 600px;border-radius: 25px;box-shadow: 1px 1px 5px 2px rgb(0 0 0 / 10%);background: #fff;}
.member .box-tit{margin-bottom: 5px;font-size: 16px;font-weight: 700;color: #333;text-align: left;}
.member .member-box label{font-size: 0;color: transparent;}
.member .member-box input{margin-top: 30px;padding-left: 0;width: 100%;height: 50px;border: none;border-bottom: 1px solid #dcdcdc;}
.member .member-box .term{margin-top: 30px;}
.member .member-box .term label{display: block;font-size: 16px;font-weight: 400;line-height: 30px;color: #adadad;}
.member .member-box .term label input[type='checkbox']{margin-top: 0;margin-right: 10px;border: 1px solid #dcdcdc;appearance: checkbox;-webkit-appearance: checkbox;width: 15px !important;height: 15px;}
.member .member-box .term label a{display: inline;font-size: 16px;font-weight: 400;line-height: 30px;color: #505050;}
.member .member-box .submit .btn{margin: 40px auto 10px;width: 100%;border-radius: 0;}
.member.login input{margin-top: 10px;padding: 0 10px;width: 100%;height: 40px;border: 1px solid #d9d9d9;}
.member.login .member-box .submit .btn{margin: 10px auto;}
.member.login .other-link{margin-bottom: 50px;}
.member.login .other-link a{font-size: 15px;font-weight: 400;color: #787878;}
.member.login .sns-way{margin-bottom: 20px;}
.member.login .sns-way .box-tit{margin-bottom: 15px;}
.member.login .sns-way button{margin-top: 10px;width: 100%;height: 45px;background: #fff;border: 1px solid #d9d9d9;text-align: center;font-size: 16px;font-weight: 700;color: #333;}
.member.login .sns-way button img{margin-right: 5px;}
.member.login .guest{padding-top: 20px;border-top: 1px solid #d9d9d9;}
.member.login .guest .box-tit{text-align: center;}
.member .member-box.mt30{margin-top: 30px;}

/*guest*/
.member.guest{background: #fff;}
.member.guest section{margin-bottom: 140px;}
.member.guest .member-box{padding: 0;margin: auto;width: 400px;border-radius: 0;box-shadow: none;}
.member.guest input{margin-top: 15px;border-radius: 0;}
.member.guest .member-box .submit .btn{margin-top: 15px;}
.member.guest .member-box label{margin-top: 0;}
.mypage03.guest .btn-wrap{padding: 40px 0 70px;}
.mypage03.guest .btn{width: 120px;height: 40;border-radius: 8px;background: #009be4;text-align: center;font-size: 16px;font-weight: 500;color: #fff;line-height: 38px;}
.member.guest .complete-box{margin: 0 auto 50px;width: 400px;border-bottom: 1px solid #d9d9d9;}
.member.guest .complete-box > strong{display: block;font-size: 20px;font-weight: 700;line-height: 30px;color: #333;}
.member.guest .complete-box > p{font-size: 16px;font-weight: 400;line-height: 30px;color: #333;}
.member.guest .quest-tit{margin-bottom: 15px;font-size: 16px;font-weight: 700;line-height: 30px;color: #333;}
.mypage.guest .reserv-list{margin-top: 100px;}


/*mypage*/
.mypage section{margin: 0 auto 80px;width: 600px;}
.mypage .tab-menu{margin: 80px auto 75px;width: 600px;}
.mypage .tab-menu li{float: left;width: 33.333%;height: 50px;border: 1px solid #dcdcdc;background: #fff;}
.mypage .tab-menu li a{font-size: 16px;font-weight: 700;line-height: 48px;color: #333;text-align: center;}
.mypage .tab-menu li.on{background: #f0f0f0;}
.mypage01 .none{margin-top: 20px;font-size: 16px;font-weight: 400;line-height: 30px;color: #333;text-align: center;}
.mypage01 .btn-wrap{padding: 40px 0 80px;text-align: center;}
.mypage01 .btn{width: 120px;height: 40px;border-radius: 8px;background: #009be4;text-align: center;font-size: 16px;font-weight: 500;color: #fff;line-height: 38px;}
.mypage .reserv-list{border-top: 1px solid #333;}
/*.mypage .reserv-list li:after{display:block;content:"";clear:both;}*/
.mypage .reserv-list li{padding: 20px 0;width: 100%; border-bottom: 1px solid #dcdcdc;display: flex;
  align-items: center;
  justify-content: space-between;}
.mypage .reserv-list li .date{float: left;font-size: 15px;font-weight: 400;line-height: 20px;color: #333;}
.mypage .reserv-list li .date .time{display: block;font-size: 13px;font-weight: 400;line-height: 20px;color: #1e1e1e;}
.mypage .reserv-list li .review_do{font-size: 14px;
  color: #009be4;
  width: 90px;
  display: inline-block;
  border: 1px solid #009be4;
  border-radius: 50px;
  text-align: center;
  height: 30px;
  line-height: 28px;
  margin-top: 5px;
  cursor: pointer;}
.mypage .reserv-list li .review_do.done{background-color: #009be4;
  color: white;}
.mypage .reserv-list li .cost{line-height: 38px;font-size: 16px;font-weight: 700;color: #009be4;}
.mypage .profile{margin: auto;width: 400px;}
.mypage .profile th{padding: 5px 0;width: 90px;font-size: 15px;font-weight: 700;color: #333;text-align: left;}
.mypage .profile td{padding: 5px 0;width: calc(100% - 90px);font-size: 15px;font-weight: 400;color: #787878;text-align: left;}
.mypage .profile td input{padding: 5px 10px;width: 100%;border: 1px solid #d9d9d9;border-radius: 8px;font-size: 15px;font-weight: 400;line-height: 35px;color: #787878;}
.mypage .profile td input.kakao{background: url(../images/pro_kakao.png) right 10px center no-repeat;}
.mypage .profile td input.naver{background: url(../images/pro_naver.png) right 10px center no-repeat;}
.mypage .profile + .btn-wrap{padding: 40px 0 0;text-align: center;}
.mypage .profile + .btn-wrap .btn{width: 120px;height: 40px;border-radius: 8px;background: #009be4;text-align: center;font-size: 16px;font-weight: 500;color: #fff;line-height: 38px;}
.mypage03 .sec01{text-align: center;}
.mypage03 label{margin-top: 20px;display: block;font-size: 16px;font-weight: 400;line-height: 30px;color: #333;text-align: center;}
.mypage03 input{margin-top: 20px;padding: 5px 10px;width: 400px;border: 1px solid #d9d9d9;border-radius: 8px;font-size: 15px;font-weight: 400;line-height: 35px;color: #787878;}
.mypage03 .btn-wrap{padding: 40px 0 80px;text-align: center;}
.mypage03 .btn{width: 120px;height: 40px;border-radius: 8px;background: #009be4;text-align: center;font-size: 16px;font-weight: 500;color: #fff;line-height: 38px;}

/*reserv*/
.reserv .wrap-loading{position: fixed;left: 0;top: 0;}
.reserv .form{margin: 80px auto 120px;width: 600px;}
.reserv .form .tit{display: block;font-size: 20px;font-weight: 700;line-height: 50px;color: #333;}
.reserv .form .p{margin-top: 40px;display: block;font-size: 16px;font-weight: 700;line-height: 50px;color: #333;}
.reserv .form .p + .gray{margin-top: -10px;font-size: 16px;font-weight: 400;color: #1e1e1e;}
.reserv .form input{padding: 5px 20px;width: 100%;height: 50px;border: 1px solid #f5f5f5;background: #f5f5f5;border-radius: 8px;font-size: 15px;font-weight: 400;line-height: 35px;color: #333;}
.reserv .form input.search-add{display: inline-block;width: calc(100% - 170px);}
.reserv .form input.search-add + .btn{margin-left: 10px;width: 150px;height: 50px;border-radius: 8px;background: #009be4;text-align: center;font-size: 16px;font-weight: 500;color: #fff;line-height: 48px;vertical-align: middle;}
.reserv .form input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset;font-size: 16px;font-weight: 400;color: #333;}
.reserv .form input::-webkit-input-placeholder{font-size: 16px;font-weight: 400;color: #333;}
.reserv .form input:-moz-placeholder{font-size: 16px;font-weight: 400;color: #333;opacity: 1;}
.reserv .form input::-moz-placeholder{font-size: 16px;font-weight: 400;color: #333;opacity: 1;}
.reserv .form input:-ms-input-placeholder{font-size: 16px;font-weight: 400;color: #333;}
.reserv .form .p.por{position: relative;}
.reserv .form .p.por .checkbox{position: absolute;right: 0;top: 0;}
.reserv .form .p.por .checkbox input.round[type='checkbox']{margin-right: 5px;position: relative;padding: 0;border-radius: 50%;width: 17px !important;height: 17px;border: 1px solid #d9d9d9;appearance:none;-webkit-appearance: none;}
.reserv .form .p.por .checkbox input.round[type='checkbox']:checked:before{position: absolute;left: 15%;top: 15%;display: block;content: '';width: 70%;height: 70%;border-radius: 50%;background: #5799e0;}
.reserv .form .small-p{font-size: 14px;font-weight: 400;line-height: 30px;color: #1e1e1e;}
.btn-wrap{margin-top: 70px;text-align: center;}
.btn-wrap .btn{margin-right: 10px;display: inline-block;width: 150px;height: 40px;border-radius: 8px;background: #009be4;text-align: center;font-size: 16px;font-weight: 500;color: #fff;line-height: 38px;}
.btn-wrap .btn:last-of-type{margin-right: 0;}
.btn-wrap .btn.gray{background: #f0f0f0;color: #333;}
.btn-wrap.taR{text-align: right;}
.reserv .form .tit + span{display: block;text-align: left;font-size: 14px;font-weight: 400;color: #1e1e1e;}
.reserv .form .tit + span .blue{font-weight: 700;color: #009be4;}
.reserv .checkbox-pet{margin-bottom: 40px;}
.reserv .checkbox-pet p{margin-right: 10px;float: left;text-align: center;}
.reserv .checkbox-pet p:last-of-type{margin-right: 0;}
.reserv .checkbox-pet input[type='checkbox']{margin-bottom: 10px;position: relative;width: 60px !important;height: 60px;border-radius: 50%;appearance:none;-webkit-appearance: none;}
.reserv .checkbox-pet input[type='checkbox']:checked:before{position: absolute;left: 0;top: 0;display: block;content: '';width: 100%;height: 100%;border-radius: 50%;}
.reserv .checkbox-pet input.dog[type='checkbox']{background: #e2e2e2 url(../images/icn-pet01.png) center no-repeat;}
.reserv .checkbox-pet input.dog[type='checkbox']:checked:before{background: #009be4 url(../images/icn-pet01.png) center no-repeat;}
.reserv .checkbox-pet input.cat[type='checkbox']{background: #e2e2e2 url(../images/icn-pet02.png) center no-repeat;}
.reserv .checkbox-pet input.cat[type='checkbox']:checked:before{background: #009be4 url(../images/icn-pet02.png) center no-repeat;}
.reserv .checkbox-pet input.etc[type='checkbox']{background: #e2e2e2 url(../images/icn-pet03.png) center no-repeat;}
.reserv .checkbox-pet input.etc[type='checkbox']:checked:before{background: #009be4 url(../images/icn-pet03.png) center no-repeat;}
.reserv .checkbox-pet input.none[type='checkbox']{background: #e2e2e2 url(../images/icn-pet04.png) center no-repeat;}
.reserv .checkbox-pet input.none[type='checkbox']:checked:before{background: #009be4 url(../images/icn-pet04.png) center no-repeat;}
.reserv .p.radio{margin-top: 10px;}
.reserv .radio > label{margin-left: 10px;float: right;}
.reserv .radio > label:last-of-type{margin-left: 0;}
.reserv .radio > label > input[type='radio']{padding: 0;margin: 0;width: 80px;height: 34px;border-radius: 8px;background: #f5f5f5 url(../images/radio-no.png) center no-repeat;appearance:none;-webkit-appearance: none;}
.reserv .radio > label > input[type='radio'] + span{width: 0;height: 0;font-size: 0;color: transparent;}
.reserv .radio > label > input.yes[type='radio']{background: #f5f5f5 url(../images/radio-yes.png) center no-repeat;}
.reserv .radio > label > input.no[type='radio']{background: #f5f5f5 url(../images/radio-no.png) center no-repeat;}
.reserv .radio > label > input.no[type='radio']:checked{background: #009be4 url(../images/radio-no.png) center no-repeat ;}
.reserv .radio > label > input.yes[type='radio']:checked{background: #009be4 url(../images/radio-yes.png) center no-repeat ;}
.reserv .tit2{display: block;text-align: center;font-size: 24px;line-height: 50px;font-weight: 700;color: #5799e0;}
.reserv03 .form .p{position: relative;font-size: 24px;font-weight: 700;}
.reserv03 .form .p span{font-size: 16px;font-weight: 300;}
.reserv03 .form .p .blue{font-weight: 700;color: #5799e0;}
.reserv .form .p .btn-opt{position: absolute;right: 0;top: calc(50% - 16.5px);width: 111px;height: 33px;border: 1.5px solid #d7d7d7;border-radius: 12px;font-size: 14px;line-height: 30px;font-weight: 300;color: #919191;}
.reserv .form .p .btn-opt.on{border: 1.5px solid #009be4;color: #009be4;font-weight: 500;}
.reserv .opt-box{}
.reserv .opt-box h4{border-bottom: 1px solid #4e4e4e;}
.reserv .optcheck-list{}
.reserv .optcheck-list li{border-bottom: 1px solid #dcdcdc;font-size: 16px;font-weight: 500;line-height: 49px;color: #363636;text-align: left;word-break: keep-all;}
.reserv .optcheck-list li span{font-size: 14px;font-weight: 300;word-break: keep-all;}
.reserv .optcheck-list input[type='checkbox']{margin-right: 5px;position: relative;padding: 0;border-radius: 50%;width: 17px !important;height: 17px;border: 1px solid #d9d9d9;appearance:none;-webkit-appearance: none;}
.reserv .optcheck-list input[type='checkbox']:checked{border: 1px solid #5799e0;}
.reserv .optcheck-list input[type='checkbox']:checked:before{position: absolute;left: 15%;top: 15%;display: block;content: '';width: 70%;height: 70%;border-radius: 50%;background: #5799e0;}
.reserv .opt-box .sum_opt-price{display: block;text-align: right;font-size: 16px;line-height: 50px;font-weight: 700;color: #5799e0;}
.reserv .optcheck-list2{border-top: 1px solid #dcdcdc;}
.reserv .optcheck-list2 li{padding: 0 10px;font-size: 14px;font-weight: 500;line-height: 48px;background: #f1f1f1;color: #363636;text-align: left;}
.reserv .optcheck-list2 li span{font-weight: 300;}
.reserv .optcheck-list.has-list2 > li{background: url(../images/opt-list-arr.png) right 14px top 22px no-repeat;border-bottom: 0;}
.reserv .total-box{margin-top: 20px;padding-top: 20px;background: url(../images/total-line.png) top center;background-repeat-y: no-repeat;text-align: right;}
.reserv .total-box .inner{width: 206px;text-align: left;}
.reserv .total-box .tot-price{font-size: 16px;line-height: 48px;font-weight: 500;color: #363636;}
.reserv .total-box .tot-price .blue{float: right;font-size: 18px;font-weight: 700;color: #5799e0;}
.reserv .total-box label{display: block;font-size: 14px;font-weight: 300;line-height: 24px;color: #363636;text-align: left;}
.reserv .total-box input[type='checkbox']{margin-right: 5px;position: relative;padding: 0;border-radius: 50%;width: 17px !important;height: 17px;border: 1px solid #d9d9d9;appearance:none;-webkit-appearance: none;}
.reserv .total-box input[type='checkbox']:checked{border: 1px solid #5799e0;}
.reserv .total-box input[type='checkbox']:checked:before{position: absolute;left: 15%;top: 15%;display: block;content: '';width: 70%;height: 70%;border-radius: 50%;background: #5799e0;}
.reserv .total-box .light{display: block;font-size: 13px;line-height: 22px;font-weight: 300;color: #808080;text-align: left;}
.reserv .total-box .tot-price2 .blue{font-size: 22px;font-weight: 900;}
.reserv .total-box .tot-price2 .blue em{font-size: 18px;font-weight: 700;}
.reserv .calendar{margin-top: 10px;padding: 50px 0;width: 100%;}
.reserv .year-month{margin-bottom: 20px;
  text-align: center;
  font-size: 16px;
  line-height: 50px;
  font-weight: 700;
  color: #333;
  display: flex;
  justify-content: center;
  align-items: center;}
.reserv .year-month .now{padding: 0 15px;
  font-size: 20px;
  font-weight: 600;}
.reserv .year-month button{display: inline-block;width: 50px;height: 50px;line-height: 50px;}
.reserv .year-month button img{width: 10px; vertical-align: middle;}
.reserv .tb-cal th{height: 60px;text-align: center;font-weight: 400;font-size: 16px;}
.reserv .tb-cal td{height: 60px;text-align: center;font-weight: 400;font-size: 16px;}
.reserv .tb-cal td span{display: inline-block;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  line-height: 54px;
  cursor: pointer;}
.btn-wrap{display: flex;
  justify-content: flex-end;
  margin-top: 60px;}
.sub .btn.n_reserv_btn{background-color: #f0f0f0;
  color: #888888;}
.sub .btn.n_reserv_btn.act{background-color: #009be4;
  color: white;}

.resv_con{}



.reserv .tb-cal thead{border-bottom: 1px solid #dcdcdc;}
.reserv .tb-cal td span.on{background: #009be4;
  color: white;}
.reserv .tb-cal td span.prev{opacity: 0.2;}
.reserv .tb-cal td span.co{background: #b4b4b4;
  color: #e6e6e6;}
.reserv .tb-cal thead th:first-child{color: #dc0000;}
.reserv .tb-cal tbody tr > td:first-child{color: #dc0000;}
.reserv .tb-cal .red{color: #dc0000;}
.reserv .tb-cal .light{opacity: 0.3;}
.reserv .mt5{margin-top: 5px;display: block;}
.reserv .mt20{margin-top: 20px;display: block;}
.reserv .w250{width: 250px !important;}
.reserv .d-in{display: inline-block !important;}
.reserv .sum-price{margin-top: 20px;text-align: right;font-weight: 700;font-size: 16px;line-height: 50px;color: #333;}
.reserv .sum-price strong{margin-left: 80px;font-weight: 700;font-size: 20px;line-height: 50px;color: #009be4;}
.reserv04 .small-p.center{margin-top: 70px;text-align: center;color: #808080;font-size: 14px;font-weight: 400;line-height: 50px;}
.reserv04 .form .btn-wrap{margin-top: 10px;}
.reserv05 .sec01{width: 1080px;margin: auto;}
.reserv05 .reserv05-wrap{width: 100%;margin: 130px auto 100px;}
.reserv05 .confirm-info{float: left;width: 700px;}
.reserv05 .box{margin-bottom: 80px;}
.reserv05 .confirm-info .tit{margin-bottom: 30px;position: relative;font-size: 24px;font-weight: 700;line-height: 50px;color: #333;border-bottom: 1px solid #595959;box-sizing: border-box;}
.reserv05 .confirm-info .tit .tit-btn{position: absolute;right: 0;top: 9px;border: 1px solid #d6d6d6;width: 110px;height: 33px;border-radius: 12px;text-align: center;line-height: 31px;font-size: 17px;font-weight: 300;color: #909090;}
.reserv05 .form .confirm-info .fz15-bold{display: block;font-size: 15px;line-height: 42px;font-weight: 700;color: #333;}
.reserv05 .form .confirm-info .fz16-light{display: block;font-size: 16px;line-height: 32px;font-weight: 300;color: #333;}
.reserv05 .form .confirm-info .fz18-light{display: block;font-size: 18px;line-height: 32px;font-weight: 300;color: #333;}
.reserv05 .form .confirm-info .label{float: left;width: 100px;line-height: 50px;}
.reserv05 .form .confirm-info .e-mail{display: inline-block;width: 26px;text-align: center;}
.reserv05 .form .confirm-info .e-mail:first-of-type{text-align: left;}
.reserv05 .form .confirm-info select{width: 100%;height: 50px;border: 1px solid #f5f5f5;background: #f5f5f5 url(../images/select.png) right 10px center no-repeat;border-radius: 8px;}
.reserv05 .confirm-info .order-option{margin-top: 25px;}
.reserv05 .confirm-info .order-option dt{padding: 0 10px;width: 100%;height: 45px;line-height: 43px;border-top: 1px solid #dbdbdb;font-size: 18px;font-weight: 700;color: #333;}
.reserv05 .confirm-info .order-option dd{padding: 0 10px;width: 100%;height: 40px;line-height: 38px;background: #f5f5f5;border-bottom: 1px solid #dbdbdb;font-size: 16px;font-weight: 500;color: #333;}
.reserv05 .confirm-info .order-option dd span{font-size: 14px;font-weight: 300;}
.reserv05 .confirm-info .d-day{margin-left: 20px;display: inline-block;width: 112px;height: 30px;line-height: 28px;border: 1px solid #0698e1;color: #0698e1;font-weight: 700;font-size: 18px;text-align: center;}
.reserv05 .confirm-info .pay-list li{position: relative;float: left;box-sizing: border-box;width: 12.5%;height: 112px;border-top: 1px solid #dbdbdb;border-bottom: 1px solid #dbdbdb;border-left: 1px solid #dbdbdb;cursor: pointer;}
.reserv05 .confirm-info .pay-list li label{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 0;background: none;cursor: pointer;}
.reserv05 .confirm-info .pay-list li label input[type='radio']{position: absolute;left: 0;top: 0;appearance: none;padding: 0;background: 0;width: 100%;height: 100%;border-radius: 0;cursor: pointer;}
.reserv05 .confirm-info .pay-list li label input[type='radio']:checked{border: 4px solid #0698e1;cursor: pointer;}
.reserv05 .confirm-info .pay-list li:last-child{border-right: 1px solid #dbdbdb;}
.reserv05 .confirm-info .pay-list .icon{width: 100%;height: 65px;line-height: 65px;text-align: center;}
.reserv05 .confirm-info .pay-list .icon img{max-width: 100%;vertical-align: middle;}
.reserv05 .confirm-info .pay-list .name{display: block;width: 100%;height: 20px;font-size: 14px;line-height: 20px;font-weight: 400;color: #333;text-align: center;}
.reserv05 .confirm-info .pay-list .benefit{margin-bottom: 5px;display: block;width: 100%;height: 20px;font-size: 12px;line-height: 20px;font-weight: 300;color: #0698e1;text-align: center;}
.reserv05 .confirm-info .gray-box{padding: 15px;width: 100%;background: #f5f5f5;}
.reserv05 .confirm-info .gray-box strong{margin-bottom: 10px;display: block;font-size: 14px;font-weight: 700;color: #333;}
.reserv05 .confirm-info .gray-box p{display: block;font-size: 14px;font-weight: 300;color: #333;word-break: keep-all;}
.reserv05 .total-price{float: right;width: 330px;box-sizing: border-box;}
.reserv05 .total-price .pd-box{padding: 25px;border: 1px solid #d6d6d6;}
.reserv05 .total-price .pd-box .tp-tit{margin-bottom: 30px;font-size: 20px;font-weight: 700;color: #333;}
.reserv05 .total-price .pd-box .price{margin-top: 10px;position: relative;text-align: left;font-size: 14px;font-weight: 300;color: #333;line-height: 20px;}
.reserv05 .total-price .pd-box .price span{position: absolute;right: 0;text-align: right;font-size: 14px;font-weight: 300;color: #333;line-height: 20px;}
.reserv05 .total-price .pd-box .price span.bold{font-weight: 700;}
.reserv05 .total-price .pd-box .last-price{margin-top: 15px;position: relative;text-align: left;padding-top: 15px;border-top: 1px solid #d6d6d6;line-height: 25px;font-size: 16px;font-weight: 500;color: #333;}
.reserv05 .total-price .pd-box .last-price span{position: absolute;right: 0;text-align: right;line-height: 25px;font-size: 18px;font-weight: 700;color: #0698e1;}
.reserv05 .total-price .term-box{border-right: 1px solid #d6d6d6;border-left: 1px solid #d6d6d6;}
.reserv05 .total-price .term-box .check{padding-left: 20px;display: block;width: 100%;height: 45px;line-height: 43px;font-size: 14px;font-weight: 300;color: #333;}
.reserv05 .total-price .term-box .check input[type='checkbox']{margin-top: 0;margin-right: 10px;width: 15px !important;height: 15px;border: 1px solid #d8d8d8;border-radius: 0;appearance: checkbox;-webkit-appearance: checkbox;}
.reserv05 .total-price .term-box .gray-box{width: 100%;padding: 5px 20px;background: #f0f0f0;}
.reserv05 .total-price .term-box .gray-box p{line-height: 30px;text-align: left;font-size: 12px;font-weight: 300;color: #333;}
.reserv05 .total-price .btn{margin-top: 15px;width: 100%;height: 40px;line-height: 38px;font-size: 16px;font-weight: 500;border-radius: 0;}
.reserv05 .total-price .btn.blue{background: #0698e1;color: #fff;}
.reserv05 .total-price .btn.blue:hover,.reserv05 .total-price button.blue:focus{font-size: 17px;}
.reserv05 .total-price .btn.gray{background: #f0f0f0;color: #1e1e1e;}
.reserv .optcheck-list .optInfo{line-height: 1;
  padding-left: 22px;
  margin-bottom: 18px;
  font-size: 14px;
  font-weight: 400;
  color: #1e1e1e;
  width: 100%;
  box-sizing: border-box;}
.reserv .reserv_opt_list{display: flex;
  justify-content: flex-end;}
.reserv .reserv_opt_list .opt_unit{display: flex;
  margin-left: 10px;}
.reserv .reserv_opt_list .opt_unit input{display: none;}
.reserv .reserv_opt_list .opt_unit span{font-size: 16px;
  font-weight: 400;
  background-color: #f0f0f0;
  padding: 10px 20px;
  border-radius: 50px;
  color: #a0a0a0;
  cursor: pointer;}
.reserv .reserv_opt_list .opt_unit input:checked+span{background-color: #009be4;
  color: white;}
.reserv .reserv_notice{margin-top: 10px;}
.reserv .reserv_notice .ref{line-height: 1.2;
  text-align: right;
  font-size: 14px;
  margin-bottom: 5px;
  font-weight: 400;
  color: #1e1e1e;}

.sns_con{position: fixed;
  bottom: 30px;
  right: 30px;}
.sns_con .in{display: flex;
  flex-direction: column;}
.sns_con .in a{display: flex;
  margin-top: 10px;
  width: 60px;}
.sns_con .in a img{width: 100%;}
.sec_bs{}
.bs_top{padding-top: 100px;}
.basic_pd{padding: 0 5%;}
.mx1280{max-width: 1280px; width: 100%; margin: 0 auto;}

.about{display: flex;
  align-items: center;
  justify-content: space-between;}
.about .copy_con{width: 45%;
  text-align: left;}
.about .copy_con .brand_head{font-size: 84px;
  color: #333333;
  line-height: 1.2;}
.about .copy_con .copy_list{margin-top: 40px;}
.about .copy_con .copy_list .copy{font-size: 20px;
  font-weight: 300;
  word-break: keep-all;
  margin-bottom: 15px;}
.about .concept_img{width: 50%;
  text-align: center;}
.about .concept_img img{max-width: 480px;}

.saying{margin-top: 100px;
  width: 100%;
  background-color: #1e1e1e;
  position: relative;
  border-radius: 30px;}
.saying .say_con{max-width: 440px;
  margin: 0 auto;
  padding: 30px 0;}
.saying .say_con .say{color: white;
  font-size: 24px;
  font-weight: 300;
  word-break: keep-all;}
.saying .say_con .who{color: white;
  font-size: 18px;
  font-weight: 300;
  margin-top: 30px;}
.saying .img{position: absolute;
  top: 0;
  left: 30px;
  height: 100%;}
.saying .img img{height: 100%;}

.concept-slide{padding: 0px !important;}
.concept-slide .slick-vertical .slick-slide{border: none;}
.concept-slide .slick-dotted.slick-slider{margin-bottom: 0;}
.concept-slide .slick-dots{width: 100%;height: 30px;top: calc(100% - 53%);left: calc(50% - 2.5%);bottom: inherit;transform: rotate(90deg);}
.concept-slide .slick-dots li button:before{content: '';width: 16px;height: 16px;border-radius: 50%;background: #fff;opacity: 1;}
.concept-slide .slick-dots .slick-active button:before{content: '';width: 16px;height: 16px;border-radius: 50%;background: transparent;border: 3px solid #fff;box-sizing: border-box;}

.pro_tap_con{display: flex;
  justify-content: center;
  align-items: center;}
.pro_tap_con .tap{width: 49%;
  max-width: 220px;
  border: 1px solid #1e1e1e;
  border-radius: 100px;
  height: 60px;
  line-height: 58px;
  margin: 0 5px;
  font-size: 20px;
  color: #1e1e1e;
  opacity: 0.7;}
.pro_tap_con .tap:hover{opacity: 0.8;}
.pro_tap_con .tap.act{background-color: #0096df;
  color: white;
  border-color: #0096df;
  opacity: 1;}
.pro_img{border-radius: 30px;
  overflow: hidden;
  display: flex;
  position: relative;}
.pro_img .pro_dt{position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0%;
  overflow: hidden;
  transition: all 0.4s}
.pro_img:hover .pro_dt{height: 100%;}
.pro_img .pro_dt .in{background: linear-gradient(360deg, rgba(0,0,0,0.8), transparent);
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 30px;
  box-sizing: border-box;}
.pro_img .pro_dt .in .title{color: white;
  font-size: 16px;
  font-weight: 400;}
.pro_img .pro_dt .in .copy{margin-top: 10px;
  color: white;
  font-size: 14px;
  font-weight: 300;
  word-break: keep-all;}


.social{}
.social .title_con{}
.social .title_con .sub_title{font-size: 24px;
  color: #0096df;
  margin-bottom: 30px;}
.social .title_con .title{color: #333333;
  font-size: 54px;
  font-weight: inherit;}
.social .title_con .title em{color: #0096df;}
.social .list{display: flex;
  justify-content: space-between;
  margin-top: 80px;}
.social .list .unit{width: 33.33%;}
.social .list .unit .img{}
.social .list .unit .title{font-weight: initial;
  color: #333333;
  font-size: 24px;
  margin-top: 30px;
  margin-bottom: 15px;}
.social .list .unit .copy{color: #333333;
  font-size: 18px;
  word-break: keep-all;}
section.serv_sec{margin-bottom: 0px;}

.content .cleaning{margin-bottom: 0px;}
.serv_title{margin-bottom: 60px;}
.serv_title .title{color: #333333;
  font-size: 44px;
  text-align: center;}
.serv_title .title em{color: #0096df;}
.cleaning .list{display: flex;
  justify-content: space-between;}
.cleaning .list .unit{width: 24%;
  border: 1px solid #0096df;
  text-align: center;}
.cleaning .list .unit img{width: 100%;
  max-width: 200px;
  padding: 20px;
  padding-top: 40px;}
.cleaning .list .unit .title{font-size: 20px;
  color: #0096df;
  padding: 0 20px;
  box-sizing: border-box;
  margin-bottom: 15px;}
.cleaning .list .unit .copy{color: #333333;
  font-size: 14px;
  word-break: keep-all;
  padding: 0 20px;
  padding-bottom: 40px;
  font-weight: 400;}
.guide_sec .bs_top{padding-top: 150px;}
.serv_title .copy{text-align: center;
  max-width: 500px;
  margin: 0 auto;
  margin-top: 30px;
  font-size: 20px;
  font-weight: 300;
  word-break: keep-all;
  color: #333333;}

.guide_sec .list{display: flex;
  justify-content: space-between;}
.guide_sec .list .unit{width: 32%;}
.guide_sec .list .unit .con{text-align: center;
  border: 1px solid #0096df;
  border-radius: 30px;
  padding: 20px;
  box-sizing: border-box;
  position: relative;}
.guide_sec .list .unit .con .title{font-size: 24px;
  color: #0096df;
  padding: 10px 0;}
.guide_sec .list .unit .con .copy{font-size: 20px;
  font-weight: 300;
  color: #333333;
  padding-bottom: 10px;}
.guide_sec .list .unit.act .con{background-color: #0096df;}
.guide_sec .list .unit.act .con .title{color: #c8ffff;}
.guide_sec .list .unit.act .con .copy{color: white;}
.guide_sec .list .unit.act .con .premium{position: absolute;
  top: -15px;
  right: -15px;
  border: 2px solid #0096df;
  border-radius: 30px;
  overflow: hidden;
  padding: 8px;
  box-sizing: border-box;
  width: 50px;
  background-color: white;}
.guide_sec .list .unit.act .con .premium img{width: 100%;}
.guide_sec .list .unit .ref{font-size: 16px;
  font-weight: 400;
  color: #0096df;
  text-align: center;
  margin-top: 5px;}
.guide_sec .list .unit .ref em{font-size: 24px;}
.care_list{display: flex;
  justify-content: space-between;
  margin-top: 50px;}
.care_list .unit{width: 49%;}
.care_list .unit .title{font-size: 24px;
  margin-bottom: 15px;}
.care_list .unit .con{background-color: #f5f5f5;
  padding: 14px;
  border-radius: 30px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;}
.care_list .unit .con .copy{padding: 5px 15px;
  background-color: white;
  margin: 6px;
  border-radius: 50px;
  font-size: 16px;
  font-weight: 400;
  color: #333333;}
.care_list .unit.act .title{color: #0096df}
.care_list .unit.act .con{background-color: rgba(0,150,223,0.1);}
.care_list .unit.act .con .copy{color: #0096df}
.guide_imgs{display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 50px;}
.guide_imgs .unit{width: 24%; margin-bottom: 2%;}
.guide_imgs .unit .img{width: 100%;}
.guide_imgs .unit .img img{width: 100%;}
.guide_imgs .unit .copy{text-align: center;
  margin-top: 10px;
  font-size: 15px;
  color: #1e1e1e;}

.main_sec_02{}
.main_sec_02 .prod_banner{background: url(../images/product_banner.jpg);
  background-position-x: right;
  background-position-y: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 30px;}
.main_sec_02 .prod_banner .prod_con{display: flex;
  flex-direction: column;
  width: 100%;
  text-align: left;
  padding: 50px;}
.main_sec_02 .prod_banner .prod_con .title{font-size: 34px;
  color: #333333;
  margin-bottom: 10px;}
.main_sec_02 .prod_banner .prod_con .copy{font-size: 18px;
  font-weight: 400;
  color: #333333;}
.main_sec_02 .prod_banner .prod_con .link_btn{display: inline-block;
  max-width: 140px;
  margin-top: 30px;
  background-color: #0096df;
  height: 40px;
  line-height: 40px;
  border-radius: 50px;
  color: white;
  font-size: 16px;
  font-weight: 400;}

.review{}
.main_sec_02 .title_con{}
.main_sec_02 .title_con .title{font-size: 40px;
  color: #333333;
  font-weight: 700;}
.main_sec_02 .title_con .title em{color: #0096df}
.main_sec_02 .title_con .copy{font-size: 24px;
  max-width: 500px;
  margin: 0 auto;
  margin-top: 30px;
  font-weight: 300;
  color: #333333;
  word-break: keep-all;}
.review .list{max-width: 1160px;
  margin: 0 auto;
  margin-top: 40px;
  display: flex;
  justify-content: space-between;}
.review .list .unit{padding: 20px;
  box-sizing: border-box;
  border-radius: 30px;
  width: 32%;
  border: 1px solid #dcdcdc;}
.review .list .unit .imgs{display: flex;
  align-items: center;
  justify-content: space-between;}
.review .list .unit .imgs .img{width: 32%;
  border-radius: 15px;
  overflow: hidden;}
.review .list .unit .imgs .img img{width: 100%;}
.review .list .unit .name{font-size: 18px;
  margin-top: 10px;
  font-weight: 600;
  color: #333333;}
.review .list .unit .rate{display: flex;
  justify-content: center;
  margin-top: 20px;}
.review .list .unit .rate img{width: 100px;
  height: fit-content;}
.review .list .unit .rate .copy{line-height: 1;
  margin-left: 5px;
  font-size: 15px;
  color: #333333;
  font-weight: 500;}
.review .list .unit .review_copy{}
.review .list .unit .review_copy .copy{word-break: keep-all;
  font-size: 14px;
  margin-top: 10px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;}
.review .list .slick-current{border: 1px solid #0096df;
  transform: scale(1.1);}
.slick-track .slick-cloned:last-child{display: none !important;}
.review .more{margin-top: 40px;}
.review .more .btn{width: 200px;
  margin: 0 auto;
  height: 60px;
  border-radius: 10px;
  color: white;
  font-size: 18px;
  background-color: #0096df;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;}

.n_com_btn{width: 200px;
  margin: 0 auto;
  height: 60px;
  border-radius: 10px;
  color: white;
  font-size: 18px;
  background-color: #0096df;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;}
.apply_btn_con .apply_btn{margin: initial;}

.main section.impact_sec{
  padding: 80px 0;
  margin-top: 60px;}
.impact_sec .title_con{display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 40px;}
.impact_sec .title_con .title{min-width: 480px;
  text-align: left;}
.impact_sec .title_con .title_line{width: 100%;
  height: 1px;
  background-color: #dcdcdc;}
.impact_sec .title_con .num_con{display: flex;
  min-width: 100px;
  justify-content: flex-end;
  align-items: baseline;}
.impact_sec .title_con .num_con .curr_num{font-size: 34px;
  color: #333333;
  font-weight: 600;
  line-height: 1;}
.impact_sec .title_con .num_con .total_num{
  color: #1e1e1e;
  font-weight: 300;
  font-size: 20px;
  line-height: 1;}
.impact_sec .impact_list{background-color: white;
  position: relative;}
.impact_sec .impact_list .unit{display: flex;
  justify-content: space-between;
  align-items: center;
  opacity: 0;
  transition: 1s all;
  background-color: #f1efe2;
  position: relative;}
.impact_sec .impact_list .unit.unit_sub{position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;}
.impact_sec .impact_list .unit.act{opacity: 1;}
.impact_sec .impact_list .unit .copy_con{width: 50%;
  padding: 50px;
  box-sizing: border-box;
  text-align: left;
}
.impact_sec .impact_list .unit .copy_con .title{font-size: 36px;
  font-weight: 700;
  line-height: 1.2;
  color: #333333;
  margin-bottom: 20px;
  font-weight: 700;}

.impact_sec .impact_list .unit .copy_con .copy{font-size: 18px;
  font-weight: 300;
  word-break: keep-all;
  max-width: 480px;
  line-height: 1.6;}
.impact_sec .impact_list .unit .img{width: 50%;
  position: relative;}
.impact_sec .impact_list .unit .img img{width: 100%;}
.impact_sec .impact_list .unit .img .img_back{    background: linear-gradient(90deg, #f1efe2, transparent);
  z-index: 1;
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  max-width: 200px;}
.impact_sec .num_dot{display: flex;
  justify-content: center;
  margin-top: 40px;}
.impact_sec .num_dot .dot{width: 20px;
  height: 20px;
  border: 1px solid #333333;
  border-radius: 20px;
  margin: 0 5px;
  cursor: pointer;}
.impact_num_con{display: flex;
  width: fit-content;
  align-items: center;
  justify-content: center;
  width: 74px;
  height: 26px;
  background-color: rgba(0,0,0,0.6);
  border-radius: 20px;
  position: absolute;
  bottom: 30px;}
.impact_num_con .num{font-size: 15px;
  color: #a3a3a3;
  font-weight: 400;}
.impact_num_con .num.act{color: white;}
.impact_num_con .num_line{display: flex;
  height: 12px;
  background-color: white;
  width: 1px;
  margin: 0 10px;}
.impact_sec .num_dot .dot.curr_dot{background-color: #333333;}
.tips .list.tip_list .unit{    padding: 0px;
  width: 24%;
  border: none;}
.tips .list.tip_list .unit .img{position: relative;
  width: 100%;
  padding-top: 75%;
  overflow: hidden;
  border-radius: 10px;}
.tips .list.tip_list .unit .img img{    width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;}
.tips .list.tip_list .unit .tip_copy{margin-top: 10px;}
.tips .list.tip_list .unit .tip_copy .copy{text-align: left;
  word-break: keep-all;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  color: #1e1e1e;}
.tips .list.tip_list .unit .tip_copy .copy em{color: #0096df;}

.reserv_sec{    margin-bottom: 120px;}
.reserv_sec.ty_02{padding: 120px 5%; background-color: #f5f5f5; margin: 0px;}
.reserv_sec .con{display: flex;
  margin-top: 60px;
  justify-content: space-between;
  align-items: center;}
.reserv_sec .con.ty_02{margin-top: 0px;}
.reserv_sec .con > .img{width: 60%;}
.reserv_sec .con > .img img{width: 100%;}
.reserv_sec .con .btn_con{width: 40%;}
.reserv_sec .con .btn_con .img{margin-bottom: 20px;}
.reserv_sec .con .btn_con .img img{width: 100%;
  max-width: 300px;}
.reserv_sec .con .btn_con .main_reserv_btn{background-color: rgba(0,150,223,0.1);
  width: 300px;
  margin: 0 auto;
  height: 60px;
  line-height: 60px;
  color: #0096df;
  font-size: 22px;
  border-radius: 100px;}
.reserv_sec .con .btn_con .main_reserv_btn:hover{background-color: rgba(0,150,223,0.15);}
.slick-slide{opacity: 0.6;}
.slick-current{opacity: 1;}
.impact_sec_02 .title_con .title {
  min-width: 580px;
  line-height: 1.2;}
.reserv_type{display: flex;
  justify-content: center;
  margin-bottom: 40px;
  flex-wrap: wrap;}
.reserv_type .type{border: 1px solid #dcdcdc;
  width: 120px;
  height: 40px;
  line-height: 38px;
  text-align: center;
  margin: 0 5px;
  border-radius: 50px;
  color: #1e1e1e;
  font-size: 18px;
  cursor: pointer;}
.reserv_type .type.act{background-color: #0096df;
  border-color: #0096df;
  color: white;}
.reserv_type .pamp_box{    width: 100%;
  margin-top: 20px;
  text-align: center;}
.reserv_type .pamp_box .pamp_down{display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.5;}
.reserv_type .pamp_box .pamp_down:hover{opacity: 1;}
.reserv_type .pamp_box .pamp_down span{width: 18px;
  display: flex;}
.reserv_type .pamp_box .pamp_down span img{width: 100%;}
.reserv_type .pamp_box .pamp_down b{    font-size: 16px;
  font-weight: 500;
  color: #0096df;
  margin-left: 5px;}

.b2b_con{display: none;}
.reserv_sec .point{display: block;
  text-align: right;
  font-size: 15px;
  font-weight: 400;
  color: #333333;
  margin-bottom: 10px;}
.reserv_sec .point .red{color: #dc0000}
.reserv_sec .b2b_con label{display: flex;
  align-items: center;
  margin-bottom: 15px;}
/*.reserv_sec label span{font-size: 15px;*/
/*  font-weight: 400;*/
/*  color: #333333;*/
/*  min-width: 100px;}*/
.reserv_sec label span.pyung{text-align: right;
  min-width: 20px;}
.reserv_sec label input[type='text']{border: 1px solid #dcdcdc;
  background-color: white;
  padding: 10px;
  box-sizing: border-box;}
.reserv_sec label div{width: 100%;}
.reserv_sec label input[type='checkbox']{width: 16px;
  height: 16px;
  border: 1px solid #dcdcdc;
  margin-right: 5px;}
.reserv_sec .b2b_con label label{margin-bottom: 0px;
  font-size: 15px;
  color: #333333;}
.reserv_sec .term{padding: 20px;
  box-sizing: border-box;
  border: 1px solid #dcdcdc;
  border-radius: 14px;}
.reserv_sec .term strong{font-weight: 600;
  font-size: 15px;
  color: #333333;
  margin-bottom: 10px;
  display: block;}
.reserv_sec .term p{font-size: 14px;
  font-weight: 400;
  color: #333333;}
.reserv_sec .term label{margin-bottom: 0px;
  line-height: 1;
  margin-top: 15px;
  font-size: 14px;
  font-weight: 400;
  color: #333333;}
.reserv_sec .text{margin-top: 10px;}
.reserv_sec .text p{font-size: 14px;
  font-weight: 300;
  color: #333333;}
.reserv_sec .text b{font-weight: 500;}
.reserv_sec .submit{text-align: center;
  margin-top: 40px;}

.optcheck-list li label{display: flex;
  align-items: center;}
.optcheck-list li label .opt_con{display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  flex-wrap: wrap;}
.reserv .optcheck-list .optInfo{padding-left: 0px;
  margin-top: 10px;
  margin-bottom: 0px;
  line-height: 1.4;
  word-break: keep-all;}
.optcheck-list li label .opt_con .copy_con{line-height: 1;
  font-size: 16px;
  font-weight: 500;
  color: #333333;}
.optcheck-list .count{display: flex;
  align-items: center;
  margin-left: 20px;}
.optcheck-list .count span{width: 30px;
  height: 30px;
  border-radius: 6px;
  background-color: #f5f5f5;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  text-align: center;
  cursor: pointer;}
.optcheck-list .count input{height: 30px;
  width: 40px;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  border: 1px solid #dcdcdc;
  box-sizing: border-box;
  background-color: white;
  padding: 0px;
  text-align: center;
  margin: 0 5px;}
.optcheck-list .opt_wrap{display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0;}
.optcheck-list .opt_wrap > label input[type='checkbox']{margin-right: 20px;}
.review_sec{padding-bottom: 100px;}
.review .review_list{display: flex;
  flex-wrap: wrap;
  justify-content: space-between;}
.review .review_list .unit{width: 32%;
  margin: 0px;
  margin-bottom: 2%;}
.partner_list{display: flex;
  justify-content: space-between;}
.partner_list li{width: 14%;}
.partner_list li img{width: 100%;}

.review_modal{position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.6);
  z-index: 10;
  padding: 5%;
  box-sizing: border-box;
  display: none;
  align-items: center;
  justify-content: center;}
.review_modal > .con{width: 100%;
  max-width: 500px;
  background-color: white;
  max-height: 90vh;
  padding: 40px;
  box-sizing: border-box;
  overflow-y: auto;
  position: relative;}
.review_modal > .con .modal_close_btn{position: absolute;
  background-color: #1e1e1e;
  width: 30px;
  height: 30px;
  display: flex;
  border-radius: 30px;
  padding: 7px;
  box-sizing: border-box;
  top: 20px;
  right: 20px;
  cursor: pointer;}
.review_modal > .con .modal_close_btn img{width: 100%;}
.review_modal > .con .total_rate{}
.review_modal > .con .total_rate .title{text-align: center;
  font-size: 24px;
  font-weight: bold;
  margin-top: 20px;}
.review_modal > .con .rate_list{display: flex;
  justify-content: center;}
.review_modal > .con .total_rate .rate_list{margin-top: 20px;}
.review_modal > .con .total_rate .rate_list > li{width: 20%;
  max-width: 50px;
  padding: 0 5px;
  box-sizing: border-box;}
.review_modal > .con .rate_list > li{width: 20%;
  max-width: 30px;
  padding: 0px 3px;
  box-sizing: border-box;
  cursor: pointer;}
.review_modal > .con .rate_list > li > label{}
.review_modal > .con .rate_list > li > label input{display: none;}
.review_modal > .con .rate_list > li > label img{width: 100%;}
.review_modal > .con .comment{margin-top: 20px;}
.review_modal > .con .comment textarea{border: none;
  outline: none;
  background-color: #f5f5f5;
  resize: none;
  width: 100%;
  height: 180px;
  padding: 10px;
  line-height: 1.4;
  font-size: 14px;
  color: #1e1e1e;}
.review_modal > .con .review_imgs{display: flex;
  align-items: center;
  margin-top: 20px;}
.review_modal > .con .review_imgs > label{width: 19%;
  margin-right: 1%;}
.review_modal > .con .review_imgs > label input[type=file]{display: none;}
.review_modal > .con .review_imgs .add_img_btn{width: 100%;
  position: relative;
  border: 1px solid #dcdcdc;
  border-radius: 10px;
  cursor: pointer;}
.review_modal > .con .review_imgs .add_img_btn .add_abs{padding-bottom: 100%;
  width: 100%;}
.review_modal > .con .review_imgs .add_img_btn .add_abs .add_abs_in{position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;}
.review_modal > .con .review_imgs .add_img_btn .add_abs .camera_icon{display: flex;
  width: 34px;
  margin: 0 auto;
  opacity: 0.5;}
.review_modal > .con .review_imgs .add_img_btn .add_abs .camera_icon img{width: 100%;}
.review_modal > .con .review_imgs .add_img_btn .add_abs .camera_copy{line-height: 1;
  margin-top: 6px;
  color: #787878;
  font-size: 14px;}
.review_modal > .con .review_imgs .added_img{width: 19%;
  margin-right: 1%;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  display: flex;}
.review_modal > .con .review_imgs .added_img .img_square{padding-bottom: 100%;
  width: 100%;}
.review_modal > .con .review_imgs .added_img .img_square .img_con{position: absolute;
  top: 0;
  left: 0;
  width: 100%;}
.review_modal > .con .review_imgs .added_img .img_square .img_con img{}
.review_modal > .con .review_imgs .added_img .del_img_btn{position: absolute;
  top: 5px;
  right: 5px;
  display: flex;
  width: 20px;
  height: 20px;
  background-color: #1e1e1e;
  border-radius: 20px;
  padding: 5px;
  cursor: pointer;}
.review_modal > .con .review_imgs .added_img .del_img_btn img{width: 100%;}
.review_modal > .con .only_view{margin-top: 10px;
  display: flex;
  align-items: center;
  width: fit-content;}
.review_modal > .con .only_view input{width: 14px;
  height: 14px;
  border: 1px solid #dcdcdc;}
.review_modal > .con .only_view p{font-size: 14px;
  margin-left: 5px;
  font-weight: 400;
  color: #787878;
  line-height: 1;}
.review_modal > .con .review_dtl_con{margin-top: 30px;
  padding-top: 20px;
  border-top: 1px solid #dcdcdc;}
.review_modal > .con .review_dtl_con > li{display: flex;
  justify-content: space-between;
  padding: 10px 0;
  align-items: center;}
.review_modal > .con .review_dtl_con > li .title{font-size: 15px;
  font-weight: 400;
  color: #1e1e1e;}
.review_modal > .con .review_dtl_con > li .dtl_rate_list{}
.review_modal > .con .review_write_btn{margin: 0 auto;
  margin-top: 30px;
  border: 1px solid #0096df;
  width: 180px;
  height: 40px;
  border-radius: 50px;
  font-size: 16px;
  font-weight: 500;
  color: #0096df;}
.review_modal > .con .review_write_btn:hover{background-color: #0096df;
  color: white;}

.sec_ref{display: block;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;}

.pay_con{width: 100%;
  max-width: 560px;
  background-color: white;}
.pay_con .pay_top{background-color: #42484c;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 30px;
  height: 90px;}
.pay_con .pay_top .pay_logo{width: 80px;}
.pay_con .pay_date{font-size: 20px;
  font-weight: 400;
  color: #f5f5f5;}
.pay_list{}
.pay_list .pay_unit{padding: 0 30px;
  margin-top: 50px;}
.pay_list .pay_unit .pay_tit_con{    display: flex;
  align-items: baseline;
  justify-content: space-between;
  border-bottom: 1px solid #dcdcdc;
  padding-bottom: 10px;}
.pay_list .pay_unit .pay_tit_con .pay_tit{    font-size: 24px;
  font-weight: 500;
  color: #1e1e1e;}
.pay_list .pay_unit .pay_tit_con .pay_href{    color: #888888;
  font-size: 16px;
  font-weight: 400;}
.pay_items{    padding: 20px 0;
  border-bottom: 1px solid #dcdcdc;}
.pay_items .item{display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;}
.pay_items .item:last-child{margin-bottom: 0px;}
.pay_items .item .copy{    font-size: 16px;
  font-weight: 400;
  color: #1e1e1e;
  line-height: 1.4;
  word-break: keep-all;}
.pay_items .item .copy.val{    min-width: 100px;
  text-align: right;
  margin-left: 20px;}
.reserv .btn-wrap.ty_02{padding: 30px;
  margin-top: 0px;
  justify-content: center;}
.sub .btn.n_reserv_btn.ty_02{    font-size: 24px;
  width: 100%;
  background-color: #0092e4;
  color: white;
  max-width: 380px;}
.btn-wrap.reseerv_btn_wrap{margin-top: 60px;}
.btn-wrap.reseerv_btn_wrap .btn{width: 200px;
  height: 60px;
  font-size: 18px;
  font-weight: 500;
  background-color: #0092e4;
  color: white;}
.btn-wrap.reseerv_btn_wrap .btn.act{}
.btn-wrap.reseerv_btn_wrap .btn.n_reserv_btn{}

.pro_list{display: flex;
  flex-wrap: wrap;}
.pro_list .unit{    margin: 0 1%;
  width: 23%;
  margin-bottom: 5%;}
.pro_list .unit .img{padding: 50%;
  position: relative;}
.pro_list .unit .img .img_in{position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  overflow: hidden;}
.pro_list .unit .img .img_in img{    width: 100%;
  height: 100%;
  object-fit: cover;}
.pro_list .unit .copy_con{margin-top: 10px;}
.pro_list .unit .copy_con .copy{word-break: keep-all;
  line-height: 1.4;
  font-weight: 500;
  font-size: 16px;
  color: #1e1e1e;}
.pro_list .unit .copy_con .copy.cost{    font-weight: 300;
  margin-top: 10px;}


.login_back{    width: 100%;
  height: 80vh;
  background-image: url(../images/n_main_banner_01.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;}
.login_back .in{    width: 100%;
  height: 80vh;
  display: flex;
  align-items: center;
  justify-content: flex-start;}
.login_back .login_box{width: 100%;
  background-color: white;
  max-width: 420px;}
.login_back .login_box .login_con{}
.login_tit{    text-align: center;
  padding: 30px 0;
  font-size: 24px;
  font-weight: 400;}
.mail_login_con{padding: 0 40px;}
.mail_login_con .form_list{}
.mail_login_con .form_list .unit{margin-bottom: 10px;}
.login_input{    width: 100%;
  background-color: #f0f0f0;
  border: none;
  height: 60px;
  border-radius: 10px;
  padding: 10px;
  font-size: 18px;
  font-weight: 400;}
.mail_login_con .btn_list{    display: flex;
  align-items: center;
  justify-content: space-between;}
.mail_login_con .form_list .devErrorView{margin-top: 5px;}
.mail_login_con .btn_list .agree_unit{}
.mail_login_con .btn_list .agree_unit label{}
.mail_login_con .btn_list .agree_unit label input{display: none;}
.mail_login_con .btn_list .agree_unit label input+span{display: flex;
  align-items: center;}
.mail_login_con .btn_list .agree_unit label input+span .login_icon{}
.mail_login_con .btn_list .agree_unit label input+span .login_icon.done{display: none;}
.mail_login_con .btn_list .agree_unit label input:checked+span .login_icon.none{display: none;}
.mail_login_con .btn_list .agree_unit label input:checked+span .login_icon.done{display: block;}
.mail_login_con .btn_list .agree_unit label input+span .copy{    font-size: 14px;
  font-weight: 400;
  margin-left: 10px;}
.login_btn{background-color: #0090e2;
  width: 100%;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  color: white;
  font-size: 18px;
  font-weight: 500;}
.login_btn.ty_01{max-width: 120px;}
.sns_login_con{margin-top: 30px;
  border-top: 1px solid #dcdcdc;
  padding: 0 40px;}
.login_ref{text-align: center;
  font-size: 12px;
  margin: 20px 0;
  font-weight: 400;}
.sns_login_list{    display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 220px;
  margin: 0 auto;}
.sns_login_list .sns_unit{width: 42px; display: flex;}
.sns_login_list .sns_unit img{width: 100%;}
.login_opt_con{display: flex;
  padding: 0 40px;
  align-items: center;
  height: 42px;
  background-color: #f0f0f0;
  justify-content: space-between;
  margin-top: 30px;}
.login_opt_con .unit{display: flex;
  align-items: center;}
.login_opt_con .unit .pw_icon{width: 12px;}
.login_opt_con .unit span{font-size: 12px;
  font-weight: 400;
  color: #9d9b9b;
  margin-left: 5px;}
.login_opt_con .unit.ty_02{font-size: 12px;
  font-weight: 400;
  color: #0090e2;
  margin-left: 5px;}

.join_con{padding: 80px 5%;
  background-color: #f0f0f0;}
.sign_up_tit{font-size: 20px;
  font-weight: 400;}
.sign_up_tit em{    font-size: 14px;
  font-weight: 400;
  color: red;}
.join_list{background-color: white;
  margin-top: 10px;}
.join_list .join_unit{    display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #dcdcdc;
  padding: 10px 30px;}
.join_list .noData{height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #b4b4b4;
  font-size: 16px;
  font-weight: 400;}
.join_list .join_unit .join_tit{font-size: 15px;
  font-weight: 400;
  min-width: 140px;}
.join_list .join_unit .join_type_list{width: 100%;
  display: flex;
  align-items: center;
  height: 70px;}
.join_type_list label{    display: flex;
  align-items: center;
  min-width: 120px;}
.join_type_list label input{display: none;}
.join_type_list label input+span{display: flex;
  align-items: center;}
.join_type_list label input:checked+span{}
.join_type_list label input+span img{width: 24px;}
.join_type_list label input+span img.done{display: none;}
.join_type_list label input:checked+span img.none{display: none;}
.join_type_list label input:checked+span img.done{display: block;}
.join_type_list label input+span .copy{font-size: 15px;
  margin-left: 10px;
  font-weight: 400;}
.join_list .join_unit .join_input{    width: 100%;
  padding: 15px;
  border: none;
  height: 70px;
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  display: flex;
  align-items: center;}
.join_agree_con{    text-align: center;
  display: flex;
  justify-content: center;
  margin-top: 30px;
  margin-bottom: 40px;
  flex-wrap: wrap;}
.join_btn_list{    display: flex;
  align-items: center;
  justify-content: center;}
.join_btn_list .join_btn{margin: 0 10px;
  background-color: white;
  border: 1px solid #dcdcdc;
  box-sizing: border-box;
  color: #888888;
  display: flex;
  align-items: center;
  justify-content: center;}
.join_btn_list .join_btn.on{background-color: #0092e4;
  color: white; border: none;}
.join_agree_con .chk_label .chk_unit .chk_copy{font-size: 15px;}

.find_con{display: flex;
  justify-content: space-between;}
.find_con .find_unit{width: 49%;}
.join_btn_list.ty_02{margin-top: 20px;}
.join_con.ty_02{padding: 150px 5%;}

.my_con{width: 100%;
  max-width: 540px;
  margin: 0 auto;
  padding: 150px 0;}
.my_tit{font-size: 24px;
  font-weight: 600;}
.my_list{    margin-top: 20px;}
.my_unit{display: flex;
  align-items: center;
  height: 60px;
  justify-content: space-between;}
.my_unit .my_copy{font-size: 18px;
  font-weight: 400;
  color: #505050;}
.my_unit .my_info{display: flex;
  align-items: center;}
.my_list .my_unit .my_info .my_copy.info{    color: #0090e2;
  margin-right: 10px;}
.my_list .my_unit .my_info .my_arrow{width: 10px;}
.my_unit .my_ref{    font-size: 16px;
  font-weight: 400;
  color: #9b9999;
  line-height: 1.4;
  margin-top: 5px;}
.switch_input{display: none;}
.switch_input+.switch_con{min-width: 72px;
  width: 72px;
  height: 36px;
  background-color: #f0f0f0;
  border-radius: 100px;
  padding: 4px;
  box-sizing: border-box;
  transition: all .2s;}
.switch_input+.switch_con .core{background-color: white;
  width: 28px;
  border-radius: 100px;
  height: 28px;
  transition: all .2s;}
.switch_input:checked+.switch_con{background-color: #0092e4;}
.switch_input:checked+.switch_con .core{margin-left: 36px;}
.my_opt_list{border-top: 1px solid #dcdcdc;
  padding-top: 30px;
  margin-top: 20px;}
.my_opt_list .my_unit{margin-bottom: 30px;}
.my_opt_list .my_unit:last-child{margin-bottom: 0px;}

.fix_con{text-align: center;}
.fix_icon{}
.fix_icon img{}
.fix_input{    border: none;
  border-bottom: 1px solid #0092e4;
  width: 100%;
  max-width: 240px;
  padding: 10px 0;
  font-size: 24px;
  font-weight: 400;
  margin-top: 20px;
  text-align: center;
  height: initial;}
.fix_con .copy_con{margin-top: 20px;}
.fix_con .copy_con .fix_tit{    font-size: 18px;
  font-weight: 400;
  margin-bottom: 5px;
  line-height: 1.4;}
.fix_con .copy_con .fix_ref{color: #9b9999;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  word-break: keep-all;}

.btn-wrap.fix_btn_wrap{justify-content: center;}
.btn-wrap .btn.fix_btn{background-color: #f0f0f0;
  color: #b4b4b4;}
.btn-wrap .btn.fix_btn.act{background-color: #0092e4;
  color: white;}
.my_out_list{margin-top: 40px;
  margin-bottom: 20px;}
.my_out_unit{    margin-bottom: 30px;}
.my_out_list .my_out_unit:last-child{margin-bottom: 0px;}
.my_ref{color: #9b9999;
  margin-top: 10px;
  font-weight: 400;
  line-height: 1.4;
  word-break: keep-all;}
.my_ref em{color: #0092e4;}
.my_sub_tit{font-size: 20px;
  margin-bottom: 30px;
  font-weight: 500;}
.out_label{width: 100%;}
.out_label input{display: none;}
.my_out_con{width: 100%;}
.my_out_con .in{display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;}
.my_out_con .in img.done{display: none;}
.out_label input:checked+.my_out_con .in img.done{display: block;}
.out_label input:checked+.my_out_con .in img.none{display: none;}
.my_out_unit .my_copy{    font-size: 18px;
  font-weight: 400;}
.my_out_txt{    background-color: #f0f0f0;
  width: 100%;
  height: 120px;
  border: none;
  resize: none;
  border-radius: 10px;
  margin-top: 20px;
  padding: 15px;
  font-size: 18px;
  font-weight: 400;
  display: none;}
.out_label input:checked+.my_out_con .my_out_txt{display: block;}
.my_out_ref{    color: #9b9999;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  word-break: keep-all;}
.board_sec{min-height: 50vh;}
.join_input_grp{width: 100%;}
.devErrorView label{font-size: 14px;
  font-weight: 300;
  color: red;}
.devErrorView{width: 100%;
  display: block;}
.date_select_list{display: flex;}
.date_select_list .date_label{}
.date_select_list .date_label input{display: none;}
.date_select_list .date_label .date_unit{width: 120px;
  height: 60px;
  border: 1px solid #dcdcdc;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  box-sizing: border-box;
  color: #888888;
  font-size: 18px;
  font-weight: 400;
  cursor: pointer;
  margin-right: 10px;}
.date_select_list .date_label input:checked+.date_unit{background-color: #0092e4; color: white;
  border-color: #0092e4;}

.modal-address {    display: none;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border: 1px solid #333;
  background-color: rgba(0,0,0,0.5);
}
.addr_con{    display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  max-width: 440px;
  margin: 0 auto;}
#popup-wrap {
  border: 1px solid #333;
  width: 100%;
  max-height: 80vh;
}
.input_items .item .unit{width: 100%;
  display: flex;
  flex-wrap: wrap;}
.prof_unit{margin-bottom: 60px;}
.prof_unit:last-child{}
.prof_unit #pgingIn{background-color: white;
  margin: 0px;
  align-items: center;
  height: 90px;}
.prof_imgs{    display: flex;
  align-items: center;
  padding: 20px 0;}
.prof_imgs .prof_img{width: 100px;
  height: 100px;
  border-radius: 100px;
  overflow: hidden;}
.prof_imgs .prof_img img{width: 100%;}
.prof_imgs .prof_copy_con{margin-left: 20px;}
.prof_imgs .prof_copy_con .prof_copy{font-size: 20px;
  margin-bottom: 5px;}
.prof_imgs .prof_copy_con .prof_ref{font-size: 15px;
  font-weight: 400;
  color: #888888;}
.join_list .join_unit.last{border: none;}
.log_con{position: absolute;
  display: none;
  width: 260px;
  right: 0;
  top: 70px;
  padding-top: 10px;}
.login_stat .login_href.out{height: 70px;}
.login_stat .login_href.out:hover .log_con{display: flex;}
.log_con .log_in{width: 100%; background-color: white;
  box-shadow: 0px 2px 6px 2px rgb(0 0 0 / 20%);}
.log_con .log_in .unit{padding: 15px;
  border-bottom: 1px solid #dcdcdc;
  display: flex;
  flex-direction: column;}
.log_con .log_in .unit .log_name{    font-size: 15px;
  font-weight: 500;}
.log_con .log_in .unit .log_copy{font-size: 13px;
  font-weight: 400;
  color: #888888;
  position: relative;
  text-align: left;
  margin-bottom: 20px;
  width: fit-content;
  line-height: 1;}
.log_con .log_in .unit .log_copy:last-child{margin-bottom: 0px;}
.log_con .log_in .unit .log_copy .log_alert{    width: 5px;
  height: 5px;
  background-color: red;
  display: inline-block;
  position: absolute;
  top: 0;
  right: -8px;
  border-radius: 10px;}
.prof_file_input{display: none;}
.prof_imgs .prof_img.ty_02{    overflow: initial;
  margin-right: 10px;}
.prof_imgs .prof_img label{position: relative;}
.prof_imgs .prof_img .prof_plus{    position: absolute;
  width: 30px;
  height: 30px;
  top: 35px;
  right: -15px;}
.join_input_grp .input_unit{    display: flex;
  align-items: center;
  min-height: 70px;}
.join_input_grp .input_unit input{    max-width: 50%;     margin-right: 20px;}
.prof_btn{    width: 140px;
  height: 44px;
  border: 1px solid #dcdcdc;
  color: #888888;
  border-radius: 10px;
  font-size: 16px;}
.join_ref{font-size: 15px;
  font-weight: 400;
  color: #9b9999;
  word-break: keep-all;
  line-height: 1.4;}
.join_ref.ty_02{margin-bottom: 10px;}
.pay_list.ty_02{padding-bottom: 50px;}
.base_sec{}
.compl_tit{font-size: 34px;
  font-weight: 600;
  margin-bottom: 20px;}
.compl_copy{    font-size: 24px;
  font-weight: 400;
  line-height: 1.4;
  word-break: keep-all;
  margin-bottom: 10px;}
.compl_ref{    font-size: 16px;
  font-weight: 400;
  color: #888888;}
.btn-wrap.compl_btn_list{    justify-content: center;}
.btn-wrap.compl_btn_list .btn{    display: flex;
  align-items: center;
  justify-content: center;}
.compl_sec{min-height: 60vh;}
.compl_con{    min-height: 60vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;}
.compl_con .in{text-align: center;
  width: 100%;}
.compl_list{display: flex;
  flex-direction: column;
  margin-top: 60px;}
.compl_list.ty_02{margin-top: 0px;}
.compl_list .unit{width: 100%;
  max-width: 440px;
  margin: 0 auto;
  padding-bottom: 40px;
  border-bottom: 1px dashed #dcdcdc;
  margin-bottom: 40px;}
.compl_list .unit:last-child{border: none;}
.compl_ord_list{    width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 20px;}
.compl_ord_list label{    width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 10px;}
.compl_ord_list label .ord_copy{font-size: 16px;
  font-weight: 400;
  min-width: 80px;
  text-align: left;}
.compl_ord_list label input{width: 100%;
  font-size: 16px;
  font-weight: 400;
  padding: 15px;
  height: initial;
  border: 1px solid #dcdcdc;
  border-radius: 10px;}

.compl_info{}
.compl_info .info_copy{font-size: 18px;
  margin-bottom: 10px;
  font-weight: 400;}
.compl_info .info_copy em{font-weight: 600;}
.login_opt_con .login_text{font-size: 12px;
  font-weight: 400;
  color: #9d9b9b;}
.login_opt_list{    display: flex;
  align-items: center;
  justify-content: space-between;
  width: 150px;}
.error_item{width: 100%;
  display: block;}
.my_fix_btn{margin-top: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 15px;
  background-color: #f0f0f0;
  height: 36px;
  font-size: 14px;
  border-radius: 6px;
  color: #787878;}
.ord_stat_unit{display: flex;
  align-items: center;
  justify-content: space-between;}
.order_stat{font-size: 15px;
  min-width: 100px;
  text-align: center;
  font-weight: 400;
  color: #787878;}















@media (min-width:1280px){
  .header .menu_list_box{display: flex !important;}
}

/*mobile*/
@media only screen and (max-width: 1280px){
  .header{padding: 0 5%;}
  .moIcon{cursor: pointer;
    display: block;
    position: relative;
    width: 26px;
    height: 21px;
    z-index: 1;}
  .header .menu_list_box{display: none;
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    padding: 0 5%;
    padding-top: 70px;
    background-color: white;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
    box-shadow: 0px 0px 8px 4px rgb(0 0 0 / 10%);}
  .header .menu_list{flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    margin-top: 20px;
    border-top: 1px solid #dcdcdc;
    padding-top: 20px;}
  .header .menu_list_box .menu_list_in{flex-direction: column-reverse;
    align-items: flex-start;
    padding: 20px 0 40px 0;}
  .header .menu_list .menu_con{margin-bottom: 20px;}
  .header .menu_list .menu_con:last-child{margin-bottom: 0px;}


  .moLine{width: 26px;
    height: 3px;
    background-color: #333333;
    transition: all 0.4s;
    border-radius: 20px;
    position: absolute;}

  .moIcon .moLine:nth-child(1) {width: 18px;}
  .moIcon .moLine:nth-child(2) {top: 6px;}
  .moIcon .moLine:nth-child(3) {bottom: 6px;}

  .moAct .moLine:nth-child(1) {
    -webkit-transform:translateY(-6px);
    transform: translateY(-6px);
    opacity: 0;}
  .moAct .moLine:nth-child(2) {
    -webkit-transform: translateY(3px) rotate(-45deg);
    transform: translateY(3px) rotate(-45deg);
  }
  .moAct .moLine:nth-child(3) {
    -webkit-transform: translateY(-3px) rotate(45deg);
    transform: translateY(-3px) rotate(45deg);
  }



  /*layout*/
  .mb{display: block !important;}
  .mbib{display: inline-block !important;}
  .pc,.pcib{display: none !important;}

  .mb-header{display: block;position: fixed;width: 100%;background: #fff;text-align: center;z-index: 10;}
  .mb-header .logo{padding: 19px 0;display: inline-block;line-height: 1;font-size: 1em;}
  .mb-header .logo img{height: 22px;}
  .mb-header .mb-burger{position: absolute;right: 5%;top: 20px;cursor: pointer;}
  .mb-header .mb-burger img{height: 20px;}
  .mb-menu{display: none;position: fixed;width: 100%;height: 100vh;background: rgba(0,0,0,0.6);z-index: 99;overflow: hidden;}
  .mb-menu .left{position: absolute;left: -600px;top: 0;width: 82%;max-width: 590px;height: 100vh;background: #fff;overflow-x: auto;}
  .mb-menu .top{position: relative;text-align: left;background: #fff;}
  .mb-menu .top .logo{margin-left: 7%;padding: 19px 0;display: inline-block;line-height: 1;font-size: 1em;}
  .mb-menu .top .logo img{height: 22px;}
  .mb-menu .top .mb-close{position: absolute;right: 6%;top: 19px;cursor: pointer;}
  .mb-menu .top .mb-close img{height: 22px;}
  .mb-menu .lnb > li{cursor: pointer;}
  .mb-menu .lnb > li:first-child > a{border-top: 1px solid #e4e4e4;}
  .mb-menu .lnb > li > a{padding: 17px 5%;position: relative;text-align: left;font-size: 16px;font-weight: 500;line-height: 1;letter-spacing: -2px;color: #2a2a2a;border-bottom: 1px solid #e4e4e4;}
  .mb-menu .lnb > li .ico{margin-right: 8%;display: inline-block;width: 24px;height: 24px;line-height: 23px;text-align: center;}
  .mb-menu .lnb > li .ico img{vertical-align: top;max-height: 100%;}
  .mb-menu .tab-btn{position: absolute;right: 5%;top: 20.5px;display: block;width: 17px;height: 17px;background: url(../img/ico-lnb-plus.png) center no-repeat;background-size: contain;}
  .mb-menu .lnb2{padding: 0 6%;background: #f4f4f4;border-bottom: 1px solid #e4e4e4;}
  .mb-menu .lnb2 li{cursor: pointer}
  .mb-menu .lnb2 li a{position: relative;padding: 13.5px 5%;text-align: left;font-size: 14px;font-weight: 400;line-height: 1;letter-spacing: -1.36px;color: #222;border-bottom: 1px solid #e4e4e4;}
  .mb-menu .lnb2 li a:before{position: absolute;left: 0;top: calc(50% - 1.5px);content: '';display: block;width: 3px;height: 3px;background: #595757;}
  .mb-menu .lnb2 li:last-child a{border-bottom: 0;}
  .mb-menu .lnb > li.on > a{color: #0698e1;}
  .mb-menu .lnb > li.on .tab-btn{background: url(../img/ico-lnb-minus.png) center no-repeat;background-size: contain;}
  .mb-menu .top-menu{height: auto;}
  .mb-menu .top-menu .link-member{float: none;margin: 0;width: 100%;height: 40px;display: flex;justify-content: space-between;}
  .mb-menu .top-menu .link-member a{float: none;margin: 0;}
  .mb-menu .link-sns{margin: 0;position: absolute;bottom: 20px;width: 100%;height: 40px;display: flex;justify-content: space-evenly;}
  .mb-menu .link-sns a{float: none;margin: 0;}
  .mb-menu .link-sns.fClr:after{display: none;}


  .top-banner{top: 60px;height: 100px;background: #0198e1;}
  #content{padding-top: 60px;}
  .main .visual{height: auto;text-align: center;}
  .main .visual .inner{left: 0;width: 100%;display: inline-block;background: none;}
  .main .visual .inner .vs-text{position: absolute;left: calc(50% - 107px);top: calc(50% - 79px);}
  .main .visual .vs-text .main_copy{font-size: 34px;}
  .main .visual .vs-text p{margin-top: 20px;font-size: 20px;line-height: 28px;}
  .main .main-slide{margin-top: -5px;}
  .main-slide .slick-dots li button:before{content: '';width: 10px;height: 10px;border-radius: 50%;background: #fff;opacity: 1;}
  .main-slide .slick-dots .slick-active button:before{content: '';width: 10px;height: 10px;border-radius: 50%;background: transparent;border: 3px solid #fff;box-sizing: border-box;}
  .main-slide .slick-dots li{width: 15px;height: 15px;margin: 0 3px;}
  .main-slide .slick-dots{left: calc(50% - 2.8%);}
  .main .sec02 h3{margin-bottom: 10px;font-size: 24px;line-height: 36px;}
  .main .sec02 h3 .small{font-size: 18px;}
  .main .sec02-list{margin-top: 20px;}
  .main .sec02-list li{padding: 30px 40px;float: none;width: 90%;height: auto;margin: 20px auto 0;}
  .main .sec02-list li:first-child{margin: 0 auto;}
  .main .sec02-list h4{margin-top: 20px;font-size: 18px;line-height: 24px;}
  .main .sec02-list h4 + p{margin-top: 10px;font-size: 16px;line-height: 24px;}
  .main .sec03{padding: 80px 0 100px;}
  .main .sec03 h3{margin-bottom: 10px;font-size: 24px;line-height: 36px;}
  .main .sec03-list{margin-top: 60px;}
  .main .sec03-list li{width: 48%;height: 480px;margin-left: 4%;}
  .main .sec03-list li:nth-child(1),.main .sec03-list li:nth-child(2){margin-top: 0;}
  .main .sec03-list li:nth-child(1){margin-left: 0;}
  .main .sec03-list li:nth-child(3){margin-top: 50px;}
  .main .sec03-list li:nth-child(3n+1){margin-left: 4%;}
  .main .sec03-list li:nth-child(odd){margin-left: 0;}
  .main .sec03-list li .text{height: 220px;}
  .main .sec03-list li .text .tit{font-size: 18px;}
  .main .sec03-list li .text .tit + p{font-size: 16px;line-height: 24px;}
  .main .partners{margin: 0 auto 80px;}
  .main .ptn-list li{margin-left: 4%;margin-right: 0;margin-top: 20px;width: 48%;height: 80px;}
  .main .ptn-list li:nth-child(odd){margin-left: 0;}

  .footer .line01 > div{margin-left: 0;margin-top: 10px;word-break: keep-all;}
  .footer .line01 .info01{margin-top: -5px;margin-left: 40px;}
  .footer .line01 .info02{margin-top: 30px;}
  .footer .line01 .info02,.footer .line01 .info03{width: 100%;}

  .pgTit{margin-top: 40px;font-size: 20px;}

  .sub.board .sec01{margin: 40 auto 80px;}
  .sub.board .board-list{width: 100%;}

  .board .search-box{width: 100%;}
  .board .search-box select{width: 100px;margin-right: 5px;}
  .board .search-box select + label input[type=text]{width: 180px;margin-right: 5px;}
  .paging{margin: 20px auto;}
  .paging ol{margin: 0 10px;}
  .sub.board .board-in{width: 100%;}
  .sub.board .board-in .top .tit{margin-bottom: 5px;font-size: 18px;}
  .sub.board .board-in .top .info .writer-date{font-size: 14px;}
  .sub.board .board-in .text{padding: 20px 0 40px;font-size: 14px;line-height: 22px;}
  .sub.board .board-in .btn-list .btn{width: 120px;}
  .sub.board .board-list.qna > li > ul > li{padding: 10px;}
  .sub.board .board-list.qna > li > ul > li:nth-child(3),.sub.board .board-list.qna > li > ul > li:nth-child(4){padding: 5px 10px;}

  .sub.board .board-list > li > ul > li:nth-child(1){width: 10%;}
  .sub.board .board-list > li > ul > li:nth-child(2){width: 60%;text-align: left;}
  .sub.board .board-list > li > ul > li:nth-child(3){width: 15%;}
  .sub.board .board-list > li > ul > li:nth-child(4){width: 15%;}


  .sub.board .event-list{margin-bottom: 20px;width: 100%;}
  .sub.board .event-list li{margin-top: 40px;height: auto;}
  .sub.board .event-list .img{width: 100%;height: auto;float: none;}
  .sub.board .event-list .text{width: 100%;padding: 20px;float: none;}
  .sub.board .event-list .text .tit{margin: 10px 0 20px;font-size: 18px;}
  .sub.board .event-list .text .date{font-size: 14px;}
  .sub.board .event-list .text .info{font-size: 14px;}

  .form section{margin: 20px auto 100px;width: 90%;}
  .form01 label span{width: 90px;}
  .form01 label input + p{padding-left: 95px;}
  .form01 label select, .form01 label input{width: calc(100% - 95px);}
  .member section{width: 100%;}
  .member-tit{width: 100%;font-size: 20px;margin: 40px auto;}
  .member-tit .btn-back{font-size: 14px;}
  .member .member-box{width: 100%;}
  .member.login .other-link a{font-size: 14px;}

  .mypage .tab-menu{width: 100%;margin: 40px auto;}
  .mypage .tab-menu li a{font-size: 14px;}
  .mypage section{width: 100%;padding-bottom: 80px;margin-bottom: 0;}
  .mypage01 .none{font-size: 14px;}
  .mypage03 input{width: 320px;}
  .mypage03 .btn-wrap{padding-bottom: 0;}
  .mypage .profile{width: 100%;}

  .reserv .form{width: 100%;margin: 40px auto 80px;}
  .reserv .form .tit{font-size: 18px;}
  .reserv .form .p{margin-top: 10px;font-size: 16px;}
  .reserv .form input.search-add{width: calc(100% - 140px);}
  .reserv .form input.search-add + .btn{width: 120px;height: 44px;line-height: 42px;}
  .reserv .form input{font-size: 14px;height: 44px;}
  .reserv .form .p + .gray{font-size: 15px;}
  .reserv .form .p.por .checkbox{font-size: 14px;}

  .product section{width: 100%;margin-bottom: 80px;}
  .product .sub-vs{margin-top: 40px;}
  .product .pd-list{margin: 40px auto 0;}
  .product .pd-list li{margin-top: 40px;width: 48%;margin-right: 4%;}
  .product .pd-list li:nth-child(3){margin-top: 40px;}
  .product .pd-list li:nth-child(3n+3){margin-right: 4%;}
  .product .pd-list li:nth-child(even){margin-right: 0;}
  .reserv .tit2{font-size: 18px;}
  .reserv .sum-price strong{font-size: 18px;}
  .reserv04 .small-p.center{margin-top: 20px;}
  .reserv05 .reserv05-wrap{margin: 0 auto;}
  .reserv05 .confirm-info{float: none;width: 100%;}
  .reserv05 .box{margin-bottom: 40px;}
  .reserv05 .form .confirm-info .label{width: 80px;}
  .reserv05 .form .confirm-info .e-mail{width: 20px;}
  .reserv05 .confirm-info .d-day{font-size: 16px;}
  .reserv05 .confirm-info .pay-list li{width: 25%;}
  .reserv05 .total-price{float: none;width: 100%;}
  .reserv05 .total-price .term-box .check input[type='checkbox']{width: 15px !important;}

  .loading-box{left: 0;}

  .sub.brand01 .img-text{width: 100%;}
  .sub.brand02 .sec01{margin-top: 40px;}
  .sub.brand02 .sec01 h4{font-size: 18px;line-height: 34px;}
  .sub.brand02 .sec01 .photo-list{width: 100%;}
  .sub.brand02 .sec01 .photo-list li{width: 30%;margin-left: 5%;}
  .sub.brand02 .sec01 .estimate{margin: 80px auto 100px;}
  .sub.brand03 .sec01 .photo-list li{width: 48%;margin-left: 4%;}
  .sub.brand03 .sec01 .photo-list li:nth-child(odd){margin-left: 0;}
  .sub.brand03 .sec01 .apply{margin: 60px auto 100px;}
  .sub.brand04 .sec01{margin: 60px auto 100px;}
  .main_sec_02 .title_con .title{font-size: 44px;}
  .main_sec_02 .title_con .copy{}
  .main .main_sec_02{padding: 100px 5% 50px 5%;
    box-sizing: border-box;}
  .main section.impact_sec{padding: 80px 5%;}
  .impact_sec .impact_list .unit .copy_con{padding: 30px;}
  .impact_sec .title_con .title{min-width: 360px;}
  .impact_sec .impact_list .unit .copy_con .title{font-size: 24px;}
  .impact_sec .impact_list .unit .copy_con .copy{font-size: 16px;}
  .impact_sec .num_dot .dot{width: 16px; height: 16px;}
  .main section.sec_bs{padding: 100px 5%;}
  .about .concept_img img{width: 100%;}
  .about .copy_con .brand_head{}

  .review .review_list .unit{width: 49%;}
  .login_stat .login_href.out{height: initial;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;}
  .log_con{position: initial; display: block;
    width: 100%;}
  .log_con .log_in .unit{padding: 15px 0;}
  .log_con .log_in{box-shadow: none;}
  .log_con .log_in .unit:last-child{border: none;}
  .login_stat{width: 100%;}













}

@media (max-width:839px) {
  .header{height: 60px;}
  .header .in .logo img{height: 38px;}
  .visual .vs-text .main_copy{    font-size: 34px;}
  .visual .vs-text p{font-size: 20px;
    margin-top: 10px;}
  .visual .vs-text .main_btn{    height: 54px;
    max-width: 220px;
    font-size: 18px;
    margin-top: 40px;}
  .visual .visual_img{height: 440px;}
  .main_go_list{flex-wrap: wrap;}
  .main_go_list .unit{width: 100%; margin-bottom: 10px;}
  .main_sec{padding: 80px 5% 30px;}
  .main_go_list .unit .text_con .title{font-size: 26px;}
  .main_go_list .unit .text_con .copy{font-size: 18px;}
  .main_go_list .unit .img_con{margin-top: 20px;}
  .main_go_list .unit .img_con .go{    width: 80px;
    height: 80px;
    font-size: 28px;}
  .main_go_list .unit .img_con .go_img{height: 120px;}
  .main_sec_02 .title_con .title{font-size: 34px;}
  .review .list{margin-top: 20px;
    flex-wrap: wrap;}
  .impact_sec .title_con{margin-bottom: 20px;}
  .reserv_back .copy_con .title{font-size: 34px;}
  .reserv_back .copy_con .copy{font-size: 20px;
    margin-top: 10px;}
  .reserv_back{height: 440px;}
  .resv_cal_con{flex-wrap: wrap;}
  .resv_cal_con fieldset{width: 100%;}
  .resv_con .left{width: 100%;
    margin-bottom: 50px;}
  .resv_con .right{width: 100%;}
  .reserv_sec{padding: 0 5%;
    box-sizing: border-box;}
  .pro_list .unit{width: 49%;}
  .notice_con{flex-wrap: wrap;}
  .brand_con .brnad_unit{flex-wrap: wrap;}
  .brnad_unit .con{width: 100%;}
  .bs_tit{margin-bottom: 40px;}
  .br_copy{font-size: 18px;}
  .bs_slo_con .slo_copy_con .slo_copy{font-size: 18px;}
  .n_com_title{font-size: 34px;}
  .apply_box{flex-wrap: wrap;}
  .apply_box .photo-list{width: 100%; margin-bottom: 60px;}
  .apply_box .apply_con{width: 100%;}

  .login_back .in{justify-content: center;}
  .find_con{flex-wrap: wrap;}
  .find_con .find_unit{width: 100%; margin-bottom: 60px;}
  .find_con .find_unit:last-child{margin-bottom: 0px;}
  .sto_list .unit{width: 49%;}
  .sto_list .unit .copy{font-size: 16px;}
  .sto_list .unit img{border-radius: 20px;}
  .sto_list{margin-bottom: 40px;}
  .sign_up_tit{}
  .join_list .join_unit{flex-wrap: wrap;
    padding: 20px;}
  .join_list .join_unit .join_tit{    width: 100%;
    margin-bottom: 10px;}
  .join_list .join_unit .join_input{height: 54px;}
  .join_list .join_unit .join_type_list{height: 54px;}
  .prof_imgs .prof_copy_con .prof_copy{font-size: 18px;}
  .prof_imgs .prof_copy_con .prof_ref{font-size: 14px;}










}


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

  .pcib-s{display: none !important;}
  .mbib-s{display: inline-block !important;}

  .main-slide .slick-dots{left: calc(50% - 8%);}
  .main .sec03-list{margin-top: 0;}
  .main .sec03-list li{float: none;width: 90%;height: 480px;margin: 40px auto 0;}
  .main .sec03-list li:nth-child(odd){margin: 40px auto 0;}
  .main .sec03-list li:nth-child(2){margin: 40px auto 0;}
  .main .partners .ptn-list{width: 90%;}
  .main .ptn-list li{margin: 0 auto 20px;width: 100%;height: auto;}

  .sub.board .sec01{margin: 40px auto 100px;}
  .sub.board .board-list{width: 100%;margin-bottom: 20px;}
  .sub.board .board-list > li > ul.head{height: 5px;border-top: 0;background: #0698e1;}
  .sub.board .board-list > li > ul.head li{display: none;}
  .sub.board .board-list > li > ul > li{padding: 5px 10px;}
  .sub.board .board-list > li > ul > li:nth-child(1){display: none;}
  .sub.board .board-list > li > ul > li:nth-child(2){width: 100%;text-align: left;}
  .sub.board .board-list > li > ul > li:nth-child(3){width: 30%;text-align: left;}
  .sub.board .board-list > li > ul > li:nth-child(4){width: 30%;text-align: left;}
  .sub.board .board-list.qna .answer{padding: 10px 10px 15px 10px;}

  .reserv .form .p .btn-opt{width: 91px;font-size: 12px;}
  .reserv .optcheck-list li{font-size: 14px;}
  .reserv .optcheck-list .optInfo{font-size: 12px;}
  .reserv .optcheck-list li span{font-size: 12px;}
  .reserv .total-box .inner{width: 100%;}
  .btn-wrap.taR{text-align: center;}
  .reserv05 .confirm-info .tit .tit-btn{width: 80px;font-size: 14px;}
  .reserv .w250{width: calc(100% - 80px) !important;}
  .reserv05 .form .confirm-info input.e-mail{width: calc(100% - 80px - 45%) !important;}

  .sub.brand01 .sec01 p{margin-bottom: 80px;}
  .sub.brand01 section h4{font-size: 34px;line-height: 48px;}
  .sub.brand01 section > p{font-size: 16px;line-height: 32px;}
  .sub.brand01 .img-text{width: 100%;}
  .sub.brand01 .img-text .fRight.img{float: none !important;width: 100%;text-align: center;}
  .sub.brand01 .img-text .fLeft{float: none !important;width: 100%;text-align: center;}
  .sub.brand01 .img-text > div > strong{font-size: 28px;line-height: 40px;text-align: center;}
  .sub.brand01 .img-text > div > p{font-size: 16px;line-height: 32px;text-align: center;padding-right: 0;}
  .sub.brand01 .img-text > div{float: none !important;width: 100%;text-align: center;}
  .sub.brand01 .sec01 .img-text > div.fRight > p{margin-top: 0;}
  .sub.brand01 .img-text > div.fRight > p{padding-left: 0;}
  .sub.brand01 .img-text > div > p .light{font-size: 14px;}
  .sub.brand01 .sec01{padding-bottom: 0;}
  .sub.brand01 .sec02{margin-top: 0;margin-bottom: 80px;}
  .sub.brand01 .sec02 h4{margin-top: 0;}
  .sub.brand01 .sec03{margin-top: 0;}
  .sub.brand01 .sec03 .img-text > div.fLeft > strong{margin: 40px auto 30px;}
  .sub.brand01 .sec03 .img-text:last-of-type{margin-top: 60px;}
  .sub.brand01 .sec03 .img-text > div.fRight > strong{padding-left: 0;margin: 60px auto 0;}
  .sub.brand01 .sec04 .midium{font-size: 20px;margin: 0 auto 20px;}
  .sub.brand01 .sec04 .shining{font-size: 24px;line-height: 38px;}
  .sub.brand01 .sec04 strong{font-size: 34px;line-height: 48px;}
  .sub.brand02 .sec01 .photo-list li{width: 48%;margin-left: 4%;}
  .sub.brand02 .sec01 .photo-list li:nth-child(3){margin-top: 40px;margin-left: 0;}
  .sub.brand02 .sec01 .photo-list li:nth-child(3n+1){margin-left: 4%;}
  .sub.brand02 .sec01 .photo-list li:nth-child(odd){margin-left: 0;}
  .sub.brand02 .sec01 .photo-list li img{width: auto;max-width: 100%;height: 160px;}
  .sub.brand02 .sec01 .estimate{margin: 40px auto 0;padding-bottom: 80px;}
  .sub.brand03 .sec01 .apply{margin: 40px auto 0;padding-bottom: 80px;}
  .sub.brand04 .sec01{margin: 40px auto 0;padding-bottom: 80px;}
  .partner_list{flex-wrap: wrap;}
  .partner_list li{width: 28%;}

  .member.guest .member-box, .member.guest .complete-box{width: 100%;}
  .member.guest section{margin-bottom: 80px;}
  .about{flex-wrap: wrap;}
  .about .copy_con{width: 100%;}
  .about .copy_con .brand_head{font-size: 44px;}
  .about .copy_con .copy_list{margin-top: 20px;}
  .about .copy_con .copy_list .copy{font-size: 12px;}
  .about .concept_img{margin: 0 auto;
    margin-top: 40px;
    width: 80%;}
  .saying .say_con{position: relative;
    z-index: 1;
    padding-bottom: 60px;}
  .saying .say_con .say{padding: 0 20px;
    box-sizing: border-box;
    font-size: 18px;
    text-align: right;
    max-width: 240px;
    margin: 0 0 0 auto;}
  .saying .say_con .who{text-align: right;
    padding: 0 20px;
    font-size: 12px;
    margin-top: 20px;}
  .saying .img{height: 80%;
    bottom: 0;
    top: initial;
    left: 0;}
  .saying{overflow: hidden;}
  .slick-dots li{width: 12px;
    height: 12px;
    margin: 4px 0;}
  .concept-slide .slick-dots li button:before{width: 12px; height: 12px;}
  .concept-slide .slick-dots .slick-active button:before{width: 12px; height: 12px;}
  .concept-slide .slick-dotted.slick-slider{position: relative;}
  .concept-slide .slick-dots{position: absolute;
    top: 0;
    right: 10px;
    width: 12px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transform: rotate(0);
    left: initial;}
  .sns_con{z-index: 2;
    bottom: 20px;
    right: 20px;}
  .sns_con .in a{width: 50px;}
  .pro_tap_con .tap{max-width: 120px;
    height: 50px;
    line-height: 48px;
    font-size: 16px;}
  .product .pd-list .name{font-size: 13px;
    line-height: 1;}
  .product .pd-list .cost{font-size: 12px;
    line-height: 1;}
  .product .pd-list figcaption{margin-top: 5px;}
  .pro_img{border-radius: 20px;}
  .cleaning .bs_top{padding-top: 0px;}
  .serv_title .title{font-size: 24px;}
  .serv_title{margin-bottom: 30px;}
  .cleaning .list{flex-wrap: wrap;}
  .cleaning .list .unit{width: 49%;
    margin-bottom: 2%;}
  .cleaning .list .unit img{padding: 20px;}
  .cleaning .list .unit .title{font-size: 16px;
    word-break: keep-all;
    line-height: 1.2;
    margin-bottom: 0;}
  .cleaning .list .unit .copy{font-size: 12px;
    padding: 20px;
    padding-top: 10px;}
  .guide_sec .bs_top{padding-top: 80px;}
  .serv_title .copy{font-size: 14px;
    margin-top: 15px;}
  .guide_sec .list{flex-wrap: wrap;}
  .guide_sec .list .unit{width: 49%; margin-bottom: 3%;}
  .guide_sec .list .unit .con .title{font-size: 16px;
    word-break: keep-all;
    line-height: 1.2;
    padding: 10px 0;}
  .guide_sec .list .unit .con .copy{font-size: 14px;
    line-height: 1;}
  .guide_sec .list .unit .con{padding: 15px;
    border-radius: 20px;}
  .guide_sec .list .unit:last-child{width: 100%;}
  .guide_sec .list .unit.act .con .premium{width: 40px;
    top: -10px;
    right: -10px;
    height: 40px;}
  .guide_sec .list .unit .ref{font-size: 12px;}
  .guide_sec .list .unit .ref em{font-size: 18px;}
  .care_list{flex-wrap: wrap;}
  .care_list .unit{    width: 100%;
    margin-bottom: 30px;}
  .care_list .unit .title{font-size: 18px;
    margin-bottom: 10px;}
  .care_list .unit .con{border-radius: 20px;
    padding: 10px;}
  .care_list .unit .con .copy{font-size: 14px;
    margin: 4px;}
  .guide_imgs{flex-wrap: wrap;
    margin-top: 0px;}
  .guide_imgs .unit{width: 49%;
    margin-bottom: 20px;}
  .guide_imgs .unit .copy{line-height: 1;
    margin-top: 5px;
    font-size: 12px;}
  .optcheck-list .count input{height: 30px;}
  .optcheck-list .count input{height: 30px;
    font-size: 12px;
    line-height: 1;
    width: 30px;
    border-radius: 6px;}
  .optcheck-list .opt_wrap > label input[type='checkbox'] {
    min-width: 17px;
    margin-right: 10px;
  }
  .optcheck-list li label .opt_con .copy_con{word-break: keep-all;
    font-size: 14px;}
  .reserv .reserv_opt_list .opt_unit span{font-size: 14px;}

  .social .title_con .sub_title{font-size: 18px;
    margin-bottom: 20px;}
  .social .title_con .title{font-size: 28px;}
  .social .list{margin-top: 40px;
    flex-wrap: wrap;}
  .social .list .unit{width: 100%;
    margin-bottom: 40px;}
  .social .list .unit .img{max-width: 200px;
    margin: 0 auto;}
  .social .list .unit .title{    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 5px;}
  .social .list .unit .copy{font-size: 16px;}
  .main section.impact_sec{margin-top: 0px;}
  .main_sec_02 .title_con .title{font-size: 28px;}
  .main_sec_02 .title_con .copy{font-size: 16px;
    margin-top: 10px;}
  .review .list .unit .review_copy .copy{font-size: 12px;}
  .review .list .unit .name{font-size: 16px;}
  .review .list .unit .rate{margin-top: 15px;
    align-items: center;}
  .review .list .unit .rate img{width: 60px;}
  .review .list .unit .rate .copy{font-size: 13px;}
  .review .more{margin-top: 20px;}
  .main_sec_02 .prod_banner .prod_con .title{font-size: 20px;}
  .main_sec_02 .prod_banner .prod_con .copy{font-size: 15px;}
  .main_sec_02 .prod_banner .prod_con .link_btn{font-size: 15px;
    width: 100px;
    height: 30px;
    line-height: 30px;
    margin-top: 20px;}
  .main_sec_02 .prod_banner .prod_con{padding: 30px;}
  .main_sec_02 .prod_banner{border-radius: 20px;
    background-position-x: 85%;}
  .main .main_sec_02{padding-top: 60px;}
  .impact_sec .title_con .title{width: 120px;
    min-width: 120px;}
  .main_sec_02 .title_con .title em{word-break: keep-all;}
  .impact_sec .title_con .num_con{min-width: 60px;}
  .impact_sec .title_con .num_con .curr_num{font-size: 24px;}
  .impact_sec .title_con .num_con .total_num{font-size: 14px;}
  .main section.impact_sec{padding: 60px 5%;}
  .impact_sec .title_con{margin-bottom: 20px;}
  .impact_sec .impact_list .unit{flex-wrap: wrap;
    flex-direction: column-reverse;}
  .impact_sec .impact_list .unit .copy_con{    width: 100%;
    padding: 20px;
    padding-bottom: 80px;}
  .impact_sec .impact_list .unit .img .img_back{    background: linear-gradient(0deg, #f1efe2, transparent);
    width: 100%;
    max-width: initial;
    height: 50%;
    bottom: 0;
    top: auto;}
  .impact_sec .impact_list .unit .img{width: 100%;}
  .impact_sec .impact_list .unit .copy_con .title{font-size: 20px;
    margin-bottom: 10px;}
  .impact_sec .impact_list .unit .copy_con .copy{font-size: 14px;}
  .impact_sec .num_dot{margin-top: 20px;}
  .impact_sec .num_dot .dot{width: 12px; height: 12px;}
  .reserv_sec .con{flex-wrap: wrap;
    margin-top: 40px;}
  .reserv_sec .con > .img{width: 100%;}
  .reserv_sec .con .btn_con{width: 100%;
    margin-top: 20px;}
  .reserv_sec .con .btn_con .main_reserv_btn{width: 240px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;}
  .reserv_sec .con .btn_con .img{}
  .reserv_sec .con .btn_con .img img{max-width: 220px;}
  .impact_sec_02 .title_con .title{min-width: 160px; width: 160px;}
  .review .review_list .unit{width: 100%;}
  .impact_num_con{    bottom: 20px;
    width: 64px;}
  .impact_num_con .num{font-size: 13px;}
  .impact_num_con .num_line{}
  .tips .list.tip_list .unit{width: 100%;margin-bottom: 30px;}
  .tips .list.tip_list .unit .tip_copy .copy{font-size: 14px;}






}

@media(max-width:579px) {
  .visual .vs-text .main_copy{font-size: 26px;}
  .visual .vs-text p{font-size: 16px;
    margin-top: 5px;}
  .visual .vs-text .main_btn{max-width: 160px;
    height: 44px;
    font-size: 16px;
    border-radius: 6px;
    margin-top: 30px;}
  .visual .visual_img{height: 340px;}
  .main_go_list .unit{border-radius: 10px;
    padding: 24px;}
  .main_go_list .unit .text_con .title{font-size: 22px;
    margin-bottom: 5px;}
  .main_go_list .unit .text_con .copy{font-size: 14px;}
  .main_go_list .unit .img_con .go{width: 60px;
    height: 60px;
    font-size: 22px;}
  .main_go_list .unit .img_con .go_img{height: 100px;}
  .top_sec{padding-top: 30px;}
  .main_go_list .unit .img_con{margin-top: 10px;}
  .review .list .unit{width: 100%; margin-bottom: 10px;}
  .review .list .unit:last-child{margin-bottom: 0px;}
  .review .more .btn{width: 160px;
    height: 48px;
    font-size: 16px;}
  .footer .footer_logo_con{flex-wrap: wrap;}
  .footer .footer_logo_con .sns_list{margin-top: 20px;
    max-width: 240px;}
  .footer .foot_info{margin-top: 20px;}
  .ft-logo{display: flex; width: 100%;}
  .reserv_back{height: 340px;}
  .reserv_back .copy_con .title{font-size: 26px;
    margin-bottom: 0px;}
  .reserv_back .copy_con .copy{font-size: 16px;
    margin-top: 5px;}
  .resv_cal_con .tit{font-size: 16px;}
  .reserv .year-month .now{font-size: 16px;}
  .reserv .tb-cal td span{font-size: 14px;
    width: 44px;
    height: 44px;
    line-height: 44px;}
  .reserv .tb-cal th{font-size: 14px;
    height: 44px;}
  .reserv .tb-cal td{height: 44px;}
  .reserv .year-month{margin-bottom: 10px;}
  .reserv .calendar{padding: 30px 0;}
  .btn-wrap.reseerv_btn_wrap{margin-top: 20px;}
  .btn-wrap.reseerv_btn_wrap .btn{width: 140px;
    height: 48px;
    font-size: 16px;}
  .chk_label .chk_unit .chk_copy{font-size: 14px;
    margin-left: 8px;}
  .chk_label .chk_unit .sub_copy{    font-size: 12px;}
  .chk_label .chk_unit .reserv_icon{    width: 24px;
    min-width: 24px;}
  .resv_con .left .type_list .reserv_chk_unit{height: 80px;}
  .chk_label .reserv_chk_unit .reserv_icon_02{    width: 24px;
    height: 24px;
    min-width: 24px;}
  .resv_con .type_list .chk_label{margin-bottom: 10px;}
  .resv_con .sub_tit{font-size: 12px;}
  .resv_con .right .reserv_con .input_box .input_con .con_tit{font-size: 14px;}
  .resv_con .right .reserv_con .input_box .input_con .input_list .input_unit label{    width: 25%;
    margin-right: 0px;
    padding-right: 15px;}
  .resv_con .right .reserv_con .input_box .input_con .input_list .memo_con .txt_area{font-size: 14px;}
  .com_input{font-size: 14px;
    height: 60px;}
  .resv_con .right .reserv_con .input_box .input_con{margin-bottom: 30px;}
  .input_cnt_con label .radio_tit{    font-size: 14px;
    margin-left: 8px;}
  .agree_con .in .agr_copy{font-size: 12px;}
  .input_cnt_con .cnt_con .cnt_num{    width: 40px;
    font-size: 14px;}
  .chk_label .chk_icon{    min-width: 20px;
    width: 20px;
    display: flex;}
  .input_cnt_con .cnt_con .cnt_icon{    width: 20px;}
  .serv_txt_con .serv_tit{font-size: 16px;
    margin-bottom: 5px;}
  .serv_txt_con .serv_copy{font-size: 14px;}
  .serv_txt_con .serv_txt_list .serv_txt{font-size: 14px;}
  .btn_type_01 .cost_total{font-size: 20px;}
  .radio_ref{    font-size: 12px;}
  .com_input.ty_02{max-width: initial;}
  .pro_list .unit .copy_con .copy{font-size: 14px;}
  .bs_sec{margin: 100px 0;}
  .bs_tit{font-size: 26px;}
  .notice_con .list .unit .tit_con .copy_box .tit{font-size: 14px;}
  .notice_con .list .unit .tit_con .copy_box .date{font-size: 12px;}
  .notice_con .list .unit .tit_con{padding: 15px 0;}
  .notice_con .list .unit .text_con .in span{font-size: 14px;}
  .bs_slo_con{    flex-wrap: wrap;
    justify-content: center;
    margin-top: 30px;}
  .bs_slo_con .slo_img{}
  .bs_slo_con .slo_copy_con{padding: 30px;
    padding-top: 0px;}
  .bs_slo_con .slo_copy_con .slo_copy{font-size: 16px;
    margin-bottom: 10px;}
  .br_copy{font-size: 14px;}
  .brnad_unit .logo_list .unit img{width: 70%;}
  .brnad_unit .logo_list{margin-bottom: 30px;}
  .brnad_unit .logo_list .unit .bs_copy{font-size: 14px;}
  .coop_list .unit{    width: 50%;
    padding: 5%;}

  .n_com_title{font-size: 26px;}
  .n_sub_sec_01{margin-top: 20px}
  .apply_box .photo-list li{width: 48%;}
  .apply_box .photo-list li figure figcaption{font-size: 14px;}
  .apply_box .apply_con > .title{font-size: 20px;
    word-break: keep-all;}
  .apply_box .apply_con .sub_title{font-size: 16px;}
  .apply_con .input_list .input_unit .input_title{font-size: 14px;
    min-width: 80px;}
  .apply_con .input_list .input_unit{margin-bottom: 20px;}
  .agree_con{margin-top: 20px;}
  .apply_con .input_list{margin-top: 20px;}
  .apply_box .apply_con .form_con{margin-top: 40px;}
  .apply_btn_con .apply_tel{font-size: 14px;}
  .apply_box{margin-bottom: 60px;}
  .login_tit{font-size: 20px;}
  .mail_login_con{    padding: 0 30px;}
  .login_input{font-size: 14px;
    height: 50px;}
  .login_btn{
    height: 50px;
    font-size: 16px;}
  .login_btn.ty_01{max-width: 100px;}
  .join_con.ty_02{padding: 100px 5%;}
  .sign_up_tit{font-size: 16px;}
  .join_list .join_unit{    padding: 15px;}
  .join_list .join_unit .join_tit{font-size: 14px;
    min-width: 70px;
    word-break: keep-all;}
  .join_list .join_unit .join_input{    padding: 10px;
    height: 50px;
    font-size: 14px;
    width: 100%;
    max-width: initial;
    margin: 0px;}
  .join_btn_list .join_btn{    font-size: 16px;
    width: 160px;
    height: 50px;
    font-weight: 500;}
  .tit_con .serv_tit,.opt_tit, .type_box .type_tit{font-size: 16px;}
  .mail_login_con .btn_list .agree_unit label input+span .login_icon{width: 20px;}
  .mail_login_con .btn_list .agree_unit label input+span .copy{margin-left: 8px;}
  .join_type_list label input+span img{width: 20px;}
  .join_type_list label input+span .copy{font-size: 14px; margin-left: 6px;}
  .join_type_list label{min-width: 80px;}
  .join_agree_con .chk_label .chk_unit .chk_copy{font-size: 14px;
    margin-left: 8px;}
  .join_btn_list .join_btn{margin: 0 5px;}
  .join_agree_con{margin-top: 20px; margin-bottom: 30px;}
  .devErrorView label{font-size: 12px;}
  .main_sec_02 .title_con .title{font-size: 26px;}
  .date_select_list .date_label .date_unit{    font-size: 14px;
    width: fit-content;
    height: 45px;
    padding: 0 20px;
    margin-right: 5px;
    margin-bottom: 5px;}
  .date_select_list{flex-wrap: wrap;}
  .sto_list .unit .copy{font-size: 14px;
    margin-top: 5px;}
  .reserv_sec.ty_02{padding: 60px 5%;}
  .pay_con .pay_top{padding: 0 20px;
    height: 70px;}
  .pay_con .pay_top .pay_logo{width: 60px;}
  .pay_con .pay_date{font-size: 16px;}
  .pay_list .pay_unit{padding: 0 20px;
    margin-top: 30px;}
  .pay_list .pay_unit .pay_tit_con .pay_tit{font-size: 16px;
    word-break: keep-all;}
  .pay_list .pay_unit .pay_tit_con .pay_href{font-size: 14px;}
  .pay_items{padding: 15px 0;}
  .pay_items .item .copy{font-size: 14px;}
  .pay_items .item{margin-bottom: 15px;}
  .btn-wrap.ty_02{padding: 0 20px;
    margin-bottom: 20px;}
  .btn-wrap.reseerv_btn_wrap .btn.n_reserv_btn.ty_02{font-size: 16px;}
  .prof_imgs .prof_copy_con .prof_copy{font-size: 15px;
    margin-bottom: 2px;}
  .prof_imgs .prof_copy_con .prof_ref{font-size: 13px;}
  .prof_imgs .prof_img{width: 80px;
    height: 80px;}
  .prof_imgs .prof_copy_con{margin-left: 10px;}
  .prof_imgs{padding: 10px 0}
  .paging p, .paging ol li{    width: 26px;
    height: 26px;
    font-size: 15px;
    line-height: 26px;}
  .paging p{    width: 34px;
    height: 34px;
    margin: 0 3px;}
  .paging ol{margin: 0 5px}
  .prof_imgs .prof_img .prof_plus{    width: 24px;
    height: 24px;
    top: 28px;
    right: -12px;}
  .join_ref.ty_02{font-size: 13px;}
  .prof_btn{font-size: 14px;
    width: fit-content;
    padding: 0 15px;
    margin-top: 5px;}
  .join_ref{font-size: 13px;}
  .join_input_grp .input_unit{flex-wrap: wrap;}
  .login_opt_con{padding: 0 30px;}
  .compl_tit{font-size: 24px;}
  .compl_copy{font-size: 20px;}
  .compl_list{    margin-top: 40px;}
  .compl_info .info_copy{font-size: 18px;}
  .compl_ref{font-size: 13px;}
  .compl_ord_list label .ord_copy{    font-size: 14px;
    min-width: 70px;}
  .compl_ord_list label input{padding: 10px;
    font-size: 14px;}
  .join_list .noData{font-size: 14px;}
  .my_fix_btn{font-size: 12px;
    padding: 0 12px;
    height: 32px;}
  .order_stat{font-size: 14px;
    min-width: 90px;}













}