@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;800&family=Varela+Round&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/-- ***/
.blind {position:absolute;width:1px;height:1px;padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;}

#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_btn {position:fixed;bottom:14%;right:2%;z-index:10;}
#conPC .fixed_btn .free {}
#conPC .fixed_btn .inquiry {}

#conPC .top_btn {position:fixed;bottom:5%;right:3.2%;z-index:11;}


#conPC .footer .content{max-width: 1920px;background-color:#fff;text-align:center;padding:60px 0;margin:0 auto;}
#conPC .footer .content p{line-height: 1.5; color:#000;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:#fff;}
#conPC .dbform .agreebox .show-policy {color:#fff;font-weight:bold;margin-left:3px;font-size:18px;vertical-align:middle}
#conPC .dbform .submitbox {width:100%;height:77px;text-align:center; 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:#fff; 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:22.5%;}
        #conPC .pf1Banner {width:100%;}
        #conPC .pf1Banner img {width:100%; image-rendering: -webkit-optimize-contrast;}
        #conPC .pf1Banner .btn_next {position:absolute;top:50%;right:23%;cursor:pointer;transform:translateY(-50%);z-index:5}
        #conPC .pf1Banner .btn_prev {position:absolute;top:50%;left:23%;cursor:pointer;transform:translateY(-50%);z-index:5}

         
        #conPC .sec_technology {position:relative;}
        #conPC .sec_technology .layericon01 {position:absolute; top:76%; width:35%; cursor: pointer; transform: translate(-50%, -50%);left:50%;}
        #conPC .sec_technology .video .video-container:after {font-size:90px;}
        #conPC .video {position:absolute; top:14.3%; left:25vw; width:50%; max-width:1200px; 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:24%; width:40.758%; left:30%; }
        #conPC .sec01_img .layericon02 {position:absolute; top:53%; width:27.7609%; left:36%; }
        #conPC .sec01_img .layericon03 {position:absolute; top:66%; width:31.667%; left:34%;}
        #conPC .sec01_img .layericon04 {position:absolute; top:16%; width:5.45%; left:25.5%;}
        #conPC .sec01_img .layericon04 img {animation: updown 1.5s ease-in-out infinite alternate both;animation: updown 1.2s ease-in-out infinite alternate both;}
        #conPC .sec01_img .layericon05 {position:absolute; top:91%; width:4.95%; left:33%;}
        #conPC .sec01_img .layericon05 img {animation: updown 1.0s ease-in-out infinite alternate both;animation: updown 1.2s ease-in-out infinite alternate both;}
        #conPC .sec01_img .layericon06 {position:absolute; top:28%; width:4.4%; left:73%; }
        #conPC .sec01_img .layericon06 img {animation: updown 1.2s ease-in-out infinite alternate both;animation: updown 1.2s ease-in-out infinite alternate both;}
        #conPC .sec01_img .layericon_btn {position:absolute; top:82%; width:22.24%; left:38.5%;}        

        #conPC .sec02_img {position:relative;}
        #conPC .sec02_img .layericon01 {position:absolute; top:7%; left:46.5%; width:6.35%; }
        #conPC .sec02_img .layericon02 {position:absolute; top:44%; left:21%; width:17.6%; }
        #conPC .sec02_img .layericon03 {position:absolute; top:44%; left:61%; width:17.6%; }
        #conPC .sec02_img .layericon04 {position:absolute; top:40.3%; left:40%; width:19.37%; }
        #conPC .sec02_img .layericon05 {position:absolute; top:84%; left:28%; width:45.55%; }

        #conPC .sec03_img {position:relative;}
        #conPC .sec03_img .layericon01 {position:absolute; top:34%; left:18%; width:35.94%;}
        #conPC .sec03_img .layericon02 {position:absolute; top:50%; left:18%; width:35.94%;}
        #conPC .sec03_img .layericon03 {position:absolute; top:63%; left:18%; width:35.94%;}
        #conPC .sec03_img .layericon04 {position:absolute; top:77%; left:18%; width:35.94%;}

        #conPC .sec04_img {position:relative;}
        #conPC .sec04_img .layericon01 {position:absolute; top:36.5%; left:18.7%; width:15.2%;}
        #conPC .sec04_img .layericon02 {position:absolute; top:36.5%; left:34.5%; width:15.2%;}
        #conPC .sec04_img .layericon03 {position:absolute; top:36.5%; right:34.5%; width:15.2%;}
        #conPC .sec04_img .layericon04 {position:absolute; top:36.5%; right:18.7%; width:15.2%;}

        #conPC .sec05_img {position:relative;}
        #conPC .sec05_img .layericon01 {position:absolute; top:53.5%; left:18.7%; width:11.76%;}
        #conPC .sec05_img .layericon02 {position:absolute; top:64.5%; left:30.5%; width:12.35%;}
        #conPC .sec05_img .layericon03 {position:absolute; top:60.3%; left:43%; width:12.6%;}
        #conPC .sec05_img .layericon04 {position:absolute; top:64.5%; left:55.7%; width:12.5%;}
        #conPC .sec05_img .layericon05 {position:absolute; top:56.5%; left:68.3%; width:11.55%;}


        #conPC .sec06_img {position:relative;}
        #conPC .sec06_img .layericon01 {position:absolute; top:24%; left:15%; width:33.8%;}
        #conPC .sec06_img .layericon02 {position:absolute; top:22.5%; left:48.8%; width:35.6%;}
        #conPC .sec06_img .layericon03 {position:absolute; top:31%; left:48.8%; width:35.6%;}
        #conPC .sec06_img .layericon04 {position:absolute; top:45.5%; left:48.8%; width:35.6%;}
        #conPC .sec06_img .layericon05 {position:absolute; top:53.5%; left:48.8%; width:35.6%;}
        #conPC .sec06_img .layericon06 {position:absolute; top:62.4%; left:32.2%; width:52.25%;}



        #conPC .sec07_img {position:relative;}
        #conPC .sec07_img .layericon01 {position:absolute; top:50%; left:0%; width:100%;}
        #conPC .sec07_img .layericon02 {position:absolute; top:45%; left:41%; width:18%;}
        #conPC .sec07_img .layericon03 {position:absolute; width:10.3%; top:41%; left:52%;}

        #conPC .sec08_img {position:relative;}
        #conPC .sec08_img .layericon01 {position:absolute; width:15.2%; top:42%; left:19%;}
        #conPC .sec08_img .layericon02 {position:absolute; width:15.2%; top:42%; left:35%;}
        #conPC .sec08_img .layericon03 {position:absolute; width:15.2%; top:42%; left:51%;}
        #conPC .sec08_img .layericon04 {position:absolute; width:15.2%; top:42%; left:67%;}
        


        #conPC .sec09_img{    position:relative;}
        #conPC .sec_09 .sec09_img{    position:relative;}
        #conPC .sec_09 .faq_wrap{    position:absolute;    left:50%;    top:30%;    transform:translateX(-50%);    width:60%;}
        #conPC .sec_09 .faq_item{    background:#fff;    border:2px solid #d9d9d9;    border-radius:3vw;    margin-bottom:1%;    overflow:hidden;    transition:all .3s ease;}
        #conPC .sec_09 .faq_item.active{    border-radius:2vw;}
        #conPC .sec_09 .faq_q{    height:3.5vw;    padding:0 3%;    display:flex;    align-items:center;    justify-content:space-between;    cursor:pointer;}
        #conPC .sec_09 .faq_q p{    font-size:1.2vw;    font-weight:700;    color:#222;    line-height:1.3;}
        #conPC .sec_09 .faq_q p span{    color:#17b357;    margin-right:0.5vw;}
        #conPC .sec_09 .faq_a{    display:none;    padding:0 3% 2vw;}
        #conPC .sec_09 .faq_a p{    font-size:1vw;    line-height:1.7;    color:#444;    padding-left:4%;    word-break:keep-all;}
        #conPC .sec_09 .faq_icon{    position:relative;    width:2.2%;    aspect-ratio:1/1;    flex-shrink:0;}
        #conPC .sec_09 .faq_icon:before, #conPC .sec_09 .faq_icon:after{     content:'';    position:absolute;    left:50%;    top:50%;    background:#bdbdbd;    border-radius:999px;    transform:translate(-50%,-50%);    transition:all .25s ease;}
        #conPC .sec_09 .faq_icon:before{    width:100%;    height:12%;}
        #conPC .sec_09 .faq_icon:after{    width:12%;    height:100%;}
        #conPC .sec_09 .faq_item.active .faq_icon:after{    opacity:0;    transform:translate(-50%,-50%) rotate(90deg);}
        #conPC .sec_09 .faq_item.active .faq_icon:before, #conPC .sec_09 .faq_item.active .faq_icon:after{    background:#19a85a;}
        #conPC .sec_09 .faq_item.active .faq_a{     display:block; }

        #conPC .sec10_img {position:relative;}
        #conPC .sec10_img .layericon01 {position:absolute; width:30.85%; top:41%; left:18.5%;}
        #conPC .sec10_img .layericon02 {position:absolute; width:30.85%; top:41%; right:18.5%;}
        #conPC .sec10_img .layericon03 {position:absolute; width:30.85%; top:68%; left:18.5%;}
        #conPC .sec10_img .layericon04 {position:absolute; width:30.85%; top:68%; right:18.5%;}
        #conPC .sec10_img .layericon05 {position:absolute; width:8.25%; top:60%; left:46%;}

        #conPC .sec11_img {position:relative;}

        #conPC .seccomplete_img {position:relative;}
        #conPC .seccomplete_img .layericon01 {position:absolute; top:75%; left:37%; width:25.55%;}

        #conPC .sec_enquire .dbform {position:absolute; top:48.5%; left:26%; transform:none; width:46%;}       
        #conPC .sec_enquire .dbform form > ul > li div {font-size:0;}
        #conPC .sec_enquire .dbform form > ul > li div > span {font-size:1.72vw;}
        #conPC .sec_enquire .dbform form > ul > li div > span:first-child {width:22%; margin-left:0; text-indent: -9999px; }
        #conPC .sec_enquire .dbform form > ul > li div > span:last-child {overflow:hidden; width:61%; margin-left:0;}
        #conPC .sec_enquire .dbform form > ul > li div > .ghpeople_inner {}
        #conPC .sec_enquire .dbform form > ul > li div > .ghpeople_inner span.ghpeople {}
        #conPC .sec_enquire [class*="customcheck"] ~ .icon {border:1px solid #063c42; background-color:#e7ebe4; border-radius:4px;}
        #conPC .sec_enquire .input-control {padding:3.5%; border:1px solid #063c42; background-color:#f3f3f3; font-size:1.1vw; font-weight:400; color:#6f6f6f; border-radius:10px;}
        #conPC .sec_enquire .input-control:checked {padding-right: 10px;}
        #conPC .sec_enquire .dbform .agreebox {margin:0; padding-left:22%; }
        #conPC .sec_enquire .dbform .agreebox [class*="customcheck"] ~ .text {margin-left:1%; font-size:1.1vw;}
        #conPC .sec_enquire .dbform .agreebox .btn2 {font-size: 15px;  background-color: rgb(0,0,0,0.3);   color: #fff;   line-height:36px;    padding:0 30px;   border-radius: 4px;   cursor:pointer; margin-left:2%; vertical-align:middle;}
        #conPC .sec_enquire .dbform form > ul > li {margin-bottom:6.1%; padding:0;}

        #conPC .sec_enquire .dbform form > ul > li div > span {padding:0;}
        #conPC .sec_enquire .dbform .agreebox .show-policy {font-size:1.1vw;}
        #conPC .sec_enquire .dbform .submitbox {overflow:hidden; width:100%; height:auto; float:left;text-align:left; padding-left:22%; }
        #conPC .sec_enquire .dbform .submitbox button {width:61%; height:auto; vertical-align:bottom;}
        #conPC .sec_enquire .dbform .submitbox a img {width:58%; height:auto;}
        #conPC .sec_enquire .dbform select {background: url(/contents/img/pc/arow.png) no-repeat 95% 50%; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color:#fff;}

        #conPC .privacy_con_box .inner {border-radius:10px;}
        #conPC .privacy_con_box .inner p {width:auto;}



	   #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:25%;}
            #conPC .video1 {left:25%;}

            #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;}

