/********************************************************** 
* sub_page - 공통
***********************************************************/
.sub_top_cont{
    position:relative; width:100%; height:calc(var(--vh, 1vh) * 100); min-height:500px; max-height: 1200px; overflow:hidden;
}
.sub_top_cont_wrap{
    position:relative; width:100%; height:100%; overflow:hidden; 
}
.sub_top_view_bg{
    position:absolute; top:0px; left:0; width:100%; height:100%; overflow:hidden;
    transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0); 
    -webkit-transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0);  
    -moz-transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0);  
    -ms-transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0);  
    -o-transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0);
    animation: sub_top_view_bg forwards 5s 0.5s ease-in-out;
    -webkit-animation: sub_top_view_bg forwards 5s 0.5s ease-in-out; 
    -moz-animation: sub_top_view_bg forwards 5s 0.5s ease-in-out; 
    -ms-animation: sub_top_view_bg forwards 5s 0.5s ease-in-out; 
    -o-animation: sub_top_view_bg forwards 5s 0.5s ease-in-out;
}
@keyframes sub_top_view_bg {
    0% {
        transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0); 
        -webkit-transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0);  
        -moz-transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0);  
        -ms-transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0);  
        -o-transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0);
    }
    100% {
        transform:perspective(500px) scale(1) rotate(.001deg) translateZ(0); 
        -webkit-transform:perspective(500px) scale(1) rotate(.001deg) translateZ(0);  
        -moz-transform:perspective(500px) scale(1) rotate(.001deg) translateZ(0);  
        -ms-transform:perspective(500px) scale(1) rotate(.001deg) translateZ(0);  
        -o-transform:perspective(500px) scale(1) rotate(.001deg) translateZ(0);
    }
}
@-moz-keyframes sub_top_view_bg {
    0% {
        transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0); 
        -webkit-transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0);  
        -moz-transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0);  
        -ms-transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0);  
        -o-transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0);
    }
    100% {
        transform:perspective(500px) scale(1) rotate(.001deg) translateZ(0); 
        -webkit-transform:perspective(500px) scale(1) rotate(.001deg) translateZ(0);  
        -moz-transform:perspective(500px) scale(1) rotate(.001deg) translateZ(0);  
        -ms-transform:perspective(500px) scale(1) rotate(.001deg) translateZ(0);  
        -o-transform:perspective(500px) scale(1) rotate(.001deg) translateZ(0);
    }
}

.sub_top_text{
    position:absolute; top:60%; left:50%; width:100%; max-width:80%; 
    transform: translate(-50%, -50%) translateZ(0); 
    -webkit-transform: translate(-50%, -50%) translateZ(0); 
    -moz-transform: translate(-50%, -50%) translateZ(0); 
    -ms-transform: translate(-50%, -50%) translateZ(0); 
    -o-transform: translate(-50%, -50%) translateZ(0);
}
.sub_titlebox > p + p{margin-top:1.5rem;}



