/* 서브 공통 */ #popup_info{position: fixed;width: 100%;height: 100%;top: 0;left: 0;display: table;z-index: 99;background: rgba(0,0,0,0.2);z-index: -1} #popup_info.on{z-index: 9999;} #popup_info .pop_in{display: table-cell;vertical-align: middle;width: 100%} #popup_info .pop_in .pop_area{width: 800px;margin: 0 auto;overflow: hidden;border-radius: 30px;position: relative;} #popup_info .pop_in .pop_area button{position: absolute;top: 37px;right: 37px;z-index: 8} #popup_info .pop_in .mySwiper img{width: 100%;display: block;} #popup_info .pop_in .mySwiper img{width: 100%;display: block;} #popup_info .pop_in .swiper-button-next{right: 40px} #popup_info .pop_in .swiper-button-prev{left: 40px} #inq_pop{position: fixed;width: 100%;height: 100%;top: 0;left: 0;display: table;z-index: 99;background: rgba(0,0,0,0.2);z-index: -1} #inq_pop.on{z-index: 9999;} #inq_pop .pop_in{display: table-cell;vertical-align: middle;width: 100%} #inq_pop .pop_in .pop_area{width: 800px;margin: 0 auto;overflow: hidden;border-radius: 30px;position: relative;background: #fff;padding: 30px;padding-top: 37px;} #inq_pop .pop_in .pop_area .tit{border-bottom: 1px solid #61443a;padding-bottom: 10px;margin-bottom: 20px;} #inq_pop .pop_in .pop_area .tit strong{font-size: 22px;line-height: 46px;display: block;color: #61443a} #inq_pop .pop_in .pop_area button{position: absolute;top: 37px;right: 37px;z-index: 8} #inq_pop .pop_in .pop_area ul li{margin-bottom: 20px;} #inq_pop .pop_in .pop_area ul li strong{display: block;font-size: 17px;margin-bottom: 6px;} #inq_pop .pop_in .pop_area ul li p{font-size: 16px;line-height: 1.7;word-break: keep-all;} #inq_pop .pop_in .pop_area em{font-size: 16px;line-height: 1.7;word-break: keep-all;display: block;margin-top: 30px;} .capcha{display: flex;align-items: center;margin-top: 15px;justify-content: center} .sub_con{background: #fff} #sub{background: #fff;} #sub .sub_visual{ height: 550px; position: relative; z-index: 10} #sub .sub_tab{position: relative;z-index: 22} #header.sub .gnb > ul > li > a{color: #231f20} #header.sub h1 a:after{ content:""; display: block; width: 100%; height: 100%; background: url('/img/common/logo2.png') center center no-repeat; position: absolute; left: 0; top: 0; background-size: 100% 100% } #map1{height: 100%} #map{width: 100%;height: 100%} #sub .sub_visual .img_wrap{ width: 100%; height: 100%; position: relative; background-color: #61443a; overflow: hidden; } #sub .sub_visual .img_wrap img{ min-height: auto; min-width: 100vw; object-fit: fill; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(1.1); opacity: .6; width: auto !important; margin-top:0 !important } #sub.marketing .sub_visual .img_wrap{background: #F8F7F6} #sub.marketing .sub_visual .txt_wrap strong{color: #231F20} #sub.marketing .sub_visual .txt_wrap p{color: #61443A} #popup #popup{display: block;} #popup.on{display: block;} #sub.f_price .inq_btn a{display: block;width: 740px;margin: 0 auto;margin-top:160px;line-height: 82px;background: #2d2317;font-weight: 600;color: #ffffff;font-size: 24px;text-align: center;border-radius: 20px 0 20px 0;transition: 1s;box-shadow: 0 0 0 0px rgba(51, 35, 23, 0.15);} #sub.f_price .inq_btn a:hover{background-color: #403426;box-shadow: 13px 13px 40px 0px rgba(51, 35, 23, 0.15);} #sub.franchise .inq_btn a{display: block;width: 740px;margin: 0 auto;line-height: 82px;background: #2d2317;font-weight: 600;color: #ffffff;font-size: 24px;text-align: center;border-radius: 20px 0 20px 0;transition: 1s;box-shadow: 0 0 0 0px rgba(51, 35, 23, 0.15);} #sub.franchise .inq_btn{margin-top: 60px} #sub.franchise .inq_btn a:hover{background-color: #403426;box-shadow: 13px 13px 40px 0px rgba(51, 35, 23, 0.15);} #sub{background: #fff;z-index: 2;position: relative;} #map_pop{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: -1;background: rgba(0,0,0,0.5);display: table;} #map_pop.on{display: table;z-index: 9999;} #map_pop .pop_wrap{display: table-cell;vertical-align: middle;width: 100%;} #map_pop .pop_wrap .pop_area{width: 1100px;margin: 0 auto;background: #fff;border-radius: 40px;overflow: hidden;position: relative;} #map_pop .pop_wrap .pop_area button{position: absolute;top: 37px;right: 37px;z-index: 8} #map_pop .pop_wrap .pop_area .img img{max-width: 100%} #map_pop .pop_wrap .pop_area .txt_w{padding: 40px 35px;} #map_pop .pop_wrap .pop_area .tit{margin-bottom: 15px;} #map_pop .pop_wrap .pop_area .tit:after{content: '';display: block;clear: both;} #map_pop .pop_wrap .pop_area .tit strong{float: left;font-size: 32px;color: #333333;} #map_pop .pop_wrap .pop_area .tit span{float: right;font-size: 16px;color: #767171;padding-top: 10px;} #map_pop .pop_wrap .pop_area .txt:after{content: '';display: block;clear: both;} #map_pop .pop_wrap .pop_area .txt p{font-size: 16px;color: #767171;line-height: 28px;float: left;} #map_pop .pop_wrap .pop_area .txt span{float: right;color: #a57454;font-size: 16px;padding-top: 28px;} #map_pop .pop_wrap .pop_area .txt span:before{content: '';display: inline-block;vertical-align: middle;width: 10px;height: 14px;background: url(/img/sub/pin_icon.png);position: relative;top: -2px;margin-right: 8px;} #sub.on .sub_visual .img_wrap img{ transform: translate(-50%,-50%) scale(1); opacity: 1; transition: transform 5s, opacity 3s; } #sub .sub_visual .txt_wrap{ position: absolute; left: 0; top: 54%; transform: translate(0,-50%); width: 100%; text-align: center; } #sub .sub_visual .txt_wrap strong{ font-family: 'GmarketSans'; display: block; font-size: 60px; font-weight: 600; color:#ffffff; } #sub .sub_visual .txt_wrap p{ font-size: 28px; font-weight: 500; color:#ffffff; } #sub .sub_visual .txt_wrap strong{ transform: translateY(30px); opacity: 0; transition: transform .8s, opacity .8s; } #sub.on .sub_visual .txt_wrap strong{ transform: translateY(0px); opacity: 1; transition-delay: .2s; } #sub .sub_visual .txt_wrap p{ transform: translateY(30px); opacity: 0; transition: transform .8s, opacity .8s; } #sub.on .sub_visual .txt_wrap p{ transform: translateY(0px); opacity: 1; transition-delay: .4s; } #sub .sub_tab{ margin-top: -35px; } #sub .sub_tab ul li{ float: left; height: 69px; position: relative; } #sub .sub_tab ul li a{ display: block; line-height: 69px; text-align: center; font-size: 24px; font-weight: 500; color:#a57454; position: relative; z-index: 1; } #sub .sub_tab ul li:before{ content:""; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background: url('/img/sub/tab_bg01.png') center center no-repeat; background-size: 100% 100%; } #sub .sub_tab ul li:nth-child(2):before{ background-image: url('/img/sub/tab_bg02.png'); } #sub .sub_tab ul li:nth-child(2){ transform: translate(-1.5%,0);} #sub .sub_tab ul li:nth-child(3):before{ background-image: url('/img/sub/tab_bg03.png'); } #sub .sub_tab ul li:nth-child(4):before{ background-image: url('/img/sub/tab_bg04.png'); } #sub .sub_tab ul li:nth-child(1) a{ padding-right: 10px; } #sub .sub_tab ul li.on{ z-index: 1; } #sub .sub_tab ul li.on:after{ content:""; display: block; width: 8px; height: 8px; background-color: #fff; border-radius: 50%; position: absolute; left: 12px; top: 10px; } #sub .sub_tab ul li.on:before{ filter: drop-shadow(20px 20px 27px rgba(45,40,37,0.32)); } #sub .sub_tab ul li.on:nth-child(1):before{ background-image: url('/img/sub/tab_bg01_on.png'); } #sub .sub_tab ul li.on:nth-child(2):before{ background-image: url('/img/sub/tab_bg02_on.png'); } #sub .sub_tab ul li.on:nth-child(2):after{ left: 30px; } #sub .sub_tab ul li.on:nth-child(3):before{ background-image: url('/img/sub/tab_bg03_on.png'); } #sub .sub_tab ul li.on:nth-child(4):before{ background-image: url('/img/sub/tab_bg04_on.png'); } #sub .sub_tab ul li.on a{ color: #fff; } #sub .tab_4 ul li{ width: 25%; } #sub .tab_4 ul li:nth-child(4){ width: 24%; margin-left: 1%; } #sub .tab_3 ul li{ width: 33.333333333333%; } #sub .sub_con{ margin-top: -35px; } #sub .con_w{ padding-bottom: 160px; position: relative;z-index: 2} #sub .con_w2{ margin-bottom: 160px; } #sub .con_w3{ margin-bottom: 80px; padding-bottom: 0; } #sub .con_w:first-child{ padding-top: 140px; } #sub .sub_t{ margin-bottom: 50px; } #sub .sub_t strong{ display: block; font-size: 50px; font-weight: 600; text-align: center; color: #61443a;} #sub .p01{ font-size: 26px; line-height: 46px; font-weight: 500; letter-spacing: -0.05em; text-align: center; color: #333333; } #sub .p01 span{ color:#a57454; } #sub.store .con_w{padding-bottom: 0} #sub.store .con02{padding-top: 160px;display: block;} #sub .sub_t strong{ transform: translateY(30px); opacity: 0; transition: transform .8s, opacity .8s; } #sub .on .sub_t strong{ transform: translateY(0); opacity: 1; } #sub .p01{ transform: translateY(30px); opacity: 0; transition: transform .8s, opacity .8s; } #sub .on .p01{ transform: translateY(0); opacity: 1; transition-delay: .2s; } #sub .br{ display: block; } #sub .sub_tab2.faq_tab ul{display: flex} #sub .sub_tab2.faq_tab ul li{flex: 1} #sub .sub_tab2.faq_tab ul li a{padding-left: 0;padding-right: 0;text-align: center} #sub .sub_tab2{ text-align: center; position: relative; } #sub .sub_tab2:after{ content:""; display: block; width: 100%; height: 2px; background-color: #f2ede7; position: absolute; left: 0; top: 0; } #sub .sub_tab2 ul{ display: inline-block; } #sub .sub_tab2 ul li{ float: left; position: relative; } #sub .sub_tab2 ul li:after{ content:""; display: block; width: 0; height: 2px; background-color: #a9856f; position: absolute; left: 0; right: 0; margin: 0 auto; top: -0; z-index: 1; } #sub .sub_tab2 ul li button{ display: block; padding: 0 40px; padding-top: 35px; font-size: 26px; color:#d1cbc9; letter-spacing: -0.03em; font-weight: 500; } #sub .sub_tab2 ul li > a{ display: block; padding: 0 30px; padding-top: 35px; font-size: 26px; color:#d1cbc9; letter-spacing: -0.03em; font-weight: 500; } #sub .sub_tab2 ul li > a > button{padding: 0} #sub .sub_tab2.sub_tab2_04 ul li button{padding: 0 85px; padding-top: 35px;} #sub .sub_tab2 ul li.on button{ color: #a9856f; } #sub .sub_tab2 ul li.on > a{ color: #a9856f; } #sub .sub_tab2 ul li.on:after{ width: 100%; } #sub.menu .sub_tab2 ul li{padding: 0} #sub .sub_tab2 ul li:hover:after{ width: 100%; transition: width .6s; } #sub.f_inquiry .sub_t p{margin-top: 40px} /* BRAND */ #sub.brand .con01{ background: url('/img/sub/brand_bg01.jpg') center center no-repeat; background-size: cover; } #sub.brand .con01 .sub_t strong{ color: #fff; } #sub.brand .con01 .p01{ color: #dcd1cb; } #sub.brand .con01 .p01 span{ color: #fff; font-weight: 500; } #sub.brand .con01 .con_img{ margin-top: 110px; } #sub.brand .con01 .con_img img{ max-width: 100%; margin: 0 auto; display: block; } #sub.brand .con02 .img_box{ float: left; width: 47%; margin-right: 3%; } #sub.brand .con02 .img_box img{ display: block; max-width: 100%; } #sub.brand .con02 .txt_box{ float: left; width: 50%; padding-top: 70px; } #sub.brand .con02 .txt_box img{ display: block; margin-bottom: 15px; } #sub.brand .con02 .txt_box strong{ display: block; font-size: 32px; font-weight: 600; color:#a57454; letter-spacing: -0.05em; } #sub.brand .con02 .txt_box p{ margin-top: 35px; font-size: 19px; line-height: 38px; color:#333333; letter-spacing: -0.038em; font-weight: 500; word-break:keep-all; } #sub.brand .con02 .wrap:before{ content:""; display: block; width: 100%; height: 125px; background: url('/img/sub/brand_line.png') center center no-repeat; } #sub.brand .con02 .txt_box.txt_box2{text-align: right;padding-right: 3%} #sub.brand .con02 .txt_box.txt_box2 img{display: inline-block} #sub.brand .con02 .wrap:first-child:before{ display: none; } #sub.brand .con02 .wrap:last-child .img_box{ float: right; } #sub.brand .con02 .wrap:last-child .txt_box{ padding-top: 50px; } #sub.brand .con03 .con_img{ margin-top: 90px; } #sub.brand .con03 .con_img img{ display: block; max-width: 100%; } #sub.brand .con04{ height: 580px; position: relative; background: url('/img/sub/brand_bg02.jpg') center center no-repeat; background-attachment: fixed; } #sub.brand .con04 .inner{ position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translate(0,-50%);} #sub.brand .con04 .sub_t strong{ color: #fff; } #sub.brand .con04 .p01{ color: #dcd1cb; font-size: 30px; line-height: 54px; } #sub.brand .con04 .p01 span{ color: #fff; font-weight: 500; } #sub.brand .con05 .inner > ul > li{ float: left; width: 47%; margin-right: 6%; margin-bottom: 85px; } #sub.brand .con05 .inner > ul > li img{ display: block; max-width: 100%; } #sub.brand .con05 .inner > ul > li:nth-child(2n+0){ margin-right: 0; } #sub.brand .con05 .inner > ul > li:nth-child(3){ margin-bottom: 0; } #sub.brand .con05 .inner > ul > li:nth-child(4){ margin-bottom: 0; } /* History */ #sub.history .h_wrap{ position: relative; margin-top: 100px; } #sub.history .h_wrap .line{ width: 2px; height: 100%; position: absolute; left: 50%; top: 0; z-index: -1; overflow: hidden; margin-left: -1px;} #sub.history .h_wrap .line span{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #f2ede7; } #sub.history .h_wrap .line span.line02{top: 55px;} #sub.history .h_wrap .line .line02{ height: 0; background-color: #a57454; } #sub.history .h_wrap .y_wrap{ padding: 40px 0; } #sub.history .h_wrap .y_wrap .txt_w{ float: left; width: 50%; } #sub.history .h_wrap .y_wrap .txt_w strong{ display: block; position: relative; font-family: 'GmarketSans'; font-size: 42px; margin-bottom: 20px; font-weight: 600; color:#a57454; } #sub.history .h_wrap .y_wrap .txt_w strong:after{ content:""; display: block; width: 16px; height:16px; border-radius: 9px 0 9px 0; background-color: #a57454; } #sub.history .h_wrap .y_wrap .txt_w ul li{ position: relative; font-size: 20px; line-height: 40px; color:#767171; } #sub.history .h_wrap .y_wrap .txt_w ul li:after{ content:""; width: 4px; height: 4px; background-color: #767171; border-radius: 50%; position: absolute; top: 17px; } #sub.history .h_wrap .y_left .img_w{ float: right; width: 50%; padding-left: 70px; } #sub.history .h_wrap .y_left .img_w img{ display: block; max-width: 100%; } #sub.history .h_wrap .y_right .img_w{ float: left; padding-right: 70px; } #sub.history .h_wrap .y_right .txt_w{ float: right; padding-left: 40px; } #sub.history .h_wrap .y_left .txt_w{ text-align: right; padding-right: 40px; } #sub.history .h_wrap .y_left .txt_w strong:after{ position: absolute; right: -48px; top: 40%; transform: translate(0,-50%); } #sub.history .h_wrap .y_left .txt_w ul li{ padding-right: 12px; } #sub.history .h_wrap .y_left .txt_w ul li:after{ right: 0; } #sub.history .h_wrap .y_right .txt_w strong:after{ position: absolute; left: -48px; top: 40%; transform: translate(0,-50%); } #sub.history .h_wrap .y_right .txt_w ul li{ padding-left: 12px; } #sub.history .h_wrap .y_right .txt_w ul li:after{ left: 0; } /* 게시판 공통 */ #sub.board .b_list table{ width: 100%; border-top: 2px solid #f2ede7; } #sub.board .b_list table th{ border-bottom: 1px solid #f2ede7; height: 54px; vertical-align: middle; font-size: 16px ; font-weight: 500; color:#413535; letter-spacing: -0.05em; } #sub.board .b_list table th:nth-child(1){ width: 12%; } #sub.board .b_list table th:nth-child(3){ width: 12%; } #sub.board .b_list table th:nth-child(4){ width: 12%; } #sub.board .b_list table td{ text-align: center; border-bottom: 1px solid #f2ede7; font-size: 16px; color:#a69f9f; padding: 17px 0; } #sub.board .b_list table td:nth-child(2){ text-align: left; padding-left: 10px; color: #767171; } #sub.board .b_list table tr.notice td:nth-child(1){ font-weight: 600; color:#a57454; } #sub.board .b_list table tr.notice{ background-color: #f9f8f6; } #sub.board .b_list table tr{ cursor: pointer; } #sub.board .b_list table tr:hover{ background-color: #f9f8f6; } #sub.board .b_bot{ width: 100%; margin-top: 50px; } #sub.board .b_bot .pagging{ float: left; } #sub.board .b_bot .pagging ul li{ float: left; width: 32px; height: 32px; margin-right: 6px; } #sub.board .b_bot .pagging ul li a { width: 100%; height: 100%; display: block;line-height: 32px;text-align: center;} #sub.board .b_bot .pagging ul li.first a{ background: url('/img/sub/pagging_first.png') center center no-repeat; } #sub.board .b_bot .pagging ul li.prev a{ background: url('/img/sub/pagging_prev.png') center center no-repeat; } #sub.board .b_bot .pagging ul li.next a{ background: url('/img/sub/pagging_next.png') center center no-repeat; } #sub.board .b_bot .pagging ul li.last a{ background: url('/img/sub/pagging_last.png') center center no-repeat; } #sub.board .b_bot .pagging ul li.num a{ border-bottom: 1px solid #d7d3d3; font-size: 14px; color:#a69f9f; } #sub.board .b_bot .pagging ul li.num.on a{ border-bottom: 1px solid #554949; background-color: #554949; color:#fff; } #sub.board .b_bot .pagging ul li:last-child{ margin-right: 0; } #sub.board .b_bot .search{ float: right; } #sub.board .b_bot .search select{ float: left; font-size: 14px; color:#a69f9f; width: 60px; height: 32px; border: none; border-bottom: 1px solid #d7d3d3; margin-right: 8px; } #sub.board .b_bot .search .f_search{ float: left; position: relative; height: 32px; width: 230px; border-bottom: 1px solid #a69f9f; } #sub.board .b_bot .search .f_search .t_box{ display: block; border: none; height: 100%; font-size: 14px; color:#a69f9f; padding-left: 10px; } #sub.board .b_bot .search .f_search .t_box::placeholder{ color: #a69f9f; } #sub.board .b_bot .search .f_search .s_btn{ width: 32px; height: 32px; background: url('/img/sub/search_i.png') center center no-repeat; position: absolute; right: 0; top: 0; } #sub.board .b_view .v_tit{ border-bottom: 1px solid #f2ede7; padding-bottom: 40px; } #sub.board .b_view .file{background: #f5f4f2;padding: 20px} #sub.board .b_view .file a{color: #86726b;font-size: 16px;text-decoration: underline} #sub.board .b_view .v_tit strong{ display: block; font-size: 26px; font-weight: 500; color:#61443a; line-height: 42px; } #sub.board .b_view .v_tit ul{ margin-top: 15px; } #sub.board .b_view .v_tit ul li{ float: left; font-size: 16px; color:#a69f9f;} #sub.board .b_view .v_tit ul li:after{ content:""; display: block; float: left; width: 4px; height: 4px; border-radius: 50%; background-color: #a69f9f; margin: 0 12px; transform: translate(0,7px);} #sub.board .b_view .v_tit ul li:nth-child(1):after{ display: none; } #sub.board .b_view .v_con{ padding: 50px 0; border-bottom: 1px solid #f2ede7; } #sub.board .b_view .v_con *{max-width: 100% !important;line-height: 1.5 !important; font-family: "Nanum Gothic", serif !important; } #sub.board .b_view .v_con img{max-width: 100% !important} #sub.board .b_view .v_bot{ margin-top: 50px; position: relative; } #sub.board .b_view .v_bot .prne a{ display: block; position: absolute; } #sub.board .b_view .v_bot .prne a strong{ font-weight: 900; color:#a9856f; font-size: 20px; } #sub.board .b_view .v_bot .prne .prev{ left: 0; } #sub.board .b_view .v_bot .prne .prev .dots{ float: left; margin-right: 20px; transform: translate(0,9px);} #sub.board .b_view .v_bot .prne .prev .dots span{ display: block; float: left; width: 5px; height: 5px; border-radius: 50%; margin-right: 5px; background-color: #a9856f; } #sub.board .b_view .v_bot .prne .prev .dots span:nth-child(2){ opacity: .6; } #sub.board .b_view .v_bot .prne .prev .dots span:nth-child(3){ opacity: .3; margin-right: 0; } #sub.board .b_view .v_bot .prne .next{ right: 0; } #sub.board .b_view .v_bot .prne .next .dots{ float: right; margin-left: 20px; transform: translate(0,9px);} #sub.board .b_view .v_bot .prne .next .dots span{ display: block; float: left; width: 5px; height: 5px; border-radius: 50%; margin-right: 5px; background-color: #a9856f; } #sub.board .b_view .v_bot .prne .next .dots span:nth-child(1){ opacity: .3; } #sub.board .b_view .v_bot .prne .next .dots span:nth-child(2){ opacity: .6; } #sub.board .b_view .v_bot .prne .next .dots span:nth-child(3){ opacity: 1; margin-right: 0; } #sub.board .b_view .v_bot .list_b{ text-align: center; } #sub.board .b_view .v_bot .list_b a strong{ color: #554949; font-size: 28px; font-weight: 600; } #sub.board .b_view .v_bot .list_b a .icon{ display: inline-block; margin-right: 10px; } #sub.board .b_view .v_bot .list_b a .icon span{ display: block; width: 19px; height: 4px; border-radius: 10px; background-color: #554949; margin-bottom: 3px; } #sub.board .b_view .v_bot .list_b a .icon span:nth-child(3){ margin-bottom: 0; } #sub.board .g_list ul li{float: left;width: 31.25%;margin-right: 3.125%;margin-bottom: 3.125%} #sub.board .g_list ul:after{content: '';display: block;clear: both;} #sub.board .g_list ul li a:hover{border-color: #a57454} #sub.board .g_list ul li:nth-child(3n){margin-right: 0} #sub.board .g_list ul li a{position: relative;overflow: hidden;border-radius: 30px;overflow: hidden;display: block;transition: 0.6s} #sub.board .g_list ul li a .tag{position: absolute;left: 30px;z-index: 5} #sub.board .g_list ul li a img{max-width: 100%;transition: 0.8s;display: block;} #sub.board .g_list ul li:hover a img{transform: scale(1.07);} #sub.board .g_list ul li a .img{overflow: hidden;} #sub.board .g_list ul li a .img{overflow: hidden;} #sub.board .g_list ul li a .tag span{display: block;width: 90px;line-height: 54px;text-align: center;background: #4f4d4d;font-size: 18px;color: #ffffff;border-radius: 0 0 12px 12px;} #sub.board .g_list ul li a .tag.on span{background: #a57454} #sub.board .g_list ul li a .txt{padding: 32px;border-radius: 0 0 30px 30px;border: 1px solid #f2ede7;border-top: none} #sub.board .g_list ul li:hover a .txt{background: #a57454} #sub.board .g_list ul li:hover a .txt p, #sub.board .g_list ul li:hover a .txt strong{color: #fff;} #sub.board .g_list ul li a .txt strong{display: block;color: #554949;font-size: 22px;line-height: 34px;letter-spacing: -0.5px;margin-bottom: 10px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; height: 68px} #sub.board .g_list ul li a .txt p{display: block;font-size: 16px;color: #767171;font-size: 16px;} /* 오시는길 */ #sub.direction .di_wrap{ margin-top: 65px; } #sub.direction .di_wrap{ display: none; } #sub.direction .di01{ display: block; } #sub.direction .di_wrap .map_w { height: 480px; position: relative; width: 100%; } #sub.direction .di_wrap .map_w > div{ width: 100% !important; height: 100%; } #sub.direction .di_wrap .map_w .wrap_map{ height: 100% !important; } .root_daum_roughmap .border1{ display: none !important; } .root_daum_roughmap .border2{ display: none !important; } .root_daum_roughmap .border3{ display: none !important; } .root_daum_roughmap .border4{ display: none !important; } .root_daum_roughmap .wrap_controllers{ display: none !important; } #sub.direction .di_wrap .d_txt{ position: relative; z-index: 1; } #sub.direction .di_wrap .di_tit{ float: left; margin-top: -100px; width: 375px; background: url(/img/sub/direction_bg.png) left top no-repeat; padding: 49px 0; padding-left: 45px; } #sub.direction .di_wrap .di_tit strong{ font-size: 36px; color:#ffffff; font-weight: 500; letter-spacing: -0.03em; line-height: 52px; } #sub.direction .di_wrap .di_info{ float: left; margin-left: 60px; margin-top: 50px; } #sub.direction .di_wrap .di_info dl{ float: left; margin-right: 70px; } #sub.direction .di_wrap .di_info dl dt{ font-size: 20px; font-weight: 600; color:#554949; letter-spacing: -0.03em; margin-bottom: 10px; } #sub.direction .di_wrap .di_info dl dd{ font-size: 18px; line-height: 28px; color:#767171; letter-spacing: -0.03em; } #sub.direction .di_wrap .di_info dl:last-child{ margin-right: 0; } /* MENU */ #sub.menu .con01{ padding-bottom: 0; } #sub.menu .sub_tab2 ul{ display: block; } #sub.menu .sub_tab2 ul li{float: none;display: inline-block;width: auto;padding: 0} #sub.menu .sub_tab3 ul li{float: none;display: inline-block;width: auto;padding: 0 0px} #sub.menu .sub_tab2 ul li button{ display: block; padding-left: 0; padding-right: 0; width: 100%; } #sub.menu .cate{ margin-top: 100px; } #sub.menu .cate .c_tit strong{ display: block; font-size: 30px; font-weight: 600; color:#906c55; } #sub.menu .cate .c_tit strong i{ display: inline-block; width: 16px; height: 16px; border-radius: 9px 0 9px 0; background-color: #906c55; margin-right: 10px; transform: translate(0,-3px);} #sub.menu .cate ul li{ display: inline-block;width: 23%; margin-right: 2.666666666%; text-align: center; margin-top: 20px; margin-left: -5px;vertical-align: top} #sub.menu .cate ul li:nth-child(4n+0){ margin-right: 0; } #sub.menu .cate ul li a{ display: block; } #sub.menu .cate ul li .img_wrap img{ display: block; margin: 0 auto; max-width: 100%; transition: transform .8s, filter .8s; } #sub.menu .cate ul li:hover .img_wrap img{ transform: scale(1.1); filter: drop-shadow(30px 30px 40px rgba(108,74,50,0.30));} #sub.menu .cate ul li .txt_wrap{ padding-top: 80px; margin-top: -60px; padding-bottom: 35px; background-color: #f8f8f9; transition: background .4s; max-height: 170px;} #sub.menu .cate ul li .txt_wrap strong{ display: block; font-size: 20px; font-weight: 500; color:#333333; letter-spacing: -0.05em; transition: color .4s; } #sub.menu .cate ul li .txt_wrap p{ font-size: 14px; font-weight: 500; color:#b8aaa4; margin-top: 10px; transition: color .4s; } #sub.menu .cate ul li a:hover .img_wrap img{ filter: drop-shadow(13px 27px 40px rgba(108, 74, 50, 0.3)); } #sub.menu .cate ul li a:hover .txt_wrap{ background-color: #a57454; } #sub.menu .cate ul li a:hover .txt_wrap strong{ color :#fff; } #sub.menu .cate ul li a:hover .txt_wrap p{ color :#e0d4cf; } #sub.menu .cate:last-child{ margin-bottom: 160px; } #sub.menu .cate ul li .img_wrap {height: 294px} #popup{ position: fixed; width: 100%; height: 100%; z-index: 9999; background-color: rgba(0,0,0,0.5); display: none; top: 0;left: 0} #popup .box{ background-color: #fff; border-radius: 40px; width: 1100px; margin: 0 auto; position: absolute; left: 0; right: 0; top: 50%; transform: translate(0,-50%);} #popup .box .close_b{ width: 46px; height: 46px; border-radius: 50%; border: 1px solid #efe5df; position: absolute; right: 40px; top: 40px; transition: 0.6s; z-index: 1; } #popup .box .close_b:hover{background: #efe5df} #popup .box .close_b img{ display: block; margin: 0 auto; } #popup .box .img_wrap{ float: left; width: 45.5%; height: 712px; position: relative; background-color: #f7f6f5; border-radius: 40px 0 0 40px; } #popup .box .img_wrap img{ display: block; margin: 0 auto; max-width: 100%; position: absolute; left: 0; right: 0; top: 50%; transform: translate(0,-50%);} #popup .box .info_wrap{ float: left; width: 54.5%; padding-left: 50px; padding-right: 70px; display: table; height: 712px; position: relative; } #popup .box .info_wrap .wrap2{ display: table-cell; vertical-align: middle; } #popup .box .info_wrap .i_tit span{ display: block; font-size: 17px; font-weight: 500; color:#a57454; margin-bottom: 20px; } #popup .box .info_wrap .i_tit strong{ display: block; font-size: 32px; color:#333333; font-weight: 600; } #popup .box .info_wrap .wrap2 .txt_area *{font-size: 16px !important;color: #666 !important} #popup .box .info_wrap .i_tit ul{ margin-top: 10px; } #popup .box .info_wrap .i_tit ul li{ float: left; font-size: 14px; font-weight: 500; color:#b8aaa4; } #popup .box .info_wrap .i_tit ul li:last-child{ float: right; color:#c8c0bd; } #popup .box .info_wrap .i_tit ul li:first-child{float: left;} #popup .box .info_wrap .i_tit:after{ content:""; display: block; width: 30px; height:2px; background-color: #e7e3e1; margin-top: 20px; margin-bottom: 30px; } #popup .box .info_wrap .p02{ font-size: 16px; line-height: 30px; color:#767171; } #popup .box .info_wrap .i_table{ margin-top: 40px; } #popup .box .info_wrap .i_table dl dt{ font-size: 16px; color:#554949; font-weight: 600; } #popup .box.emp .info_wrap .i_table table{display: none} #popup .box .info_wrap .i_table dl dd{ margin-top: 8px; font-size: 14px; color:#989393; } #popup .box .info_wrap .i_table dl{ margin-bottom: 15px; } #popup .box.emp .info_wrap .i_table dl{display: none} #popup .box .info_wrap .i_table table{ width: 100%; border-top: 2px solid #f2ede7; } #popup .box .info_wrap .i_table table th{ height: 42px; border-bottom: 1px solid #f2ede7; vertical-align: middle; font-size: 14px; font-weight: 600; color:#6d6262; } #popup .box .info_wrap .i_table table td{ border-bottom: 1px solid #f2ede7; font-size: 14px; text-align: center; color:#999494; padding: 12px 0; } #popup .box.emp .info_wrap{height: 422px} #popup .box.emp .img_wrap{height: 422px} #popup .box.emp .img_wrap img{max-width: 350px} #sub.franchise .info_box{ background-color: #f7f4f2; margin-top: 80px; position: relative; height: 610px; } #sub.franchise .info_box .left{ position: absolute; left: 0; top: 0; width: 42.5%; height: 100%; background: url('/img/sub/fran_bg01.png') right top no-repeat; } #sub.franchise .info_box .left strong{ display: block; font-size: 40px;line-height: 60px; color:#ffffff; font-weight: 600; } #sub.franchise .info_box .left .wrap{ position: absolute; left: 0; top:50%; transform: translate(0,-50%); padding-left: 40%; } #sub.franchise .info_box .left i{ display: block; margin-top: 80px; } #sub.franchise .info_box .left i img{ display: block; } #sub.franchise .info_box .left{ transform: translateX(-50px); opacity: 0; transition: transform .8s, opacity .8s; } #sub.franchise .on .info_box .left{ transform: translateX(0); opacity: 1; transition-delay: .4s; } #sub.franchise .info_box .right{ padding-top: 140px; } #sub.franchise .info_box .right .inner{ padding-left: 25%; } #sub.franchise .info_box .right ul li{ float: left; text-align: center; width: 33.333333333%; } #sub.franchise .info_box .right ul li .icon_w{ width: 155px; height: 155px; border-radius: 20px; background-color: #fff; box-shadow: 0px 0px 30px 0px rgba(234, 227, 222, 0.28); margin: 0 auto; position: relative; } #sub.franchise .info_box .right ul li .icon_w img{ display: block; position: absolute; left: 50%; top :50%; transform: translate(-50%,-50%);} #sub.franchise .info_box .right ul li .txt_w { margin-top: 30px; } #sub.franchise .info_box .right ul li .txt_w strong{ display: block; font-size: 26px; color:#554949; font-weight: 600; } #sub.franchise .info_box .right ul li .txt_w p{ margin-top: 20px; font-size: 18px; line-height: 32px; color:#877e77; } #sub.franchise .info_box .right ul li .txt_w p span{ font-size: 15px; color:#a9a29e; } #sub.franchise .con02 .step{ margin-top: 90px; position: relative; } #sub.franchise .con02 .step:before{ content:""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; background: url('/img/sub/fran_line.png') center top 45px no-repeat; } #sub.franchise.order .con02 .step:before{ background: url('/img/sub/fran_line02.png') center top 45px no-repeat; } #sub.franchise .con02 .step ul li{ float: left; width: 33.3333333%; text-align: center; position: relative; } #sub.franchise .con02 .step ul li:nth-child(4), #sub.franchise .con02 .step ul li:nth-child(5), #sub.franchise .con02 .step ul li:nth-child(6){ float: right; } #sub.franchise .con02 .step ul li .i_wrap{ width: 150px; height: 150px; border-radius: 20px; background-color: #fff; box-shadow: 0px 0px 30px 0px rgba(212, 206, 202, 0.38); margin: 0 auto; position: relative; } #sub.franchise .con02 .step ul li .i_wrap img{ display: block; position: absolute; left: 50%; top :50%; transform: translate(-50%,-50%);} #sub.franchise .con02 .step ul li .txt_w{ margin-top: -15px; position: relative;z-index: 1; height: 210px; } #sub.franchise.order .con02 .step ul li .txt_w{margin-top: 0;padding-top: 20px;} #sub.franchise .con02 .step ul li .txt_w span{ display: block; font-size: 26px; font-weight: 600; color:#413535; } #sub.franchise .con02 .step ul li .txt_w strong{ display: block; font-size: 22px; color:#413535; letter-spacing: -0.02em; font-weight: 600; margin-top: 10px; } #sub.franchise .con02 .step ul li .txt_w p{ font-size: 16px; line-height: 26px; color:#767171; letter-spacing: -0.02em; margin-top: 15px; } #sub.franchise .con02 .step ul li:before{ content:""; display: block; width: 43px; height: 43px; background: url('/img/sub/fran_arrow.png') center center no-repeat; position: absolute; right: 0; top: 15.5%; transform: translate(50%,0);} #sub.franchise .con02 .step ul li:nth-child(3):before{ display: none; } #sub.franchise .con02 .step ul li:nth-child(4):before{ display: none; } #sub.franchise .con02 .step ul li:nth-child(5):before{transform: translate(50%,0) rotate(180deg);} #sub.franchise .con02 .step ul li:nth-child(6):before{transform: translate(50%,0) rotate(180deg);} #sub.franchise .con02 .step ul li:nth-child(9):before{ display: none; } #sub.franchise .con02 .step ul li:nth-child(9) .txt_w:before{ content:""; display: block; width: 58px; height: 50px; border-radius: 10px; background-color: #fff; position: absolute; left: 0; right: 0; margin: 0 auto; top: -10px; } #sub.franchise .con02 .step ul li:nth-child(9) .txt_w span{ position: relative;z-index: 1; } #sub.franchise .con02 .step ul li:nth-child(9) .i_wrap{ background-color: #312621; } #sub.franchise.order .con02 .step ul li .txt_w{height: 194px} #sub.f_price .con02{ background-color: #f8f7f6; padding: 90px 0; } #sub.f_price .con02 .inner{ text-align: center; } #sub.f_price .con02 .inner ul{ display: inline-block; } #sub.f_price .con02 .inner ul li{ float: left; margin-right: 80px; background-color: #fff; border-radius: 20px; height: 310px; box-shadow: 0px 0px 30px 0px rgba(234, 227, 222, 0.38); } #sub.f_price .con02 .inner ul li:last-child{ margin-right: 0; } #sub.f_price .con02 .inner ul li .img_wrap{ position: relative; } #sub.f_price .con02 .inner ul li .img_wrap .txt_wrap{ position: absolute; left: 0; text-align: center; width: 100%; top: 50%; transform: translate(0,-50%);} #sub.f_price .con02 .inner ul li .img_wrap .txt_wrap span{ width: 34px; height: 34px; background-color: rgba(165,116,84,0.9); display: block; margin: 0 auto; line-height: 34px; font-size: 16px; font-weight: 600; color:#ffffff; border-radius: 8px; box-shadow: 4px 4px 10px 0px rgba(45, 35, 23, 0.38); margin-bottom: 15px; } #sub.f_price .con02 .inner ul li .img_wrap .txt_wrap strong{ font-size: 26px; color:#ffffff; font-weight: 600; display: block; } #sub.f_price .con02 .inner ul li .img_wrap img{ border-radius: 20px 20px 0 0; } #sub.f_price .con02 .inner ul li > p{ font-size: 18px; line-height: 30px; color:#877e77; margin-top: 20px; } #sub.f_price .con03 .img_w{ margin-top: 40px; } #sub.f_price .con03 .img_w img{ display: block; max-width: 100%; margin: 0 auto; } img.pc_img{ display: block !important; } img.mo_img{ display: none !important; } #sub.f_price .con03 ul{margin-top: 20px;} #sub.f_price .con03 ul li{font-size: 16px;word-break: keep-all;;line-height: 1.7;color: #666} #sub.f_interior{padding-bottom: 160px;} #sub.f_interior .con{margin-top: 80px;} #sub.f_interior .con ul{transition-delay: 0.3s} #sub.f_interior .con ul:after{content: '';display: block;clear: both;} #sub.f_interior .con ul li{float: left;width: 31.25%;margin-right: 3.125%;overflow: hidden;} #sub.f_interior .con ul li:last-child{margin-right: 0} #sub.f_interior .con ul li img{display: block;max-width: 100%;overflow: hidden;} #sub.f_interior .con ul li:nth-child(1){border-radius: 30px 0 0 30px} #sub.f_interior .con ul li:nth-child(3){border-radius: 0 30px 30px 0} #sub.f_interior .con .c_tit {margin-bottom: 40px;} #sub.f_interior .con .c_tit strong{ display: block; font-size: 30px; font-weight: 600; color:#906c55; } #sub.f_interior .con .c_tit strong i{ display: inline-block; width: 16px; height: 16px; border-radius: 9px 0 9px 0; background-color: #906c55; margin-right: 10px; transform: translate(0,-3px);} #sub.f_inquiry .con02{background: #faf9f9;padding-top: 75px;padding-bottom: 140px;} #sub.f_inquiry .con02 .f_wrap{width: 740px;margin: 0 auto} #sub.f_inquiry .con02 .f_wrap ul{padding-bottom: 50px;border-bottom: 1px solid #ececec} #sub.f_inquiry .con02 .f_wrap ul li{position: relative;padding-left: 148px;margin-bottom: 16px;} #sub.f_inquiry .con02 .f_wrap ul li .answer ul{display: flex;gap: 40px;align-items: center} #sub.f_inquiry .con02 .f_wrap ul li .answer ul li{display: flex;padding-left: 0;align-items: center;margin-bottom: 0} #sub.f_inquiry .con02 .f_wrap ul li .answer ul li input{width: 0;height: 0} #sub.f_inquiry .con02 .f_wrap ul li .answer ul li label{position: static;display: flex;align-items: center;gap: 15px} #sub.f_inquiry .con02 .f_wrap ul li .answer ul li label:before{content: '';display: block;width: 10px;height: 10px;background: url(/img/sub/chk.jpg)} #sub.f_inquiry .con02 .f_wrap ul li .answer ul li input:checked + label:before{background: url(/img/sub/chk_on.jpg)} #sub.f_inquiry .con02 .f_wrap ul li .txt ul{ background: #fff; border: 1px solid #efefef;border-radius: 10px;padding: 20px} #sub.f_inquiry .con02 .f_wrap ul li .txt ul li{padding-left: 0;color: #8e7c70;line-height: 1.5;position: relative;padding-left: 15px;word-break: keep-all} #sub.f_inquiry .con02 .f_wrap ul li .txt ul li span{position: absolute;top: 0;margin-top: 0 !important;line-height: 1.5;left: 0} #sub.f_inquiry .con02 .f_wrap ul li:last-child{margin-bottom: 0} #sub.f_inquiry .con02 .f_wrap ul li label{position: absolute;left: 0;display: block;line-height: 54px;color: #8e7c70;font-size: 22px;font-weight: 500;letter-spacing: -0.5px;} #sub.f_inquiry .con02 .f_wrap ul li .d_wr *{width: 100%;height: 54px;background: #fff;border: 1px solid #efefef;border-radius: 8px;font-size: 18px;letter-spacing: -0.5px;font-weight: 500;color: #bdb9b7;padding-left: 18px} #sub.f_inquiry .con02 .f_wrap ul li .d_wr textarea{height: 175px;padding-top: 17px;} #sub.f_inquiry .con02 .f_wrap ul li .d_wr *::placeholder{color: #bdb9b7} #sub.f_inquiry .con02 .f_wrap ul li .d_wr.d_cate{position: relative;display: flex;gap: 10px} #sub.f_inquiry .con02 .f_wrap ul li .d_wr.d_cate input{width: 0;height: 0;position: absolute;top: 0;left: 0} #sub.f_inquiry .con02 .f_wrap ul li .d_wr.d_cate label{position: relative;padding: 0;text-align: center} #sub.f_inquiry .con02 .f_wrap ul li .d_wr.d_cate input:checked + label{background: #a77758;color: #fff;border-color: } #sub.f_inquiry .con02 .f_wrap ul li .d_wr.d_location{display: flex;gap: 10px} #sub.f_inquiry .con02 .f_wrap ul li .file_wrap{position: relative;margin-bottom: 8px;position: relative;} #sub.f_inquiry .con02 .f_wrap ul li .file_wrap input{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;z-index: 10} #sub.f_inquiry .con02 .f_wrap ul li .d_file p{width: 100%;line-height: 54px;background: #fff;border: 1px solid #efefef;border-radius: 8px;font-size: 16px;letter-spacing: -0.5px;font-weight: 500;color: #bdb9b7;padding-left: 18px;box-sizing: border-box;height: 54px;} #sub.f_inquiry .con02 .f_wrap ul li .d_file button{position: absolute;right: 0;height: 100%;top: 0;width: 160px;background: #69594f;border-radius: 0 8px 8px 0;font-size: 16px;color: #ffffff;transition: 1s} #sub.f_inquiry .con02 .f_wrap ul li .d_file button:hover{background: #a57454} /* #sub.f_inquiry .con02 .f_wrap ul li .d_file input{display: none} */ #sub.f_inquiry .con02 .f_wrap span{display: block;font-size: 14px;line-height: 26px;letter-spacing: -0.5px;color: #bdb9b7;} #sub.f_inquiry .con02 .f_wrap span:nth-child(1){margin-top: 8px;} #sub.f_inquiry .con02 .f_wrap .chk_w{text-align: center;padding-top: 25px} #sub.f_inquiry .con02 .f_wrap .chk_w > *{display: inline-block;vertical-align: middle;} #sub.f_inquiry .con02 .f_wrap .chk_w > .chk{position: relative;} #sub.f_inquiry .con02 .f_wrap .chk_w > .chk input{position: absolute;;top: 0;left: 0;width: 100%;height: 100%;opacity: 0} #sub.f_inquiry .con02 .f_wrap .chk_w > .chk:before{content: '';display: block;width: 20px;height: 20px; border: 1px solid rgba(51,35,23,1); } #sub.f_inquiry .con02 .f_wrap .chk_w > .chk.on:before{background: url(/img/sub/chk_on.jpg)} #sub.f_inquiry .con02 .f_wrap .chk_w p{font-size: 22px;letter-spacing: -0.5px;color: #8e7c70;margin-left: 5px;} #sub.f_inquiry .con02 .f_wrap .chk_w p a{color: #a57454;font-weight: 500} #sub.f_inquiry .con02 .f_wrap .inq_btn{margin-top: 45px;} #sub.f_inquiry .con02 .f_wrap .inq_btn a{display: block;width: 100%;;line-height: 82px;background: #2d2317;font-weight: 600;color: #ffffff;font-size: 24px;text-align: center;border-radius: 20px 0 20px 0;transition: 1s;box-shadow: 0 0 0 0px rgba(51, 35, 23, 0.15);} #sub.f_inquiry .con02 .f_wrap .inq_btn a:hover{background-color: #403426;box-shadow: 13px 13px 40px 0px rgba(51, 35, 23, 0.15);} #sub.f_inquiry .con02 .e_wrap:after{content: '';display: block;clear: both;} #sub.f_inquiry .con02 .e_wrap > div{float: left;} #sub.f_inquiry .con02 .e_wrap > div input{width: 100%;height: 54px;background: #fff;border: 1px solid #efefef;border-radius: 8px;font-size: 16px;letter-spacing: -0.5px;font-weight: 500;color: #bdb9b7;padding-left: 18px} #sub.f_inquiry .con02 .e_wrap > div input::placeholder{color: #bdb9b7} #sub.f_inquiry .con02 .e_wrap > div select{width: 100%;height: 54px;background: #fff;border: 1px solid #efefef;border-radius: 8px;font-size: 16px;letter-spacing: -0.5px;font-weight: 500;color: #bdb9b7;padding-left: 18px;margin-bottom: 8px;background: #fff url(/img/sub/select_arrow.jpg) no-repeat right center} #sub.f_inquiry .con02 select{background: #fff url(/img/sub/select_arrow.jpg) no-repeat right center !important;-webkit-appearance: none; -moz-appearance: none; -o-appearance: none; -ms-appearance:none; appearance: none; } #sub.f_inquiry .con02 .id{width: 235px} #sub.f_inquiry .con02 .tag{width: 32px;text-align: center;line-height: 54px;color: #bdb9b7} #sub.f_inquiry .con02 .address{width: 325px} /* con04 */ #inq_quick{position: fixed;right: 90px;bottom: 410px;z-index: 9999;display: none} #inq_quick a{ box-shadow: 13px 13px 40px 0px rgba(51, 35, 23, 0.15); transition: background-color .4s;width: 120px;height: 120px;border-radius: 20px;text-align: center;display: block;background: #fff;padding-top: 30px;text-align: center;} #inq_quick a:hover{ background-color: #efe8e3;} #inq_quick a img{display: block;margin: 0 auto } #inq_quick a strong{color: #a57454;font-size: 18px;line-height: 1;display: block;font-weight: 500;margin-top: 14px} #sub.board .faq_list{border-top: 2px solid #f3eee9;margin-top: 80px;} #sub .faq_list ul li .ques{border-bottom: 1px solid #f3eee9} #sub .faq_list ul li .ques a{position: relative;line-height: 36px;font-size: 17px;color: #767171;font-weight: 600;padding: 11px 0;padding-left: 48px;display: block;font-weight: 500} #sub .faq_list ul li .ques a:before{content: '';display: block;width: 36px;height: 36px;background: url(/img/sub/plus.png) no-repeat;position: absolute;left: 0;transition: 0.2s} #sub .faq_list ul li.on .ques a:before{background: url(/img/sub/minus.png) no-repeat;} #sub .faq_list ul li .answer{background: #fbfbfb;padding: 48px 20px;border-bottom: 1px solid #e7e7e7;display: none} #sub .faq_list ul li .answer p{font-size: 15px;line-height: 28px;color: #a9a0a0} #sub.order{padding-bottom: 100px;} #sub.order .con08{background: #f8f7f6;padding: 95px 0;margin-bottom: 110px;} #sub.order .con08 ul{text-align: center;} #sub.order .con08 ul li{display: inline-block;width: 300px;margin-right: 75px;background: #fff;border-radius: 20px;padding-top: 50px;padding-bottom: 50px;} #sub.order .con08 ul li span{display: block;width: 34px;line-height: 34px;margin: 0 auto;text-align: center;background: #a57454;border-radius: 8px;color: #ffffff;font-size: 16px;margin-bottom: 18px;box-shadow: 4px 4px 10px 0px rgba(45, 35, 23, 0.38); } #sub.order .con08 ul li strong{display: block;font-size: 26px;color: #554949;text-align: center;line-height: 1;margin-bottom: 35px;} #sub.order .con08 ul li p{font-size: 18px;color: #877e77;line-height: 30px;text-align: center;font-size: 18px;margin-top: 40px;} #sub.order .con08 ul li:last-child{margin-right: 0} #sub.order .con04{ text-align: center;padding-top: 110px} #sub.order .con04{ background-color: #f5f4f2; height: 970px; overflow: hidden; position: relative; } #sub.order .con04 .more_b{ position: absolute; right: 90px; bottom: 60px; z-index: 1; } #sub.order .con04 .more_b .dots i{ background-color: #fff; } #sub.order .con04:before{ content:""; display: block; width: 80%; height: 80%; background-color: #61443a; position: absolute; right: 0; top: 70%; transform: skewY(-25deg); } #sub.order .con04 .inner{ position: relative; z-index: 1; } #sub.order .con04 .store_btn{ text-align: center; margin-top: 35px; } #sub.order .con04 .store_btn ul{ display: inline-block; } #sub.order .con04 .store_btn ul li{ float: left; margin-right: 8px; width: 190px; } #sub.order .con04 .store_btn ul li a{ display: block; padding: 13px 0; text-align: center; transition: border-color .4s, background-color .4s, box-shadow .4s; border: 1px solid #61443a; border-radius: 4px; } #sub.order .con04 .store_btn ul li a img{ max-width: 100%; display: block; margin: 0 auto; } #sub.order .con04 .store_btn ul li:last-child{ margin-right: 0; } #sub.order .con04 .phone_img{ margin-top: 35px; } #sub.order .con04 .phone_img img{ display: block; margin: 0 auto; max-width: 100%; } #sub.order .con04 .store_btn ul li:hover a{ border-color :#fff; background-color :#fff; box-shadow: 15px 15px 25px rgba(97,68,58,0.12); } #sub.order .main_tit{ overflow: hidden; } #sub.order .main_tit strong{ transform: translateY(100%); transition: transform 1s; } #sub.order .main_tit img{ display: block; margin: 0 auto; transform: translateY(100%); transition: transform 1.4s; } #sub.order .on .main_tit strong{ transform: translateY(0); } #sub.order .on .main_tit img{ transform: translateY(0); } #sub.order .con04 .store_btn ul li{ transform: translateY(50px); opacity: 0; transition: transform 1s, opacity 1s; } #sub.order .con04.on .store_btn ul li{ transform: translateY(0); opacity: 1; } #sub.order .con04.on .store_btn ul li:nth-child(1){ transition-delay: .6s; } #sub.order .con04.on .store_btn ul li:nth-child(2){ transition-delay: .8s; } #sub.order .con04 .phone_img img{ transform: translateY(70px); opacity: 0; transition: transform 1.4s, opacity 1s; } #sub.order .con04.on .phone_img img{ transform: translateY(0); opacity: 1; transition-delay: 1.2s; } #sub.order .q_tit{border-bottom: 1px solid #e7e7e7;position: relative;} #sub.order .q_tit:before{content: '';display: block;width: 204px;height: 2px;background: #ab7d5f;bottom: -1px;position: absolute;} #sub.order .q_tit strong{font-size: 22px;color: #a57454;letter-spacing: -0.7px;line-height: 1;padding-bottom: 20px;font-weight: 500;display: block;} #sub.order .con .tit{background: #fbfbfb;border-bottom: 1px solid #e7e7e7} #sub.order .con .wrap{padding-bottom: 60px;} #sub.order .con .wrap2{border-top: 1px solid #e7e7e7} #sub.order .con .tit strong{display: block;line-height: 63px;font-weight: 600;color: #767171;letter-spacing: -0.5px;padding-left: 27px;} #sub.order .con .txt{padding: 15px 30px } #sub.order .con .txt ul li{font-size: 15px;color: #a9a0a0;font-size: 15px;line-height: 28px;position: relative;padding-left: 10px;} #sub.order .con .txt ul li:before{content: '';display: block;width: 4px;height: 4px;border-radius: 50%;position: absolute;background: #b6aeae;top: 11px;left: 0} #sub.order .q_txt{padding-top: 110px;margin-bottom: 50px} #sub.order .q_txt strong{display: block;line-height: 1;color: 61443a;font-size: 50px;text-align: center;color: #61443a} #sub.order .con06{margin-top: 70px;} #sub.store{padding-bottom: 160px} #sub.store .con02:after{content: '';display: block;clear: both;} #sub.store .con02 > div{float: left;} #sub.store .con02 > div.left{width: 46%;background: #f5f3f1} #sub.store .con02 > div.left .map_w{position: relative;} #sub.store .con02 > div.left .map_w .pin ul li a{display: block;width: 47px;height: 55px;background: url(/img/sub/pin.png);text-align: center;font-size: 14px;font-weight: 500;color: #ffffff;padding-top: 15px; font-family: 'GmarketSans';transition: 0.6s} #sub.store .con02 > div.left .map_w .pin ul li:hover a{background: url(/img/sub/pin_on.png);} #sub.store .con02 > div.left .map_w .pin ul li.on a{background: url(/img/sub/pin_on.png);} #sub.store .con02 > div.left .map_w .pin ul li{position: absolute;} #sub.store .con02 > div.left .map_w .pin ul li:nth-child(1){top: 67px;left: 158px;} #sub.store .con02 > div.left .map_w .pin ul li:nth-child(2){top: 85px;left: 210px;} #sub.store .con02 > div.left .map_w .pin ul li:nth-child(3){top: 194px;left: 239px;} #sub.store .con02 > div.left .map_w .pin ul li:nth-child(4){top: 248px;left: 252px;} #sub.store .con02 > div.left .map_w .pin ul li:nth-child(5){top: 304px;left: 372px;} #sub.store .con02 > div.left .map_w .pin ul li:nth-child(6){top: 341px;left: 446px;} #sub.store .con02 > div.left .map_w .pin ul li:nth-child(7){top: 382px;left: 422px;} #sub.store .con02 > div.left .map_w .pin ul li:nth-child(8){top: 389px;left: 192px;} #sub.store .con02 > div.left .sch_area{background: #f5f3f1;padding: 32px 15px} #sub.store .con02 > div.left .sch_area .wrap{position: relative;padding-right: 140px;padding-top: 0} #sub.store .con02 > div.left .sch_area .wrap ul:after{content: '';display: block;clear: both;} #sub.store .con02 > div.left .sch_area .wrap ul li select { -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; background: url(이미지 경로) no-repeat 95% 50%; /* 화살표 모양의 이미지 */ } /* IE 10, 11의 네이티브 화살표 숨기기 */ #sub.store .con02 > div.left .sch_area .wrap ul li select::-ms-expand { display: none; } #sub.store .con02 > div.left .sch_area .wrap ul li select{height: 54px;border: 1px solid #b2aeab;color: #918b87;font-size: 17px;padding-left: 20px;background: #faf8f7;float: left;width: 48.5%; background: url('/img/sub/sel_arrow.png') no-repeat center right;} #sub.store .con02 > div.left .sch_area .wrap ul li select:nth-child(2n){margin-left: 3%} #sub.store .con02 > div.left .sch_area .wrap input{height: 54px;border: 1px solid #b2aeab;color: #918b87;font-size: 17px;padding-left: 20px;background: #faf8f7;display: block;width: 100%;margin-top: 14px;} #sub.store .con02 > div.left .sch_area .wrap button{position: absolute;;right: 0;top: 0;height: 100%;width: 126px;background: #a57454;border-radius: 12px;} #sub.store .con02 > div.left .sch_area .wrap button i{display: block;} #sub.store .con02 > div.left .sch_area .wrap button span{display: block;font-size: 20px;font-weight: 500;color: #ffffff;margin-top: 5px} #sub.store .con02 > div.right::-webkit-scrollbar {width: 5px;background-color: #f5f3f1;height: 0} #sub.store .con02 > div.right::-webkit-scrollbar-thumb {background-color: #e1dfdd;border-radius: 2.5px;} #sub.store .con02 > div.right{width: 54%;padding-left: 30px;height: 885px;overflow: scroll;padding-right: 16px;;} #sub.store .con02 > div.right ul li{height: 160px;border: 2px solid #f5f3f1;margin-bottom: 20px;transition: 0.8s} #sub.store .con02 > div.right ul li:last-child{margin-bottom: 0} #sub.store .con02 > div.right ul li a{display: block;position: relative;padding-left: 90px;padding-top: 35px;padding-right: 30px;height: 100%} #sub.store .con02 > div.right ul li:hover{border-color: #a57454;background: #a57454} #sub.store .con02 > div.right ul li a .tit{margin-bottom: 15px;} #sub.store .con02 > div.right ul li a .tit:after{content: '';display: block;clear: both;} #sub.store .con02 > div.right ul li a .tit strong{float: left;font-size: 22px;color: #554949;transition: 0.6s} #sub.store .con02 > div.right ul li:hover a .tit strong{color: #fff;} #sub.store .con02 > div.right ul li a .tit span{float: right;font-size: 16px;color: #767171;transition: 0.6s} #sub.store .con02 > div.right ul li:hover a .tit span{color: #fff;} #sub.store .con02 > div.right ul li a .txt:after{content: '';display: block;clear: both;} #sub.store .con02 > div.right ul li a .txt p{font-size: 16px;color: #767171;line-height: 28px;float: left;transition: 0.6s;padding-right: 100px;word-break: keep-all;} #sub.store .con02 > div.right ul li:hover a .txt p{color: #fff} #sub.store .con02 > div.right ul li a .txt span{float: right;color: #a57454;font-size: 16px;padding-top: 28px;position: absolute;right: 25px;bottom: 25px;padding-top: 0;transition: 0.6s} #sub.store .con02 > div.right ul li:hover a .txt span{color: #fff;} #sub.store .con02 > div.right ul li a .txt span:before{content: '';display: inline-block;vertical-align: middle;width: 10px;height: 14px;background: url(/img/sub/pin_icon.png);position: relative;top: -2px;margin-right: 8px;} #sub.store .con02 > div.right ul li:hover a .txt span:before{background: url(/img/sub/pin_icon_on.png);} #sub.store .con02 > div.right ul li .symbol{position: absolute;left: 0px;top: 27px;} #sub.store .con02 > div.right ul li .symbol i{display: block;width: 76px;height: 47px;} #sub.store .con02 > div.right ul li .symbol i.e{background: url(/img/sub/mam_logo02.png)} #sub.store .con02 > div.right ul li .symbol i.c{background: url(/img/sub/mam_logo01.png)} #sub.store .con02 > div.right ul li:hover .symbol i.e{background: url(/img/sub/mam_logo02_on.png)} #sub.store .con02 > div.right ul li:hover .symbol i.c{background: url(/img/sub/mam_logo01_on.png)} #sub.store .con02 > div.right ul li .symbol img{display: block;} .animation{ transform: translateY(30px); opacity: 0; transition: transform .8s, opacity .8s; } .con_w.on .animation{ transform: translateY(0); opacity: 1; } .cate.on .animation{ transform: translateY(0); opacity: 1; } .con_w3.on .animation{ transform: translateY(0); opacity: 1; } .con.on .animation{ transform: translateY(0); opacity: 1; } #sub.store .con02 > div.left .map_w{padding-top: 20px;} #sub.store .con02 > div.left .map_w, #sub.store .con02 > div.left .sch_area{ transform: translateY(30px); opacity: 0; transition: transform .8s, opacity .8s; } #sub.store .con02 > div.left .w_map{position: relative;} #sub.store .con02 > div.left .wrap{padding-top: 15px;} #sub.store .con02 > div.left .w_map .bg ul li{position: absolute;top: 0;left: 0;opacity: 0;transition: 0.3s;} /* #sub.store .con02 > div.left .w_map .bg ul li{position: absolute;top: 0;left: 0;opacity: 0;transition: 0.8s} */ #sub.store .con02 > div.left .w_map .bg ul li.active{opacity: 1} #sub.store .con02 > div.left .w_map .bg ul li.on{opacity:1;z-index: 1} #sub.store .con02 > div.left .w_map .link ul li{position: absolute;top: 0;left: 0;z-index: 1} #sub.store .con02 > div.left .w_map .link ul li a{display: block;width: 100%;height: 100%;} #sub.store .con02 > div.left .w_map .link ul li:nth-child(1){ top: 129px;left: 210px;z-index: 3;width: 57px;height: 31px; top: 116px;left: 190px;} #sub.store .con02 > div.left .w_map .link ul li:nth-child(2){width: 140px;height: 170px;top: 50px;left: 155px;z-index: 2} #sub.store .con02 > div.left .w_map .link ul li:nth-child(2) a{display: block;width: 100%;height: 100%;} #sub.store .con02 > div.left .w_map .link ul li:nth-child(3){width: 168px;height: 250px;top: -39px;left: 277px;border-radius: 50%;transform: rotate(-18deg);} #sub.store .con02 > div.left .w_map .link ul li:nth-child(4){width: 132px;height: 160px;top: 210px;left: 130px;} #sub.store .con02 > div.left .w_map .link ul li:nth-child(5){width: 110px;height: 183px;top: 179px;left: 260px;z-index: 2} #sub.store .con02 > div.left .w_map .link ul li:nth-child(6){width: 180px;height: 200px; top: 186px;left: 320px;} #sub.store .con02 > div.left .w_map .link ul li:nth-child(7){width: 167px;height: 168px;top: 379px;left: 279px;} #sub.store .con02 > div.left .w_map .link ul li:nth-child(8){width: 154px;height: 107px;top: 348px;left: 146px;} #sub.store .con02 > div.left .w_map .link ul li:nth-child(9){width: 52px;height: 75px;top: 85px;left: 120px;} #sub.store .con02 > div.left .w_map .link ul li:nth-child(10){width: 190px;height: 170px;top: 435px;left: 110px;} #sub.store .con02 > div.left .w_map .link ul li:nth-child(11){width: 44px;height: 28px; top: 478px;left: 174px;} #sub.store .con02 > div.left .w_map .link ul li:nth-child(12){ width: 51px;height: 85px;top: 437px;left: 419px;} #sub.store .con02 > div.left .w_map .link ul li:nth-child(13){width: 44px;height: 60px;top: 358px;left: 365px} #sub.store .con02 > div.left .w_map .link ul li:nth-child(14){width: 90px;height: 50px;top: 616px;left: 146px;} #sub.store .con02 > div.left .w_map .link ul li:nth-child(15){width: 35px;height: 37px;top: 302px;left: 247px;z-index: 10;} #sub.store .con02 > div.left .w_map .link ul li:nth-child(16){width: 60px;height: 50px;top: 404px;left: 430px;} #sub.store .con02 > div.left .w_map .link ul li:nth-child(17){width: 35px;height: 37px;top: 282px;left: 219px;z-index: 10;;border-radius: 50%} #sub.marketing .con_w{padding-bottom: 50px;} #sub.marketing .con_w strong{display: block;font-size: 30px;color: #372721;font-weight: 600;margin-bottom: 15px;} #sub.marketing .con_w span{display: block;font-size: 24px;color: #61443A;font-weight: 600;margin-bottom: 15px;} #sub.marketing .con_w span.mt{margin-top: 20px;} #sub.marketing .con_w p{font-size: 18px;color: #767171;font-weight: 500;line-height: 26px;margin-bottom: 20px;word-break: keep-all} #sub.marketing .con_w ul li{font-size: 18px;color: #767171;line-height: 26px;} #sub.marketing .con_w ul.l02 li{position: relative;padding-left: 23px;margin-bottom: 15px} #sub.marketing .con_w ul.l02 li table{border-collapse: collapse;text-align: center;} #sub.marketing .con_w ul.l02 li table th{vertical-align: middle;padding: 0 10px;color: #61443a;border: 1px solid #e2dede;height: 60px;color: #767171;font-weight: 400} #sub.marketing .con_w ul.l02 li table td{vertical-align: middle;padding: 0 10px; border: 1px solid #e2dede;height: 60px;color: #767171} #sub.marketing .con_w ul.l02 li:last-child{margin-bottom: 0} #sub.marketing .con_w ul.l02 li i{position: absolute;left: 0;font-size: 11px;color: inherit;font-weight: 600} #sub.marketing .con_w em{display: block;font-size: 18px;line-height: 36px;color: #9E9E9E;font-weight: 500;padding-left: 23px;padding-top: 15px;margin-bottom: 15px;word-break: keep-all} #sub.marketing .con_w ul li em{padding-left: 0;margin-bottom: 0} #sub.marketing .con_w .tb_w{margin: 20px 0} #sub.marketing .con_w .tb_w svg{width: 100%;height: auto} #sub.store .con02 > div.left .w_map .link ul li{opacity: 0} #sub.store .con02 > div.left .w_map .link ul li.on{opacity: 1} #sub.store .con02.on > div.left .map_w, #sub.store .con02.on > div.left .sch_area{ transform: translateY(0); opacity: 1; } #sub.store .con02 > div.right{ transform: translateY(30px); opacity: 0; transition: transform .8s, opacity .8s; transition-delay: 0.3s} #sub.store .con02.on > div.right{ transform: translateY(0); opacity: 1; } #sub.store .con02 > div.left{ position: relative;top: 50px; opacity: 0; transition: transform .8s, opacity .8s; transition-delay: 0.3s;;} #sub.store .con02.on > div.left{ top: 0; opacity: 1; } #sub.f_price .f_img img{ display: block; max-width: 900px; width: 100%; margin: 0 auto; } #sub.f_price .f_img_mo { display: none; } #sub.f_price .f_img_mo > div > img{ display: block; width: 100%; margin: 0 auto; } /* #sub.f_price .f_img_mo .sc{ overflow-x: scroll; } #sub.f_price .f_img_mo .sc img{ width: auto; width: 640px } */ .del1{ transition-delay: .2s; } .del2{ transition-delay: .4s; } .del3{ transition-delay: .6s; } .del4{ transition-delay: .8s; } .del5{ transition-delay: 1s; } .del6{ transition-delay: 1.2s; } .del7{ transition-delay: 1.4s; } .del8{ transition-delay: 1.6s; } .del9{ transition-delay: 1.8s; } .del10{ transition-delay: 2s; } .del11{ transition-delay: 2.2s; } #sub.order .con08 ul li{ transform: translateY(70px); opacity: 0; transition: transform 1s, opacity 1s; } #sub.order .con08.on ul li{ transform: translateY(0); opacity: 1; } #sub.order .con08 ul li:nth-child(2){transition-delay: 0.3s} #sub.order .con08 ul li:nth-child(3){transition-delay: 0.6s} #sub.order .q_txt{ transform: translateY(70px); opacity: 0; transition: transform 1s, opacity 1s; } #sub.order .q_txt{ transform: translateY(0); opacity: 1; } @media (max-width: 1560px){ #sub.franchise .info_box .left .wrap{ padding-left: 20%; } } @media (max-width: 1350px){ #inq_quick{right: 40px;bottom: 350px} #inq_quick a{width: 90px;height: 90px;padding-top: 25px} #inq_quick a img{width: 30px;} #inq_quick a strong{font-size: 16px;margin-top: 7px;} } @media (max-width: 1300px){ #sub.history .h_wrap .y_right .img_w img{ display: block; width: 100%; } #sub.franchise .info_box .right .inner{ padding-left: 35%; } #sub.franchise .info_box .right ul li .txt_w strong{ font-size: 20px; } #sub.franchise .info_box .right ul li .txt_w p{font-size: 14px; line-height: 26px; } } @media (max-width: 1260px){ #sub.brand .con02 .img_box{ margin-right: 0; } #sub.brand .con02 .wrap:nth-child(1) .txt_box{ padding-left: 40px; } #sub.brand .con02 .txt_box p{ font-size: 16px; line-height: 30px; margin-top: 20px; } #sub.brand .con02 .txt_box strong{ font-size: 24px; } #sub.history .h_wrap .y_right .img_w{ width: 50%; } #sub.brand .con02 .txt_box img{ margin-bottom: 10px; width: 190px; } #popup .box{ width: 80%; } #sub.f_price .con02 .inner ul li{ width: 31.333333%; margin-right: 3%; height: auto; padding-bottom: 30px; } #sub.f_price .con02 .inner ul{ display: block; } #sub.f_price .con02 .inner ul li .img_wrap img{ display: block; width: 100%; } #sub.f_price .con02 .inner ul li > p{ height: 60px; } #sub.store .con02 > div.right{width: 100%;float: none;margin: 0 auto;width: 588px;padding-left: 0} #sub.store .con02 > div.left{width: 588px;float: none;margin: 0 auto;margin-bottom: 50px;} #sub.order .con08 ul li{margin-right: 20px;} #map_pop .pop_wrap .pop_area{width: 95%} #popup .box.emp .img_wrap img{max-width: 100%} } @media (max-width: 1060px){ #sub.brand .con02 .txt_box p .br{ display: none; } #sub .sub_visual .txt_wrap strong{ font-size: 40px; } #sub .sub_visual .txt_wrap p{ font-size: 20px; } #sub .sub_tab ul li a{ font-size: 18px; } #sub .sub_tab ul li{ height: 50px; } #sub .sub_tab ul li a{ line-height: 50px; } #sub .sub_t strong{ font-size: 30px; } #sub .sub_t{ margin-bottom: 30px; } #sub .p01{ font-size: 18px; line-height:32px; } #sub.brand .con01 .con_img img{ max-width: 85%; } #sub.brand .con01 .con_img{ margin-top: 50px; } #sub .con_w:first-child{ padding-top: 100px;} #sub .con_w2{ margin-bottom: 100px; } #sub .con_w{ padding-bottom: 100px; } #sub.brand .con02 .txt_box{ padding-top: 40px !important;} #sub.brand .con02 .wrap:before{ background-size: 60%; } #sub.brand .con03 .con_img{ margin-top: 30px; } #sub.brand .con04 .p01{ font-size: 20px; line-height: 32px; } #sub.brand .con04{ height: 400px; } #sub.brand .con05 .inner > ul > li{ width: 48%; margin-right: 4%; margin-bottom: 40px; } #sub.history .h_wrap .y_wrap .txt_w ul li{ font-size: 16px; line-height: 32px; word-break: keep-all; } #sub.history .h_wrap .y_wrap .txt_w ul li:after{ top: 13px; } #sub.history .h_wrap .y_wrap .txt_w strong{ font-size: 30px; } #sub.board .b_list table th{ font-size: 14px; } #sub.board .b_list table td{ font-size: 14px;line-height: 24px; word-break: keep-all; padding: 10px 0; } #sub.board .b_list table td:nth-child(2){ padding-left: 5px; padding-right: 5px; } #sub.menu .cate ul li{ width: 48%; margin-right: 4%; } #sub.menu .cate ul li:nth-child(2n+0){ margin-right: 0; } #popup .box{ height: 80%; } #popup .box .img_wrap{ float: none; width: 100%; height: 45%; } #popup .box .img_wrap img{ max-width: 300px; height: auto;} #popup .box .img_wrap{ border-radius: 40px 40px 0 0; } #popup .box .info_wrap{ float: none; width: 100%; padding-top: 40px; height: 55%; padding-bottom: 40px; overflow-y: scroll; } #popup .box .close_b{ z-index: 1; } #popup .box .close_b{ right: 20px; top: 20px; } #sub.order .con08 ul li{width: 230px;} #sub .sub_tab2.sub_tab2_04 ul li button{padding-left: 20px;padding-right: 20px;} #inq_quick{right: 30px;} #sub.menu .cate ul li .img_wrap {height: auto} #sub.marketing .con_w p{font-size: 14px;line-height: 1.7} #sub.marketing .con_w span{font-size: 19px;margin-bottom: 15px;} #sub.marketing .con_w strong{font-size: 21px;margin-bottom: 10px;} #sub.marketing .con_w{padding-bottom: 30px;} #sub.marketing .con_w ul.l02 li i{font-size: 9px} #sub.marketing .con_w em{font-size: 13px;line-height: 1.7} #sub.marketing .con_w ul.l02 li{font-size: 13px;line-height: 1.5} } @media (max-width: 980px){ #sub.franchise .info_box .left strong{ font-size: 24px; line-height: 42px; } #sub.franchise .info_box .left i img{ width: 98px; } #sub.franchise .info_box .left i{ margin-top: 35px; } #sub.franchise .info_box{ height: 480px; } #sub.franchise .info_box .right{ padding-top: 120px; } #sub.franchise .info_box .right ul li .icon_w{ width: 98px; height: 98px; } #sub.franchise .info_box .right ul li .icon_w img{ width: 50px; } #sub.franchise .info_box .left .wrap{ padding-left: 40px; } #sub.franchise .info_box .left{ width :35%; } } @media (max-width: 860px){ #sub.brand .con02 .img_box{ float: none; width: 100%; } #sub.brand .con02 .txt_box{ float: none; width: 100%; padding-top: 30px !important; } #sub.brand .con02 .wrap:nth-child(1) .txt_box{ padding-left: 0; } #sub.brand .con02 .wrap:before{ display: none; } #sub.brand .con02 .wrap:last-child .img_box{ float: none; } #sub.brand .con02 .wrap{ margin-bottom: 50px; } #sub.brand .con02 .wrap:last-child{ margin-bottom: 0; } #sub.brand .con02 .img_box img{ max-width: auto; width: 100%; } #sub.history .h_wrap .y_right .img_w{ padding-right: 30px; } #sub.history .h_wrap .y_left .img_w{ padding-left: 30px; } #sub.history .h_wrap .y_wrap .txt_w ul li{ font-size: 14px; line-height: 27px; } #sub.history .h_wrap .y_wrap .txt_w ul li:after{ top: 11px; } #sub.history .h_wrap .y_wrap .txt_w strong{ margin-bottom: 10px; } #sub.history .h_wrap{ margin-top: 50px ;} #sub.board .b_bot .pagging{ float: none; width: 100%; text-align: center; } #sub.board .b_bot .pagging ul{ display: inline-block; } #sub.board .b_bot .search{ float: none; width: 70%; margin: 0 auto; margin-top: 20px; } #sub.board .b_bot{ margin-top: 30px; } #sub.board .b_bot .search select{ width: 20%; margin-right: 3%; } #sub.board .b_bot .search .f_search{ width: 77%; } #sub.board .b_view .v_tit strong{ font-size: 20px; line-height: 32px; word-break: keep-all; } #sub.board .b_view .v_tit ul li{ font-size: 14px; } #sub.board .b_view .v_bot .list_b a strong{ font-size: 18px; } #sub.board .b_view .v_bot .list_b a .icon span{ width:12px; height: 2px; margin-bottom: 2px; } #sub.board .b_view .v_bot .list_b a .icon{ margin-right: 5px; } #sub.board .b_view .v_bot .prne a strong{ font-size: 14px; } #sub.board .b_view .v_bot .prne .next .dots{ margin-left: 10px; transform: translate(0,7px);} #sub.board .b_view .v_bot .prne .prev .dots{ margin-right: 10px; transform: translate(0,7px);} #sub.board .b_view .v_con{ padding:30px 0; } #sub .sub_tab2 ul li button{ font-size: 18px; padding-top: 10px; } #sub .sub_tab2 ul li > a{ font-size: 18px; padding-top: 10px; } #sub .sub_tab2{ margin-top: 50px; } #sub.direction .di_wrap .map_w{ height: 300px; } #sub.direction .di_wrap .di_tit{ width: 220px; padding: 25px 0; padding-left: 25px; background-size: 100% 100%; } #sub.direction .di_wrap .di_tit strong{ font-size: 24px; line-height: 36px; } #sub.direction .di_wrap .di_tit{ margin-top: -60px; float: none; } #sub.direction .di_wrap .di_info{ float: none; } #sub.direction .di_wrap .di_info{ margin-top: 30px; margin-left: 0; } #sub.direction .di_wrap .di_info dl dt{ font-size: 14px; margin-bottom: 5px; } #sub.direction .di_wrap .di_info dl dd{ font-size: 14px; line-height: 24px; } #sub.direction .di_wrap .di_info dl{ margin-right: 40px; } #popup .box .info_wrap{ padding: 30px; } #popup .box .info_wrap .i_tit span{font-size: 14px; margin-bottom: 10px; } #popup .box .info_wrap .i_tit strong{ font-size: 20px; } #popup .box .info_wrap .i_tit ul li{ font-size: 12px; } #popup .box .info_wrap .p02{ font-size: 12px; line-height: 20px; } #popup .box .info_wrap .i_tit:after{ margin-bottom: 15px; margin-top: 15px; } #popup .box .info_wrap .i_table{ margin-top: 20px; } #popup .box .info_wrap .i_table dl dt{ font-size: 14px; } #popup .box .info_wrap .i_table dl dd{ font-size: 12px; } #popup .box .info_wrap .i_table table th{font-size: 12px; height:32px; } #popup .box .info_wrap .i_table table td{ font-size: 12px; padding: 6px 0; } #popup .box .close_b{ width: 32px; height: 32px; } #popup .box .close_b img{ width: 12px; } #sub.franchise .info_box .left{ width: 90%; height: auto; position: static; padding: 30px 0; } #sub.franchise .info_box .left .wrap{ transform: translate(0,0); position: static; } #sub.franchise .info_box .left strong br{ display: none; } #sub.franchise .info_box .left i img{ width: 60px; } #sub.franchise .info_box .left i{ margin-top: 20px; } #sub.franchise .info_box .right{padding-top: 40px; } #sub.franchise .info_box .right .inner{ padding-left: 30px; } #sub.franchise .info_box{ height: auto; padding-bottom: 50px; } #sub.franchise .info_box .right ul li .txt_w strong{ font-size: 18px; } #sub.franchise .info_box .right ul li .txt_w p{ margin-top: 10px; font-size: 12px; line-height: 22px; } #sub.franchise .info_box .right ul li .txt_w{ margin-top: 15px; } #sub.franchise .info_box .right ul li .txt_w p span{ font-size: 10px; } #sub.franchise .con02 .step ul li .txt_w span{ font-size: 20px; } #sub.franchise .con02 .step ul li .txt_w strong{ font-size: 16px; } #sub.franchise .con02 .step ul li .txt_w p{ font-size: 12px; line-height: 22px; margin-top: 10px; } #sub.franchise .con02 .step ul li .txt_w{ height: 160px; } #sub.franchise .con02 .step:before{ display: none; } #sub.franchise .con02 .step ul li .txt_w strong{ position: relative; z-index: 1; } #sub.franchise .con02 .step ul li .i_wrap{ width: 98px; height: 98px; } #sub.franchise .con02 .step ul li .i_wrap img{ width: 50px; } #sub.franchise .con02 .step ul li:before{ width :32px; height :32px; background-size: 100% 100%; } #sub.franchise .con02 .step ul li:nth-child(9) .txt_w:before{ width: 42px; height: 42px; } #sub.franchise .con02 .step ul li:nth-child(9) .txt_w:before{ top: -4px; } img.pc_img{ display: none !important; } img.mo_img{ display: block !important; } #sub.f_price .con03 .img_w{ margin-top: 20px; } #sub.f_price .con02 .inner ul li .img_wrap .txt_wrap strong{ font-size: 18px; } #sub.f_price .con02 .inner ul li .img_wrap .txt_wrap span{ font-size: 14px; } #sub.f_price .con02 .inner ul li > p{ font-size: 14px; line-height: 24px; height: 48px; } #sub.store .con02{position: relative;padding-top: 900px;margin-top: -200px;} #sub.store .con02 > div.left .map_w{top: 0} #sub.store .con02 > div.left{transform: scale(0.7);position: absolute;left: 50%;margin-left: -294px;top: 0} #sub.store .con02 > div.right ul li a{padding-top: 20px;} #sub.store .con02 > div.right ul li a .tit strong{font-size: 16px;} #sub.store .con02 > div.right ul li a .tit span{font-size: 13px;} #sub.store .con02 > div.right ul li a .txt p{font-size: 13px;line-height: 1.8} #sub.store .con02 > div.right ul li a .txt span{font-size: 12px;} #sub.store .con02 > div.right ul li a .tit{margin-bottom: 5px;} #sub.store .con02 > div.right ul li .symbol{left: 0} #sub.store .con02 > div.right ul li .symbol img{height: 35px} #sub.store .con02 > div.right ul li .symbol{top: 11px;} #sub.store .con02 > div.right ul li{height: 108px;} #sub.store .con02{padding-top: 780px;} #sub.store .con02 > div.right{max-width: 100%} #sub.f_inquiry .con02 .f_wrap{max-width: 100%} #sub.f_inquiry .con02 .f_wrap ul li label{font-size: 14px;} #sub.f_inquiry .con02 .f_wrap ul li .d_wr *{height: 40px;font-size: 13px;} #sub.f_inquiry .con02 .e_wrap > div input, #sub.f_inquiry .con02 .e_wrap > div select{height: 40px;font-size: 13px;} #sub.f_inquiry .con02 .f_wrap ul li .d_wr textarea{height: 100px;} #sub.f_inquiry .con02 .f_wrap ul li label{line-height: 40px;} #sub.f_inquiry .con02 .f_wrap ul li{padding-left: 75px;margin-bottom: 10px;} #sub.f_inquiry .con02 .f_wrap .chk_w p{font-size: 12.5px;} #sub.f_inquiry .con02 .f_wrap ul{padding-bottom: 30px;} #sub.f_inquiry .con_w{margin-bottom: 0;padding-bottom: 65px;} #sub.f_inquiry .con02 .f_wrap ul{padding-bottom: 20px;} #sub.f_inquiry .con02{padding-top: 35px;padding-bottom: 85px;} #sub.f_inquiry .con02 .f_wrap .inq_btn a{line-height: 45px;font-size: 13px;} #sub.f_inquiry .con02 .f_wrap .inq_btn{margin-top: 25px;} #sub.order .con08 ul li span{width: 25px;line-height: 25px;font-size: 13px;margin-bottom: 10px;} #sub.order .con08 ul li strong{font-size: 20px;margin-bottom: 20px;} #sub.order .con08 ul li img{height: 50px;} #sub.order .con08 ul li p{font-size: 13px;line-height: 1.6;margin-top: 20px;} #sub.order .con08 ul li{padding: 20px 0} #sub.order .con08 ul li{width: 160px;} #sub.order .con08{padding: 40px 0} #sub.order .q_txt strong{font-size: 24px;} #sub.order .q_tit strong{font-size: 16px;} #sub .faq_list ul li .ques a{font-size: 13px;line-height: 24px;padding-left: 34px;} #sub .faq_list ul li .ques a:before{width: 24px;height: 24px;background-size: 100% 100% !important} #sub.order .q_tit strong{padding-bottom: 10px;} #sub.order .con .tit strong{line-height: 45px;font-size: 13px;} #sub.order .con .txt ul li{font-size: 13px;line-height: 1.5;word-break: keep-all;} #sub.order .con .txt ul li:before{top: 6px;} #sub.order .con .wrap{padding-bottom: 30px;} #sub.order .con06{margin-top: 45px;} #sub.order .con .txt{padding: 10px;} #sub.order .con .tit strong{padding-left: 10px;} #sub.board .g_list ul li a .txt strong{font-size: 16px;line-height: 28px;height: 56px;margin-bottom: 5px;} #sub.board .g_list ul li a .txt strong br{display: none} #sub.board .g_list ul li a .txt p{font-size: 12px;} #sub.board .g_list ul li a .txt{padding: 20px 10px;} #sub.board .g_list ul li a .tag span{width: 50px;line-height: 30px;font-size: 13px;} #sub.f_inquiry .con02 .id{width: 48%} #sub.f_inquiry .con02 .address{width: 48%} #sub.f_inquiry .con02 .e_wrap > div.tag{width: 4%} #sub.f_inquiry .con02 .e_wrap > div.tag{font-size: 10px;line-height: 40px;} #sub.f_inquiry .con02 .f_wrap ul li .d_file p{line-height: 40px;font-size: 13px;height: 40px;} #sub.f_inquiry .con02 .f_wrap ul li .d_file button{width: 100px;font-size: 13px;} #sub.f_inquiry .con02 .f_wrap span{font-size: 11px} #map_pop .pop_wrap .pop_area .tit strong{font-size: 16px} #map_pop .pop_wrap .pop_area .tit span{font-size: 11px;padding-top: 0} #map_pop .pop_wrap .pop_area .txt p{font-size: 13px;line-height: 1.5} #map_pop .pop_wrap .pop_area .txt span{font-size: 12px;padding-top: 20px;} #sub.store .con02 > div.right{height: 600px;} #sub.f_price .inq_btn a, #sub.franchise .inq_btn a{width: 100%;line-height: 50px;font-size: 14px} #popup_info .pop_in .pop_area{width: 500px;} #popup_info .pop_in .pop_area button{top: 20px;right: 20px;} #popup_info .pop_in .pop_area button img{width: 30px;} #inq_pop .pop_in .pop_area{width: 400px;} #inq_pop .pop_in .pop_area .txt_w{height: 400px;overflow-y: scroll;} #inq_pop .pop_in .pop_area ul li{margin-bottom: 10px;} #inq_pop .pop_in .pop_area ul li strong{font-size: 14px;} #inq_pop .pop_in .pop_area ul li p, #inq_pop .pop_in .pop_area em{font-size: 13px;line-height: 1.7} #inq_pop .pop_in .pop_area em{margin-top: 20px;} #inq_pop .pop_in .pop_area .tit strong{font-size: 16px;line-height: 32px;} #inq_pop .pop_in .pop_area button img{width: 32px;} } @media (max-width: 640px){ #inq_quick{right: 20px;bottom: 279px;} #inq_quick a{width: 70px;height: 70px;padding-top: 19px;border-radius: 12px} #inq_quick a img{width: 20px;} #inq_quick a strong{font-size: 14px;} #sub.f_price .f_img { display: none; } #sub.f_price .f_img_mo { display: block; } #sub.f_price .sub_con .inner{ padding: 0; } #sub.f_price .sub_con .inq_btn{ padding: 0 20px; } } @media (max-width: 580px){ #sub.order .con08 ul li{width: 100%;margin-bottom: 20px;} #sub.store{padding-bottom: 80px;} } @media (max-width: 540px){ #sub .sub_visual{ height: 360px; } #sub .sub_visual .img_wrap img{ height: 100%; } #sub .sub_tab ul li a{ font-size: 14px; } #sub .sub_tab ul li.on:after{ width: 5px; height: 5px; left: 6px; top: 6px; } #sub .sub_tab ul li{ height: 42px; } #sub .sub_tab ul li a{ line-height: 42px; } #sub .sub_tab ul li.on:nth-child(2):after{ left: 12px; } #sub .sub_tab{ margin-top: -21px; } #sub .sub_visual .txt_wrap strong{ font-size: 30px; } #sub .sub_t strong{ font-size: 24px; } #sub .p01{ font-size: 14px; line-height: 26px; } #sub .sub_t{ margin-bottom: 18px; } #sub.brand .con01 .con_img img{ max-width: 100%; } #sub .con_w{ padding-bottom: 80px; } #sub .con_w2{ margin-bottom: 80px; } #sub.brand .con02 .txt_box strong{ font-size: 20px; } #sub.brand .con02 .txt_box p{ margin-top: 10px; font-size: 14px; line-height: 26px; } #sub.brand .con02 .txt_box{ padding-top: 20px !important; } #sub.brand .con02 .wrap{ margin-bottom: 35px; } #sub.brand .con04{ height: 280px; } #sub.brand .con04 .p01{font-size: 14px; line-height: 26px; word-break: keep-all; } #sub.history .h_wrap .y_wrap .txt_w strong{ font-size: 22px; } #sub.history .h_wrap .y_wrap .txt_w strong:after{ width: 12px; height :12px; border-radius: 6px 0 6px 0; } #sub.history .h_wrap .y_wrap .txt_w{ float: none; width: 100%; text-align: left; padding-right: 0; padding-left: 30px; } #sub.history .h_wrap .y_wrap .txt_w ul li{ padding-right: 0; padding-left: 8px; } #sub.history .h_wrap .y_left .txt_w ul li:after{ right: none; left: 0; } #sub.history .h_wrap .y_left .txt_w strong:after{ right: none; left: -30px; } #sub.history .h_wrap .line{ left: 6px; } #sub.history .h_wrap .y_wrap{ padding: 20px 0; } #sub.history .h_wrap .y_right .txt_w strong:after{ left: -30px; } #sub.history .h_wrap .y_wrap .img_w{ padding-right: 0; padding-left: 30px; float: none; width: 100%; margin-top: 30px; } #sub .p01{ word-break: keep-all; } #sub.board .b_list table th:nth-child(3){ display: none; } #sub.board .b_list table th:nth-child(4){ display: none; } #sub.board .b_list table td:nth-child(3) {display: none; } #sub.board .b_list table td:nth-child(4) {display: none; } #sub .sub_tab2 ul li{ width: 33.3333%; } #sub .sub_tab2.sub_tab2_04 ul li{width: 25%} #sub .sub_tab2 ul li button{ padding: 0; padding-top: 10px; text-align: center; width: 100%; font-size: 14px; } #sub .sub_tab2 ul li > a{ padding: 0; padding-top: 10px; text-align: center; width: 100%; font-size: 14px; } #sub .sub_tab2 ul{ display: block; } #sub.direction .di_wrap .di_tit strong{ font-size: 18px; line-height: 28px; } #sub.direction .di_wrap .di_info dl{ float:none; margin-right: 0; margin-bottom: 20px; } #sub.menu .cate .c_tit strong{ font-size: 20px; } #sub.menu .cate .c_tit strong i{ width:12px; height:12px; border-radius: 6px 0 6px 0; } #sub.menu .cate .c_tit strong i{ transform: translate(0,-1px);} #sub.menu .cate ul li .txt_wrap strong{ font-size: 16px; } #sub.menu .cate ul li .txt_wrap p{ font-size: 12px; margin-top: 5px; word-break: keep-all; } #sub.menu .cate{ margin-top: 50px; } #sub.menu .cate:last-child{ margin-bottom: 80px; } #popup .box .info_wrap .i_tit ul li{ float: none !important; margin-bottom: 3px; } #popup .box .info_wrap{ padding: 20px; } #popup .box .img_wrap{ border-radius: 20px 20px 0 0; } #popup .box .info_wrap .i_tit strong{ font-size: 18px; } #popup .box{ border-radius: 20px; } #sub.f_price .con02 .inner ul li{ float: none; width: 280px; margin: 0 auto !important; margin-bottom: 20px !important;} #sub.f_price .con02{ padding:40px 0; } #sub.f_price .con_w:first-child{ margin-bottom: 0; } #sub.f_interior .con .c_tit strong{font-size: 16px} #sub.f_interior .con .c_tit strong{ font-size: 20px; } #sub.f_interior .con .c_tit strong i{ width:12px; height:12px; border-radius: 6px 0 6px 0; } #sub.f_interior .con .c_tit strong i{ transform: translate(0,-1px);} #sub.f_interior .con{margin-top: 40px;} #sub.f_interior .con .c_tit{margin-bottom: 20px;} #sub .sub_tab2.sub_tab2_04 ul li button{padding-left: 0;padding-right: 0;padding-top: 20px;} #sub.board .g_list ul li{width: 100%} #sub.board .g_list ul li a img{width: 100%} #map_pop .pop_wrap .pop_area{border-radius: 20px;} #map_pop .pop_wrap .pop_area .txt_w{padding: 20px;} #map_pop .pop_wrap .pop_area .txt p{margin-bottom: 10px;} #map_pop .pop_wrap .pop_area .txt p, #map_pop .pop_wrap .pop_area .txt span{float: none} #map_pop .pop_wrap .pop_area button{top: 20px;right: 20px} #map_pop .pop_wrap .pop_area button img{width: 35px;} #sub.order .main_tit img{width: 200px;} #sub.order .con04 .store_btn ul li{width: 120px;} #sub.order .con04 .store_btn ul li a{padding: 7px 15px } #sub.order .con04 .phone_img img{width: 300px;} #sub.order .con04{height: 470px;padding-top: 65px;} #sub.order .con04:before{width: 100%} #popup_info .pop_in .pop_area{width: 400px;} #sub.f_inquiry2 .sub_t{margin-bottom: 0} #sub.f_inquiry .p01 br{display: block} #sub .p01 br, #sub.brand .con02 .txt_box p br{display: none} #sub .p01, #sub.brand .con02 .txt_box p{word-break: keep-all;} #popup_info.on{z-index: -1;} #sub .p01 .br{display: none} #sub .p01{word-break: keep-all;} #sub.store .con02 > div.right ul li a .txt p{margin-bottom: 0} #sub.store .con02 > div.right ul li a .txt{padding-bottom: 20px;} #sub.store .con02 > div.right ul li a .txt span{bottom: 0} #sub.f_price .inq_btn a{margin-top: 50px;} #sub.franchise .con02 .step ul li:before{right: -16px} #sub.f_price .con03 ul li{font-size: 13px;} #sub.menu .sub_tab2 ul li{width: 25% !important;box-sizing: border-box;margin-left: -5px} #sub.menu .sub_tab3 ul{text-align: left;} #sub.menu .sub_tab3 ul li{width: 20% !important;box-sizing: border-box;margin-left: -5px} #sub.marketing .con_w ul.l02 li{font-size: 12px;} #sub.marketing .con_w ul.l02 li{padding-left: 15px;margin-bottom: 7px;} #sub.marketing .con_w ul.l02 li i{top: 3px;} #sub.marketing .con_w .tb_w{margin: 7px 0;overflow-x: scroll} #sub.marketing .con_w .tb_w svg{width: 600px;} #sub.marketing .con_w p{margin-bottom: 7px;font-size: 12px;} #sub.marketing .con_w span{font-size: 14px;} #sub.marketing .con_w strong{font-size: 16px;} #sub.marketing .con_w ul li{font-size: 12px;line-height: 1.7} #sub.marketing .con_w span{word-break: keep-all;line-height: 1.7} #sub.marketing .con_w ul.l02 li table th{height: 40px;} #sub.marketing .con_w ul.l02 li table td{height: 40px;} #sub.f_inquiry .con02 .f_wrap ul li .txt ul li{font-size: 11px} #sub.f_inquiry .con02 .f_wrap ul li .txt ul{padding: 15px} #sub.f_inquiry .con02 .f_wrap ul li .answer ul{gap: 10px;padding-left: 20px} } @media (max-width: 560px){ #sub.f_inquiry .sub_t p{margin-top: 18px;} #sub.store .con02 > div.right ul li{height: auto;padding-bottom: 10px;} #sub.store .con02 > div.right ul li a .txt p{margin-bottom: 0;} #sub.store .con02 > div.right ul li a .txt p, #sub.store .con02 > div.right ul li a .txt span{float: none} #sub.store .con02 > div.right ul li a .txt p br{display: none} #sub.store .con02 > div.right ul li a .txt p{word-break: keep-all;} #sub.store .con02 > div.right ul li a{padding-left: 69px} #sub.franchise.order .con02 .step ul li{width: 100%;margin-bottom: 40px;margin-bottom: 70px;margin-bottom: 20px;} #sub.franchise.order .con02 .step ul li .txt_w{height: auto;margin-top: 20px} #sub.franchise.order .con02 .step ul li:before{position: relative; background: url(/img/sub/fran_arrow4.png) center center no-repeat !important;;border-radius: 50%;display: block;position: static;margin: 0 auto;margin-bottom: 75px;transform: none;transform: translate(0,0);} #sub.franchise.order .con02 .step ul li:first-child:before{display: none} #sub.franchise.order .con02 .step ul li .i_wrap img{width: auto} #sub.franchise .con02 .step ul li:nth-child(5):before, #sub.franchise .con02 .step ul li:nth-child(6):before{transform: none} #sub.franchise .inq_btn{margin-top: 30px;} #sub.franchise .con02 .step ul li{ width :50%; } #sub.franchise .con02 .step ul li:nth-child(4), #sub.franchise .con02 .step ul li:nth-child(5), #sub.franchise .con02 .step ul li:nth-child(6){ float: left; } #sub.franchise .con02 .step ul li:before{ transform: translate(0%,0) rotate(0) !important; display: block !important;} #sub.franchise .con02 .step ul li:last-child:before{ display: block !important; } #sub.franchise.order .con02 .step ul li:first-child:before{display: none !important} #sub.history .h_wrap .line span.line02{top: 36px;} #sub.menu .sub_tab3 ul li, #sub.menu .sub_tab2 ul li{width: auto;float: none;display: inline-block;padding: 0 7px} #sub.store .con02{margin-top: -150px} #sub.store .con02 > div.right ul li{margin-bottom: 10px;} #sub.franchise .info_box .right ul li .txt_w p br{display: none} #sub.franchise .info_box .right ul li .txt_w p{word-break: keep-all;;line-height: 1.5} #sub.franchise .info_box .right ul li .txt_w strong i{display: block;} #sub.franchise .info_box .right ul li .txt_w strong{line-height: 1.5} #sub.franchise .con02 .step ul li:nth-child(2n):before{display: none !important} #sub.franchise .con02 .step ul li:last-child:before{display: none !important} #sub.franchise.order .con02 .step ul li:nth-child(2n):before{display: block !important;} #sub.franchise.order .con02 .step ul li:before{margin-bottom: 15px;} #sub.franchise.order .con02 .step ul li{float: none !important} #sub.franchise.order .con02 .step ul li .i_wrap img{position: static;} #sub.franchise.order .con02 .step ul li .i_wrap{width: auto;height: auto;box-shadow: none} #sub.franchise.order .con02 .step ul li .i_wrap img{transform: none;display: block;margin: 0 auto} #sub.franchise.order .con02 .step ul li .txt_w{margin-top: 0;padding-top: 0} #popup .box .info_wrap .wrap2 .txt_area *{font-size: 13px !important;color: #666 !important} #sub.menu .sub_tab2 ul li button{padding-bottom: 10px;padding-bottom: 10px;} #sub.menu .sub_tab2 ul li button i{display: block;} #popup .box .img_wrap img{max-width: 100%} #popup .box .img_wrap img{height: auto;width: auto;height: 80%} #popup .box.emp{height: auto} #popup .box .img_wrap, #popup .box.emp .img_wrap{height: 170px} #popup .box .info_wrap, #popup .box.emp .info_wrap{height: auto} } @media (max-width: 414px){ #sub .con_w{ padding-bottom: 60px; } #sub .con_w2{ margin-bottom: 60px; } #sub.brand .con02 .txt_box strong{word-break: keep-all; } #sub.brand .con05 .inner > ul > li{ width: 100%; margin-right: 0; margin-bottom: 20px !important;} #sub.board .b_list table th:nth-child(1){ width: 20%; } #sub.board .b_list table td{ font-size: 12px; padding: 5px 0; } #sub.board .b_bot .pagging ul li{ width :22px; height: 22px; } #sub.board .b_bot .pagging ul li a{line-height: 22px;} #sub.board .b_bot .pagging ul li button{ font-size: 12px; } #sub.board .b_view .v_tit strong{ font-size: 18px; line-height: 30px; } #sub.board .b_view .v_tit ul{ margin-top: 8px; } #sub.board .b_view .v_tit{ padding-bottom: 20px;} #sub.menu .cate ul li .txt_wrap p{ line-height: 24px; } #sub.menu .cate ul li .txt_wrap{ padding-bottom: 20px; } #popup .box{ width: 85%; } #sub.store .con02 > div.left{transform: scale(0.6);} #sub.store .con02{padding-top: 725px;} #sub.f_interior .con ul li{width: 100%;margin-bottom: 20px;} #sub.f_interior .con ul li:nth-child(1){border-radius: 10px 10px 0 0} #sub.f_interior .con ul li:nth-child(3){border-radius: 0 0 10px 10px} #sub.franchise .con02 .step{margin-top: 50px;} #popup .box .info_wrap p{font-size: 13px;} #popup_info .pop_in .pop_area{width: 260px;} #inq_pop .pop_in .pop_area{width: 300px;padding-left: 15px;padding-right: 15px;} #popup .box.emp .img_wrap{height: 322px;} #popup .box.emp .info_wrap{height: auto} #sub.menu .sub_tab2 ul li button{word-break: keep-all;} #popup .box .info_wrap .wrap2 .txt_area *{font-size: 11px !important} #popup .box .info_wrap .i_tit ul li, #popup .box .info_wrap .i_tit ul li{font-size: 11px} #popup .box .info_wrap .i_tit strong{font-size: 16px;} #popup .box .info_wrap .i_tit:after{margin-top: 5px;margin-bottom: 5px;} #popup .box .info_wrap .i_table table td{font-size: 11px;padding: 7px} #sub .sub_tab2.faq_tab ul{flex-wrap: wrap;justify-content: center} #sub .sub_tab2.faq_tab ul li{width: 25%;flex: none} #sub .sub_tab2.faq_tab{padding: 0} #sub .sub_tab2.faq_tab ul li a{padding: 10px 0} #sub .sub_tab2.faq_tab:before{ content:""; display: block; width: 100%; height: 2px; background-color: #f2ede7; position: absolute; left: 0; top: 50%;margin-top: -1px } } @media (max-width: 390px){ #sub .sub_tab ul li{ width: 50%; margin-bottom: 10px; } #sub .tab_4 ul li:nth-child(4){ width: 47.5%; margin-left: 2.5%; } #sub .tab_4 ul li:nth-child(4), #sub .tab_4 ul li:nth-child(3){ margin-bottom: 0; } #sub .sub_con{ margin-top: -74px; } #sub.board .b_bot .search{ width: 90%; } #sub.menu .cate ul li .txt_wrap{ height: 172px; } #sub.menu .cate ul li .txt_wrap p{ font-size: 10px; line-height: 18px; } #sub.menu .cate ul li .txt_wrap strong{ font-size: 14px; } #sub .tab_3 ul li{ width: 33.33333333%; } #sub .sub_tab2 ul li button{font-size: 12px; } #sub .sub_tab2 ul li > a{font-size: 12px; } #sub.franchise .con02 .step ul li{ width :50%; } #sub.franchise .con02 .step ul li:nth-child(4), #sub.franchise .con02 .step ul li:nth-child(5), #sub.franchise .con02 .step ul li:nth-child(6){ float: left; } /* #sub.franchise .con02 .step ul li:before{ transform: translate(50%,0) rotate(0) !important; display: block !important;} */ #sub.franchise .con02 .step ul li:nth-child(2n+0):before{ display: none !important; } #sub.franchise .con02 .step ul li:last-child:before{ display: none !important; } #sub.f_inquiry .con02 .f_wrap span{font-size: 9px;} /* #sub.franchise .con02 .step ul li .txt_w p br{display: none} */ #sub.franchise .con02 .step ul li .txt_w strong{word-break: keep-all;} #sub.franchise .con02 .step ul li .txt_w p{word-break: keep-all;} #popup .box .img_wrap img{max-width: 100%} #popup .box .img_wrap img{height: auto;width: auto;height: 80%} #popup .box.emp{height: auto} #popup .box .img_wrap, #popup .box.emp .img_wrap{height: 170px} #popup .box .info_wrap, #popup .box.emp .info_wrap{height: auto} #footer .f_right .address ul{display: block} #ft .f_right .address ul{display: block;} #sub.marketing .sub_visual .txt_wrap strong{font-size: 24px} .g-recaptcha{overflow: hidden} .g-recaptcha > div{width: 100% !important} } /* */