#conMobile .video {position:absolute; top:14%; left:0%; width:100%; 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 .video1 {position:absolute; top:77%; left:0%; width:100%; max-width:1024px; background-color:#000;}
#conMobile .video1 .video-container {position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
#conMobile .video1 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;}



/* Mobile섹션 */
#conMobile .section01 {}
#conMobile .section01 .layericon01 {width:100%;top:16%;}
#conMobile .section01 .layericon02 {width:100%;top:44%;}
#conMobile .section01 .layericon03 {width:100%;top:53%;}
#conMobile .section01 .layericon04 {width:12.4%;top:19%; left: -2%;}
#conMobile .section01 .layericon04 img {animation: updown 1.5s ease-in-out infinite alternate both;animation: updown 1.2s ease-in-out infinite alternate both;}
#conMobile .section01 .layericon05 {width:9.9%; bottom:19%; left:45%;}
#conMobile .section01 .layericon05 img {animation: updown 1.0s ease-in-out infinite alternate both;animation: updown 1.2s ease-in-out infinite alternate both;}
#conMobile .section01 .layericon06 {width:10%;top:59%; left:89%;}
#conMobile .section01 .layericon06 img {animation: updown 1.0s ease-in-out infinite alternate both;animation: updown 1.2s ease-in-out infinite alternate both;}
#conMobile .section01 .layericon_btn {width:59.765%;top:63%; left:19%;}

