@charset "UTF-8";

.clearfix:before, .clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}

/*.main_pg {padding-top: 80px;}*/

/*메인슬라이드*/
.main_pg #vis {height:100vh;width:100%}
.main_pg #vis .swiper-slide {overflow: hidden;width:100% !important}

.main_pg #vis .wrap {position:absolute;left:0;width:100%;height:100%;margin: 0 auto;opacity:0;overflow:hidden}
.main_pg #vis .control {position: absolute;left: 50%;bottom: 35px;transform:translateX(-50%);z-index: 9;}
.main_pg #vis .control img {width:30px;cursor:pointer}

.main_pg #vis .sw1 {background: url(../img/main/visual/v1/vis1_bg.jpg) no-repeat center;height:100%;background-size:cover}
.main_pg #vis .sw1 .wrap {top:40%}
.main_pg #vis .sw1 .sw_a1 {width:100%;opacity: 0;animation:none}
.main_pg #vis .sw1 .sw_a2 {width:100%;opacity: 0;animation:none}
.main_pg #vis .sw1 .sw_a3 {width:100%;opacity: 0;margin-bottom:20px;animation:none}
.main_pg #vis .sw1 .sw_a4 {width:100%;opacity: 0;animation:none}
.main_pg #vis .sw1 .sw_a5 {width:100%;opacity: 0;animation:none}

.main_pg #vis .sw1.on .wrap {opacity:1;}
.main_pg #vis .sw1.on .sw_a1 {animation: vis_ani1 .5s .3s 1 ease forwards;}
.main_pg #vis .sw1.on .sw_a2 {animation: vis_ani2 .5s .7s 1 ease forwards;}
.main_pg #vis .sw1.on .sw_a3 {animation: vis_ani3 .5s 1.1s 1 ease forwards;}
.main_pg #vis .sw1.on .sw_a4 {animation: vis_ani4 .5s 1.5s 1 ease forwards, vis_ani6 1.5s 1.5s infinite forwards;}
.main_pg #vis .sw1.on .sw_a5 {animation: vis_ani4 .5s 1.5s 1 ease forwards;}

@keyframes vis_ani1 {
    0% {-webkit-transform: translateY(-20%);transform: translateY(-20%);opacity: 0}
    100% {-webkit-transform: translateY(0);transform: translateY(0);opacity: 1}
}
@keyframes vis_ani2 {
    0% {-webkit-transform: translateY(-30%);transform: translateY(-30%);opacity: 0}
    50% {-webkit-transform: translateY(30%);transform: translateY(30%);opacity: 1}
    100% {-webkit-transform: translateY(0);transform: translateY(0);opacity: 1}
}
@keyframes vis_ani3 {
    0% {-webkit-transform: translateY(-20%);transform: translateY(-20%);opacity: 0}
    100% {-webkit-transform: translateY(0);transform: translateY(0);opacity: 1}
}
@keyframes vis_ani4 {
    0% {opacity: 0}
    100% {opacity: 1}
}
@keyframes vis_ani6 {
    0%,100% {transform: translateY(0%)}
    50% {transform: translateY(8%)}
}


.main_pg #vis .sw2 {background: url(../img/main/visual/v2/vis2_bg.jpg) no-repeat center;height:100%;background-size:cover}
.main_pg #vis .sw2 .wrap {top:25%}
.main_pg #vis .sw2 .sw_a1 {width:100%;opacity: 0;animation:none}
.main_pg #vis .sw2 .sw_a2 {width:100%;opacity: 0;animation:none}
.main_pg #vis .sw2 .sw_a3 {width:100%;opacity: 0;animation:none}

.main_pg #vis .sw2.on .wrap {opacity:1;}
.main_pg #vis .sw2.on .sw_a1 {animation: vis_ani2_1 .5s .3s 1 ease forwards;}
.main_pg #vis .sw2.on .sw_a2 {animation: vis_ani2_1 .5s .7s 1 ease forwards;}
.main_pg #vis .sw2.on .sw_a3 {animation: vis_ani2_1 .5s 1.1s 1 ease forwards;}


@keyframes vis_ani2_1 {
    0% {-webkit-transform: translateX(-20%);transform: translateX(-20%);opacity: 0}
    100% {-webkit-transform: translateX(0);transform: translateX(0);opacity: 1}
}


