@charset "UTF-8";

/*테스트*/
*{margin:0; padding:0;}
/* .test {background:rgba(0,0,0,0.8); width:100%;height:1000px;}
.test h1 {color:#fff;text-align:center;padding-top:300px;}
.test h2 {color:#fff;text-align:center;padding-top:20px;}
.test p {color:#ec5f5f;text-align:center;padding-top:50px;font-size:25px;}
.test a {text-decoration:none;} */


/*비디오*/
video {box-sizing:border-box;}
/*video {position:absolute; top:0; left:0;  width:100%; z-index:1; background-position:center; background-size:cover;}*/
video { width:100%; }

/* 라이브러리 */
.con {
    margin:0 auto;
}

.img-box > img {
    width:100%;
    display:block;
}

.row::after {
    content:"";
    display:block;
    clear:both;
}

.cell {
    float:left;
    box-sizing:border-box;
}

.cell-right {
    float:right;
    box-sizing:border-box;
}

.margin-0-auto {
    margin:0 auto;
}

.block {
    display:block;
}

.inline-block {
    display:inline-block;
}

.text-align-center {
    text-align:center;
}

.line-height-0-ch-only {
    line-height:0;
}

.line-height-0-ch-only > * {
    line-height:normal;
}

.relative {
    position:relative;
}

.absolute-left {
    position:absolute;
    left:0;
}

.absolute-right {
    position:absolute;
    right:0;
}

.absolute-middle {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
}


button {
    cursor:pointer;
    padding:0;
    font-size:inherit;
}


/* 메인 배너 슬라이더 */
.slider-wrap {
    position:relative;
}

.main-slider {
    position:relative;
    margin-bottom:0 !important;
}

.main-slider .slide-item .slide-con {
    position:relative;
}

.main-slider .slide-item > .slide-con > .slide-txt {
    width:100%;
    position:absolute;
    top:32%;
    z-index:50;
    color:#fff;
}



.txt-tt {text-align:center; }
.txt-desc {text-align:center;}



@keyframes more-btm-line {
    0%{
        width:0;
    }
    100%{
        width:100%;
    }
}

@keyframes more-btm-line-hover {
    0%{
        width:0;
    }
    100%{
        width:100%;
    }
}



/* 사이드 버튼 */
.main-slider .slick-arrow {
    position:absolute;
    top:50%;
    left:24px;
    transform:translatey(-50%);
    display:block;
    z-index:50;
}

.main-slider .slick-arrow::before {
    content:"";
    display:block;
    width:35px;
    height:55px;
    opacity:1;
}

.main-slider .slick-next {
    left:auto;
    right:24px;
}



/* 페이지 버튼 */

.main-slider .slick-dots {
    font-size:0;
    position:absolute;
    left:50%;
    bottom:50px;
    transform:translatex(-50%);
    width:100%;
    z-index:50;
    display:flex;
    justify-content:center;
}

.main-slider .slick-dots::after {
    content:"";
    display:block;
    clear:both;
}

.main-slider .slick-dots > li {
    width:545px;
    height:auto;
    padding-left:20px;
    margin:0;
    box-sizing:border-box;
    float:left;
}

.main-slider .slick-dots > li > button {
    width:100%;
    height:5px;
    background-color:#d4d4d4;
    outline:none;
    position:relative;
    padding:0;
    color:inherit;
    line-height:normal;
}

.main-slider .slick-dots > li > button::before {
    display:none;
}

.main-slider .slick-dots > li > button > .s-line-fill {
    content:"";
    width:0;
    height:2px;
    background-color:#eea904;
    position:absolute;
    top:0;
    left:0;
    opacity:1;
}

.slider-wrap .slick-dots .slick-active > button > .s-line-fill {
    animation:slick-progressbar 4s 1;
    animation-fill-mode: forwards;
}

.slider-wrap[data-slick-autoplay-status="N"] .slick-dots .slick-active > button > .s-line-fill {
    animation-play-state:paused;
}

@keyframes slick-progressbar {
    0% {
        width:0%;
    }
    100% {
        width:100%;
    }
}

/* 페이지 버튼 인디케이터 */
.main-slider .slick-dots > li > button > .s-indicator {
    position:absolute;
    left:50%;
    bottom:0;
    transform:translatex(-50%);
    width:110%;
    overflow:hidden;
}

.main-slider .slick-dots > li > button > .s-indicator > .inner-txt {
    font-size:15px;
    font-weight:bold;
    white-space:nowrap;
    display:block;
    width:100%;
    transform:translatey(100%);
    opacity:0;
    transition:all .8s;
}