.sub_cont_wrap{position:relative; width:100%; max-width:1920px; padding:8rem 0;}
.sub_cont_box{position:relative; width:100%;}
.sub_box{position:relative; width:100%;}
.sub_cont{position:relative; width:100%;}
.title_box > p + p{margin-top:1rem;}
.text_box > p + p{margin-top:1rem;}
.sub_cont_slider{position:relative; width:100%;}
.line_txt{position:relative;}
.line_txt::after{content:''; position:absolute; top:20%; left:-0.8rem; width:2px; height:70%; background-color:#000;}







/********************************************************** 
* sub1_3 - 프로젝트
***********************************************************/
.sub1_3_top_cont{height:calc(100vh - 24rem);}
.sub1_3_top_cont .href_id{position:absolute; top:50%; left:0; width:0; height:0; opacity:0; visibility:hidden; z-index:-1;}
.sub1_3_top_cont .sub_top_cont_wrap{display:flex; flex-direction:column; justify-content:flex-end; align-items:center; gap:6rem 0;}
.sub1_3_top_cont .sub_top_text{
    position:relative; top:auto; left:auto; margin:0 auto; display:flex; flex-direction:column; justify-content:center; align-items:center;
    transform: translate(0, 0) translateZ(0); 
    -webkit-transform: translate(0, 0) translateZ(0); 
    -moz-transform: translate(0, 0) translateZ(0); 
    -ms-transform: translate(0, 0) translateZ(0); 
    -o-transform: translate(0, 0) translateZ(0);
}

.sub_cont_wrap.s13_c01_wrap{max-width:80%; margin:0 auto; padding:10rem 0 8rem;}





/********************************************************** 
* sub1_4 - 프로젝트 문의
***********************************************************/
.sub1_4_top_cont{height:calc(100vh - 24rem);}
.sub1_4_top_cont .href_id{position:absolute; top:50%; left:0; width:0; height:0; opacity:0; visibility:hidden; z-index:-1;}
.sub1_4_top_cont .sub_top_cont_wrap{display:flex; flex-direction:column; justify-content:flex-end; align-items:center; gap:6rem 0;}
.sub1_4_top_cont .sub_top_text{
    position:relative; top:auto; left:auto; margin:0 auto; display:flex; flex-direction:column; justify-content:center; align-items:center;
    transform: translate(0, 0) translateZ(0); 
    -webkit-transform: translate(0, 0) translateZ(0); 
    -moz-transform: translate(0, 0) translateZ(0); 
    -ms-transform: translate(0, 0) translateZ(0); 
    -o-transform: translate(0, 0) translateZ(0);
}

/* 탭 버튼 */
.sub1_4_tab{position:relative; width:50%; margin:0 auto;}
.sub1_4_tab_ul{position:relative; width:100%; display:flex; margin:0 auto; justify-content:center; align-items:center; gap:1rem;}
.sub1_4_tab_li{position:relative; display:inline-block; width:auto; margin:0 0; text-align:center;}
.sub1_4_tab_li > a{position:relative; width:11rem; display:block; padding:0.75rem 0 0.85rem; border:1px solid #adadad; background-color:transparent !important; border-radius:50px; text-align:center;}
.sub1_4_tab_li.active > a { border:1px solid #045545; color:#fff; background-color:#045545 !important; font-weight:500; }
.sub1_4_tab_li:hover > a { border:1px solid #045545; color:#fff; background-color:#045545 !important; font-weight:500; }

/* 탭 컨텐츠 */
.s14_c01_wrap{position:relative; width:100%; padding:0 0 8rem;}
.sub1_4_section{position:relative; width:100%;}
.sub1_4_tab_cont{display:none; position:relative; width:100%;}
.sub1_4_tab_cont1{display:block;}

.sub1_4_form_wrap{position:relative; width:100%; padding:2rem 0 2rem; margin:0 auto;}
.sub1_4_form_box{position:relative; width:100%; max-width:calc(100% - 6rem); background-color:#fff; border-radius:6rem; padding:8rem 0; margin:0 auto;}
.sub1_4_form{position:relative; width:100%; max-width:82%; padding:0; margin:0 auto;}

.contact_title_box{position:relative; width:100%; text-align:center; margin:0 auto 4rem;}
.contact_text_box{position:relative; margin:0 0 3rem; padding:0 1rem;}
.contact_box{padding:0 1rem;}
.contact_box_wrap01{padding:0 0 6rem; margin:0 0 6rem; border-bottom:2px solid #e6e6e6;}
.contact_box_wrap01 .contact_box{position:relative; width:100%; display:flex; flex-wrap:wrap; justify-content:center; align-items:flex-start; gap:2rem 0;}
.contact_box_wrap01 .contact_write_box{position:relative; width:50%; display:flex; justify-content:flex-start; align-items:center;}
.contact_box_wrap01 .contact_write_box > label{position:relative; width:9rem;}
.contact_box_wrap01 .contact_write_box > label > strong{color:#ff0000; font-size:14px;}
.contact_box_wrap01 .contact_write_box.contact_write_box01_2 > label{position:relative; width:13rem;}
.contact_box_wrap01 .contact_write_box > .cont{position:relative; width:20rem;}
.contact_box_wrap01 .contact_write_box.contact_write_box01_4 > .cont{position:relative; width:24rem;}
.contact_box_wrap01 .contact_write_box > .cont > input{width:100%; height:50px; background-color:#fafafa; border-radius: 6px; border: 1px solid #adadad;}
.contact_box_wrap01 .contact_write_box.contact_write_box01_2 > .cont > input::placeholder{font-size:13px; color:#cecece;}
.contact_box_wrap01 .contact_write_box.contact_write_box01_3 > .cont > input::placeholder{font-size:13px; color:#cecece;}
.contact_box_wrap01 .contact_write_box.contact_write_box01_4 > .cont > input::placeholder{font-size:13px; color:#cecece;}

.contact_box_wrap02{margin:0 0 4rem;}
.contact_box_wrap02 .contact_box{position:relative; width:100%; display:flex; flex-wrap:wrap; justify-content:center; align-items:flex-start; gap:2rem 0;}
.contact_box_wrap02 .contact_write_box{position:relative; width:50%; display:flex; justify-content:flex-start; align-items:center;}
.contact_box_wrap02 .contact_write_box.contact_write_box02_4{flex-direction:column; align-items:flex-start; justify-content:center;}
.contact_box_wrap02 .contact_write_box > label{position:relative; width:9rem;}
.contact_box_wrap02 .contact_write_box.contact_write_box02_1 > label{line-height:1.2;}
.contact_box_wrap02 .contact_write_box > label > strong{color:#ff0000; font-size:14px;}
.contact_box_wrap02 .contact_write_box.contact_write_box02_2 > label{position:relative; width:18rem;}
.contact_box_wrap02 .contact_write_box.contact_write_box02_4 > label{position:relative; width:100%; margin:0 0 1.5rem;}
.contact_box_wrap02 .contact_write_box > .cont{position:relative; width:20rem;}
.contact_box_wrap02 .contact_write_box.contact_write_box02_2 > .cont{position:relative; width:18rem;}
.contact_box_wrap02 .contact_write_box.contact_write_box02_4 > .cont{position:relative; width:24rem;}
.contact_box_wrap02 .contact_write_box > .cont > input{width:100%; height:50px; background-color:#fafafa; border-radius: 6px; border: 1px solid #adadad;}
.contact_box_wrap02 .contact_write_box > .cont > select{
    width:100%; height:50px; padding:0 1rem; background-color:#fafafa; border-radius: 6px; border: 1px solid #adadad;
    font-size:0.9rem; font-weight:400; font-family: 'Pretendard';
    /*ios대응*/
    -webkit-appearance: none;
    -moz-appearance: none; 
    appearance: none;
    outline:none;
    /*화살표 배경 넣기*/
    background: #fafafa url('../img/select_down_arrow2.svg') 93% 50%/12px no-repeat; /*화살표 select박스 오른쪽 중앙 배치,배경 흰색*/
}
.contact_box_wrap02 .contact_write_box.contact_write_box02_2 > .cont > input::placeholder{font-size:13px; color:#cecece;}
.contact_box_wrap02 .contact_write_box.contact_write_box02_3 > .cont > input::placeholder{font-size:13px; color:#cecece;}
.contact_box_wrap02 .contact_write_box.contact_write_box02_4 > .cont > input::placeholder{font-size:13px; color:#cecece;}
.contact_box_wrap02 .contact_write_box.contact_write_box02_4 > div{display:flex; justify-content:flex-start; align-items:center; gap:0 2rem;}
.contact_box_wrap02 .contact_write_box.contact_write_box02_4 > div > label{display:flex; justify-content:flex-start; align-items:center; font-weight:500; gap:0 4px;}
.contact_box_wrap02 .contact_write_box.contact_write_box02_4 input[type="radio"]{display:none;}
.contact_box_wrap02 .contact_write_box.contact_write_box02_4 input[type="radio"] + span{width:1.25rem; height:1.25rem; border-radius:5px; display: inline-block; padding:0; margin: 0 0; border:1px solid #b2b2b2; background-color: #fafafa; text-align: center; cursor: pointer;}
.contact_box_wrap02 .contact_write_box.contact_write_box02_4 input[type="radio"]:checked + span{background-color:#105d4e;}

.contact_box_wrap03{margin:0 0 8rem;}
.contact_box_wrap03 .contact_box{position:relative; width:100%; display:flex; flex-wrap:wrap; justify-content:center; align-items:flex-start; gap:2rem 0;}
.contact_box_wrap03 .contact_write_box{position:relative; width:100%; display:flex; flex-direction:column; justify-content:center; align-items:flex-start;}
.contact_box_wrap03 .contact_write_box.contact_write_box03_1{margin:0 0 3rem;}
.contact_box_wrap03 .contact_write_box > label{position:relative; width:100%; margin:0 0 1.5rem;}
.contact_box_wrap03 .contact_write_box.contact_write_box03_1 > label{line-height:1.2;}
.contact_box_wrap03 .contact_write_box.contact_write_box03_2 > label{position:relative; width:100%;}
.contact_box_wrap03 .contact_write_box > div{display:flex; justify-content:flex-start; align-items:center; gap:0 2rem;}
.contact_box_wrap03 .contact_write_box.contact_write_box03_2 > div{flex-wrap:wrap; justify-content:flex-start; align-items:center; gap:0.2rem 3rem;}
.contact_box_wrap03 .contact_write_box.contact_write_box03_2 > div + div{margin:1rem 0 0;}
.contact_box_wrap03 .contact_write_box > div > label{display:flex; justify-content:flex-start; align-items:center; font-weight:500; gap:0 4px;}
.contact_box_wrap03 .contact_write_box.contact_write_box03_1 input[type="radio"]{display:none;}
.contact_box_wrap03 .contact_write_box.contact_write_box03_1 input[type="radio"] + span{width:1.25rem; height:1.25rem; border-radius:5px; display: inline-block; padding:0; margin:0 0; border:1px solid #b2b2b2; background-color: #fafafa; text-align: center; cursor: pointer;}
.contact_box_wrap03 .contact_write_box.contact_write_box03_1 input[type="radio"]:checked + span{background-color:#105d4e;}
.contact_box_wrap03 .contact_write_box.contact_write_box03_2 input[type="checkbox"]{display:none;}
.contact_box_wrap03 .contact_write_box.contact_write_box03_2 input[type="checkbox"] + span{width:1.25rem; height:1.25rem; border-radius:5px; display: inline-block; padding:0; margin:0 0 1px; border:1px solid #b2b2b2; background-color: #fafafa; text-align: center; cursor: pointer;}
.contact_box_wrap03 .contact_write_box.contact_write_box03_2 input[type="checkbox"]:checked + span{background-color:#105d4e;}

.contact_box_wrap04{margin:0 0 6rem;}
.contact_box_wrap04 .contact_box{position:relative; width:100%; display:flex; flex-wrap:wrap; justify-content:center; align-items:flex-start; gap:2rem 0;}
.contact_box_wrap04 .contact_write_box{position:relative; width:100%; max-width:75%; margin:0 auto; display:flex; flex-direction:column; justify-content:center; align-items:flex-start;}
.contact_box_wrap04 .contact_write_box + .contact_write_box{margin:3rem 0 0;}
.contact_box_wrap04 .contact_write_box > label{position:relative; width:100%; padding:0 0.5rem; margin:0 0 1.5rem;}
.contact_box_wrap04 .contact_write_box > .cont{position:relative; width:100%;}
.contact_box_wrap04 .contact_write_box > .cont > textarea{width:100%; height:11.5625rem; padding:1rem; background-color:#fafafa; border-radius:15px; border: 1px solid #adadad;}

.contact_agree_wrap { position:relative; display:flex; justify-content:center; align-items:center; gap:0 0.5rem; margin:0 0 2rem;}
.contact_agree_wrap > label { position:relative; display:inline-block; vertical-align:middle; }
.contact_agree_wrap > label:before { content:''; position:absolute; top:52%; left:-1.8rem; display:inline-block; width:1.25rem; height:1.25rem; border:1px solid #105d4e; -webkit-transition:border 0.15s ease-in-out, color 0.15s ease-in-out; -o-transition:border 0.15s ease-in-out, color 0.15s ease-in-out; transition:border 0.15s ease-in-out, color 0.15s ease-in-out; background-color:#ffffff; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);}
.contact_agree_wrap > input[type='checkbox'] { z-index:1; width:0.6rem; height:0.6rem; vertical-align:middle; opacity:0; }
.contact_agree_wrap > input[type='checkbox']:checked + label:before{border-color:#105d4e; background:#105d4e url("../img/check-icon-w.svg") no-repeat center/ 70% auto;}
.contact_agree_wrap > .agree > span{ position:relative; display:inline-block; cursor:pointer;}
.contact_agree_wrap > .agree > span::after{content:''; position:absolute; bottom:2px; left:0; width:100%; height:1px; background-color:#000;}
.contact_agree_wrap > .agree > .essential { color:#ff0000; }

.contact_agree_text{display:none; position:absolute; top:-10rem; left:50%; width:auto; padding:2.5rem 2rem; border:1px solid #adadad; border-radius:1.8rem; text-align:center; background-color:#fafafa; transform: translateX(-50%) translateZ(0); -webkit-transform: translateX(-50%) translateZ(0); -moz-transform: translateX(-50%) translateZ(0); -ms-transform: translateX(-50%) translateZ(0); -o-transform: translateX(-50%) translateZ(0); z-index:1;}
.contact_agree_text.open{display:block;}
.contact_agree_text_close{position:absolute; top:1.2rem; right:1.2rem; width:1.6rem; height:1.6rem; background: url("../img/modal-close.png") 50% 50%/100% no-repeat; cursor:pointer; z-index:1;}
.contact_agree_text > .txt01{margin:0 0 1.5rem;}
.contact_agree_text_box{position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:1rem 0;}
.contact_agree_text_box > .txt05{margin:1rem 0 0;}

.contact_btn_box{
    position:relative; width:100%; display:flex; flex-direction:column; justify-content:center; align-items:center;
}
.contact_btn{
    position:relative; width:auto; border-radius:50px; background-color:#105d4e; border:1px solid #105d4e; overflow:hidden;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -ms-transition: 0.5s ease;
    -o-transition: 0.5s ease;
}
.contact_btn:hover{border-top-left-radius:0px; border-top-right-radius:25px; border-bottom-left-radius:25px; border-bottom-right-radius:0px;}
.contact_btn > button{position:relative; width:auto; display:inline-block; padding:0.8rem 3.4rem; color:#fff; background-color:#105d4e; border:1px solid #105d4e;}


.s14_c02_wrap{position:relative; width:100%; padding:0 0 4rem; margin:0 auto;}
.s14_c02_section{position:relative; width:100%; max-width:calc(100% - 10rem); background-color:#fff; border-radius:3rem; padding:6rem 0 8rem; margin:0 auto;}
.s14_c02_cont{position:relative; width:100%; max-width:88%; padding:0; margin:0 auto;}
.s14_c02_title{position:relative; width:100%; text-align:center; margin:0 auto 4rem;}
.s14_c02_list_wrap{position:relative; width:100%; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.s14_c02_list_wrap::after{content:''; position:absolute; top:50%; left:0%; width:100%; height:1px; background-color:#000; transform:translateY(-50%) translateZ(0); -webkit-transform:translateY(-50%) translateZ(0); -moz-transform:translateY(-50%) translateZ(0); -ms-transform:translateY(-50%) translateZ(0); -o-transform:translateY(-50%) translateZ(0);}
.s14_c02_list_ul{position:relative; width:100%; display:flex; justify-content:center; align-items:flex-start;}
.s14_c02_list_ul_up{margin:0 0 1rem;}
.s14_c02_list_ul_down{margin:1rem 0 0;}
.s14_c02_list_li{position:relative; width:33%;}
.sub1_4_tab_cont1 .s14_c02_list_li{width:25%;}
.s14_c02_list_li.hide{opacity:0; visibility:hidden;}
.s14_c02_list_ul_up > li{height:11rem;}
.s14_c02_list_ul_up > li::after{content:''; position:absolute; bottom:-1.625rem; left:50%; width:1.25rem; height:1.25rem; background-color:#000; border-radius:100%; transform:translateX(-50%) translateZ(0); -webkit-transform:translateX(-50%) translateZ(0); -moz-transform:translateX(-50%) translateZ(0); -ms-transform:translateX(-50%) translateZ(0); -o-transform:translateX(-50%) translateZ(0);}
.s14_c02_list_ul_down > li{height:11rem;}
.s14_c02_list_ul_down > li::after{content:''; position:absolute; top:-1.625rem; left:50%; width:1.25rem; height:1.25rem; background-color:#000; border-radius:100%; transform:translateX(-50%) translateZ(0); -webkit-transform:translateX(-50%) translateZ(0); -moz-transform:translateX(-50%) translateZ(0); -ms-transform:translateX(-50%) translateZ(0); -o-transform:translateX(-50%) translateZ(0);}
.s14_c02_list_text{position:relative; width:100%; text-align:center;}
.s14_c02_list_text > .txt01{color:#b1b1b1;}
.s14_c02_list_text > .txt02{color:#045545; margin:0.25rem 0 1.5rem;}
.s14_c02_list_text > .txt03{color:#515151;}