@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700&display=swap');
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css");
@import url('common.css');
@import url('animation.css');


/* popup.211010 */
.conPopup {width:100%;max-width:1920px;margin:0 auto;position:absolute;top:40px;left:0;right:0;z-index:98;}
.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:#373737;}
.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.popup00 {right:10px;z-index:19; }
.popup_wrap.popup01 {left:10px;z-index:17; top:50px;}
.popup_wrap.popup02 {left:466px;z-index:16; top:50px;}
.popup_wrap.popup03 {left:921px; z-index:15; top:50px; }
.popup_wrap.popup04 {left:1377px; z-index:14; top:50px;}
.popup_wrap.popup05 {right:10px; z-index:13;}

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


@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.popup00, .popup_wrap.popup01, .popup_wrap.popup02, .popup_wrap.popup03, .popup_wrap.popup04, .popup_wrap.popup05 {left:50%;transform:translateX(-50%); width:90%;top:50px; }
    
}



@media screen and (max-width: 768px) {
	
}




/*** [Pc] --/start/-- ***/
 /* header */
#header{width: 100%; height: 70px; position: fixed; z-index: 99; transition: 0.4s; font-family:'Pretendard';  font-size:18px; font-weight:bold; letter-spacing:-1px;}
#header .inner1{height: 100%; margin: 0 auto; position: relative; display: flex; align-items: center; justify-content: space-between;width:100%; max-width:1920px; background: #df332d; *border-bottom: 1px solid #fcfbff; opacity:0.9; }
#header .inner{height: 100%; margin: 0 auto; position: relative; display: flex; align-items: center; justify-content: space-between;width:1200px;}
#header h1{width: 100px; height: 100%; background-image:url('/contents/img/pc/logo.png'); background-repeat: no-repeat; background-position: 0 50%; background-size: 100% auto;}
#header h1 a{width: 100%; height: 100%; display: block;}
#header ul{display: flex; align-items: center;}
#header ul li{margin-left: 60px; cursor:pointer;}
#header ul li span{color: fff; transition: 0.4s; box-shadow: unset; }
#header ul li span a {color: #fff; transition: 0.4s; box-shadow: unset;}

#header ul li span:hover{color: #85f195;}
#header ul li span a:hover{color: #85f195;}
#header ul li:first-of-type{margin-left: 0;}
#header ul li  img{width: 20px;  height: 23px;  padding: 10px 0;}

#header.scroll-on{ background: #fff; border-bottom: 1px solid #fcfbff; opacity:0.9;}
#header.scroll-on h1{background-image: url('/contents/img/pc/logo_scroll.png');}
#header.scroll-on ul li span{color: #fff;}


#header.scroll-on ul li span:hover{color: #85f195;}
#header.scroll-on ul li:last-of-type span:hover{color: #85f195;}
/*#header.scroll-on ul li:last-of-type span{color: #e91c70;}*/

.ancher-btn li.on .btn {
    background-color: #fff;
    color: #1a2a60;
}
.ancher-btn li a {
    color: #85f195; /* 기본 색 */
    transition: color 0.3s ease;
}

.ancher-btn li:hover a,
.ancher-btn li.on a {
    color: #1a2a60  !important; /* 강조 색 (마우스오버 + 활성화 시) */
}

@media screen and (max-width: 1480px){   
	#header h1{width: 100px;}
}
@media screen and (max-width: 1400px){
	#header ul li{margin-left: 30px;}
}
@media screen and (max-width: 1280px){ 
    
}
@media screen and (max-width: 1200px){ 

    #header ul li:last-child{display: block;}
	#header .inner{width:1000px;}
}

.btn {
  font-size: 18px;
  background-color: #1a2a60;
  color: #fff;
  border: solid 1px;
  line-height:40px; 
  padding:0 20px;
  border-radius: 20px;
  cursor:pointer;
}

.section { scroll-margin-top: 70px;}
 /* header end*/


#conPC img {width:100%; image-rendering: -webkit-optimize-contrast;}