.main-slider .slick-dots > li > button:hover > .s-indicator > .inner-txt {
    transform:translatey(0);
    opacity:1;
    padding-bottom:5px;
}



.main-slider .slide-item > .slide-con > .slide-txt > h2.txt-tt {  width:100%; }

.main-slider .slide-item > .slide-con > .slide-txt > h2.txt-desc {  width:100%; }


.main-slider .slick-dots > li > button, .main-slider .slick-dots > li > button > .s-line-fill {  height:5px; }



/*콘텐츠*/
#content {  margin:0 auto;
    width:100%; height:auto; padding:0; }

/*첫번째 콘텐츠*/
/*.a4house {background:#fff;width:100%; height:1050px; margin:0 auto;}
.a4house_text {width:100%;height:300px; padding-top:150px;}
.a4house_text h2 {float:left;margin-left:20%;}
.a4house_text h5 {float:left; margin-left:30px; color:#666;}*/
.a4house_box {width:100%;height:600px; display:flex; justify-content:flex-end;}
.a4house_btn { background:rgba(255, 255, 255, 0.5);width:230px; height:130px;float:left; z-index:99; margin-top:-80px; margin-left:380px;
    cursor:pointer; border:3px solid #222;color:#222; transition:all 0.3s ease; padding:25px 0 0 30px; font-size:20px;
    transition:all 0.9s, color 0.3; }
.a4house_btn:hover{color:#fff; box-shadow:10px 10px 10px rgba(0,0,0,0.5);}
.a4house_more:hover{ box-shadow:260px 0 0 0 #da5210 inset; border:3px solid #da5210;
    transition: color .30s ease-in-out,background-color .30s ease-in-out,border-color .30s ease-in-out,-webkit-box-shadow .30s ease-in-out;}
.a4house_photo {width:100%; height:600px;float:left;background-size:cover; background-position:center;
    background-attachment:fixed;}

/*이미지*/
#first {width:100%; height:900px; margin:0 auto; display:flex;flex-flow:column wrap; }
#first>#btn_box { background:gold; width:100%; height:100px; display:flex; align-items:center;}
#first>#btn_box>#prev_btn { width:89px; height:69px; transition:all 0.5s ease;margin-left:500px;}
#first>#btn_box>#next_btn { width:89px; height:69px; transition:all 0.5s ease;margin-left:5px;}
#first>#btn_box>#next_btn:hover { opacity:1; transition:all 0.5s ease; cursor:pointer; margin-top:-20px;}
#first>#btn_box>#prev_btn:hover { opacity:1; transition:all 0.5s ease; cursor:pointer; margin-top:-20px;}
#first>#btn_box>.cabinet {background:rgba(218,82,16,0.9);width:500px;height:300px; position:relative;margin-top:-200px;}

#first>#first_box2 { width:1200px; height:720px; float:right; overflow: hidden; position:relative;}
#first>#first_box2>#first_box2_wide { width:600%; height:720px; position:relative;background:blue;}
#first>#first_box2>#first_box2_wide>.wide_photo_box { background:#f9f9fb; width:800px; height:500px; margin:0 20px 0 0; float:left; position:relative; top:50%; transform:translateY(-50%);}
#first>#first_box2>#first_box2_wide>.wide_photo_box:nth-of-type(1) { margin:0 20px 0 0;}
#first>#first_box2>#first_box2_wide>.wide_photo_box:hover { cursor:pointer;}
#first>#first_box2>#first_box2_wide>.wide_photo_box>.wide_photo {width:100%; height:100%; background-size: cover;
    background-position: center;  }


/*텍스트전환*/
#cabinet { width:500px; height:300px; float:left; overflow: hidden; position:relative;
    background:rgba(218,82,16,0.9);margin-top:-200px;}
#cabinet_wide { width:300%; height:500px; position:relative;}
.cabinet_wide_text { width:500px; height:300px; margin:0 20px 0 0; float:left; position:relative;  }
.cabinet_wide_text:nth-of-type(1) { margin:0 20px 0 0;}
.cabinet_wide_text:hover { cursor:pointer;}


/*스와이프*/
.membership { width:1920px; height:1100px; margin:0 auto; padding-top:200px; }
.membership_bg {width:1180px;height:710px;position:absolute;}
.membership_bg img {width:100%;height:100%;}
#slidewrap {width:805px; height:350px; position:absolute; overflow: hidden;padding-left:365px;margin-top:125px;color:#fff;}
.slide {width: 3000px; position: relative;}
.slide h1 {}
.slide li {width:805px; float: left; margin-top:50px;}
.slide li h4 {}
.btn_box{width:190px;height:100px;position:absolute;margin-top:640px;left:365px;z-index:999;}
.prev {margin-right:50px;}
.prev,.next { top:0%; display: block;  float:left;
    cursor: pointer; width:70px; height:100px; transition:all 0.5s ease;}