/*간편견적문의*/
#price {background-color:#fff;height:80px;box-shadow: 5px 5px 15px rgba(0,0,0,0.2);margin-bottom:80px;margin-top:-40px;z-index:99}
#price #quickForm .df {height:80px}
#price #quickForm .title {float:left;width:200px;height:inherit;line-height: 80px;color:#444;text-align:center;border-right:1px solid #dedede;box-sizing: border-box;}
#price #quickForm .title img {margin-right:5px;margin-top: -12px;}
#price #quickForm .title span {display:inline-block;font-size:20px;letter-spacing: -1px;}

#price #quickForm form {float:left;width:1000px}
#price #quickForm .sms_box .input_box {float: left;height:80px;display: inline-block;}
#price #quickForm .sms_box .input_box input {display:inline-block;width:170px;height:inherit;border:none;border-right: 1px solid #ddd;padding-left: 20px;box-sizing:border-box;font-size: 17px;}
#price #quickForm .sms_box .input_box select {border: none;border-right: 1px solid #ddd;height: inherit;padding: 0 10px 0 15px;font-size: 17px;}

#price #quickForm .sms_box .agr_box {float: left;/*width:180px;*/display:inline-block;padding: 10px;font-size:14px}
#price #quickForm #ft_submit {float:right}

#price #quickForm .sms_box .agr_box > div {padding-left: 10px;height:30px;line-height: 30px;}
#price #quickForm .sms_box .agr_box > div:first-child {/*border-bottom:1px solid #ddd;box-sizing:border-box*/}
#price #quickForm .sms_box .agr_box input[type="checkbox"]{ margin-right:5px;margin-top: -2px;width:14px;height:14px;-webkit-appearance: none;-moz-appearance: none;-o-appearance: none; appearance:none;outline: none;box-shadow: none;background:url('../../img/main/checkbox.png') no-repeat; margin-top: 2px;}
#price #quickForm .sms_box .agr_box input[type="checkbox"]:checked{-webkit-appearance: none;-moz-appearance: none;-o-appearance: none;appearance:none;box-shadow: none;background: url('../../img/main/checkbox_on.png') no-repeat;}
#price #quickForm .sms_box .agr_box #pri_agr label {font-size:14px}
#price #quickForm .sms_box .agr_box .pr_btn { display: inline-block;font-size: 13px;}
#price #quickForm .sms_box .agr_box .robot label {margin-left: 5px;}

#price #quickForm select {appearance: none;-webkit-appearance: none;-moz-appearance: none;-o-appearance: none;background-image:url(../../img/main/select.png);background-size:13px 11px;background-position:130px center;background-repeat: no-repeat;}
#price #quickForm select::-ms-expand { display: none; }

.submit_wrap input[type="checkbox"]{ margin-right:5px;margin-top: -2px;width:14px;height:14px;-webkit-appearance: none;-moz-appearance: none;-o-appearance: none; appearance:none;outline: none;box-shadow: none;background:url('../../img/main/checkbox.png') no-repeat;}
.submit_wrap input[type="checkbox"]:checked{-webkit-appearance: none;-moz-appearance: none;-o-appearance: none;appearance:none;box-shadow: none;background: url('../../img/main/checkbox_on.png') no-repeat;}