#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 .fix_btn {width:50%;float:left; margin-top:2%; margin-left:41.5%;}
#conPC .pc_fixedtop .fix_btn li:first-child {float:left; width:18.3%; cursor: pointer; }
#conPC .pc_fixedtop .fix_btn li:last-child {float:left;margin-left:2%; width:26.2%; cursor: pointer;}



#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:15%;float:left;margin-left:1%;}
#conPC .pc_fixedtop .dbform_fix .db_list li .input-control {padding:9px 15px;color: #9f9f9f; -webkit-border-radius: 0; border-radius: 8px;}
#conPC .pc_fixedtop .dbform_fix .db_list li .conPCTop {width: 50%; float: left;}
#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; border-radius:5px;}
/*#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; font-size:14px;}
#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_top {position:fixed;bottom:20px;right:2%;z-index:9999;}
#conPC .fixed_kakao {position:fixed;bottom:140px;right:6%;z-index:9999;}
#conPC .fixed_blog {position:fixed;bottom:40px;right:6%;z-index:9999;}


#conPC .footer .content{max-width: 1920px;background-color:#141414;text-align:center;padding:60px 0;margin:0 auto;}
#conPC .footer .content p{line-height: 1.5; color:#a3a3a3;font-size:1.1rem;}
#conPC .footer .content p a{color:#5893ff;}
#conPC .footer .content p:last-child{padding-top: 20px;}



/* PC - 폼 영역 */
#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 .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:14px;}
#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;}


:root {
    --primary-red: #ff3e3e;
    --text-white: #ffffff;
    --text-gray: #f6f6f6;
}

/* 부모 컨테이너 */
#conPC .sec01_img {
    position: relative;
    width: 100%;
    min-height: 500px;
    background: #000;
    overflow: hidden;
}

#conPC .sec01_img img {
    width: 100%;
    display: block;
}

/* 텍스트 및 글로우 레이어 부모 */
#conPC .sec01_img .hero {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 10;
    background: rgba(0, 0, 0, 0.4); /* 가독성 오버레이 */
    overflow: hidden;
}

/* 2. 붉은 글로우 (이미지와 글자 사이 레이어) */
#conPC .sec01_img .bg-glow {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 800px;
    height: 800px;
    background: radial-gradient(circle, rgba(255, 62, 62, 0.35) 0%, rgba(10, 10, 11, 0) 70%);
    filter: blur(80px);
    z-index: -1; /* .hero 내부 글자들보다 뒤로 배치 */
    pointer-events: none;
    transform: translate(-50%, -50%);
    will-change: transform;
}

/* 텍스트 요소들 공통 스타일 */
.sub-title, .main-title, .highlight-box, .partner-copy, .btn-apply {
    opacity: 0;
    position: relative;
    z-index: 1; /* 글로우보다 위로 */
}

#conPC .sec01_img .sub-title h2 {
    color: var(--text-gray);
    font-size: 1.5vw;
    margin-bottom: 20px;
    font-weight: 600;
}

#conPC .sec01_img .sub-title2 h2 {
    color: var(--text-gray);
    font-size: 2vw;
    margin-bottom: 20px;
    font-weight: 600;
}

#conPC .sec01_img .main-title  h1{
    color: var(--text-white);
    font-size: 3.5vw;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 20px;
}

#conPC .sec01_img .highlight-box {
    background-color: var(--primary-red);
    color: var(--text-white);
    padding: 10px 40px;
    font-size: 2.8vw;
    font-weight: 900;
    font-style: italic;
    box-shadow: 0 10px 30px rgba(255, 62, 62, 0.4);
    margin: 10px 0;
}

#conPC .sec01_img .partner-copy h2 {
    margin-top: 30px;
    font-size: 1vw;
    color: var(--text-gray);
    border-left: 3px solid var(--primary-red);
    padding-left: 15px;
    font-weight: 600;
}

#conPC .sec01_img .btn-apply {
    margin-top: 50px;
    background: var(--primary-red);
    border: 1px solid var(--primary-red);
    color: white;
    padding: 15px 40px;
    font-size: 1.2rem;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s;
    box-shadow: 0 0 20px var(--primary-red);
}

#conPC .sec01_img .btn-apply:hover {
    background: var(--primary-red);
    color: white;
    box-shadow: 0 0 20px var(--primary-red);
}
  