.prev_hover {top:0%; display: block; float:left; position:absolute;
             width:70px; height:100px; transition:all 0.5s ease; display:none;}
.next_hover {top:0%; display: block; float:left; position:absolute;
    width:70px; height:100px; transition:all 0.5s ease; display:none;}
.prev:hover {margin-top:-10px; }
.prev_hover:hover {margin-top:-10px; }
.next:hover {margin-top:-10px; }
.next_hover:hover {margin-top:-10px; }

#first_box { width:1050px; height:720px; margin-top:175px;float:right; overflow: hidden; position:relative;}
#first_box>#first_box_wide { width:600%; height:720px; position:relative;}
#first_box>#first_box_wide>.wide_photo_box { background:#f9f9fb; width:580px; height:630px; margin:0 20px 0 0; float:left; position:relative; top:50%; transform:translateY(-50%);}
#first_box>#first_box_wide>.wide_photo_box:nth-of-type(1) { margin:0 20px 0 0;}
#first_box>#first_box_wide>.wide_photo_box:hover { cursor:pointer;}
#first_box>#first_box_wide>.wide_photo_box>.wide_photo {width:100%; height:100%; background-size: cover;
                                                       background-position: center;  position:absolute;}
#first_box>#first_box_wide>.wide_photo_box>.plus {width:100%; height:100%;background:rgba(0,0,0,0.5);position:absolute;display:none;
                                                    box-shadow:5px 5px 5px rgba(0,0,0,0.4);}

/*뉴스*/
/*.news {background:gold;width:1920px;height:1200px; margin:0 auto;}
.news_wrap {background:red;width:1180px;margin:0 auto;}
.video { background:#222;width:750px;height:420px; float:left;margin-left:-36
0px; margin-right:20px;}
.cle_01 {background:#222; width:370px;height:745px;float:left; margin-right:20px;}
.cle_02 {background:#222; width:380px;height:480px;float:left; margin-right:20px;}
.cle_03 {background:#222; width:380px;height:480px;float:left; margin-right:30px; margin-top:-300px;}
.news_more {background:#222; width:370px; height:155px; float:left; margin-right:20px; margin-top:20px;}
.cle_04 {background:#222; width:380px;height:420px;float:left; margin-top:-245px;}*/

/*뉴스*/
.news { width:1180px; height:1050px; margin:0 auto;}
.news h1 {text-align:center;height:130px;padding-bottom:80px;}
.news img {width:100%;height:100%;
             cursor:pointer;
            -webkit-transform:scale(1);
            -moz-transform:scale(1);
            -ms-transform:scale(1);
            -o-transform:scale(1);
            transform:scale(1);
            -webkit-transition:.3s;
            -moz-transition:.3s;
            -ms-transition:.3s;
            -o-transition:.3s;
            transition:.3s; }
.news_img:hover img {-webkit-transform:scale(1.2);
                    -moz-transform:scale(1.2);
                    -ms-transform:scale(1.2);
                    -o-transform:scale(1.2);
                    transform:scale(1.2);}