/*커뮤니티*/
.cmArea {padding:20px 0}
.cmArea .w1200 > div {float:left}
.cmArea .w1200 > div.cmCon {position:relative;width:50%;float:left;overflow:hidden;}
.cmArea .w1200 > div.cmCon:last-child {margin-right:0}
.cmArea .w1200 > div.cmCon a {display:block;cursor:pointer}
.cmArea .w1200 > div.cmCon .textWrap {position:absolute;top:10px;left:10px}
.cmArea .w1200 > div.cmCon .textWrap h4 {font-size:20px;color:#111;font-weight:500}
.cmArea .w1200 > div.cmCon .textWrap .line {display:inline-block;background-color:#333;margin:10px 0;width:20px;height:1px}
.cmArea .w1200 > div.cmCon .textWrap p {font-size:12px;color:#333;margin-bottom:10px;line-height: 1.4;}
.cmArea .w1200 > div.cmCon .textWrap .btnMore {display: block;width:25px;height:25px;border:1px solid #333;color:#333;font-size:15px;text-align:center;line-height:25px;transition:.3s}
.cmArea .w1200 > div.cmCon > a:hover .textWrap .btnMore {transform:rotate(90deg)}
.cmArea .w1200 > div.cmCon img {transition:.5s;width:100%}
.cmArea .w1200 > div.cmCon > a:hover img {transform:scale(1.1)}

.cmArea .w1200 > div.bnf {float:none;background:url('../../img/main/cmBg02.jpg') no-repeat center center;width:100%;height:auto;color:#fff;text-align:center;padding:30px 10px;margin:10px 0}
.cmArea .w1200 > div.bnf h4 {font-size:20px;font-weight:400;margin-bottom:15px;color:#222}
.cmArea .w1200 > div.bnf h4 img {vertical-align:top;padding-top: 3px;margin-left: 3px;}
.cmArea .w1200 > div.bnf p {font-size:14px;font-weight: 400;letter-spacing: -0.5px;color:#333}
.cmArea .w1200 > div.bnf .swiper-container {position:relative;top:15px;width:100%}
/*.cmArea .w1200 > div.bnf .swiper-container .swiper-slide {width:50% !important;margin:0 5px}*/
.cmArea .w1200 > div.bnf .swiper-container .swiper-slide img {width:100%}
.cmArea .w1200 > div.bnf .swiper-button-next {position:inherit;float:right;left:0;width:35px;height:35px;background-image: url(../../img/main/bnf_next.png);background-size: auto;margin-top:0}
.cmArea .w1200 > div.bnf .swiper-button-prev {position:inherit;float:left;right:0;width:35px;height:35px;background-image: url(../../img/main/bnf_prev.png);background-size: auto;margin-top:0}


.cmArea .w1200 > div.cmRolling {width:430px;}
.cmArea .w1200 > div.cmRolling .noRolling {border:1px solid #ffb81f;width:100%;height:140px;margin-bottom:10px;}
.cmArea .w1200 > div.cmRolling .noRolling .title {display:block;background:linear-gradient(52deg, #ffb81f, #ffd21f);padding:15px 20px}
.cmArea .w1200 > div.cmRolling .csRolling {border:1px solid #2e9def;width:100%;height:140px;}
.cmArea .w1200 > div.cmRolling .csRolling .title {display:block;background:linear-gradient(45deg, #2e9def, #2ebfef);padding:15px 20px}
.cmArea .w1200 > div.cmRolling .title {position:relative;color:#fff;font-size:17px}
.cmArea .w1200 > div.cmRolling .title a {position:absolute;right:9px;top:9px;transition:.3s;width:28px;height:28px;background-color:#fff;color:#ffb81f;font-size:28px;text-align:center;line-height: 25px;}
.cmArea .w1200 > div.cmRolling .title a:hover {border:1px solid #fff;color:#fff;background-color:rgba(0,0,0,0)}
.cmArea .w1200 > div.cmRolling .csRolling .title a {color:#2e9def}
.cmArea .w1200 > div.cmRolling .csRolling .title a:hover {color:#fff}



/*카테고리 슬라이드*/
.cateArea {background-color:#fff;text-align:center;margin-bottom:20px}
.cateArea img.cateTitle {width:100%}

.cateArea .bx-wrapper {position:relative}
.cateArea .bx-controls {display:none}
.cateArea .bx-controls .bx-prev {background:url('../../img/main/catePrev.png');width:40px;height:40px;display: inline-block;font-size: 0;float: left;}
.cateArea .bx-controls .bx-next {background:url('../../img/main/cateNext.png');width:40px;height:40px;display: inline-block;font-size: 0;float:right}
.cateArea .bx-controls .bx-start {position:absolute;left: 45px;background:url('../../img/main/cateStart.png');width:40px;height:40px;display: inline-block;font-size: 0;}
.cateArea .bx-controls .bx-stop {position:absolute;left: 45px;background:url('../../img/main/cateStop.png');width:40px;height:40px;display: inline-block;font-size: 0;vertical-align: top}

.cateArea .cateWrap .bx-pager {display:none}

.cateArea .cateSlide li > img {width: 100%;margin: 0 auto;}
.cateArea .cateSlide li .btnArea {position:absolute;width:45%;right:1%;bottom:9%}
.cateArea .cateSlide li .btnArea > a {float:left;width:45%;text-align:center;height:28px;line-height:28px;font-size:12px}
.cateArea .cateSlide li .btnArea > a i {margin-left:5px}
.cateArea .cateSlide li .btnArea > a:first-child {background-color:#309f5e;color:#fff}
.cateArea .cateSlide li .btnArea > a:first-child i {color:#fff}
.cateArea .cateSlide li .btnArea > a:last-child {color:#309f5e;border:1px solid #309f5e;box-sizing:border-box}
.cateArea .cateSlide li .btnArea > a:last-child i {color:#309f5e}



/*365*/
#Area365 {/*height:600px*/}
#Area365 .swiper-slide {overflow: hidden}
#Area365 .wrap {position: relative;width:100%;margin: 0 auto}
#Area365 .sw_a {position: absolute}

#Area365 .swiper-slide .right365 {width:100%;text-align:center}
#Area365 .swiper-slide .right365 img {width:100%}

#Area365 .swiper-pagination-bullets {top:30%;bottom:auto}
#Area365 .swiper-pagination-bullet {position:relative;width:40%;height:28px;line-height:26px; display:inline-block;background-color:rgba(0,0,0,0);border:1px solid #fff;color: #fff;font-size:13px; text-align: left;border-radius:0;opacity: 1;margin-bottom: 10px;box-sizing: border-box;text-align:center;outline:none}
#Area365 .swiper-pagination-bullet-active {background-color:#fff;color:#222}


/*인포메이션*/
.infoArea {}
.infoArea .w1200 > img.infoTitle {width:100%}

.infoArea .infoWrap .mapWrap {position:relative;padding: 20px 0;background-color: #fff;}
.infoArea .infoWrap .mapWrap .wrap_controllers, .infoArea .infoWrap .mapWrap .wrap_btn_zoom {display:none}

.infoArea .infoWrap .mapWrap .mapSns {padding:15px 0 20px;text-align:center}
.infoArea .infoWrap .mapWrap .mapNaver img {width:32%;margin:0 1%}
.infoArea .infoWrap .mapWrap .mapKakao img {width:32%;margin:0 1%}
.infoArea .mapInner {padding:0 2%;box-sizing:border-box;text-align:center}
.infoArea .mapInner .mapInner1 {border-bottom:1px dashed #dedede;padding-bottom:15px;margin-bottom:15px;}
.infoArea .mapInner .mapInner1 h3 {font-size:14px;color:#222;margin-bottom:8px; line-height: 1.4;font-weight: 400;}
.infoArea .mapInner .mapInner1 h5 {font-size:13px;color:#555;font-weight: 500;}
.infoArea .mapInner .mapInner2 h4 {font-size:14px;color:#222;margin-bottom:10px;}
.infoArea .mapInner .mapInner2 h2 img {width:60%}

/*sns정보*/
.bottomCm {padding: 25px 2% 30px;}
.bottomCm a {float:left;width:49%;margin-bottom:2%}
.bottomCm a:first-child, .bottomCm a:nth-child(3) {margin-right:2%}
.bottomCm a img {width:100%}


.bottomCm .btKakao {background:url('../../img/main/btKakaoBg.png') no-repeat center center;background-size:cover;text-align:center;padding:20px 22px}
.bottomCm .btKakao img {margin:0 auto 8px}
.bottomCm .btKakao h3 {font-size:24px;color:#3a1d20;font-weight:400}
.bottomCm .btKakao p {background-color:#3a1d20;color:#fff;height:30px;line-height:30px;margin-top:15px;font-size:17px;letter-spacing: -0.5px;}

.bottomCm .btBlog {background:url('../../img/main/btBlogBg.png') no-repeat center center;background-size:cover;text-align:center;padding:20px 22px}
.bottomCm .btBlog img {margin:0 auto 8px}
.bottomCm .btBlog h3 {font-size:24px;color:#fff;font-weight:400}
.bottomCm .btBlog p {background-color:#fff;color:#222;height:30px;line-height:30px;margin-top:15px;font-size:17px;letter-spacing: -0.5px;}

.bottomCm .btYou {background:url('../../img/main/btYouBg.jpg') no-repeat center center;background-size:cover;text-align:center;padding:20px 22px}
.bottomCm .btYou img {margin:0 auto 8px}
.bottomCm .btYou h3 {font-size:24px;color:#fff;font-weight:400}
.bottomCm .btYou p {background-color:#fff;color:#222;height:30px;line-height:30px;margin-top:15px;font-size:17px;letter-spacing: -0.5px;}