#conMobile .section02 {}
#conMobile .section02 .layericon01 {width:14.4%;top:5.5%;  left:42.5%;}
#conMobile .section02 .layericon02 {width:39.6%;top:58%; left:9%;}
#conMobile .section02 .layericon03 {width:39.6%;top:58%; right:9%;}
#conMobile .section02 .layericon04 {width:81.3%;top:30%;  right:9.3%;}
#conMobile .section02 .layericon05 {width:100%;top:86%;}

#conMobile .section03 {}
#conMobile .section03 .layericon01 {width:100%; top:16%;}
#conMobile .section03 .layericon02 {width:100%; top:26.5%;}
#conMobile .section03 .layericon03 {width:100%; top:34.5%;}
#conMobile .section03 .layericon04 {width:100%; top:43%;}

#conMobile .section04 {}
#conMobile .section04 .layericon01 {top:27%; width:45.5%; left:3.5%; }
#conMobile .section04 .layericon02 {top:27%; width:45.5%; right:3.5%;}
#conMobile .section04 .layericon03 {top:55.5%; width:45.5%;  left:3.5%;}
#conMobile .section04 .layericon04 {top:55.5%; width:45.5%; right:3.5%;}

#conMobile .section05 {}
#conMobile .section05 .layericon01 {width:100%; top:42%; left:0.8%;}
#conMobile .section05 .layericon02 {width:100%; top:52.7%;}
#conMobile .section05 .layericon03 {width:100%; top:60%;}
#conMobile .section05 .layericon04 {width:100%; top:68%;}
#conMobile .section05 .layericon05 {width:100%; top:75.5%;}