/* fade-out 클래스 적용 시 1초 동안 opacity 1 → 0 애니메이션 실행 */
.fade-out {
  animation: fadeOutAnim 1s ease forwards !important;
}

/* 공통 애니메이션 클래스 초기화 */
.fade-in-group {
    opacity: 0;
    visibility: hidden; /* 시작 전에는 공간만 차지하고 보이지 않게 함 */
    will-change: transform, opacity;
}

        
        #conPC .sec02_img {position:relative;}
        #conPC .sec02_img .layericon01 {position: absolute; top:34%; left: 23.5%; width: 53.05%; opacity:0;}          
        #conPC .sec02_img .layericon02 {position: absolute; top:46.5%; left: 23.5%; width: 53.05%; opacity:0;}
        #conPC .sec02_img .layericon03 {position: absolute; top:59%; left: 23.5%; width: 53.05%; opacity:0;}       

        #conPC .sec03_img {position:relative;}
        #conPC .sec03_img .layericon01 {position: absolute; top:40%; left:20%;  width: 29.9%; opacity:0;}  
        #conPC .sec03_img .layericon02 {position: absolute; top:40%; left: 51%;  width: 29.9%; opacity:0;}  
        #conPC .sec03_img .layericon03 {position: absolute; top:63%; left: 20%;  width: 29.9%; opacity:0;}  
        #conPC .sec03_img .layericon04 {position: absolute; top:63%; left: 51%;  width: 29.9%; opacity:0;}  
       
        #conPC .sec04_img {position:relative;}     
        #conPC .sec04_img .layericon01 {position:absolute; top:41%; left:12%;  width:17.85%; opacity:0;}
        #conPC .sec04_img .layericon02 {position:absolute; top:41%;  left:31.5%; width:17.85%; opacity:0;}
        #conPC .sec04_img .layericon03 {position:absolute; top:41%;  left:51%; width:17.85%; opacity:0;}
        #conPC .sec04_img .layericon04 {position:absolute; top:41%;  left:70.5%; width:17.85%; opacity:0;}
        
        #conPC .sec05_img {position:relative;}        
        #conPC .sec05_img .layericon01 {position:absolute; top:24.9%; left:21%;  width:19.7%; opacity:0;}
        #conPC .sec05_img .layericon02 {position:absolute; top:24.9%; left:41.5%;  width:19.7%; opacity:0;}
        #conPC .sec05_img .layericon03 {position:absolute; top:24.9%; left:61.8%;  width:19.7%; opacity:0;}
        #conPC .sec05_img .layericon04 {position:absolute; top:54%; left:30.7%;  width:19.7%; opacity:0;}
        #conPC .sec05_img .layericon05 {position:absolute; top:54%; left:51.5%;  width:19.7%; opacity:0;}
       
        #conPC .sec06_img {position:relative;}
        #conPC .sec06_img .layericon01 {position:absolute; top:36.3%; left:23%;  width:16%; opacity:0;}       
        #conPC .sec06_img .layericon02 {position:absolute; top:27.5%; left:61%;  width:17.2%; opacity:0;}
        #conPC .sec06_img .layericon03 {position:absolute; top:36.7%; left:61%;  width:16.05%; opacity:0;}
        #conPC .sec06_img .layericon04 {position:absolute; top:72.5%; left:61%;  width:16.45%; opacity:0;}
        #conPC .sec06_img .layericon05 {position:absolute; top:84%; left:50%; transform: translateX(-50%);  width:47%; opacity:0;}

        #conPC .sec07_img {position:relative;}
        #conPC .sec07_img .layericon01 {position:absolute; top:17%; left:16.4%; width:66.95%;}
        #conPC .sec07_img .layericon02 {position:absolute; top:31%; left:16.4%; width:66.95%;}
        #conPC .sec07_img .layericon03 {position:absolute; top:45%; left:16.4%; width:66.95%;}
        #conPC .sec07_img .layericon04 {position:absolute; top:59%; left:16.4%; width:66.95%;}
        #conPC .sec07_img .layericon05 {position:absolute; top:73%; left:16.4%; width:66.95%;}
        #conPC .sec07_img .layericon06 {position:absolute; top:87%; left:16.4%; width:66.95%;}


  

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


        #conPC .swiper-button-prev:after, #conPC .swiper-button-next:after {display:none;}
        
        #conPC .sec_enquire .dbform {position:absolute; top:38%; left:32%; 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:60%; 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;}
        #conPC .sec_enquire .input-control {padding:3.5%; border:1px solid #063c42; background-color:#f3f3f3; font-size:1.1vw; font-weight:400; color:#6f6f6f;}
        #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:2.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:4%; margin-top:3%;}
        #conPC .sec_enquire .dbform .submitbox button {width:64%; 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 .qna {position:absolute; top:73%; left:50%; transform:translate(-50%, -50%);}
        #conPC .qna ul{width:1000px; list-style:none; border-top:1px solid #dbc4a8;}
        #conPC .qna ul li{border-top:1px solid #dbc4a8 ;margin-bottom:10px;}
        #conPC .qna ul li:first-child{border:0 none;}
        #conPC .qna ul li a{height:60px; line-height:60px; display:block; text-decoration:none; color:#000;}
        #conPC .qna ul li p{color:#f00;}


        /* section-footer * --------------------------------------- */
        #conPC .section-footer, .Reallanding #conPC .section-footer > div {height: auto !important; border-top: 2px solid #df332d;}
        #conPC #footer { background:#22211b; color:#e7e4dc; font-family: 'Noto Sans KR', sans-serif; padding:2.5% 0; font-size:0.85em; width: 100%; overflow: hidden; }
        #conPC #footer .copy_box { width:100%;padding-top:4%;}
        #conPC #footer h3 { text-align:left;padding-bottom:10%;border-bottom:1px solid #4e4e4e;}
        #conPC #footer h3 > a { padding:2% 0; cursor:pointer;}
        #conPC #footer .copy_box li { float: left;}
        #conPC #footer .copyright {width:50%;}
        #conPC #footer .copyright > p {text-align:left;font-size:1rem;padding-bottom: 20px;}
        #conPC #footer .copyright > p:last-child {color: #666;}
        #conPC #footer .large {width:25%;}
        #conPC #footer .large > p {text-align:left;font-size:1.8rem;font-weight:800;}
        #conPC #footer .large > p span {display:block;font-size:1.5rem;font-weight:400;font-family:'Montserrat', sans-serif;}


       
         @media only screen and (min-width : 1920px) {

           #conPC .pc_fixedtop {height:95px;}
            #conPC .pc_fixedtop .agreebox {top:10px; position:absolute; left:78.5%;}
            #conPC .pc_fixedtop .dbform_fix {top:26px;}
            #conPC .pc_fixedtop .agreebox .text {font-size:14px;}
            #conPC .pc_fixedtop .dbform_fix .db_list li input {font-size:16px;}
            #conPC .pc_fixedtop .dbform_fix .db_list li .input-control {padding:6px; height:42px;}
            #conPC .pc_fixedtop .dbform_fix .db_list select {background: url(/contents/img/pc/arow.png) no-repeat 95% 50%; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color:#fff;}

            #conPC .zoomSlide .swiper-button-next {width:87px; height:87px;}
            #conPC .zoomSlide .swiper-button-prev {width:87px; height:87px;}

            #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:2.2%;}
            #conPC .sec_enquire .dbform form > ul > li div > span {font-size:20px;}
            #conPC .sec_enquire .dbform .agreebox .show-policy {font-size:18px;}
            #conPC .sec_enquire .dbform .agreebox [class*="customcheck"] ~ .text {font-size:18px; vertical-align:top;}
            #conPC .sec_enquire .input-control {font-size:20px;}
        } 

        @media screen and (max-width: 1700px) {
        	 #conPC .pc_fixedtop .dbform_fix .db_list {width:78%; margin-left:0%;}
             #conPC .pc_fixedtop .landing_form .submitbox {position:absolute; width:13%; left:63%; }
             #conPC .pc_fixedtop .agreebox {top:0.5vw; left:78.5%; right:auto; white-space:nowrap;}
             #conPC .pc_fixedtop .dbform_fix {position:absolute; top:1.2vw; left:16%; width:100%; max-width:1200px; margin-left:0;}
        }
        @media screen and (max-width: 1400px) {
        	   #conPC .pc_fixedtop .dbform_fix .db_list {width:78%; margin-left:0%; margin-top:-0.5%;}
             #conPC .pc_fixedtop .landing_form .submitbox {position:absolute; left:60.5%; top:-15%;}
             #conPC .pc_fixedtop .agreebox {top:0.5vw; left:74%; right:auto; white-space:nowrap;}
             #conPC .pc_fixedtop .dbform_fix {position:absolute; top:2vw; left:14%; width:100%; max-width:1200px; margin-left:0;}
             #conPC .pc_fixedtop .dbform_fix .db_list li {width:14%;float:left;margin-left:1%;}
        }
       @media screen and (max-width: 1200px) {
             #conPC .pc_fixedtop .dbform_fix .db_list li {width:14%;float:left;margin-left:1%;}
        	  #conPC .pc_fixedtop .dbform_fix .db_list {width:78%; margin-left:0%; margin-top:-0.5%;}
             #conPC .pc_fixedtop .landing_form .submitbox {position:absolute; left:60.5%; top:-14%;}
             #conPC .pc_fixedtop .agreebox {top:0.5vw; left:74%; right:auto; white-space:nowrap;}
             #conPC .pc_fixedtop .dbform_fix {position:absolute; top:2.6vw; left:10%; width:100%; max-width:1200px; margin-left:0;}
        }

        @media screen and (min-width: 2000px) {
             #conPC .sec05_img .layericon01-1 {top:36.7%;}
             #conPC .sec05_img .layericon01-1 p {font-size:2.3vw; font-weight:bold; color:#ff4d1d;}
             #conPC .sec05_img .layericon02-1 {top:36.7%;}
             #conPC .sec05_img .layericon02-1 p {font-size:2.3vw; font-weight:bold; color:#ff4d1d;}
             #conPC .sec05_img .layericon04-1 p {font-size:2.3vw; font-weight:bold; color:#ff4d1d;}
        
        }

  

       @keyframes rotate_image{
    100% {
        transform: rotate(360deg);
    }
}
/*** [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 .fixed_top {position:fixed;bottom:110px;right:4%;z-index:9999; width:49px;}
#conMobile .fixed_btn {position:fixed;bottom:115px;right:4%;z-index:9999; width:76px;}
#conMobile .fixed_kakao {position:fixed;bottom:126px;right:4%;z-index:9999; width:70px;}
#conMobile .fixed_blog {position:fixed;bottom:56px;right:4%;z-index:9999; width:70px;}

#conMobile .success_story {position:relative;}
#conMobile .success_story .layericon01 {position:absolute; width:84%; top:35%; left:7.5%;}
#conMobile .success_story .layericon02 {position:absolute; width:84%; top:71.5%; left:7.5%;}
#conMobile .success_story .btn {position:absolute; top: 53%; left:50%; z-index:20; width:100%;}
#conMobile .success_story .swiper-button-next {left:31%;  width:84px; height:84px; background:url(/contents/images/pc/btn_main_next.png) center no-repeat;}
#conMobile .success_story .swiper-button-prev {left:-36%;  width:84px; height:84px; background:url(/contents/images/pc/btn_main_prev.png) center no-repeat;}
#conMobile .msuccess_thumb .swiper-wrapper{justify-content: center; padding:4% 2% 0; width:100%;}
#conMobile .msuccess_thumb2 .swiper-wrapper{justify-content: center; padding:4% 2% 0; width:100%;}
#conMobile .msuccess_thumb .swiper-slide.swiper-slide-visible.swiper-slide-thumb-active {color: #ffffff; background-image: linear-gradient(to right, #00b079, #028db9);}
#conMobile .msuccess_thumb2 .swiper-slide.swiper-slide-visible.swiper-slide-thumb-active {color: #ffffff; background-image: linear-gradient(to right, #00b079, #028db9);}
#conMobile .msuccess_thumb_btn {cursor: pointer; width: 77px; text-align:center; padding: 5px 4px 4px 4px; font-size: 12px; border: 1px solid #00CC66; border-radius:27px; font-family: "NotoSansKR", "sans-serif"; font-weight: 400;}

/* Mobile섹션 */

