@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Montserrat');
/* CSS Document */
#mask { position:relative; top:0; left:0; width:100%; height:100%; background:#000; opacity:.8; filter:alpha(opacity='80'); z-index:990; display:none;}

#pop_p {position:relative; top:35%; left:50%; width:450px; height:721px; margin-top:-100px; margin-left:-250px; background:#fff; z-index:1000; display:none; }
#pop_p img {display:block; width:450px; height:721px;}

.popup {position:absolute; top:9%; left:50%; width:500px; height:461px; margin-top:-100px; margin-left:-250px; background:#fff; z-index:1000; }
.popup img {width:500px; height:461px;}
.close {position:absolute; bottom:0px; right:0px; width:65px; height:25px; cursor:pointer;}


.popup2 {position:fixed; top:32%; left:75%; width:400px; height:641px; margin-top:-100px; margin-left:-250px; background:#fff; z-index:1000; }
.popup2 img {width:400px; height:641px;}
.close2 {position:absolute; bottom:0px; right:0px; width:45px; height:18px; cursor:pointer;}


.popup3 {position:fixed; top:32%; left:52.5%; width:400px; height:641px; margin-top:-100px; margin-left:-250px; background:#fff; z-index:1000; }
.popup3 img {width:400px; height:641px;}
.close3 {position:absolute; bottom:0px; right:0px; width:45px; height:18px; cursor:pointer;}



#mainVisual {position:relative; overflow:hidden; padding-top:222px; z-index:20}
body.scrollfix #mainVisual {margin-top:61px}
#mainVisual > .imgList {position:relative; height:780px;}
#mainVisual > .imgList > li {position:absolute; top:0; left:100%; width:100%; height:100%; background-size:cover !important}
#mainVisual > .imgList > li.item1 {left:0; background:url('../../img/images/mainimg04.png') center 0 no-repeat;}
#mainVisual > .imgList > li.item2 {background:url('../../img/images/mainimg01.png') center 0 no-repeat;}
#mainVisual > .imgList > li.item3 {background:url('../../img/images/mainimg02.png') center 0 no-repeat;}
#mainVisual > .imgList > li.item4 {background:url('../../img/images/mainimg03.png') center 0 no-repeat;}
#mainVisual > .direction a {position:absolute; top:60%; margin-top:-29px; z-index:30}
#mainVisual > .direction .prev {left:200px}
#mainVisual > .direction .next {right:200px}

#mainVisual > .pagination {position:absolute; bottom:50px; width:100%; right:-900px; font-size:0; z-index:30}
#mainVisual > .pagination > li {display:inline-block; font-size:13px; width:17px; height:17px; margin-right:8px; border-radius:50%; background:#fff; cursor:pointer}
#mainVisual > .pagination > li.active, #mainVisual > .pagination > li:hover {background:#0f131f;}




#mainVisual2 {position:relative; overflow:hidden; padding-top:0px; z-index:20}
body.scrollfix #mainVisual2 {margin-top:0px}
#mainVisual2 > .imgList {position:relative; height:780px;}
#mainVisual2 > .imgList > li {position:absolute; top:0; left:100%; width:100%; height:100%; background-size:cover !important}
#mainVisual2 > .imgList > li.item1 {left:0; background:url('../../img/images_new/n_img1.png') center 0 no-repeat;}
#mainVisual2 > .imgList > li.item3 {background:url('../../img/images_new/n_img3.png') center 0 no-repeat;}
#mainVisual2 > .imgList > li.item4 {background:url('../../img/images_new/n_img4.png') center 0 no-repeat;}
#mainVisual2 > .imgList > li.item5 {background:url('../../img/images_new/n_img5.png') center 0 no-repeat;}
#mainVisual2 > .imgList > li.item6 {background:url('../../img/images_new/n_img6.png') center 0 no-repeat;}
#mainVisual2 > .imgList > li.item7 {background:url('../../img/images_new/n_img7.png') center 0 no-repeat;}
#mainVisual2 > .imgList > li.item8 {background:url('../../img/images_new/n_img8.png') center 0 no-repeat;}
#mainVisual2 > .imgList > li.item9 {background:url('../../img/images_new/n_img9.png') center 0 no-repeat;}
#mainVisual2 > .imgList > li.item10 {background:url('../../img/images_new/n_img10.png') center 0 no-repeat;}
#mainVisual2 > .imgList > li.item11 {background:url('../../img/images_new/n_img11.png') center 0 no-repeat;}
#mainVisual2 > .imgList > li.item12 {background:url('../../img/images_new/n_img12.png') center 0 no-repeat;}
#mainVisual2 > .imgList > li.item13 {background:url('../../img/images_new/n_img13.png') center 0 no-repeat;}
#mainVisual2 > .imgList > li.item14 {background:url('../../img/images_new/n_img15.png') center 0 no-repeat;}
#mainVisual2 > .imgList > li.item15 {background:url('../../img/images_new/n_img16.png') center 0 no-repeat;}
#mainVisual2 > .imgList > li.item16 {background:url('../../img/images_new/n_img17.png') center 0 no-repeat;}
#mainVisual2 > .imgList > li.item17 {background:url('../../img/images_new/n_img18.png') center 0 no-repeat;}


#mainVisual2 > .direction a {position:absolute; top:60%; margin-top:-29px; z-index:30}
#mainVisual2 > .direction .prev {left:140px}
#mainVisual2 > .direction .next {right:140px}

#mainVisual2 > .pagination {position:absolute; bottom:20px; width:100%; right:-850px; font-size:0; z-index:30}
#mainVisual2 > .pagination > li {display:inline-block; font-size:13px; width:12px; height:12px; margin-right:8px; border-radius:50%; background:#fff; cursor:pointer}
#mainVisual2 > .pagination > li.active, #mainVisual > .pagination > li:hover {background:#0f131f;}






/* 상단 와이드 배너 */
#wideBanner {position:relative; margin:-350px auto 0 auto; height:940px; z-index:30}
#wideBanner img {position:relative; left:50%; margin-left:-960px}
/* 메인페이지 섹션 공통 */
.sectionn_ {position:relative}
.sectionn_ > .innerContainer {position:relative; width:1694px; margin:auto}
.sectionn_ > .innerContainer:after {clear:both; display:block; content:''}
.sectionn_ .section-tit {margin-bottom:40px; text-align:center}
.sectionn_ .section-tit h2 {font-family:'Nanum Myeongjo'; font-size:30px; font-weight:normal; color:#989898; margin-bottom:5px}
.sectionn_ .section-tit h3 {font-size:18px; font-weight:600; color:#cca865; letter-spacing:4px; text-transform:uppercase}
.sectionn_ .section-tit h3 span {color:#25221d}


#sectionn {width:1690px; margin: 0 auto 0;}
#sectionn > .innerContainer {height:100%}
#sectionn .spacer {display:table; width:100%; height:100%; margin-top: 15px;}
#sectionn .left, #sectionn .right {display:inline-block; height:100%; width: 49.6%;}



#middle2 {position:relative;clear:both;width:100%;background:url(../../img/images/middle2_bg.jpg) center top no-repeat;height:653px;}
#middle2 .middle2_banner {width:1200px;margin:0px auto;}
#middle2 .middle2_banner ul {padding-top:86px;}
#middle2 .middle2_banner ul li {display:inline-block;margin-right:20px;}
#middle2 .middle2_banner ul li:last-child {margin-right:0px;}
#middle2 .wrap-img, #middle2 .wrap-img2 { width:590px; height:480px; overflow:hidden; }
#middle2 .wrap-img2:hover img, #middle2 .wrap-img:hover img {
transform:scale(1.2);
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-o-transform:scale(1.2);
-webkit-transition:.3s;
-moz-transition:.9s;
-ms-transition:.9s
}
.wrap-img img, .wrap-img2 img {
transform:scale(1);
-webkit-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s
}

#middle3 {position:relative;clear:both;width:1690px; margin: 0 auto;}
#middle3 .middle3_banner {position:relative;width:1694px;margin:0px auto;}
#middle3 .middle3_banner1 {position:relative;width:846px;float:left;}
#middle3 .middle3_banner2 {position:relative;float:left;}
#middle3 .middle3_banner2 span {display:block;}
#middle3 .middle3_banner3 {position:relative;float:left;}
#middle3 .middle3_banner3 span {display:block;}

.middle_slider {width:1200px;background:#;position:relative;margin:0px auto;}
.box_new2 {float:left;}
    #content-slider4 li {width: 423px; float: left;}

.clearfix{
    *zoom:1;
}

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

.pc5{
    width: 100%;
    background-color: #fff;
}
.pc5_main {
    max-width: 1694px;
    margin: 0 auto;

}

.pc5_main .box1 {
     float: right;
    width: 25%;
}
.pc5_main .box2 {
     float: right;
    width: 25%;
}
.pc5_main .box3 {
     float: right;
    width: 25%;
}
.pc5_main .box4 {
     float: right;
    width: 25%;
}

/*섹션3 스타일*/
#section3 {width:100%; margin:auto}
#section3:after {clear:both; content:''; display:block}
#section3 .left {width:50%; height:552px; float:left; text-align:center; background:#82a8a0; font-family: 'Montserrat', sans-serif;}
#section3 .left .info-box {vertical-align: middle}
#section3 .left .info-box .icon-box {padding:75px 0 35px 0}
#section3 .left .info-box .icon-box img {}
#section3 .left .info-box .title {color:#fff}
#section3 .left .info-box .title h4 {font-size:20px; font-weight:300}
#section3 .left .info-box .title strong {font-size:30px; letter-spacing:-1px;}
#section3 .left .info-box .info-tel {margin:20px auto 10px}
#section3 .left .info-box .info-tel p {color:#fff}
#section3 .left .info-box .info-tel p span {font-size:14px; font-weight:normal}
#section3 .left .info-box .sns-area {position:relative}
#section3 .left .info-box .sns-area ul {padding:40px 0}
#section3 .left .info-box .sns-area ul:after {clear:both; content:''; display:block}
#section3 .left .info-box .sns-area ul li {display:inline-block; margin:0 5px; vertical-align:middle; text-align:left}
#section3 .left .info-box .sns-area ul li span {text-align:left; font-size:13px; font-weight:300; line-height:1.2; color:#fff}
#section3 .left .info-box .sns-area ul li a {display:inline-block; width:45px; height:45px; background:#fff; border-radius:50%; text-align:center; line-height:45px; transition:all 0.3s ease}
#section3 .left .info-box .sns-area ul li a:hover {background:#b39153}
#section3 .left .info-box .sns-area ul li a:hover i{color:#fff}
#section3 .left .info-box .sns-area ul li a i {font-size:25px; line-height:45px; color:#cca865; transition:all 0.3s ease}
#section3 .left .info-box .sns-area ul li.sns-kakao a {background:#fff20f}
#section3 .right {width:50%; min-height:550px; float:right}
/*end 섹션3 스타일*/

.btn-area > .btn2 {display:inline-block; font-size:16px; border-radius:0; }
.btn-area .btn-wh-o {background:none; border:2px solid #fff; color:#fff; transition:all 0.3s ease}
.btn-area .btn-wh-o:hover {background:#232323; border:2px solid #232323; color: #fff;}
.btn-area .btn-lg {width:360px; height:45px !important; line-height:45px !important}