@charset "utf-8"; @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700&display=swap'); @import url('font/font.css'); @import url('common.css'); @import url('animation.css'); /* popup.211010 */ .conPopup {width:100%;max-width:1920px;margin:0 auto;position:absolute;top:0;left:0;right:0;} .popup_wrap {position:absolute;top:200px;background:#000;display:inline-block;} .popup_wrap > img {border-top:1px solid #eee;border-left:1px solid #eee;border-right:1px solid #eee;} .popup_btn {padding:10px 0; background:#9d2a27;} .popup_btn .check_box {margin:0 10px !important;} .popup_btn span.text {color:#fff !important;} .popup_btn > a {color:#fff;margin:0 10px;float:right; font-size:14px; padding:4px;} #area {position: relative; /* absolute는 부모가 relative일 때 부모를 따라간다. */ width: 100%; padding-bottom: 56.25%; /* 16:9 비율 */} #video {position: absolute; width: 100%; /* 부모에 맞게 꽉 채운다. */ height: 100%;} /* popup 우선순위 : 왼쪽부터 노출 우선순위 내림차순, 우선순위 최대값 15, 최대 등록 3개 */ .popup_wrap.popup01 {left:10px;z-index:15; width:36%;} .popup_wrap.popup02 {right:705px;z-index:14} .popup_wrap.popup03 {right:177px; z-index:13} .popup_wrap.popup04 {left:1170px;z-index:12} @media screen and (max-width: 1100px) { .conPopup {width:100%;} .popup_wrap {top:15vh;max-width:448px;} .popup_wrap > img {width:100%;} .popup_wrap > a img {width:100%;} .popup_wrap.popup01, .popup_wrap.popup02, .popup_wrap.popup03, .popup_wrap.popup04 {left:50%;transform:translateX(-50%); width:90%;} } @media screen and (max-width: 768px) { } /*** [Pc] --/start/-- ***/ #conPC {opacity:1;visibility:visible;position:relative;top:0;left:0;width:100%;transition:all .6s cubic-bezier(0.785, 0.135, 0.15, 0.86);-webkit-transition:all .6s cubic-bezier(0.785, 0.135, 0.15, 0.86);} #conPC .pc_fixedbar {position:fixed;z-index:100;width:100%;height:auto;transition:all 1s;-webkit-transition:all 1s;} #conPC .pc_fixedbar.top {top:0;} #conPC .pc_fixedbar.bottom {bottom:0;} #conPC .pc_fixedbar.left {left:0;} #conPC .pc_fixedbar.right {right:0;} #conPC .pc_fixedbar.top.hidden {top:-300px;} #conPC .pc_fixedbar.bottom.hidden {bottom:-300px;} #conPC .pc_fixedbar > div .formlist {font-size:0;} #conPC .pc_fixedbar > div .formlist > li {display:inline-block;vertical-align:top;font-size:12px;} #conPC .pc_fixedbar > div .formlist > li:nth-child(1) {width:calc(100% - 200px);padding-right:10px;} #conPC .pc_fixedbar > div .formlist > li:nth-child(1) > ul {display:block;width:auto;} #conPC .pc_fixedbar > div .formlist > li:nth-child(1) > ul > li {margin-bottom:5px;} #conPC .pc_fixedbar > div .formlist > li:nth-child(1) > ul > li:last-child {margin-bottom:0;} #conPC .pc_fixedbar > div .formlist > li:nth-child(2) {width:200px;} #conPC .pc_fixedbar > div .input {font-size:0;} #conPC .pc_fixedbar > div .input > span {font-size:12px;display:inline-block;vertical-align:middle;color:#000;} #conPC .pc_fixedbar > div .input > span:nth-child(1) {width:60px;font-size:16px;font-weight: 500;} #conPC .pc_fixedbar > div .input > span:nth-child(2) {width:calc(100% - 60px);} /* 상단 고정 바 */ #conPC .pc_fixedtop {position:fixed;bottom:0;left:0;z-index:100;width:100%;height:161px;background:url('../images/pc/header.gif') center top no-repeat;} #conPC .pc_fixedtop .content {max-width:1200px;width:100%;position:absolute;top:65%;left:48.5%;transform:translate(-50%, -50%);} /*#conPC .pc_fixedtop_height {height:150px;}*/ #conPC .pc_fixedtop .dbform_fix {width:70%;margin-left:30%;} #conPC .pc_fixedtop .dbform_fix .db_list {width:75%;float:left;} #conPC .pc_fixedtop .dbform_fix .db_list li {width:30.5%;float:left;margin-left:2%;} #conPC .pc_fixedtop .dbform_fix .db_list li .input-control {padding:13px 15px;} #conPC .pc_fixedtop label {cursor:pointer;} #conPC .pc_fixedtop .agreebox {position:absolute;top:-40px;right:30px} #conPC .pc_fixedtop .agreebox .text {color:#595959;} #conPC .pc_fixedtop .agreebox .show-policy {color:#fff;font-weight:bold;margin-left:3px;font-size:14px;vertical-align:middle} #conPC .pc_fixedtop .submitbox {float:left;} #conPC .pc_fixedtop .submitbox button {cursor:pointer;} #conPC .pc_fixedtop input[type="checkbox"] {display:none;} #conPC .pc_fixedtop .agreebox .icon {background:#fff} #conPC .pc_fixedtop .agreebox [class*="customcheck"]:checked ~ .icon::after {border-left:2px solid #008d91;border-bottom:2px solid #008d91;} #conPC .privacy_con_box_fix {position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);z-index:999;display:none;} #conPC .privacy_con_box_fix .inner {position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;background:#fff;padding:40px;} #conPC .privacy_con_box_fix .inner h3 {font-weight:bold;padding-bottom:20px} #conPC .privacy_con_box_fix .inner p {width:558px;height:200px;overflow-y:scroll;border:1px solid #eee;padding:20px;line-height:1.5em;} #conPC .privacy_con_box_fix .inner a {position:absolute;top:0;right:10px;font-size:35px;display:inline-block;} #conPC .privacy_con_box_fix .inner a:before {content:' \00D7';color:#000;} /* 사이드 고정 메뉴 */ #conPC .fixed_sns {position:fixed;bottom:10%;right:2%;z-index:10;} #conPC .footer .content{max-width: 1920px;background-color:#1a4262;text-align:center;padding:60px 0;margin:0 auto;} #conPC .footer .content p{line-height: 1.5; color:#d2d2d2;font-size:1.1rem;} #conPC .footer .content p a{color:#5893ff;} #conPC .footer .content p:last-child{padding-top: 20px;} /* PC - 폼 영역 */ .Real #conPC .db_list {} #conPC .dbform {width:878px;position:absolute;top:65%;left:50%;transform:translate(-50%, -50%);} #conPC .dbform form > ul > li {padding:5px 0;} #conPC .dbform form > ul > li div > span {display:inline-block;vertical-align:middle;font-size:25px;padding:5px;font-weight:bold;color:#000;} #conPC .dbform form > ul > li div > span em {font-weight:normal;font-size:18px;} #conPC .dbform form > ul > li div > span:first-child {width:120px;margin-left:60px;text-indent:-9999px;} #conPC .dbform form > ul > li div > span:last-child {width:calc(100% - 300px);text-align:left;overflow:hidden;margin-left:30px;} #conPC .dbform form > ul > li div > span.vat {vertical-align:top;margin-top:10px;} #conPC .dbform form > ul > li div textarea[type=text] {height:150px;} #conPC .dbform .db_list > li .checkitem {font-size:0;} #conPC .dbform .db_list > li .checkitem > label {display:inline-block;vertical-align:middle;font-size:12px;margin-right:15px;} #conPC .dbform label {cursor:pointer;} #conPC .dbform .agreebox {margin-left:225px;} #conPC .dbform .agreebox [class*="customcheck"] ~ .text {font-size:18px;color:#575757;} #conPC .dbform .agreebox .show-policy {color:#575757;font-weight:bold;margin-left:3px;font-size:18px;vertical-align:middle} #conPC .dbform .submitbox {width:100%;height:77px;text-align:center;margin:150px auto 0;overflow:hidden;} #conPC .dbform .submitbox button {width:523px;height:77px;background:transparent;cursor:pointer;} #conPC .dbform input[type="checkbox"] {display:none;} #conPC .dbform div label {cursor:pointer;} #conPC .privacy_con_box {position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);z-index:999;display:none;} #conPC .privacy_con_box .inner {position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;background:#fff;padding:40px;} #conPC .privacy_con_box .inner h3 {font-weight:bold;padding-bottom:20px} #conPC .privacy_con_box .inner p {width:558px;height:200px;overflow-y:scroll;border:1px solid #eee;padding:20px;line-height:1.5em; font-size:16px;} #conPC .privacy_con_box .inner a {position:absolute;top:0;right:10px;font-size:35px;display:inline-block;} #conPC .privacy_con_box .inner a:before {content:' \00D7';color:#000;} .conPopup .popup_wrap .closeLayer_pop {position: absolute; right: 14px; top: 14px; width: 30px; height: 30px; text-indent: -9999px; background: transparent; border: 0; transform: rotate(45deg); cursor: pointer; z-index: 3;} .conPopup .popup_wrap .closeLayer_pop:after {position: absolute; left: 50%; top: 50%; width: 100%; height: 2px; background: #fff; transform: translate(-50%, -50%); content: ""; } .conPopup .popup_wrap .closeLayer_pop:before {position: absolute; left: 50%; top: 50%; width: 2px; height: 100%; background: #fff; transform: translate(-50%, -50%); content: "";} #conPC img {width:100%; image-rendering: -webkit-optimize-contrast;} #conPC .pc_fixedtop {position:fixed; top:auto; top: 0; left: 0; z-index: 100; width: 100%; height:150px; background:none;} #conPC .pc_fixedtop .content {top:0; left:50%; width:100vw; max-width: 1920px; height:150px; margin: 0 auto; background: url(/contents/images/pc/footer_bg.gif) 0 0 no-repeat; background-size:100% auto; transform:translate(-50%, 0);} #conPC .pc_fixedtop .dbform_fix {position:absolute; top:1.2vw; left:34.5%; width:50.4%; max-width:969px; margin-left:0;} #conPC .pc_fixedtop .dbform_fix .db_list {width:71.5%;} #conPC .pc_fixedtop .dbform_fix .db_list li {margin-left:0; margin-right:2%;} #conPC .pc_fixedtop .dbform_fix .db_list li .input-control {padding:0.46vw 0.8vw; border-color:#959595;} #conPC .pc_fixedtop .dbform_fix .db_list li input {font-size:1.12vw; color:#9f9f9f;} #conPC .pc_fixedtop .landing_form:after {content:''; display:block; clear:both;} #conPC .pc_fixedtop .landing_form .submitbox {position:relative; float:right; width:26%;} #conPC .pc_fixedtop .landing_form .submitbox button {vertical-align:top;} #conPC .pc_fixedtop .agreebox {top:3.5vw; left:0; right:auto; white-space:nowrap;} #conPC .pc_fixedtop .agreebox .text {margin-left:4px; font-size:1.1vw; color:#ff9693; line-height:1;} #conPC .visual .content {width: 100%; max-width: 1920px; } #conPC .visual .content .mainBanner .btn_next {position:absolute;top:50%;right:8%;cursor:pointer;transform:translateY(-50%);z-index:5} #conPC .visual .content .mainBanner .btn_prev {position:absolute;top:50%;left:8%;cursor:pointer;transform:translateY(-50%);z-index:5} #conPC .store {position:absolute; top:18%;} #conPC .storeBanner {width:100%;} #conPC .storeBanner img {width:100%; image-rendering: -webkit-optimize-contrast;} #conPC .pf1 {position:absolute; top:60%;} #conPC .pf1Banner {width:100%;} #conPC .pf1Banner img {width:100%; image-rendering: -webkit-optimize-contrast;} #conPC .pf1Banner .btn_next {position:absolute;top:50%;right:15%;cursor:pointer;transform:translateY(-50%);z-index:5} #conPC .pf1Banner .btn_prev {position:absolute;top:50%;left:15%;cursor:pointer;transform:translateY(-50%);z-index:5} #conPC .pf2 {position:absolute; top:70%; left:16.5%; padding-left:3.415%; width:100%} #conPC .pf2Banner {width:66.8%;} #conPC .pf2Banner img {width:83%; image-rendering: -webkit-optimize-contrast;} #conPC .pf2 .btn_next {position:absolute;top:50%;right:-0.7%;cursor:pointer;transform:translateY(-50%);z-index:5;} #conPC .pf2 .btn_next img {width:100%;} #conPC .pf2 .btn_prev {position:absolute;top:50%;left:0%;cursor:pointer;transform:translateY(-50%);z-index:5;} #conPC .pf2 .btn_prev img {width:100%;} #conPC .sec_brand {position:relative;} #conPC .sec_brand .layericon01 {position:absolute; top:76%; width:35%; cursor: pointer; transform: translate(-50%, -50%);left:50%;} #conPC .sec_brand .video .video-container:after {font-size:90px;} #conPC .video {position:absolute; top:3%; left:20vw; width:60%; max-width:1024px; background-color:#000;} #conPC .video .video-container {position:relative; padding-bottom:56.25%; height:0; overflow:hidden;} #conPC .video iframe {position:absolute; top:0; left:0; width:100%; height:100%;} #conPC .video_wrap {position:absolute; top:42.34%; left:15.1%; width:70%; border:0;} #conPC .video_wrap li {position:relative; float:left; width:33%; margin:0 0.16% 4.5%;} #conPC .video_wrap:after {content:''; display:block; clear:both;} #conPC .video_wrap .video.size_3 {position:relative; top:0; bottom:auto; left:0; width:100%; max-width:438px;} #conPC .video_wrap .video.size_3 .video-container {padding-top:0;} #conPC .videoBtn {position:absolute; top:-16.7%; left:0; cursor:pointer;} /*#conPC .videoPlay {z-index:3;} #conPC .video .video-container:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.5); pointer-events:none; z-index:1;} #conPC .video .video-container:after {content:'▶'; position:absolute; top:50%; left:50%; font-size:66px; color:#fff; transform:translate(-50%, -50%); pointer-events:none; z-index:2;} */ #conPC .success_story .content {position:absolute; top:82px; right:0; max-width:55%;} #conPC .success_story .layericon01 {width:100%; top:0; right:0;} #conPC .success_story .story_btn {position:absolute; top:76%; left:26%;} #conPC .success_story .swiper-button-next {left:10px; right:auto; width:87px; height:87px; background:url(./contents/images/pc/btn_story_next.png) center no-repeat;} #conPC .success_story .swiper-button-prev {left:auto; right:10px; width:87px; height:87px; background:url(./contents/images/pc/btn_story_prev.png) center no-repeat;} #conPC .interview .btn_wrap {position:absolute; bottom:5.42%; width:100%; text-align:center;} #conPC .interview .btn_interview {display:inline-block; width:26.14%; max-width:500px;} #conPC .review_wrap {position:relative;} #conPC .review_wrap .revew_list {position:absolute; top:20%; left:0;} #conPC .review_wrap {position:relative;} #conPC .review_wrap .review_list {column-gap: 14px; position:absolute; left:50%; width:74%; transform:translateX(-50%); } #conPC .review_wrap .review_list li {margin-bottom:14px;} #conPC .review_wrap .review_list.naver_review {column-count:4; top:20%;} #conPC .review_wrap .review_list.baemin_review {column-count:3; top:22.2%;} #conPC .review_img {position:relative;} #conPC .review_img .layericon01 {position:absolute; top:0; left:0; width:100%;} #conPC .review_img .layericon02 {position:absolute; top:0; right:0; width:100%;} #conPC .pc_fixedtop_height_img {position:relative;} #conPC .pc_fixedtop_height_img .layericon01 {position:absolute; top:0; left:0; width:100%;} #conPC .sec01_img {position:relative;} #conPC .sec01_img .layericon01 {position:absolute; top:25%; left:0; width:100%;} #conPC .sec01_img .layericon02 {position:absolute; top:12%; right:27%; width:2.67%; cursor: pointer;} #conPC .sec01_img .layericon03 {position:absolute; top:12%; right:24%; width:2.67%; cursor: pointer;} #conPC .sec01_img .layericon04 {position:absolute; top:12%; right:21%; width:2.67%; cursor: pointer;} #conPC .sec01_img .layericon05 {position:absolute; top:12%; right:30%; width:2.67%; cursor: pointer;} #conPC .sec02_img {position:relative;} #conPC .sec02_img .layericon01 {position:absolute; top:0; left:0; width:100%;} #conPC .sec03_img {position:relative;} #conPC .sec03_img .layericon01 {position:absolute; top:0; left:0; width:100%;} #conPC .sec04_img {position:relative;} #conPC .sec04_img .layericon01 {position:absolute; top:0; left:0; width:100%;} #conPC .sec05_img {position:relative;} #conPC .sec05_img .layericon01 {position:absolute; width:20%;top:72%;left:50%;cursor:pointer;transform: translate(-50%, -50%);} #conPC .footer_img {position:relative;} @media only screen and (max-width : 1919px) { #conPC .pc_fixedtop {height:7.813vw;} #conPC .pc_fixedtop .content {} #conPC .pc_fixedtop .dbform_fix {max-width:54%;} } @media only screen and (min-width : 1920px) { #conPC .pc_fixedtop {height:150px;} #conPC .pc_fixedtop .agreebox {top:64px;} #conPC .pc_fixedtop .dbform_fix {top:26px;} #conPC .pc_fixedtop .agreebox .text {font-size:18px;} #conPC .pc_fixedtop .dbform_fix .db_list li input {font-size:18px;} #conPC .pc_fixedtop .dbform_fix .db_list li .input-control {padding:15px;} #conPC .zoomSlide .swiper-button-next {width:87px; height:87px;} #conPC .zoomSlide .swiper-button-prev {width:87px; height:87px;} #conPC .video {left:23.3%;} #conPC .review_img .layericon01 {top:0px; left:0; width:100%;} #conPC .review_img .layericon02 {top:0px; right:0; width:100%;} #conPC .sec_enquire .dbform form > ul > li {margin-bottom:3.8%;} #conPC .sec_enquire .dbform form > ul > li div > span {font-size:20px;} #conPC .sec_enquire .dbform .agreebox .show-policy {font-size:20px;} #conPC .sec_enquire .dbform .agreebox [class*="customcheck"] ~ .text {font-size:20px;} #conPC .sec_enquire .input-control {font-size:20px;} } /*** [Pc] --/end/-- ***/ /*** [Mobile] --/start/-- ***/ #conMobile {opacity:0;visibility:hidden;position:fixed;top:0;left:100%;width:100%;transition:all .6s cubic-bezier(0.785, 0.135, 0.15, 0.86);-webkit-transition:all .6s cubic-bezier(0.785, 0.135, 0.15, 0.86);} #conMobile img {width:100%;} #conMobile .mo_lodingwrap {position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;background:rgba(0,0,0,.5);} #conMobile .mo_fixedbar {position:fixed;left:0;z-index:10;width:100%;transition:all .6s cubic-bezier(0.785, 0.135, 0.15, 0.86);-webkit-transition:all .6s cubic-bezier(0.785, 0.135, 0.15, 0.86);overflow:hidden;background:url('../images/') center bottom / cover no-repeat;} #conMobile .mo_fixedbar.top {top:0;} #conMobile .mo_fixedbar.bottom {bottom:0;} #conMobile .mo_fixedbar.hidden {} #conMobile .mo_fixedbar .layerlink01 {display:block;width:0;height:100%;top:0;left:0%;} #conMobile .mo_fixedbar .layerlink02 {display:block;width:0;height:100%;top:0;right:0%;} #conMobile .section15 {position:fixed;top:0;width:100%;z-index:100} #conMobile .section15 .layerlink01 {position:absolute;top:15%;left:3%;width:10%;height:60%;} #conMobile .section15 .layerlink01 a {width:100%;height:100%;display:block;} #conMobile .section15 .layerlink02 {position:absolute;top:15%;right:3%;width:23%;height:60%;} #conMobile .section15 .layerlink02 a {width:100%;height:100%;display:block;} #conMobile .mo_fixedtop_height {height:12vh;} /* Mobile섹션 */ #conMobile .section01 {} #conMobile .section01 .layericon01 {width:100%;top:46%;} #conMobile .section01 .layericon02 {width:9%;top:4%; right:30%;} #conMobile .section01 .layericon03 {width:9%;top:4%; right:18%;} #conMobile .section01 .layericon04 {width:9%;top:4%; right:6%;} #conMobile .section01 .layericon05 {width:9%;top:4%; right:42%;} #conMobile .sec_brand {} #conMobile .sec_brand .layericon01 {position:absolute; top:71%; width:100%; cursor: pointer;} #conMobile .section02 {} #conMobile .section02 .layericon01 {width:100%;top:12%;} #conMobile .section02 .layericon02 {width:100%;top:28%;} #conMobile .section02 .layericon03 {width:100%;top:48%;} #conMobile .section03 {} #conMobile .section03 .layericon01 {width:100%;top:8.5%;} #conMobile .section03 .layericon02 {width:100%;top:31.5%;} #conMobile .section03 .layericon03 {width:100%;top:54%;} #conMobile .section03 .layericon04 {width:100%;top:77.5%;} #conMobile .section04 {} #conMobile .section04 .layericon01 {width:100%;top:13.5%;} #conMobile .section04 .layericon02 {width:100%;top:40.5%;} #conMobile .section04 .layericon03 {width:100%;top:65%;} #conMobile .section04 .layericon04 {width:100%;top:77.5%;} #conMobile .section05 {} #conMobile .section05 .layericon01 {width:80%;top:74%; transform: translate(-50%, -50%);left:50%;} #conMobile .pf1BannerM {position:absolute; top:35%;} #conMobile .pf1BannerM {width:100%;} #conMobile .pf1BannerM img {width:100%; image-rendering: -webkit-optimize-contrast;} #conMobile .pf1BannerM .btn_next {position:absolute;top:50%;left:90%;cursor:pointer;transform:translateY(-50%);z-index:5;width:14%;} #conMobile .pf1BannerM .btn_next img {width:60%;} #conMobile .pf1BannerM .btn_prev {position:absolute;top:50%;left:2%;cursor:pointer;transform:translateY(-50%);z-index:5;width:14%;} #conMobile .pf1BannerM .btn_prev img {width:60%;} #conMobile .pf2BannerM {position:absolute; top:72%; left:5%;} #conMobile .pf2BannerM {width:90%;} #conMobile .pf2BannerM img {width:80%; image-rendering: -webkit-optimize-contrast; padding-left:10%;} #conMobile .pf2BannerM .btn_next {position:absolute;top:45%;left:91%;cursor:pointer;transform:translateY(-50%);z-index:5;width:14%;} #conMobile .pf2BannerM .btn_next img {width:60%;} #conMobile .pf2BannerM .btn_prev {position:absolute;top:45%;left:-1%;cursor:pointer;transform:translateY(-50%);z-index:5;width:14%;} #conMobile .pf2BannerM .btn_prev img {width:60%;} #conMobile .swiper-pagination-custom, #conMobile .swiper-container-horizontal > .swiper-pagination-bullets {} #conMobile .swiper-pagination-bullet {background-color:#fff; opacity:1; width:12px; height:12px;} #conMobile .swiper-pagination-bullet-active {background-color:#9d2a27; opacity:1;} #conMobile .section06 {} #conMobile .section06 .layericon01 {width:100%;top:57%; left:16%;} #conMobile .section06 .layericon01 p {font-size:38px; font-weight:bold; color:#ed402e;} #conMobile .section06 .layericon02 {width:100%;top:57%; left:61%;} #conMobile .section06 .layericon02 p {font-size:38px; font-weight:bold; color:#ed402e;} #conMobile .section07 {} #conMobile .section07 .layericon01 {width:100%;top:37.5%;} #conMobile .section07 .layericon02 {width:100%;top:41%;} #conMobile .section07 .layericon03 {width:100%;top:60%;} #conMobile .section07 .layericon04 {width:100%;top:79%;} #conMobile .section08 {} #conMobile .section08 .layericon01 {width:100%;top:21%;left:-2%;} #conMobile .section08 .layericon02 {width:100%;top:41%;left:4%;} #conMobile .section08 .layericon03 {width:100%;top:60%;} #conMobile .section08 .layericon04 {width:100%;top:60%;} #conMobile .section08 .layericon05 {width:100%;bottom:3%;} #conMobile .section09 {} #conMobile .section09 .layericon01 {width:100%;top:10%;} #conMobile .section09 .layericon02 {width:100%;top:10%;} #conMobile .section09 .layericon03 {width:100%;top:25.5%;} #conMobile .section09 .layericon04 {width:100%;top:25.5%;} #conMobile .section09 .layericon05 {width:100%;top:41%;} #conMobile .section09 .layericon06 {width:100%;top:41%;} #conMobile .section09 .layericon07 {width:100%;top:56.5%;} #conMobile .section09 .layericon08 {width:100%;top:56.5%;} #conMobile .section09 .layericon09 {width:100%;top:72%;} #conMobile .section09 .layericon10 {width:100%;top:72%;} #conMobile .section10 {} #conMobile .qna_m {width:86%; position:absolute; top:71%; left:50%; transform:translate(-50%, -50%);} #conMobile .qna_m ul{width:100%; list-style:none; border-top:1px solid #dbc4a8;} #conMobile .qna_m ul li{border-top:1px solid #dbc4a8;} #conMobile .qna_m ul li:first-child{border:0 none;} #conMobile .qna_m ul li a{line-height:10px; display:block; text-decoration:none; color:#000;} #conMobile .qna_m ul li p{color:#f00;} #conMobile .section12 {position:fixed;bottom:0;z-index:100;width:100%;height:auto;} #conMobile .section12 > a {width:25%;height:100%;display:inline-block;text-indent:-9999px;overflow:hidden;position:absolute;top:0;} #conMobile .section12 > a.layericon01 {left:0;} #conMobile .section12 > a.layericon02 {left:25%;} #conMobile .section12 > a.layericon03 {left:50%;} #conMobile .section12 > a.layericon04 {left:75%;} #conMobile .section13 {} #conMobile .section13 .layericon01 {width:100%;top:0%;left:0%;} #conMobile .footer .content{max-width: 1200px;background-color:#1a4262;text-align:center;padding:40px 20px;} #conMobile .footer .content p{line-height: 1.5; color: #d2d2d2;font-size:0.8rem;} #conMobile .footer .content p a{color:#5893ff;} #conMobile .footer .content p:last-child{padding-top: 20px;} /* mobile 폼 영역 */ #conMobile .mo_dbform {position:absolute;top:38%;left:50%;transform:translateX(-50%);width:80%;} #conMobile .mo_dbform .db_list {} #conMobile .mo_dbform .db_list li {width:100%;_margin-bottom:5px;padding:2.3% 0;} #conMobile .mo_dbform .db_list li:last-child {background:none;padding:2% 0;border:0;} #conMobile .mo_dbform .db_list li div > span {display:inline-block;vertical-align:middle;_font-size:1.4em;color:#000;} #conMobile .mo_dbform .db_list li div > span em {_color:#e41b23;} #conMobile .mo_dbform .db_list li div > span:first-child {width:27%;text-indent:-9999px;} #conMobile .mo_dbform .db_list li div > span:last-child {width:70%;text-align:left;} #conMobile .mo_dbform .db_list li .input-control {width:95%;background:#fff;padding:15px 10px;font-size:1em;} #conMobile .mo_dbform .db_list li div textarea {height:50px;} #conMobile .mo_dbform label {cursor:pointer;} #conMobile .mo_dbform .agreebox {text-align:center; margin-top:0%;} #conMobile .mo_dbform .agreebox .text {font-size:13px;} #conMobile .mo_dbform .agreebox .show-policy {color:#000;font-weight:bold;margin-left:3px;font-size:13px;vertical-align:middle} #conMobile .mo_dbform .submitbox {width:84.6875%;height:0;padding-bottom:14%;text-align:center;margin:5% auto 0;} #conMobile .mo_dbform .submitbox .mo_dbform_btn {width:100%;background:transparent;display:block;} #conMobile .mo_dbform input[type="checkbox"] {display:none;} #conMobile .mo_dbform div label {cursor:pointer;} #conMobile .privacy_con_box_m {position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);z-index:999;display:none;} #conMobile .privacy_con_box_m .inner {position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;background:#fff;padding:40px;} #conMobile .privacy_con_box_m .inner h3 {font-weight:bold;padding-bottom:20px} #conMobile .privacy_con_box_m .inner p {width:90%;height:200px;overflow-y:scroll;border:1px solid #eee;padding:20px 5%;line-height:1.5em;} #conMobile .privacy_con_box_m .inner a {position:absolute;top:2%;right:2%;font-size:35px;display:inline-block;} #conMobile .privacy_con_box_m .inner a:before {content:' \00D7';color:#000;} #conMobile .mo_dbform input, #conMobile .mo_dbform textarea { -webkit-appearance: none; -webkit-border-radius: 0; } @media screen and (max-width: 768px) { #conMobile .mo_dbform .db_list li .input-control {padding:5px 10px;} } @media screen and (max-width: 414px) { #conMobile .mo_dbform .db_list li {padding:1.3% 0;} #conMobile .mo_dbform .db_list li .input-control {padding:3px 10px;font-size:15px;} #conMobile .mo_dbform .submitbox {margin:2% auto 0;} #conMobile .section01 .mobileBanner .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {bottom:20px;} #conMobile .section01 .mobileBanner .swiper-pagination-bullet {width:10px;height:10px;margin:0 5px;} #conMobile .mo_fixedtop_height {height:8vh;} } @media screen and (max-width: 320px) { #conMobile .mo_dbform .db_list li {padding:0.9% 0;} #conMobile .mo_dbform .db_list li .input-control {font-size:12px;} } /*** [Mobile] --/end/-- ***/ @media screen and (max-width: 1100px) { #conPC {opacity:0;visibility:hidden;position:fixed;top:0;left:-100%;width:100%;} #conMobile {opacity:1;visibility:visible;position:relative;top:0;left:0;width:100%;} } /* s: mobile */ #conMobile {/*padding-top: 16.16vw;*/} #conMobile img {width:100%; image-rendering: -webkit-optimize-contrast;} #conMobile .mo_fixedtop {position:fixed; top:auto; bottom:0; overflow:visible; width: 100%; z-index: 100;} #conMobile .mo_fixedtop .layerlink01 {position:absolute; top:15%; left:3%; width:10%; height:60%;} #conMobile .mo_fixedtop .layerlink01 a {width:100%; height:100%; display:block;} #conMobile .mo_fixedtop .layerlink02 {position:absolute; top:15%; right:3%; width:23%; height:60%;} #conMobile .mo_fixedtop .layerlink02 a {width:100%; height:100%; display:block;} #conMobile .mo_fixedtop .btn_home_mo {position:absolute; top:-18vw; right:4.84vw; width:13.87vw; height:13.87vw;} #conMobile .visual .layericon01 {width:100%; top:50%; left:50%; transform:translate(-50%, -50%);} #conMobile .visual .mobileBanner .swiper-pagination-fraction, #conMobile .swiper-pagination-custom, #conMobile .swiper-container-horizontal > .swiper-pagination-bullets {bottom: 50px;} #conMobile .swiper-pagination-bullet {background-color:#fff; opacity:1;} #conMobile .swiper-pagination-bullet-active {background-color:#9d2a27; opacity:1;} #conMobile .storeM {position:absolute; top:19%;} #conMobile .storeBannerM {width:100%;} #conMobile .storeBannerM img {width:100%; image-rendering: -webkit-optimize-contrast;} #conMobile .direct {padding:0 10px; background:none; background-color: #1a1e29;} #conMobile .directBannerM {margin:5vw 0 9vw;} #conMobile .video {position:absolute; top:4%; left:5%; width:90%; max-width:1024px; background-color:#000;} #conMobile .video .video-container {position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;} #conMobile .video iframe {position:absolute; top:0; left:0; width:100%; height:100%;} #conMobile .video_wrap {position:absolute; top:23%; left:5%; width:90%; border:0;} #conMobile .video_wrap li {position:relative; float:left; width:49%; margin:0 0.5% 9.7%;} #conMobile .video_wrap:after {content:''; display:block; clear:both;} #conMobile .video_wrap .video.size_2 {position:relative; top:0; bottom:auto; left:0; width:100%; max-width:438px;} #conMobile .video_wrap .video.size_2 .video-container {padding-top:0;} #conMobile .interview .btn_wrap {position:absolute; left:15%; bottom:6%; width:70%;} #conMobile .success_story .content {position:absolute; top:37%; right:0; max-width:90%;} #conMobile .success_story .layericon01 {width:100%; top:0; left:0; padding-left:5.5%;} #conMobile .success_story .story_btn {position:absolute; top:63%; left:5%; width:90%;} #conMobile .success_story .swiper-button-next {right:5vw; width:10vw; height:10vw; background:none;} #conMobile .success_story .swiper-button-next:after {display:none;} #conMobile .success_story .swiper-button-prev {left:5vw; width:10vw; height:10vw; background:none;} #conMobile .success_story .swiper-button-prev:after {display:none;} #conMobile .review_wrap {position:relative; background-color:#1a6165;} #conMobile .review_wrap .review_list {column-gap: 8px; width:100%; padding:0 5% 8% 5%; background-color:#1a6165;} #conMobile .review_wrap .review_list li {overflow:hidden; margin-bottom:8px; border-radius:6%;} #conMobile .review_wrap .review_list.naver_review {column-count:2;} #conMobile .review_wrap .review_list.baemin_review {column-count:2;} #conMobile .review_img {position:relative;} #conMobile .review_img .layericon01 {position:absolute; top:99vw; left:3vw; width:77vw;} #conMobile .review_img .layericon02 {position:absolute; top:87vw; right:0; width:46vw;} #conMobile .interior_wrap {position:relative;} #conMobile .interior_wrap .tit {position:absolute; top:7%; left:5%; width:90%;} #conMobile .interior_wrap .interior_list {position:absolute; top:20%; left:5%; width:90%; column-gap:1%;} #conMobile .interior_wrap .interior_list li {margin-bottom:1%;} #conMobile .interior_wrap .interior_list .all {column-span:all;} #conMobile .interior_wrap .interior_list.type01 {column-count:2; top:36.5%;} #conMobile .interior_wrap .interior_list.type02 {top:31%;} #conMobile .interior_wrap .interior_list.type02:after {content:''; display:block; clear:both;} #conMobile .interior_wrap .interior_list.type02 li:nth-child(1) {float:left; width:52.11%;} #conMobile .interior_wrap .interior_list.type02 li:nth-child(2) {float:right; width:46.95%;} #conMobile .interior_wrap .interior_list.type03 {top:78%; column-count:3;} #conMobile .sec_knowhow {background-color:#fff;} #conMobile .sec_knowhow .knowhow {display:block; width:70%; margin:0 auto;} #conMobile .sec_knowhow .knowhow + .knowhow {border-top:4px dashed #073c42;} #conMobile .bestmenu {position:absolute; top:28%; left:5%;} #conMobile .sidemenu {position:absolute; top:67%; left:5%;} #conMobile .zoomSlideM {width:90%; padding-bottom:16vw;} #conMobile .zoomSlideM .swiper-wrapper {height:100%; text-align:center;} #conMobile .zoomSlideM .swiper-wrapper .swiper-slide { margin:0;} #conMobile .zoomSlideM .zoom_btn {position:absolute; bottom:10vw; left:50%; width:36%; transform:translateX(-50%);} #conMobile .zoomSlideM .swiper-button-next {right:5vw; width:10vw; height:10vw; background:none;} #conMobile .zoomSlideM .swiper-button-next:after {display:none;} #conMobile .zoomSlideM .swiper-button-prev {left:5vw; width:10vw; height:10vw; background:none;} #conMobile .zoomSlideM .swiper-button-prev:after {display:none;} #conMobile .sec_shop .shop {position:absolute; top:0; left:5%; width:90%;} #conMobile .sec_shop .layericon01 {width:80%; margin-left:10%;} #conMobile .sec_shop .layericon02 {width:97%; margin-top:38.5%; margin-left:1.5%;} #conMobile .sec_charge .layericon01 {width:100%;} #conMobile .sec_charge .content {position:absolute; top:44%; left:5%; width:90%;} #conMobile .swiper-button-prev:after, #conMobile .swiper-button-next:after {display:none;} #conMobile .privacy_con_box_m .inner {padding:6% 3%; border-radius: 10px;} #conMobile .privacy_con_box_m .inner p {width:100%;} #conMobile .mo_dbform {top:30vw;} #conMobile .mo_dbform .submitbox {width:56vw; margin-top:5vw;} #conMobile .mo_dbform .db_list li {padding:0.9vw 0;} #conMobile .mo_dbform .db_list li .input-control {padding:1.7vw; border:1px solid #063c42; background-color:#eee; font-size: 3vw; color:#6f6f6f;} #conMobile .mo_dbform .db_list li:last-child {padding:0;} #conMobile .mo_dbform [class*="customcheck"] ~ .icon {width:4.3vw; height:4.3vw; max-width:29px; max-height:29px; border:1px solid #063c42; background-color:#e7ebe4;} #conMobile .mo_dbform .agreebox .text {font-size:3.5vw; color:#6f6f6f;} #conMobile .mo_dbform .agreebox .show-policy {font-size:3.5vw; color:#6f6f6f;} @media screen and (max-width: 1100px) { #conMobile .zoomSlideM .zoom_btn {bottom:10vw;} #conMobile .mo_dbform .agreebox {text-align:center; margin-top:2%;} #conMobile .mo_dbform .submitbox {width:56vw; margin-top:4vw;} #conMobile .mo_dbform .db_list li div textarea {height:15vw;} } @media screen and (max-width: 700px) { #conMobile .zoomSlideM .zoom_btn {bottom:7vw;} } @media screen and (max-width: 450px) { #conMobile .zoomSlideM .zoom_btn {bottom:10vw;} #conMobile .mo_dbform .agreebox {text-align:center; margin-top:0%;} #conMobile .mo_dbform .submitbox {width:56vw; margin-top:4vw;} #conMobile .mo_dbform .db_list li div textarea {height:15vw;} } @media screen and (max-width: 414px) { #conMobile .mo_fixedtop_height {height:auto;} #conMobile .visual .mobileBanner .swiper-pagination-fraction, #conMobile .swiper-pagination-custom, #conMobile .swiper-container-horizontal > .swiper-pagination-bullets {bottom: 50px;} } @media screen and (max-width: 1751px) { #conPC .sec06_img .layericon01 p {font-size:48px; font-weight:bold; color:#ed402e;} #conPC .sec06_img .layericon02 p {font-size:48px; font-weight:bold; color:#ed402e;} } @media screen and (max-width: 1700px) { #conPC .sec06_img .layericon01 p {font-size:46px; font-weight:bold; color:#ed402e;} #conPC .sec06_img .layericon02 p {font-size:46px; font-weight:bold; color:#ed402e;} } @media screen and (max-width: 1600px) { #conPC .sec06_img .layericon01 p {font-size:44px; font-weight:bold; color:#ed402e;} #conPC .sec06_img .layericon02 p {font-size:44px; font-weight:bold; color:#ed402e;} } @media screen and (max-width: 1560px) { #conPC .sec06_img .layericon01 p {font-size:42px; font-weight:bold; color:#ed402e;} #conPC .sec06_img .layericon02 p {font-size:42px; font-weight:bold; color:#ed402e;} } @media screen and (max-width: 1560px) { #conPC .sec06_img .layericon01 p {font-size:40px; font-weight:bold; color:#ed402e;} #conPC .sec06_img .layericon02 p {font-size:40px; font-weight:bold; color:#ed402e;} }