:root {
    --primary-red: #ff3e3e;
    --text-white: #ffffff;
    --text-gray: #f6f6f6;
}

/* 부모 컨테이너 */
#conMobile .section01 {
    position: relative;
    width: 100%;
    min-height: 500px;
    background: #000;
    overflow: hidden;
}

#conMobile .section01 img {
    width: 100%;
    display: block;
}

/* 텍스트 및 글로우 레이어 부모 */
#conMobile .section01 .hero {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 10;
    background: rgba(0, 0, 0, 0.4); /* 가독성 오버레이 */
    overflow: hidden;
}

/* 2. 붉은 글로우 (이미지와 글자 사이 레이어) */
#conMobile .section01 .bg-glow {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 800px;
    height: 800px;
    background: radial-gradient(circle, rgba(255, 62, 62, 0.35) 0%, rgba(10, 10, 11, 0) 70%);
    filter: blur(80px);
    z-index: -1; /* .hero 내부 글자들보다 뒤로 배치 */
    pointer-events: none;
    transform: translate(-50%, -50%);
    will-change: transform;
}

/* 텍스트 요소들 공통 스타일 */
.sub-title, .main-title, .highlight-box, .partner-copy, .btn-apply {
    opacity: 0;
    position: relative;
    z-index: 1; /* 글로우보다 위로 */
}