.news_text { width:100%; position:absolute; bottom:0; padding-bottom:40px; cursor:pointer;}
.news_text p {font-size:22px;width:78%; line-height:35px; color:#fff;margin:0 auto; }
.news .one { width:380px; height:auto; float:left;margin-right:20px;}
.news .one .one_1 {width:750px; height:420px; margin-left:-368px;}
.news .one .one_1 video { width:100%; height:100%;}
.news .one .one_2 {background:#eee;width:380px; height:480px; margin-top:20px;position:relative; overflow: hidden; }
.news .two { width:380px; height:auto; float:left;margin-right:20px; }
.news .two .two_1 {background:#eee;width:380px; height:745px; position:relative;overflow: hidden; }
.btn2 { background:rgba(255, 255, 255, 0.5);width:374px; height:149px; margin-top:20px;float:left; z-index:99;
    cursor:pointer; border:3px solid #222;color:#222; transition:all 0.3s ease; font-size:20px;
    transition:all 0.9s, color 0.3;text-align:center;line-height:149px; }
.btn2:hover{color:#fff; box-shadow:10px 10px 10px rgba(0,0,0,0.5);}
.news_more:hover{ box-shadow:374px 0 0 0 #da5210 inset; border:3px solid #da5210; text-align:center;line-height:149px;
    transition: color .30s ease-in-out,background-color .30s ease-in-out,border-color .30s ease-in-out,-webkit-box-shadow .30s ease-in-out;}
/*.news .two .news_more {background:#eee;width:380px; height:155px; margin-top:20px; }*/
.news .three {  width:380px; height:920px; float:left;}
.news .three .three_1 {background:#eee;width:380px; height:480px; position:relative;overflow: hidden;}
.news .three .three_2 {background:#eee;width:380px; height:420px; margin-top:20px; position:relative;overflow: hidden;}

/*상담신청*/
.apply_wrap {background:#eee;width:100%;height:660px;margin:230px  0 100px auto; background-position:center; background-size:cover;}
.apply_wrap h1 {text-align:center;padding:115px 0 75px 0;}
.apply { width:1180px; height:260px; margin:0 auto; display:flex;justify-content:space-between;}
.intro_apply {background:#fff; width:320px; height:200px; padding:30px;}
.center_apply {background:#fff; width:320px; height:200px; padding:30px;}
.center_map {background:#fff; width:320px; height:200px; padding:30px;}
a .center_map {color:#222;}
.intro_apply:hover {width:319px; height:199px;border:1px solid #e75204; cursor:pointer;box-shadow: 3px 3px 8px rgba(0,0,0,0.2);}
.center_apply:hover {width:319px; height:199px;border:1px solid #e75204; cursor:pointer;box-shadow: 3px 3px 8px rgba(0,0,0,0.2);}
.center_map:hover {width:319px; height:199px;border:1px solid #e75204; cursor:pointer;box-shadow: 3px 3px 8px rgba(0,0,0,0.2);}
.apply_wrap span {font-size:32px; line-height:45px; }
.apply_wrap h6 {letter-spacing:0;}
.apply_wrap .go1,.go2,.go3 {width:100px; height:30px;float:left; margin-top:75px; }
.apply_wrap .go1 img {display:none;}
.apply_wrap .go2 img {display:none;}
.apply_wrap .go3 img {display:none;}
.apply_wrap .apply_icon {width:100px; height:75px;float:left; margin:30px 0 0 119px;}
.apply_wrap .apply_icon img {float:right;}

/*
!*상담신청팝업*!
.intro_popup_wrap {background:rgba(0,0,0,0.5);width:100%;height:5800px;margin:0 auto; position:absolute; z-index:99999;
                     display:none; }
.intro_popup { background:#fff;width:739px; height:810px; margin:0 auto; position:fixed; z-index:999999; top:3%; left:30%;
               border:1px solid #222; box-shadow: 3px 3px 8px rgba(0,0,0,0.2); padding:39px 0 39px 59px; border:1px solid #222;}
.intro_popup h2 { text-align:center;}
.intro_popup table { margin-top:30px; width:100%; }
.intro_popup table input {font-size:20px;font-weight:400; }
.intro_popup table input::placeholder {color:#8a8a8a; font-weight:400;}
.intro_popup table select {font-size:20px; color:#8a8a8a;font-weight:400; width:87%; }
.intro_popup tr {height:50px; line-height:50px; }
.intro_popup td {border-bottom:1px solid #cacaca; font-size:20px;}
.intro_popup td:nth-of-type(1) {border:0;font-weight:bold;width:25%;}
.intro_popup td span {color:#e75204;font-size:14px;}
.intro_popup .apply_more {background:#f9f9f9;width:660px;height:175px; border:1px solid #cacaca; margin-top:40px;
                          overflow:scroll;}
.intro_popup .apply_more h2 {width:600px;margin-left:20px;  color:#222; font-size:18px; font-weight:bold; margin-top:0px; text-align:left; }
.intro_popup .apply_more p { width:600px;margin-left:20px; color:#666; font-size:16px; line-height:25px;font-weight:400; }
.intro_popup .apply_more h4  {width:600px;margin-left:20px; margin-top:15px; color:#222; font-size:18px; font-weight:500; text-align:left; }
.check_p {font-size:18px;margin-top:15px; }
.cancel_btn { background:#888; width:325px; height:60px;float:left;margin-right:10px; margin-top:40px; }
.cancel_btn a {color:#fff;font-size:22px;font-weight:bold;}
.apply_btn {background:#e75204; width:325px; height:60px;float:left;margin-top:40px;}
.apply_btn a {color:#fff;font-size:22px;font-weight:bold;}
*/

/*전화상담*/
.call_apply { width:1180px;height:235px; margin:100px auto 0 auto; }