#conMobile .section06 {}
#conMobile .section06 .layericon01 {width:100%;top:18%;}
#conMobile .section06 .layericon02 {width:100%;top:37.6%; }
#conMobile .section06 .layericon03 {width:100%;top:45%; }
#conMobile .section06 .layericon04 {width:100%;top:57.7%; }
#conMobile .section06 .layericon05 {width:100%;top:81.7%; }
#conMobile .section06 .layericon06 {width:100%;top:93.4%; }

#conMobile .section07 {}
#conMobile .section07 .layericon01 {top:63%; left:0%; width:100%;}
#conMobile .section07 .layericon02 {top:53%; left:28%; width:44%;}
#conMobile .section07 .layericon03 {width:23.3%; top:48%; left:52%;}

#conMobile .section08 {}
#conMobile .section08 .layericon01 {width:44.8%;top:26%; left:4%;}
#conMobile .section08 .layericon02 {width:44.8%;top:26%; right:4%;}
#conMobile .section08 .layericon03 {width:44.8%;top:58%; left:4%;}
#conMobile .section08 .layericon04 {width:44.8%;top:58%; right:4%;}

#conMobile .section09{	position:relative;}
#conMobile .section09 .m_faq_wrap{	position:absolute;	left:50%;	top:30%;	transform:translateX(-50%);	width:84%;}
/* FAQ ITEM */
#conMobile .section09 .m_faq_item{	background:#fff;	border:1px solid #d9d9d9;	border-radius:8vw;	margin-bottom:2.2%;	overflow:hidden;	transition:all .3s ease;}
#conMobile .section09 .m_faq_item.active{	border-radius:5vw;}
/* QUESTION */
#conMobile .section09 .m_faq_q{	min-height:11vw;	padding:0 5%;	display:flex;	align-items:center;	justify-content:space-between;	cursor:pointer;}
#conMobile .section09 .m_faq_q p{	width:88%;	font-size:3.4vw;	font-weight:700;	color:#222;	line-height:1.35;	word-break:keep-all;}
#conMobile .section09 .m_faq_q p span{	color:#17b357;	margin-right:1vw;}
/* ANSWER */
#conMobile .section09 .m_faq_a{	display:none;	padding:0 5% 4.5vw;}
#conMobile .section09 .m_faq_item.active .m_faq_a{	display:block;}
#conMobile .section09 .m_faq_a p{	font-size:2.9vw;	line-height:1.65;	color:#444;	padding-left:8.5%;	word-break:keep-all;}
/* PLUS / MINUS ICON */
#conMobile .section09 .m_faq_icon{	position:relative;	width:5vw;	aspect-ratio:1/1;	flex-shrink:0;}
#conMobile .section09 .m_faq_icon:before, #conMobile .section09 .m_faq_icon:after{	content:'';	position:absolute;	left:50%;	top:50%;	background:#bdbdbd;	border-radius:999px;	transform:translate(-50%,-50%);	transition:all .25s ease;}