#conMobile .section01 .sub-title {
    color: var(--text-gray);
    font-size: 5vw;
    margin-bottom: 20px;
}

#conMobile .section01 .sub-title2 {
    color: var(--text-gray);
    font-size: 6vw;
    margin-bottom: 20px;
    font-weight: 600;
}

#conMobile .section01 .main-title {
    color: var(--text-white);
    font-size: 9vw;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 20px;
}

#conMobile .section01 .highlight-box {
    background-color: var(--primary-red);
    color: var(--text-white);
    padding: 10px 40px;
    font-size: 8vw;
    font-weight: 900;
    font-style: italic;
    box-shadow: 0 10px 30px rgba(255, 62, 62, 0.4);
    margin: 10px 0;
}

#conMobile .section01 .partner-copy {
    margin-top: 30px;
    font-size: 3.5vw;
    color: var(--text-gray);
    border-left: 3px solid var(--primary-red);
    padding-left: 5px;
    font-weight: 600;
}

#conMobile .section01 .btn-apply {
    margin-top: 50px;
    background: var(--primary-red);
    border: 1px solid var(--primary-red);
    color: white;
    padding: 15px 40px;
    font-size: 1.2rem;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s;
    box-shadow: 0 0 20px var(--primary-red);
}

#conMobile .section01 .btn-apply:hover {
    background: var(--primary-red);
    color: white;
    box-shadow: 0 0 20px var(--primary-red);
}



