/* 팝업 */ #jt_popup_container.pc .jt_popup_item.primary{width: 500px;} /************************ ********* 헤더 ******** ************************/ /*.logoWhite{display: none;} .iconWhite svg{fill:#fff !important;} .home .jupiterx-header{position:absolute; top:0; left:0; right:0;} .home .jupiterx-header .logo{opacity:0;} .home .jupiterx-header .logoWhite{display:block;} .home .jupiterx-header .m_menu_icon svg{fill:#fff !important;} .home .jupiterx-header .menuList .elementor-nav-menu > .menu-item > a{color:#fff !important;} .home .jupiterx-header .headerSnsIcon .elementor-social-icon {background-color:rgba(255, 255, 255, 0.5) !important;} .home .jupiterx-header .headerSnsIcon .elementor-social-icon:hover{background-color:rgba(255, 255, 255, 1) !important;} .home .jupiterx-header .headerSnsIcon .elementor-social-icon i{color:#4c4039 !important;} .home .jupiterx-header .gositeBtn .raven-button-link {border-color:rgba(255, 255, 255, 0.7) !important; color:rgba(255, 255, 255, 1) !important;}*/ .home #header .menu-item-1428 > a{color:#009273 !important;} .home .elementor-sticky--effects .logo{opacity:1;} .home .elementor-sticky--effects .logoWhite{display:none !important;} .home .elementor-sticky--effects .m_menu_icon svg{fill:#1d1d1e !important;} .home .elementor-sticky--effects .menuList .elementor-nav-menu > .menu-item > a{color:#1d1d1e !important;} .home .elementor-sticky--effects .headerSnsIcon .elementor-social-icon{background-color:#bbb !important;} .home .elementor-sticky--effects .headerSnsIcon .elementor-social-icon:hover{background-color:#000 !important;} .home .elementor-sticky--effects .headerSnsIcon .elementor-social-icon i{color:#fff !important;} .home .elementor-sticky--effects .gositeBtn .raven-button-link {border-color:rgba(29, 29, 30, 0.7) !important; color:rgba(29, 29, 30, 1) !important;} #header .menuList .elementor-nav-menu > .menu-item > .sub-menu{left: 50% !important;transform: translateX(-50%);} #header .menuList .sub-menu a{border:none;} #header .menuList .elementor-nav-menu .sub-arrow{display: none;} .m_menu .elementor-nav-menu .sub-menu.elementor-nav-menu--dropdown{background-color:rgba(29, 29, 30, 0.03) !important;} .m_menu .elementor-nav-menu .sub-menu.elementor-nav-menu--dropdown li{margin-left:5px;} .m_menu .elementor-nav-menu .sub-menu.elementor-nav-menu--dropdown a{font-size:1.25em !important; color:#333 !important; padding-top:20px !important; padding-bottom:20px !important;} .m_menu .elementor-nav-menu .sub-menu.elementor-nav-menu--dropdown a:hover{color:#000 !important;} .wpcf7-response-output{display: none !important;} /************************ ********* 푸터 ******** ************************/ /* 문의하단 */ .btContactWrap{display:flex; align-items:center; } .btContactWrap > div{width:25%;} .btContactWrap select { -webkit-appearance:none; /* for chrome */ -moz-appearance:none; /*for firefox*/ appearance:none;} .btContactWrap select::-ms-expand{display:none;/*for IE10,11*/} .btContactWrap select {background:url('/wp-content/uploads/2023/11/icon_arrow_white.svg') no-repeat 96% 50%/10px auto;} .btContactWrap input[type=text], .btContactWrap input[type=tel], .btContactWrap select, .btContactWrap input[type=submit]{box-shadow:none; outline:none; background-color:rgba(115,74,53,.5) !important; color:#fff; box-sizing:border-box; font-size:18px; font-weight:400; height:55px; line-height:55px;letter-spacing:-0.25px;} .btContactWrap input[type=text], .btContactWrap input[type=tel], .btContactWrap select{width:100%; background-color:transparent !important; border:1px solid rgba(255,255,255,.3); border-right:none;padding:0 15px;} .btContactWrap select option{color:#000 !important;} .btContactWrap > div:nth-of-type(4) select{border-right:1px solid rgba(255,255,255,.3); padding-right:40px;} .btContactWrap label{width:100%; margin-bottom:0;} .btContactWrap input::placeholder, .btContactWrap select::placeholder{color:#fff !important;} .btContactWrap input[type=submit]{background-color:rgba(115,74,53,.5); width:100%; border:none; font-weight:bold;} .btBnrPopContact.elementor-sticky--effects input[type=submit], .btBnrPopContact.fixed input[type=submit]{background-color:rgba(0,0,0,.4) !important;} .btContactWrap .acceptance-agree, .btContactWrap .acceptance-agree a{font-size:15px; font-weight:400; color:#fff;} .btContactWrap .chkStyle label{display:flex; align-items:center; justify-content:center; font-size:15px; letter-spacing:-0.025em; color:rgba(255,255,255,.5); font-weight:400;} .btContactWrap .chkStyle label span div{margin-left:5px;} .btContactWrap .chkStyle label a,.btContactWrap .chkStyle div a{display:block; color:#fff; font-weight:bold; line-height:1em; border-bottom:1px solid #fff; margin-bottom:4px;} .btContactWrap .telNum{font-size:16px; font-weight:bold; color:#fff;} .elementor-widget-contact-form-7 .wpcf7 input.wpcf7-submit{font-weight:bold !important;} .btContactWrap .wpcf7-not-valid-tip{position:absolute;bottom: -18px;font-size: 13px;} .btContactWrap .wpcf7-spinner{display: none;} .btBnrPopContact .wpcf7-response-output{color:rgba(255,255,255,.8) !important; border-color:#b3ba35 !important;} #wpcf7-f454-o1 .chkStyle .wpcf7-list-item-label{display:flex;flex-wrap: wrap;} #wpcf7-f454-o1 .chkStyle .wpcf7-list-item-label .btContactWrap .chkStyle label a span{width: 100%;} #wpcf7-f454-o1 .wpcf7-response-output{display: none;} /* 체크박스 스타일 */ .chkStyle {position: relative;} .chkStyle .wpcf7-list-item-label{display:flex;align-items: center;} .chkStyle input, .chkRadio input {-webkit-appearance: none;-webkit-border-radius: 0;} .chkStyle input[type="checkbox"] { /* 실제 체크박스는 화면에서 숨김 */ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0 } .chkStyle input[type="checkbox"] + .wpcf7-list-item-label { position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .chkStyle input[type="checkbox"] + .wpcf7-list-item-label:before { /* 가짜 체크박스 */ content: ' '; display: inline-block; width:35px;/* 체크박스의 너비를 지정 */ height: 33px; /* 체크박스의 높이를 지정 */ background-size:contain !important; } .chkStyle.white input[type="checkbox"] + .wpcf7-list-item-label:before {background: url('/wp-content/uploads/2023/11/icon_unchkd_white.svg') no-repeat;} .chkStyle.black input[type="checkbox"] + .wpcf7-list-item-label:before {width:20px; height:20px; background: url('/wp-content/uploads/2023/11/icon_unchk_blk.svg') no-repeat;} .chkStyle input[type="checkbox"]:checked + .wpcf7-list-item-label:before { /* 체크박스를 체크했을때 */ background-size:contain !important; } .chkStyle.white input[type="checkbox"]:checked + .wpcf7-list-item-label:before{background: url('/wp-content/uploads/2023/11/icon_chk_white.svg') no-repeat;} .chkStyle.black input[type="checkbox"]:checked + .wpcf7-list-item-label:before{background: url('/wp-content/uploads/2023/11/icon_chk_blk.svg') no-repeat;} .chkRadio input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } .chkRadio input[type="radio"] + .wpcf7-list-item-label { display: inline-block; position: relative; padding-left: 22px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .chkRadio input[type="radio"] + .wpcf7-list-item-label:before { content: ''; position: absolute; left: 0; top: 50%; transform:translateY(-50%); width: 16px; height: 16px; text-align: center; background: #fff; border: 1px solid #434343; border-radius: 100%; box-shadow:none; } .chkRadio input[type="radio"] + .wpcf7-list-item-label:active:before, .chkRadio input[type="radio"]:checked + .wpcf7-list-item-label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); } .chkRadio input[type="radio"]:checked + .wpcf7-list-item-label:before { background: #fff; } .chkRadio input[type="radio"]:checked + .wpcf7-list-item-label:after { content: ''; position: absolute; top: 50%; left: 3px; transform:translateY(-50%); width: 10px; height: 10px; background: #434343; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3); } .chkStyle input[type="checkbox"] + .wpcf7-list-item-label:before{width:25px; height:22px;} .contactWrap, .contactWrap .privacyMsg .tt{font-size:16px;} /************************ ********* 메인 ******** ************************/ #mb_slide.pc{display: block;} #mb_slide.mob{display: none;} #mb_slide .jet-carousel__item{padding: 0;} #mb_slide .jet-carousel__item img{width: 100%;} #mb_slide .jet-carousel__item .jet-carousel__content{position: absolute;top: 50%;right: 50%;transform:translate(50%,-50%);} #mb_slide .jet-carousel__item .jet-carousel__content img{width:100%;max-width:350px;} #mb_slide .jet-carousel__item.slick-current.slick-active .jet-carousel__content img{transition: opacity 2s 1s;} .scroll_btn{position:absolute;left:50%;bottom:20px;text-align:center;display: flex;flex-direction: column;background: rgba(0,0,0,0.4);padding: 10px 0;border-radius: 500px;transform:translateX(-50%);} .scroll_txt{color: #fff;font-weight: 500;font-size: 17px;display: flex;flex-direction: column;justify-content: center;align-items: center;} .scroll_txt img{margin-bottom: 10px;width: 34px;} .scroll_txt img.arr{width:13px;animation:on_motion 1.5s ease-in-out infinite; margin-bottom: 5px;} .scroll_txt img.arr:last-of-type{width:13px;animation:on_motion 1.5s ease-in-out infinite; animation-delay: 0.2s;margin-bottom: 0px;} @keyframes on_motion{ 0%{opacity: 1;} 50%{opacity: 0;} 100%{opacity: 1;} } #main_section1 .colored_green{font-weight: 600;} #main_section2 #main_tab .raven-tabs-title{border-radius: 10px 10px 0px 0px;} #main_section3 .cont_col{width:100%;max-height: 540px;height: 100%;} #main_section3 .cont_col2{position:absolute;right:0;height: 100%;} #m5_slide .jet-carousel{margin: 0;} #m5_slide .slick-slider{margin: 0;} #m5_slide .jet-carousel__item-inner{display: flex;align-items: center;flex-direction: row;padding: 20px 40px;} #m5_slide .jet-carousel__item-inner .jet-carousel__item-link{margin-right: 20px;} #m5_slide .jet-carousel__item-inner .jet-carousel__item-link img{width: 80px;} #m5_slide .jet-carousel__item-inner .jet-carousel__content{width: calc(100% - 100px);} #bv_cont_wrap .bv_cont .elementor-cta__content{height: 380px;} /************************ ********* 서브 ******** ************************/ /* SUB Navigation */ .subNav .elementor-nav-menu{width:100%;} .subNav .menu-item a{border:1px solid rgba(255,255,255,.5); height:58px; white-space: inherit !important; align-items:center; justify-content:center; border-bottom:none; border-left:none;} .subNav .menu-item:nth-of-type(1){border-left:1px solid rgba(255,255,255,.5);} .subNav .menu-item:hover a{border-color:#fff;} .subNav .current-menu-item a, .subNav .elementor-item-active{background-color:#fff; border-color:#fff; font-weight:700 !important;} .subNav.col6 .menu-item{width:calc(100% / 6);} .subNav.col5 .menu-item{width:20%;} .subNav.col4 .menu-item{width:25%;} .subNav.col3 .menu-item{width:33.33%;} /* background 커지는 스타일 */ .bgOpenStyle {transition:all 0.3s ease-in-out 0s;} .bgOpenStyle.w20{width:20% !important;} .bgOpenStyle.w40{width:40% !important;} .bgOpenStyle.w60{width:60% !important;} .bgOpenStyle.w100{width:100% !important;} .bgOpenStyle.scaleChg{width:0 !important;} .bgOpenStyle.w40.scaleChg{width:30% !important;} .bgOpenStyle.w60.scaleChg{width:30% !important;} .bgOpenStyle.w100.scaleChg{width:30% !important;} /* 왜 얌샘김밥인가? */ #yi_tit .dot h2 {position:relative;} #yi_tit .dot h2::after{display:block;content: ""; position:absolute; top:-16px; right:50%; transform:translatex(50%); width:7px; height:7px;border-radius:100%;} #yi_tit .dot.dot1 h2::after{background-color:#F7AE42;} #yi_tit .dot.dot2 h2::after{background-color:#E57200;} #yi_tit .dot.dot3 h2::after{background-color:#F04E23;} #yi_tit .dot.dot4 h2::after{background-color:#A6A934;} #yumsekwon .elementor-container .elementor-row{justify-content: flex-end;} /* #nm_slide_wrap .nms_text{width: 40%;} */ #nm_slide_wrap .w50_col{width: 100%;} #nm_slide_wrap .nms_text .elementor-widget-wrap{width: 540px;} #nm_slide_cont_wrap .elementor-column-gap-no{display: flex;justify-content: flex-end;} #nm_slide_cont{position: absolute; top: 50%;transform: translateY(-50%);right: -155px;z-index: 1;} #nm_slide .jet-carousel, #consultation_slide .jet-carousel, #channel_marketing .jet-carousel{margin: 0;} #nm_slide .slick-arrow, #consultation_slide .slick-arrow, #channel_marketing .slick-arrow {display:none !important;} .slide_btn_l .elementor-icon-wrapper,.slide_btn_r .elementor-icon-wrapper{cursor:pointer;} /* 연혁 */ .timeline-item__card, table{width:100%;} .jet-timeline-item{direction: ltr !important;} .historyCon .timeline-item__card-desc > div{display:flex; margin-bottom:10px;} .historyCon .timeline-item__card-desc b{color:#222222; min-width:52px;} .historyCon.leftCon .timeline-item__point{margin-right:0 !important; } .historyCon.leftCon .jet-timeline--align-right .jet-timeline__line{left:98.6%;} /* 사회공헌 */ .txtSlice .elementor-widget-container > div{display:inline-block; width: 100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis !important;} .txtSlice.line2 .elementor-widget-container > div{white-space: normal;overflow: hidden;line-height: 1.5 !important;height: 3.0em;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} /* 오시는 길 */ #directtion_table .jet-table__head .jet-table__head-row th,#directtion_table tbody tr:last-child th,#directtion_table tbody tr:last-child td{border: none;} /* 창업경쟁력 */ #start-up_eco .se_txt .dotted{position: relative;} #start-up_eco .se_txt .dotted::after{width: 10px;height: 10px;background-color: #09A888;display: block;content: "";position: absolute;top: -16px;right: 50%;transform: translateX(50%);border-radius: 100%;} #start-up_eco .se_txt .colored_green{font-size: 60px; font-weight: 700;margin-top: 20px;display: inline-block;} #direct_production #dp_portfolio .jet-portfolio__inner{display: flex;flex-direction: column-reverse;} #direct_production #dp_portfolio .jet-portfolio__inner .jet-portfolio__link {width: 100%; margin: 0 auto;} #marketing .cont03{width:245px;height:245px;display:flex;align-items:center;justify-content:center;border-radius: 500px;background: #fff;} #marketing .cont03.cont03_2{background: #191514;} #marketing .cont03.cont03_3{background: #EF8200;} .raven-post-image-wrap a{display:block;} .ownerSlide .slick-arrow.slick-hidden{display:block !important;} .ownerSlide .slick-slide img{width:100% !important;} .ownerSlide .slick-slide .post-thumbnail:before{content:""; position:absolute; top:0; left:0; right:0; bottom:0; z-index:3; background-color:#fff; opacity:0.8;} .ownerSlide .slick-slide .jet-posts__inner-content{opacity:0; position:absolute; bottom:0; left:0; right:0; transition-duration:.3s; border:1px solid #dddddd; border-top:none;} .ownerSlide .slick-slide .jet-posts__inner-content:before{content:""; position:absolute; left:0; bottom:0; width:32%; height:100%; background:url('/wp-content/uploads/2023/11/owner_logo_bg-min.png') center right no-repeat} .ownerSlide .raven-post-title{position:relative; z-index:3; } .ownerSlide .slick-slide .jet-posts__inner-content a{display:flex; align-items:center; text-align:left;} .ownerSlide .slick-slide .jet-posts__inner-content a:before{content:""; width:16%; margin-left:5%; margin-right:11%; height:40px; background:url('/wp-content/uploads/2023/11/logo_c.svg') center no-repeat; background-size:contain; z-index:4;} .ownerSlide .raven-swiper-slider .swiper-button-next, .ownerSlide .raven-swiper-slider .swiper-button-prev{top:0 !important; transform:translatey(0) !important;} .ownerSlide .raven-swiper-slider .swiper-button-next, .ownerSlide .raven-swiper-slider .swiper-button-prev, .ownerSlide .post-thumbnail__link{display:block;} .ownerSlide .raven-swiper-slider .swiper-button-next:before, .ownerSlide .raven-swiper-slider .swiper-button-prev:before, .ownerSlide .slick-current + .slick-active .post-thumbnail:before{opacity:0; display:none;} .ownerSlide .slick-current + .slick-active .jet-posts__inner-content{opacity:1;} /* 점주를 위한 지원 */ #field_training .elementor-image img, #consultation_slide .jet-carousel__item-inner img, #channel_marketing .jet-carousel__item-inner img{height:510px; object-fit:cover;} #rolling_banner .wrap{height:150px;} .roller{position: absolute;height: 100%;} .roller > ul{margin: 0;list-style: none;padding: 9px 0;display: flex;flex-flow: row nowrap;align-items: center;} .roller > ul > li{padding-right: 80px;} .roller > ul > li img{max-width: unset;} /* 인테리어 */ .interiorSlide.elementor-skin-slideshow .elementor-thumbnails-swiper .swiper-slide:not(.swiper-slide-active):after{background-color:rgba(255,255,255,.7) !important;} .interiorSlide.elementor-skin-slideshow .elementor-main-swiper{overflow:visible !important;} .interiorSlide .elementor-swiper-button:hover {color:#1D1D1E !important;} .interiorSlide .elementor-swiper-button-prev{left:-40px !important;} .interiorSlide .elementor-swiper-button-next{right:-40px !important;} /* 창업비용 */ .costTable table{border:none; min-width:1040px;} .costTable table thead th{border-top:none; border-bottom:none; text-align:center; color:#1d1d1e; font-weight:400; background-color:#f7f7f7;} .costTable table thead th, .costTable table tbody td{border-left:1px dashed #e5e5e5; border-right:1px dashed #e5e5e5; padding:20px 15px 18px; letter-spacing:-0.025em;} .costTable table tbody td{border-top:1px solid #e5e5e5;} .costTable table tbody td:nth-of-type(1){text-align:center;} .costTable table tbody td:nth-of-type(3){text-align:right;} .costTable table tbody td:nth-of-type(4) *{font-size:16px;} .costTable table tbody td:nth-of-type(4){vertical-align:middle !important;} .costTable table tbody td:nth-of-type(4) h4{margin-bottom:3px;} .costTable table tbody td:nth-of-type(4) div:nth-of-type(2){margin-top:20px;} .costTable table tbody td:nth-of-type(4) span{display:block; color:#999999; padding:0 0 0 15px;} .costTable table tfoot th, .costTable table tfoot td{border:5px solid #E57200; padding:20px 15px 18px; text-align:center;} .costTable table tfoot th{background-color:#E57200; color:#fff;} .costTable table tfoot td b{font-size:25px;} /* 가맹 FAQ */ .faqWrap .elementor-toggle-title:before{content:"Q"; display:inline-block; background-color:#eb441f; color:#fff; padding:8px 11px 10px; margin-right:20px;font-family: "Noto Sans KR",sans-serif !important;} .faqWrap .elementor-toggle-title, .faqWrap .elementor-tab-title{display:flex; align-items:center;} .faqWrap .elementor-tab-title{justify-content: space-between;} .faqWrap .elementor-toggle-icon{order:3;} .faqWrap .elementor-toggle-icon i{font-size:18px;} /* 문의하기 */ .contactWrap, .contactWrap label, .contactWrap .filebox, .contactWrap .box.chkRadio {display:flex; flex-flow:wrap;} .contactWrap .col1{width:100%;} .contactWrap .col2{width:50%;} .contactWrap .col3{width:33.3%;} .contactWrap .box{border-bottom:1px solid #e8e8e8; background-color:#f7f7f7;} .contactWrap .box label{margin:0 !important;color: #1D1D1E;font-size: 16px;font-weight: 500;letter-spacing: -0.25px;} .contactWrap .title{ display:flex; align-items:center; justify-content:center; width:148px; height:74px; font-weight: 500;} .contactWrap .wpcf7-form-control-wrap{width:calc(100% - 148px); background-color:#fff; display: flex; align-items: center;} .contactWrap .radio,.contactWrap .radio p, .contactWrap .chkRadio,.contactWrap .chkRadio p, .contactWrap .col1.filebox,.contactWrap .col1.filebox p{display: flex;width: 100%;} .contactWrap .col2.filebox{display: flex;width: 50%;} .contactWrap .col2.filebox p{display: flex;width: 100%;} .contactWrap .radio,.contactWrap .radio p .wpcf7-form-control-wrap,.contactWrap .radio,.contactWrap .chkRadio p .wpcf7-form-control-wrap, .contactWrap .filebox p .wpcf7-form-control-wrap{align-items: center;} .contactWrap .wpcf7-form-control-wrap.radio-231{display: flex;align-items: center;width:calc(100% - 148px); background-color:#fff;} .contactWrap .box.chkRadio .wpcf7-list-item{margin-right:20px;margin-left:0 !important;} .contactWrap .box.chkRadio .wpcf7-radio,.contactWrap .box.filebox .wpcf7-file{margin-left:20px;} .contactWrap .wpcf7-form-control-wrap input[type=text], .contactWrap .wpcf7-form-control-wrap input[type=tel], .contactWrap .wpcf7-form-control-wrap input[type=email], .contactWrap .wpcf7-form-control-wrap textarea{width:100%; height:100%; border:none;padding:10px;-webkit-appearance: auto; -moz-appearance: auto; appearance: auto;} .contactWrap .wpcf7-form-control-wrap textarea{max-height:200px;} .contactWrap .wpcf7-form-control-wrap input:focus, .contactWrap .wpcf7-form-control-wrap textarea:focus, .contactWrap .wpcf7-form-control-wrap select:focus{outline:none;} .contactWrap .privacyMsg{border:1px solid #dddddd; background-color:#f6f6f6; color:#666; overflow-y:scroll; height:300px; padding:50px 40px; margin-top:20px; font-weight:400; line-height:1.7em; font-size:0.95em;} .contactWrap .privacyMsg .tt{color:#1D1D1E; margin-bottom:20px !important; font-weight:bold; font-size:18px;} .contactWrap .ct_fm_box2{text-align:center; font-weight:400; font-size:0.96em; color:#888; margin-top:25px;} .contactWrap .ct_fm_box2 .line{margin:0 10px; color:#ddd;} .contactWrap .chkStyle {text-align:center; margin:30px auto;display: flex;justify-content: center;} .contactWrap .box.chkRadio .wpcf7-form-control-wrap, .contactWrap .filebox .file-upload{display:flex; flex-flow:wrap; align-items: center; text-align:left; margin:0 !important;} .contactWrap .filebox .file-upload input{width:100%;} .contactWrap .box.chkRadio > .wpcf7-form-control-wrap, .contactWrap .box.filebox > .wpcf7-form-control-wrap{padding-left:30px;} .contactWrap .chkRadio div,.contactWrap .chkStyle div{margin-left:5px;} .contactWrap input[type=submit]{display:block; margin:0 auto; background-color:#2b2b2b; color:#fff; border:none; font-size:1.1em; border-radius:none; transition-duration:.3s; padding:14px 60px;} .contactWrap input[type=submit]:hover{background-color:#F05026;} .contactWrap input[type=submit]:disabled{background-color:#888;} .chkStyle input[type="checkbox"] + .wpcf7-list-item-label:before{width:25px; height:22px;} .contactWrap .ct_fm_box2{font-size:14px;} .contactWrap .box label,.contactWrap .chkStyle div,.contactWrap .box.chkRadio .wpcf7-list-item{color: #1D1D1E;font-size: 16px;font-weight: 500;letter-spacing: -0.25px;} .btBnrPopContact .wpcf7 .ajax-loader{position:absolute;} .contactWrap .box .wpcf7-not-valid-tip{position: absolute;bottom: 0;right: 0;} .contactWrap select { -webkit-appearance:none; /* for chrome */ -moz-appearance:none; /*for firefox*/ appearance:none;} .contactWrap select::-ms-expand{display:none;/*for IE10,11*/} .contactWrap select {padding: 0 40px 0 15px; margin-left: 20px; width: 150px; height: 45px; border: 1px solid #d3d3d3; background:url('/wp-content/uploads/2023/11/icon_arrow_grey.svg') no-repeat 96% 50%/10px auto; } /* 얌샘스토리 */ .brandVisionBox .num{font-size:1.66em; color:rgba(255,255,255,.4); margin-bottom:20px;} /* rotating */ .rotating img{-webkit-animation: rotating 15s linear infinite;animation: rotating 15s linear infinite;} .elementor-2555 .elementor-element.elementor-element-7236181c .elementor-image img {-webkit-animation: rotating 15s linear infinite !important;animation: rotating 15s linear infinite !important;} @keyframes rotating { from {transform: rotate(0deg);} to {transform: rotate(360deg);} } -webkit-keyframes rotating from {-webkit-transform: rotate(0deg);transform: rotate(0deg);} -webkit-keyframes rotating to {-webkit-transform: rotate(360deg);transform: rotate(360deg);} /* 언론보도 */ .txtSlice .elementor-widget-container > div, .txtSlice.postContent .elementor-widget-container {display:inline-block; width: 100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis !important;} .txtSlice.line2 .elementor-widget-container > div, .txtSlice.postContent.line2 .elementor-widget-container {white-space: normal;overflow: hidden;line-height: 1.5 !important;height: 4.0em;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} /* SNS */ .snsTabWrap .raven-tabs-list{width:100% !important;} .snsTabWrap .raven-tabs-title{justify-content: center;width: 20%;display: flex;align-items: center;} /* 공지사항 */ #notice_board #kboard-thumbnail-list .kboard-thumbnail-poweredby, #notice_board #kboard-thumbnail-list .kboard-list table .kboard-list-uid,#notice_board #kboard-thumbnail-list .kboard-list table .kboard-list-user,#notice_board #kboard-thumbnail-list .kboard-list table .kboard-list-vote,#notice_board #kboard-thumbnail-list .kboard-list table .kboard-list-view, #board_latest #kboard-thumbnail-latest table thead,#notice_board #kboard-thumbnail-list .kboard-list-header{display: none;} #notice_board #kboard-thumbnail-list #kboard-thumbnail-latest > table > thead,#notice_board #kboard-thumbnail-list .kboard-list thead,#notice_board #kboard-thumbnail-list .kboard-search,#notice_board #kboard-thumbnail-list .kboard-thumbnail-new-notify{display:none;} #notice_board #kboard-thumbnail-list {border-bottom:none;} #notice_board #kboard-thumbnail-list table tbody{display: flex;flex-direction: row;flex-wrap: wrap;width: 100%;} #notice_board #kboard-thumbnail-list table tr{display: flex;width: calc((100% - 75px)/4);margin-right:25px;flex-direction: column;margin-bottom: 30px;} #notice_board #kboard-thumbnail-list table tr:nth-child(4n){margin-right: 0;} #notice_board #kboard-thumbnail-list table tr:hover{background-color:transparent;} #notice_board #kboard-thumbnail-list table tr td{border:none; padding: 0; border-top:none;width: 100%;height: 100%;text-align: left;} #notice_board #kboard-thumbnail-list .kboard-list table td a{color: #231815;margin-top:20px;display:block;} #notice_board #kboard-thumbnail-list .kboard-list table td.kboard-list-thumbnail{width:100%;} #notice_board #kboard-thumbnail-list .kboard-list table td.kboard-list-thumbnail a{margin-top:0px;} #notice_board #kboard-thumbnail-list .kboard-list tbody td.kboard-list-thumbnail img{width: 100%;height: 100%; object-fit: cover;border-bottom: 1px solid #ddd;} #notice_board #kboard-thumbnail-list .kboard-list table td.kboard-list-date{margin-top:20px;font-weight: 400;font-size: 18px;line-height: 29px;letter-spacing: -0.02em;color: #666666;font-family: 'Pretendard',sans-serif !important;padding: 0 10px 10px;} #notice_board #kboard-thumbnail-list .kboard-list table td.kboard-list-title a{font-weight: 600;font-size: 20px;line-height: 1.3em;letter-spacing: -0.02em;font-family: 'Pretendard',sans-serif !important;} #notice_board #kboard-thumbnail-list .kboard-pagination{padding: 90px 0 0;} #notice_board #kboard-thumbnail-list .kboard-pagination .kboard-pagination-pages li a{background-color: transparent !important; color: #231815 !important;font-weight: 500;font-size: 16px;line-height: 1.9; height:36px;padding: 4px 11px 4px 11px;border: 2px solid #7F7F7F;display: flex;justify-content: center;align-items: center;box-sizing: border-box;} #notice_board #kboard-thumbnail-list .kboard-pagination .kboard-pagination-pages li.active a{color: #009273 !important;border-color: #009273 !important;} #notice_board #kboard-thumbnail-list .kboard-list .kboard-mobile-contents .contents-separator,#notice_board #kboard-thumbnail-list .kboard-list .kboard-mobile-contents .contents-item.kboard-user, #notice_board #kboard-thumbnail-list .kboard-list .kboard-mobile-contents .contents-item.kboard-vote,#notice_board #kboard-thumbnail-list .kboard-list .kboard-mobile-contents .contents-item.kboard-view{display:none;} #notice_board #kboard-thumbnail-list .kboard-list .kboard-mobile-contents .contents-thumbnail{margin:0;} #notice_board .kboard-mobile-contents{display: none !important;} #notice_board #kboard-thumbnail-list .kboard-list table td.kboard-list-thumbnail,#notice_board #kboard-thumbnail-list .kboard-list table td.kboard-list-date{display: table-cell;} #notice_board #kboard-thumbnail-list .kboard-list table td.kboard-list-title .kboard-thumbnail-cut-strings{display: block;width: auto;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-wrap: normal;padding:0 10px;} #notice_board a.kboard-thumbnail-button-small, #notice_board input.kboard-thumbnail-button-small, #notice_board button.kboard-thumbnail-button-small{display: inline-flex;height: 40px;padding: 0 14px;align-items: center;justify-content: center;color: #fff !important;background-color: #009273 !important;font-size: 16px;font-weight: 400;} /* 메뉴안내 */ /* 메뉴 - 팝업 */ #yumsemPopWrap .yumsemPopWrap, #yumsemPopTodayWrap.yumsemPopTodayWrap{position:fixed; top:0; left:0; right:0; bottom:0; display:none; z-index:99999;background-color:rgba(0,0,0,.3);} #yumsemPopWrap .yumsemPopWrap.on, #yumsemPopTodayWrap.yumsemPopTodayWrap.on{display:block;} #yumsemPopWrap .yumsemPopWrap .popBg, #yumsemPopTodayWrap.yumsemPopTodayWrap .popBg{background-color:rgba(0,0,0,.3); position:fixed; top:0; left:0; right:0; bottom:0; display:none;} #yumsemPopWrap .yumsemPopWrap.on .popBg, #yumsemPopTodayWrap.yumsemPopTodayWrap.on .popBg{display:block;} #yumsemPopWrap .yumsemPopWrap .prPopPageLink, #yumsemPopTodayWrap.yumsemPopTodayWrap .prPopPageLink{height:650px;} .menuDetailPost .raven-post-image {display:block;} .menuDetailPost .raven-posts-carousel .swiper-slide{padding:0 !important;} #yumsemPopWrap .h100, #yumsemPopWrap .h100 > .elementor-widget-container{height: 100%;} /* 메뉴 - 오늘뭐먹지 */ .todayEatBox .elementor-cta__content{position:relative; border:2px solid rgba(255,255,255,.3); border-left:none; border-top:none; box-sizing:border-box; cursor:pointer;} .todayEatBox:hover .elementor-cta__content, .todayEatBox.on .elementor-cta__content{border-color:rgba(253,184,19,0);} .todayEatBox.on .elementor-cta__content{background-color:rgba(253,184,19,.7) !important;} .todayEatBox .elementor-cta__title, .todayEatBox .elementor-cta__icon{position:absolute; top:50%; transform:translateY(-50%);} .eatPost .elementor-widget-container{border:none !important;} .todayEatBox:nth-of-type(1) .elementor-cta__content, .todayEatBox:nth-of-type(2) .elementor-cta__content, .todayEatBox:nth-of-type(3) .elementor-cta__content{border-top:2px solid rgba(255,255,255,.3);} .todayEatBox:nth-of-type(3n+1) .elementor-cta__content{border-left:2px solid rgba(255,255,255,.3);} .eatPost{position:absolute; top:50%; transform:translateY(-50%); transition-duration:.3s; display:none;} .eatPost.on{display:block;} /************************************** 매운표시(불) before로 삽입 - 글자수 초과시 알맞게 떨어지도록 하기 위함. / 211027 **************************************/ .txt_fire_inline:before { content:''; background-image:url(https://yumsem.com/wp-content/uploads/2023/11/icon_fire.png); background-repeat:no-repeat; display:inline-block; width:15px; height:20px; position:relative; top:2px; right:5px; } /* 플로팅버튼 */ #r_icon_color svg path{fill:#312f30;} /************************ ********* 반응형 ******** ************************/ @media screen and (max-width: 1400px){ /* 왜 얌샘김밥인가? */ #nm_slide_wrap .w50_col{width: calc(100% - 540px);} } @media screen and (max-width: 1272px){ /* 메인 */ #m5_slide .jet-arrow{display: none !important;} } @media screen and (max-width: 1220px){ /* 하단 컨택트폼 */ .btContactWrap input[type=text], .btContactWrap input[type=tel], .btContactWrap select, .btContactWrap input[type=submit]{font-size:14px;} .btContactWrap input[type=text], .btContactWrap input[type=tel], .btContactWrap select{padding: 0 15px;} .btContactWrap select{padding-right:20px;} .btContactWrap .acceptance-agree, .btContactWrap .acceptance-agree a{font-size:13px;} .btContactWrap .chkStyle label{padding:0 5px; font-size:13px;} .chkStyle input[type="checkbox"] + .wpcf7-list-item-label:before{width:25px; height:22px;} .contactWrap .privacyMsg .tt{font-size:16px;} .contactWrap .ct_fm_box2{font-size:14px;} /* 연혁 */ .historyCon.leftCon .jet-timeline--align-right .jet-timeline__line{left:0 !important; right:auto !important; margin-left:calc( 14px / 2 ) !important;} .historyCon.leftCon .jet-timeline-item{flex-direction: row-reverse !important;} /* 창업경쟁력 */ .ownerSlide .raven-swiper-slider .swiper-button-next, .ownerSlide .raven-swiper-slider .swiper-button-prev{width:60px; height:34px;} /* 인테리어 */ .interiorSlide .elementor-swiper-button-prev{left:-33px !important;} .interiorSlide .elementor-swiper-button-next{right:-33px !important;} /* 창업비용 */ .costTable table thead th, .costTable table tbody td, .costTable table tfoot th, .costTable table tfoot td{padding:12px 15px;} .costTable table tbody td:nth-of-type(4) *, .costTable .flicker_badge{font-size:14px;} .costTable table tbody td:nth-of-type(4) div:nth-of-type(2){margin-top:12px;} /* T A B L E - scroll img */ .tableOverX .elementor-widget-container {width: 100%;overflow-x: scroll;} .msg_touch_help {display: block;width: 90px;height: 82px;position: absolute;top: 20%;left: 50%;margin: 0 0 0 -45px;background: transparent url('/wp-content/uploads/2023/11/scroll_image_orange-min.png') center no-repeat;background-size:contain;} /* 가맹 FAQ */ .faqWrap .elementor-toggle-title:before{margin-right:10px;} .faqWrap .elementor-toggle-icon i{font-size:16px;} .contactWrap .col2, .contactWrap .col3{width:100%;} .contactWrap .col2.filebox{width:100%;} .contactWrap .title{height:auto; min-height:60px;} .contactWrap .privacyMsg{height:200px; padding:30px 20px; font-size:13px;} .contactWrap .wpcf7-form-control-wrap textarea{max-height:150px;} .contactWrap .box.chkRadio > .wpcf7-form-control-wrap, .contactWrap .box.filebox > .wpcf7-form-control-wrap{padding-left:14px;} /* 오늘 뭐먹지 팝업 */ #eb_wrap .yum_kim_icon .elementor-icon{font-size:60px;} .todayEatBox:nth-of-type(1) .elementor-cta__content, .todayEatBox:nth-of-type(2) .elementor-cta__content, .todayEatBox:nth-of-type(3) .elementor-cta__content{border-top:2px solid rgba(255,255,255,.3);} .todayEatBox:nth-of-type(1) .elementor-cta__content, .todayEatBox:nth-of-type(4) .elementor-cta__content, .todayEatBox:nth-of-type(7) .elementor-cta__content{border-left:2px solid rgba(255,255,255,.3);} .eatPost{display:none;} .eatPost.on{display:block;} .eatPost .elementor-heading-title{color:rgba(255,255,255,.7) !important;} } /************************ tab ************************/ @media screen and (max-width: 1024px){ #bv_cont_wrap .bv_cont .elementor-cta__content{height: 300px;} /* 하단 컨택트폼 */ .btBnrPopContact .elementor-icon-box-icon{display:none !important;} /* 창업경쟁력 */ #start-up_eco .se_txt .colored_green{font-size: 40px;margin-top: 20px;} #marketing .cont03{width:200px;height:200px;} /* 가맹점주를 위한 지원 */ #field_training .elementor-image img, #consultation_slide .jet-carousel__item-inner img, #channel_marketing .jet-carousel__item-inner img{height:auto;} /* 가맹문의 */ .contactWrap .box label,.contactWrap .chkStyle div,.contactWrap .box.chkRadio .wpcf7-list-item{font-size: 14px;} .contactWrap, .contactWrap .privacyMsg .tt{font-size:14px;} /* 왜 얌샘김밥인가? */ #nm_slide_wrap .w50_col{width: 100%;} #nm_slide_wrap .nms_text{width: 100%;} #nm_slide_wrap .nms_text .elementor-widget-wrap{width: 100%;} #nm_slide_cont{position: relative; top: unset;transform: unset;right: unset;} /* 메뉴 - 팝업 */ .yumsemPopWrap .prPopPageLink, #yumsemPopTodayWrap.yumsemPopTodayWrap .prPopPageLink{height:70vh;} /* 오늘 뭐먹지 팝업 */ #eb_wrap .yum_kim_icon .elementor-icon{font-size:45px;} } /************************ mob ************************/ @media screen and (max-width: 767px){ /* 하단 컨택트폼 */ .btBnrPopContact .elementor-icon-box-icon{display:none !important;} .btContactWrap {flex-flow:wrap;} /* .btContactWrap > div{width:50%;} */ .btContactWrap .telNum{width:30%;} .btContactWrap > div:nth-of-type(5), .btContactWrap > div:nth-of-type(6), .btContactWrap > div:nth-of-type(7){width:33.333%;} .btContactWrap > div:nth-of-type(1), .btContactWrap > div:nth-of-type(2), .btContactWrap > div:nth-of-type(3), .btContactWrap > div:nth-of-type(4){margin-bottom:5px;} .btContactWrap input[type=text], .btContactWrap input[type=tel], .btContactWrap select, .btContactWrap input[type=submit]{height:32px; line-height:30px;} /* .btContactWrap input[type=text]{border-right:1px solid rgba(255,255,255,.3);} */ .btContactWrap .chkStyle label{padding:0; font-size:12px;} .btContactWrap .chkStyle label > span{margin-left:2px;} .btContactWrap .chkStyle .wpcf7-list-item{margin-left:0 !important;} .btContactWrap .chkStyle label span div{margin-left:2px;} .btContactWrap .chkStyle label a{margin-bottom:2px; font-size:12px;} .contactWrap .title{width:110px;} .contactWrap .wpcf7-form-control-wrap{width:calc(100% - 110px);} .contactWrap .wpcf7-form-control-wrap.radio-231{width:calc(100% - 110px);} /* 메인 */ #mb_slide.pc{display: none;} #mb_slide.mob{display: block;} #main_section3 .cont_col{width:100%;max-height: 540px;height: 100%;} #main_section3 .cont_col2{position:static;height: 100%;} #bv_cont_wrap .bv_cont .elementor-cta__content{height: 250px;} /* 창업경쟁력 */ #marketing .cont03{width:150px;height:150px;margin-bottom: 10px;} #marketing .cont03.cont03_3{width:150px;height:150px;margin-bottom: 0px;} .ownerSlide .slick-current .post-thumbnail:before{opacity:0;} .ownerSlide .slick-current .jet-posts__inner-content{opacity:1;} #subReviewSlide .raven-main-swiper{height: 100vw !important;} /* 인테리어 */ .interiorSlide .elementor-swiper-button-prev,.interiorSlide .elementor-swiper-button-next{display: none !important;} /* 창업비용 - Table */ .costTable table h4.pos_rel {position: relative;} /* 공지사항 */ #notice_board #kboard-thumbnail-list table tr{width: calc((100% - 20px)/2);margin-right:20px;margin-bottom: 20px;} #notice_board #kboard-thumbnail-list table tr:nth-child(2n){margin-right: 0;} #notice_board #kboard-thumbnail-list .kboard-list table td.kboard-list-title a{font-size: 18px;} #notice_board #kboard-thumbnail-list .kboard-list table td.kboard-list-date{margin-top: 0px;font-size: 15px;} #notice_board #kboard-thumbnail-list .kboard-list table{border:none;} #notice_board #kboard-thumbnail-list .kboard-pagination{padding: 20px 0;} #notice_board a.kboard-thumbnail-button-small, #notice_board input.kboard-thumbnail-button-small, #notice_board button.kboard-thumbnail-button-small{height: 36px;padding: 0 10px;font-size: 14px;} } @media screen and (max-width: 475px){ /* SNS */ .snsTabWrap .raven-tabs-title{width: 40%;} } @media screen and (max-width: 425px){ .btContactWrap > div:nth-of-type(5){width: 25%;} .btContactWrap > div:nth-of-type(6){width: 50%;} .btContactWrap > div:nth-of-type(7){width: 25%;} .btContactWrap .telNum { font-size: 14px;} .chkStyle input[type="checkbox"] + .wpcf7-list-item-label:before {width: 18px; height: 16px;} .btContactWrap input[type=text], .btContactWrap input[type=tel], .btContactWrap select{padding: 0 8px;} .btContactWrap select{padding-right: 10px;} } /* @media screen and (max-width: 375px){ .btContactWrap > div:nth-of-type(5){width: 30%;} .btContactWrap > div:nth-of-type(6){width: 40%;} .btContactWrap > div:nth-of-type(7){width: 30%;} } */ /*형철0328추가*/ .elementor-page-6015 header, .elementor-page-6015 footer{display: none;} .elementor-page-6015 .elementor-element-56a7d58a{display: none;} .popupMenu .elementor-social-icons-wrapper > span:nth-child(4){display: none;} .elementor-page-6015 .popupMenu .elementor-social-icons-wrapper > span:nth-child(4){display: inline-block;} .elementor-page-6015 .popupMenu .elementor-social-icons-wrapper > span:nth-child(5){display: none;}