#conMobile .section09 .m_faq_icon:before{	width:100%;	height:10%;}
#conMobile .section09 .m_faq_icon:after{	width:10%;	height:100%;}
#conMobile .section09 .m_faq_item.active .m_faq_icon:after{	opacity:0;	transform:translate(-50%,-50%) rotate(90deg);}
#conMobile .section09 .m_faq_item.active .m_faq_icon:before, #conMobile .section09 .m_faq_item.active .m_faq_icon:after{	background:#19a85a;}

#conMobile .section10 {}
#conMobile .section10 .layericon01 {width:100%;top:31%;}
#conMobile .section10 .layericon02 {width:100%;top:47%;}
#conMobile .section10 .layericon03 {width:100%;top:63%;}
#conMobile .section10 .layericon04 {width:100%;top:79%;}

#conMobile .section11 {position:fixed;top:0; z-index:99;width:100%;height:auto;}
#conMobile .section11 > a {width:60%;height:100%;display:inline-block;text-indent:-9999px;overflow:hidden;position:absolute;top:0;}
#conMobile .section11 > a.layericon01 {left:0;}
#conMobile .section11 > a.layericon02 {left:60%;}

#conMobile .section_complete {}
#conMobile .section_complete .layericon01 {width:100%;top:78%;left:0%;}

#conMobile .pf1BannerM {position:absolute; top:29%;}
#conMobile .pf1BannerM {width:100%;}
#conMobile .pf1BannerM img {width:100%; image-rendering: -webkit-optimize-contrast;}
#conMobile .pf1BannerM .btn_next {position:absolute;top:50%;left:94%;cursor:pointer;transform:translateY(-50%);z-index:5;width:10%;}
#conMobile .pf1BannerM .btn_next img {width:60%;}
#conMobile .pf1BannerM .btn_prev {position:absolute;top:50%;left:0%;cursor:pointer;transform:translateY(-50%);z-index:5;width:10%;}
#conMobile .pf1BannerM .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 .section12 {position:fixed;bottom:0;z-index:100;width:100%;height:auto;}
#conMobile .section12 > a {width:100%;height:100%;display:inline-block;text-indent:-9999px;overflow:hidden;position:absolute;top:0;}
#conMobile .section12 > a.layericon01 {right:50%;}
#conMobile .section12 > a.layericon02 {left:50%;}
#conMobile .section12 > a.layericon03 {left:50%;}
#conMobile .section12 > a.layericon04 {left:75%;}


#conMobile .footer .content{max-width: 1200px;background-color:#fff;text-align:center;padding:40px 20px;}
#conMobile .footer .content p{line-height: 1.5; color: #000;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:90%;}
#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:1%;text-indent:-9999px;}
#conMobile .mo_dbform .db_list li div > span:last-child {width:95%;text-align:left;}
#conMobile .mo_dbform .db_list li div > span:last-child > span:last-child {width: 100%;margin-top: 6px;display: inline-block;border-radius: 0; -webkit-border-radius:0;} 
#conMobile .mo_dbform .db_list li .input-control {width:95%;background:#fff;padding:15px 10px;font-size:1em;border-radius:0; -webkit-border-radius:0;}
#conMobile .mo_dbform .db_list li div select.input-control {
        background-image: url("/contents/img/pc/arow.png") !important;
        background-repeat: no-repeat !important;
        background-position: calc(100% - 15px) 50% !important; /* 오른쪽에서 15px 띄움 */
        background-size: 14px auto !important;
        /* 모바일 기본 화살표 제거 강제화 */
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        appearance: none !important;
        /* 배경색이 이미지를 덮지 않도록 투명 처리 혹은 유지 */
        background-color: #fff !important;
        /* 화살표랑 글자 겹침 방지 */
        padding-right: 35px !important;
    }

#conMobile .mo_dbform .db_list li div textarea {height:100px;}
#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:3% 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 .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 .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 .mo_dbform {top:69vw;}
        #conMobile .mo_dbform .submitbox {width:80vw; }
        #conMobile .mo_dbform .db_list li {padding:2vw 0; padding-left:3%;margin-bottom:0%;}
        #conMobile .mo_dbform .db_list li .input-control {padding:2.7vw;  background-color:#fff; font-size: 4vw;  color:#000; border-radius:8px;}
        #conMobile .mo_dbform .db_list li:last-child {padding:3% 0 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; border-radius:4px;}
        #conMobile .mo_dbform .agreebox .text {font-size:3.5vw; color:#f1f1f1;}
        #conMobile .mo_dbform .agreebox .show-policy {font-size:3.5vw; color:#f1f1f1;}