#conMobile .section02 {}
#conMobile .section02 .layericon01 {position:absolute; width:100%; top:34%;}        
#conMobile .section02 .layericon02 {position:absolute; width:100%; top:51%;}        
#conMobile .section02 .layericon03 {position:absolute; width:100%; top:68%;}          

#conMobile .section03 {}
#conMobile .section03 .layericon01 {position:absolute; width:100%; top:26%;}        
#conMobile .section03 .layericon02 {position:absolute; width:100%; top:43%;}        
#conMobile .section03 .layericon03 {position:absolute; width:100%; top:60%;}          
#conMobile .section03 .layericon04 {position:absolute; width:100%; top:77%;}          

#conMobile .section04 {}
#conMobile .section04 .layericon01 { width:40.35%; top:32%;  left:7%;}       
#conMobile .section04 .layericon02 { width:40.35%; top:32%; right:7%;}       
#conMobile .section04 .layericon03 { width:40.35%; top:59%; left: 7%;}       
#conMobile .section04 .layericon04 { width:40.35%; top:59%; right:7%;}       

#conMobile .section05 {}
#conMobile .section05 .layericon01 {width:45.35%; top:24%; left:6.5%;}
#conMobile .section05 .layericon02 {width:40%; top:24%; right:6.5%;}
#conMobile .section05 .layericon03 {width:40%; top:44%; left:30%;}
#conMobile .section05 .layericon04 {width:45.4%; top:64%; left:6.5%;}
#conMobile .section05 .layericon05 {width:40%; top:64%; right:6.5%;}

#conMobile .section06 {}
#conMobile .section06 .layericon01 {width:31.35%; top:42.2%; left:1.5%;}
#conMobile .section06 .layericon02 {width:32.5%; top:34.8%; right:2%;}
#conMobile .section06 .layericon03 {width:29.9%; top:43%; left:65.5%;}
#conMobile .section06 .layericon04 {width:30.55%; top:74.2%; left:65.5%;}
#conMobile .section06 .layericon05 {width:100%; top:85%;}


#conMobile .section16 {position:fixed;top:0; z-index:99;width:100%;height:auto;}
#conMobile .section16 > a {width:60%;height:100%;display:inline-block;text-indent:-9999px;overflow:hidden;position:absolute;top:0;}
#conMobile .section16 > a.layericon01 {left:0;}
#conMobile .section16 > a.layericon02 {left:60%;}
/* 모바일 전용 */
@media screen and (max-width: 1100px) {
    #conMobile .section16 .layericon03 {
        position: absolute;   /* 혹시 설정 안 되어 있으면 반드시 필요 */
        left: 0%;
        top: 1vw;
        width: 60%;
        display: block;       /* 혹시 상위에서 display:none 됐으면 복구 */
        opacity: 1;           /* 숨김 방지 */
        z-index: 10;          /* 다른 요소에 가려졌을 경우 대비 */
    }
}

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


#conMobile .footer .content{max-width: 1200px;background-color:#141414;text-align:center;padding:40px 20px;margin:0 auto;}
#conMobile .footer .content p{line-height: 1.5; color: #a3a3a3;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:34%;text-indent:-9999px;}
#conMobile .mo_dbform .db_list li div > span:last-child {width:64%;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-color:#fff; /* ✅ background 분리 */
    padding:15px 10px;
    font-size:1em;
    border-radius:0;
}
/* ✅ select 화살표 보이도록 수정 */
#conMobile .mo_dbform .db_list li div select {
    width:95%;
    background-color:#fff;
    background-image:url(/mcs/contents/img/pc/arow.png);
    background-repeat:no-repeat;
    background-position:right 12px center;
    background-size:14px;
    padding-right:30px;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    border-radius:0;
}
#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:2%; }
#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 .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 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 .mo_dbform {top:67.5vw;}
        #conMobile .mo_dbform .submitbox {width:66.5vw; }
        #conMobile .mo_dbform .db_list li {padding:1vw 0; }
        #conMobile .mo_dbform .db_list li .input-control {padding:1.7vw;  background-color:#fff; font-size: 4vw;  color:#000; border-radius:4px;}
        #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; }
        #conMobile .mo_dbform .agreebox .text {font-size:3.5vw; color:#f1f1f1;}
        #conMobile .mo_dbform .agreebox .show-policy {font-size:3.5vw; color:#f1f1f1;}


        @media screen and (max-width: 1300px) {
            #conPC .store2.store2_reposition {
                top: 25vw;
            }
        }

        @media screen and (max-width: 1100px) {
            #conMobile .zoomSlideM .zoom_btn {bottom:10vw;}
#conMobile .mo_dbform .db_list li div textarea {    height: 28vw; }
        }

        @media screen and (max-width: 700px) {
            #conMobile .zoomSlideM .zoom_btn {bottom:7vw;}
        }

        @media screen and (max-width: 420px) {
            #conMobile .store2M {
                top: 49%;
            }
        }

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





@keyframes flicker { 
  0% { filter: brightness(50%); }
  100% { filter: brightness(100%); }
}

/* 부드러운 fadeOut 애니메이션 정의 */
@keyframes fadeOutAnim {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}