@charset "utf-8";

@font-face {
    font-family: 'Iropke Batang';
    font-style: normal;
    font-weight: 400;
    src: url(/css/hanok/renewal/IropkeBatangM.woff) format("woff")
}
#gnb_layout .layout{max-width:1240px;width:100%;}
.cont{position:relative;width:100%;/* overflow: hidden; */}
.layout{position:relative;margin:0 auto;width:100%;max-width:1460px;}
.layout:after {display:block;visibility:hidden;clear:both;content:""}

.sr-only{overflow:hidden;border:0;position:absolute;width:1px;height:1px;clip:rect(1px,1px,1px,1px);overflow:hidden;z-index:-1px}

.title{}
.title strong{display:block;font-family: 'Iropke Batang';}


.main__visual{overflow: hidden;height:1186px;position:relative;z-index: 1;}
.main__visual .photo_list--wrap:after{content:'';position:absolute;bottom: -2390px;left: 50%;width: 5120px;height: 2560px;background-color:#f9faff;border-radius: 100%;z-index: 2;transform: translate(-50%, 0);visibility: initial;}
.main__visual .photo_list--wrap {position:relative;height: 100%;z-index: 1;overflow: hidden;}
.main__visual .photo_list--wrap .slick-list {position:relative; z-index:1;height: 100%;}
.main__visual .photo_list--wrap .slick-track{height:100%}
.main__visual .photo_list--wrap .slick-slide,
.main__visual .photo_list--wrap .slick-slide > div,
.main__visual .photo_list--wrap .photo_list--item,
.main__visual .photo_list--wrap .photo_list--item .picture{height:100%;}
.main__visual .photo_list--item .picture {width:100%; height:100%; background-size:cover; background-position:center; background-repeat:no-repeat;}
.main__visual .photo_list--item .picture span {display:block; width:100%; height:100%; position:relative;}
.main__visual .photo_list--item .picture span img {position:absolute; left:50%; top:50%; height:100%; width:auto; max-width:1000%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.main__visual .control {display:block;width: auto;margin-top:25px;}
.main__visual .control > button {display:inline-block;z-index: 2;width:40px;height:40px;font-size:0;vertical-align: middle;background: #81a9d9;border-radius: 50%;margin-right: 7px;}
.main__visual .control > button[data-control]{position:relative;display:inline-block;vertical-align:middle;overflow: hidden;}
.main__visual .control > button[data-control="prev"]{background-color:#ef7e00}
.main__visual .control > button[data-control]:before,
.main__visual .control > button[data-control]:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.main__visual .control > button[data-control="prev"]:before,
.main__visual .control > button[data-control="next"]:before{width: calc(100% / 4);height: calc(100% / 4);border-width:2px;border-style: solid;border-color: #fff;transform: rotate(45deg);}
.main__visual .control > button[data-control="prev"]:before{right: -5px;border-width: 0 0 2px 2px;}
.main__visual .control > button[data-control="next"]:before{left: -5px;border-width: 2px 2px 0 0;}
.main__visual .control > button[data-control="prev"]:before,
.main__visual .control > button[data-control="prev"]:after,
.main__visual .control > button[data-control="next"]:before,
.main__visual .control > button[data-control="next"]:after {}
.main__visual .slick-dots > button {display:inline-block; width:22px; height:22px; margin:0 0 0 5px; border-radius:50%; background:#fff; font-size:0;vertical-align: middle;}
.main__visual .slick-dots > button[data-control="stop"]:before{width: 2px;height:12px;box-shadow: -3px 0 #222, 3px 0 #222;}
.main__visual .slick-dots > button[data-control="play"]:before{right: -4px;width: 0;height: 0;border-width: 5px 0 5px 8px;border-style: solid;border-color: transparent transparent transparent #222;}
.main__visual .slick-dots {display:inline-block;position:absolute;bottom: 161px;z-index: 3;width: 100%;left: 0;text-align: center;}
.main__visual .slick-dots:after {display:block; clear:both; visibility:hidden; content:'';}
.main__visual .slick-dots li {display:inline-block; width: auto; margin:0 3px;}
.main__visual .slick-dots li button {width: 11px;height: 11px;background: #dadada;font-size:0;vertical-align:middle;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;border: 2px solid #fff;box-shadow: 2px 3px 3px 0 rgb(0 0 0 / 20%);border-radius: 50%;}
.main__visual .slick-dots li.slick-active button {background: #f6ab00;width: 18px;height: 18px;}
.main__visual .layout{position:absolute;top:0;left:50%;transform:translate(-50%,0);/* height:100%; */padding-top:460px;z-index:10}

.main__visual .visual_title{}
.main__visual .visual_title strong,
.main__visual .visual_title strong em{display:block;font-family: 'Iropke Batang';line-height:1}
.main__visual .visual_title strong{font-size:61px;color:#fff;text-shadow: 2px 2px 1px rgb(0 0 0 / 30%);}
.main__visual .visual_title strong em{font-size:75px;margin-top:5px;}
.main__visual .visual_title p{font-size:28px;color:#fff;line-height: 1.2;max-width: 440px;margin-top: 40px;text-shadow: 2px 2px 1px rgb(0 0 0 / 30%);}

.cont2{background-color:#f9faff;/* padding-bottom: 130px; */}
.cont2 .layout{padding:120px 0;}
.cont2 .button-list{display:flex;flex-wrap:wrap}
.cont2 .button-list .item{width:20%;}
.cont2 .button-list .item .button-link{padding:0 10px;display: block;width: 100%;}
.cont2 .button-list .item .button-link .inner{position:relative;padding: 35px 28px;padding-bottom:234px;border-radius: 20px;box-shadow: 10px 10px 10px 0 rgb(0 0 0 / 5%);overflow:hidden}
.cont2 .button-list .item .button-link .inner:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:242px;z-index: 0;}
.cont2 .button-list .item .button-link .inner strong,
.cont2 .button-list .item .button-link .inner i,
.cont2 .button-list .item .button-link .inner span{display:block;}
.cont2 .button-list .item .button-link .inner strong{margin-bottom:25px;font-size: 30px;line-height:1.2;font-family: 'Iropke Batang';color:#fff;letter-spacing: -1px;}
.cont2 .button-list .item .button-link .inner i{color:#fff;line-height:1.1;opacity:0.5;font-size: 18px;}
.cont2 .button-list .item .button-link .inner span{display:inline-block; padding: 5px 29px;background-color:rgba(255,255,255,0.2);color:#fff;font-size: 20px;position: relative;z-index: 2;}
.cont2 .button-list .item.item1 .button-link .inner{background-color:#f9c84c}
.cont2 .button-list .item.item1 .button-link .inner:after{background: url(/images/hanok/main/renewal/item1.png) no-repeat;background-size:cover;}
.cont2 .button-list .item.item2 .button-link .inner{background-color:#f5a348}
.cont2 .button-list .item.item2 .button-link .inner:after{background: url(/images/hanok/main/renewal/item2.png) no-repeat;background-size:cover;}
.cont2 .button-list .item.item3 .button-link .inner{background-color:#c96626}
.cont2 .button-list .item.item3 .button-link .inner:after{background: url(/images/hanok/main/renewal/item3.png) no-repeat;background-size:cover;}
.cont2 .button-list .item.item4 .button-link .inner{background-color:#a5bfe4}
.cont2 .button-list .item.item4 .button-link .inner:after{background: url(/images/hanok/main/renewal/item4.png) no-repeat;background-size:cover;}
.cont2 .button-list .item.item5 .button-link .inner{background-color:#5CA4D8}
.cont2 .button-list .item.item5 .button-link .inner:after{background: url(/images/hanok/main/renewal/item5.png) no-repeat;background-size:cover;}
.cont3{overflow: hidden;}
.cont3:after{content:'';position:absolute;top: -2480px;left: 50%;width: 5120px;height: 2560px;background-color:#f9faff;border-radius: 100%;z-index: 0;transform: translate(-50%, 0);}
.cont3 .layout{padding: 150px 0 85px;z-index:3;display:flex;}
.cont3 .layout .box .title{margin-bottom: 25px;}
.cont3 .layout .box .title strong{font-size: 26px;color:#736357;line-height: 1;}
.cont3 .layout .box1{width: calc(60% - 70px);margin-right: 70px;position: relative;}
.cont3 .layout .box1 .board__content ul {}
.cont3 .layout .box1 .board__content ul .board__item {position:relative;padding-left: 23px;margin: 0;border-bottom: 1px solid #f1ebe5;padding: 12px 0 13px;padding-left: 23px;}
.cont3 .layout .box1 .board__content ul .board__item .board__link {display:block;position: relative;line-height: 1;}
.cont3 .layout .box1 .board__content ul .board__item .ir-icon__new {display:block;position:absolute;left: -23px;top: 5px;width: 17px;height: 17px;line-height: 17px;border-radius: 50%;background: #d4462e;font-size: 12px;color: #fff;text-align: center;}
.cont3 .layout .box1 .board__content ul .board__item strong {display:block;overflow:hidden;position: relative;z-index: 2;width:100%;padding-right: 100px;line-height: 1.6;font-size: 16px;color: #262626;text-overflow: ellipsis;white-space: nowrap;}
.cont3 .layout .box1 .board__content ul .board__item strong span {display:inline-block;overflow: hidden;position:relative;max-width: 100%;text-overflow: ellipsis;white-space: nowrap;vertical-align: middle;}
.cont3 .layout .box1 .board__content ul .board__item strong span:after {display:block;position:absolute;bottom: 0px;left: 0;right:100%;z-index:-1;content:'';width:auto;height:9px;background:#e2edf8;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;}
.cont3 .layout .box1 .board__content ul .board__item strong em {display:block;position:absolute;top: 3px;right:0;color:#777;}
.cont3 .layout .box1 .board__content ul .board__item .board__link:hover strong span:after,
.cont3 .layout .box1 .board__content ul .board__item .board__link:focus strong span:after {right:0;}
.cont3 .layout .box1 .board__content ul .board__item .board__link:hover strong,
.cont3 .layout .box1 .board__content ul .board__item .board__link:focus strong {font-weight:700;}
.cont3 .layout .box1 .board__content ul .board__item .board__item--content{display: none;}
.cont3 .layout .box1 .board__more {/* display:none; */position:absolute;right:0;top: -11px;}
.cont3 .layout .box1 .board__more a{display:block;width:54px;height:54px;background: url(/images/hanok/main/renewal/more.png) no-repeat;font-size: 0;}
.cont3 .layout .box2{width: 40%;margin-left: 0;border-left: 1px solid #efefef;padding-left: 70px;position: relative;}
.cont3 .layout .box2 .main-photo__skin,
.cont3 .layout .box2 .main-photo__skin .photo_list--wrap,
.cont3 .layout .box2 .main-photo__skin .photo_list--wrap .slick-list,
.cont3 .layout .box2 .main-photo__skin .photo_list--wrap .slick-list .slick-track,
.cont3 .layout .box2 .main-photo__skin .photo_list--wrap .slick-list .slick-track .slick-slide,
.cont3 .layout .box2 .main-photo__skin .photo_list--wrap .slick-list .slick-track .slick-slide >div,
.cont3 .layout .box2 .main-photo__skin .photo_list--wrap .slick-list .slick-track .slick-slide >div .photo_list--item,
.cont3 .layout .box2 .main-photo__skin .photo_list--wrap .slick-list .slick-track .slick-slide >div .photo_list--item a {display:inline-block;width:100%;height:100%;vertical-align:top;overflow: hidden;}
.cont3 .layout .box2 .mainpop {/* overflow:hidden; *//* position: relative; */height: 251px;margin: 0 auto 20px;/* border: 1px solid #e1e1e1; *//* text-align: center; */}
.cont3 .layout .box2 .mainpop .slick-list {position:relative; z-index:1; }
.cont3 .layout .box2 .mainpop .slick-dots {position:absolute;right:30px;top:25px;z-index: 2;display: none !important;}
.cont3 .layout .box2 .mainpop .slick-dots li {display:inline-block;}
.cont3 .layout .box2 .mainpop .slick-dots li button {display:inline-block;width:8px; height:8px; margin-left:7px; border-radius:50%; background:#fff; box-shadow:3px 3px 3px rgba(0,0,0,.2);font-size:0;}
.cont3 .layout .box2 .mainpop .slick-dots li.slick-active button {width:22px; border-radius:20px;background:#218560;}
.cont3 .layout .box2 .mainpop .control{position:absolute;right:0;top: -19px;text-align: right;}
.cont3 .layout .box2 .mainpop .control button[data-control]{display:inline-block;width:57px;height:57px;font-size: 0;margin:0}
.cont3 .layout .box2 .mainpop .control button[data-control]:before,
.cont3 .layout .box2 .mainpop .control button[data-control]:after{display:none;}
.cont3 .layout .box2 .mainpop .control button[data-control="prev"]{background: url(/images/hanok/main/renewal/arrow_prev.png) no-repeat;}
.cont3 .layout .box2 .mainpop .control button[data-control="next"]{background: url(/images/hanok/main/renewal/arrow_next.png) no-repeat;}



.cont4{}
.cont4:before,
.cont4:after{content:'';position:absolute;top:0;width:50%;height:100%;z-index:5}
.cont4:before{left:0;background-color:#c7b299}
.cont4:after{right:0;background-color:#5d410c}
.cont4 .layout{z-index:6;display:flex;flex-wrap:wrap}
.cont4 .layout a{padding:58px 293px 58px 116px;position:relative;width:50%}
.cont4 .layout a strong,
.cont4 .layout a span{display:block}
.cont4 .layout a strong{font-family: 'Iropke Batang';font-size: 34px;}
.cont4 .layout a:before{content:'바로가기';position:absolute;top: 48px;right:58px;width: 102px;height: 102px;background-color:#998675;border-radius:50%;text-align:center;font-size:16px;display: flex;justify-content: center;align-content: center;align-items: center;color: #fff;font-weight: bold;letter-spacing: -1px;}
.cont4 .layout a span{font-size:22px;}
.cont4 .layout a.button1 strong{color:#543f17;}
.cont4 .layout a.button1 span{color:#fff}
.cont4 .layout a.button2 strong{color:#c7b299;}
.cont4 .layout a.button2 span{color:#fff}
.cont4 .layout a.button2:before{background-color:#f6ab00;}
.cont5{}
.cont5 .layout{padding: 60px 0 85px;display:flex;flex-wrap:wrap;width: 100%;}
.cont5 .infobox{position:relative}
.cont5 .infobox1{width: 48.1%;margin-right: 4.9%;border:1px solid #f6be7f}
.cont5 .infobox1 .inner{padding: 38px 30px 30px;padding-top:119px;padding-left:262px;position:relative}
.cont5 .infobox1 .inner .title{position:absolute;top:40px;left:30px;}
.cont5 .infobox1 .inner .title strong{color:#c35b27;font-size:30px;line-height:1;letter-spacing: -2px;}
.cont5 .infobox1 .inner .titlebox{position:absolute;top:120px;left:30px;}
.cont5 .infobox1 .inner .titlebox strong{display:block;color:#c35b27;font-size: 25px;line-height:1;letter-spacing: -2px;font-family: 'Iropke Batang';margin-bottom: 27px;}
.cont5 .infobox1 .inner .titlebox .list{}
.cont5 .infobox1 .inner .titlebox .list li {position:relative;margin: 0;font-size: 16px;color:#666;line-height: 1;letter-spacing: -1px;}
.cont5 .infobox1 .inner .titlebox .list li span{font-weight:bold;color:#c35b27;display: inline-block;width: 85px;}
.cont5 .infobox1 .inner .list2 {}
.cont5 .infobox1 .inner .list2 li {position:relative;padding-left:10px;margin: 9px 0;font-size: 16px;color:#666;line-height: 1;letter-spacing: 0;}
.cont5 .infobox1 .inner .list2 li:after {display:block;position:absolute;left:0;top: 7px;content:'';width: 2px;height: 2px;border: 1px solid #736357;border-radius:50%;background: #736357;}
.cont5 .infobox2,
.cont5 .infobox3{width:23.5%;}
.cont5 .infobox2 .inner,
.cont5 .infobox3 .inner{padding: 21px 60px;}
.cont5 .infobox2 .inner:before{content:'';position:absolute;top:50%;right:0;width:1px;height: 90%;background-color:#efefef;transform: translate(0, -50%);}
.cont5 .infobox2 strong,
.cont5 .infobox3 strong{display:block;margin:0 auto 20px;}
.cont5 .infobox2 strong span,
.cont5 .infobox3 strong span{display:block;text-align:center;font-family: 'Iropke Batang';letter-spacing:-1px;line-height:1;font-size:25px;}
.cont5 .infobox2 strong span{color:#faa61a}
.cont5 .infobox3 strong span{color:#ef7e00}

.cont5 .infobox2 p,
.cont5 .infobox3 p{display:block;text-align:center;}

.cont5 .infobox2 p span,
.cont5 .infobox3 p span{display:block;text-align:center}
.cont5 .infobox2 p a,
.cont5 .infobox3 p a{display:inline-block;padding: 6px 15px 8px;background-color:#ef7e00;font-size: 16px;border-radius:30px;color: #fff;line-height: 1;font-weight: bold;}


.cont5 .infobox2 p{font-size:35px;color:#9d9d9d;line-height: 1.2;}
.cont5 .infobox2 p span{font-size: 18px;color:#736357;letter-spacing: -1px;margin-top: 5px;}
.cont5 .infobox3 p{font-size: 20px;color:#736357;line-height: 1.2;letter-spacing: -1px;padding-top:9px;}
.cont5 .infobox3 p span{margin-top: 5px;}

.cont5 .infobox2 .ico,
.cont5 .infobox3 .ico{display:block;width:82px;height:82px;margin: 0 auto 14px;border-radius: 50%;}
.cont5 .infobox2 .ico{background: url(/images/hanok/main/renewal/ico2.png) no-repeat;}
.cont5 .infobox3 .ico{background: url(/images/hanok/main/renewal/ico3.png) no-repeat;}

.cont6{background: url(/images/hanok/main/renewal/background_cont6.jpg) no-repeat;background-size:100% auto;background-position:50% 100%;}
.cont6 .layout{padding:59px 0 180px;}
.cont6 .title{text-align:center;margin-bottom: 0;color:#543f17;font-size:42px;line-height:1}
.cont6 .gallery-content{width:100%;/* overflow:hidden; */}
.cont6 .col{width: calc(100% + 50px);margin: 0 -20px 0;padding: 60px 0;overflow: hidden;}
.cont6 .col:after{content:'';display:block; clear:both;}
.cont6 .col > div{width:100%;margin:5px;float:left;padding-top:10px}
.cont6 .col.col2 > div{width:calc(50% - 10px)}
.cont6 .col.col3 > div{width:calc(33.333333% - 10px)}
.cont6 .col.col4 > div{width:calc(25% - 10px)}
.cont6 .col.col5 > div{width:calc(20% - 10px)}
.cont6 .content-title{display:block;font-weight:700;font-size: 20px;color: #736357;line-height:1.3;height:25px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;font-family: 'Iropke Batang';letter-spacing: -2px;}
.cont6 .content-title .new{display:inline-flex;justify-content:center;width:50px;height:24px;font-size:15px;color:#fff;margin-right:6px;position:relative;top:-3px;background-color:#7e1c1d;font-weight:400;border-radius:15px;line-height:23px}
.cont6 .main-gallery{max-width: 1460px;width:100%;margin:0 auto;/* overflow: hidden; *//* border: 1px solid; */}
.cont6 .content-title .new:before{content:'new';display:block;width:100%;height:100%}
.cont6 .gallery-content{/* margin-top:10px; */padding:0 100px;overflow: hidden;}
.cont6 .content-link{display:block;/* border:1px solid #ddd; */padding: 0;border-radius: 0;background-color:#fff;transition:all .4s ease-in-out;box-shadow: 5px 7px 10px 0 rgb(0 0 0 / 20%);}
.cont6 .content-link:hover{/* border:1px solid #8b6d56; *//* box-shadow:5px 7px 5px 0 #000; *//* margin-top:-10px; */}
.cont6 .cate{color:#0082ed;font-weight:600;position:relative}
.cont6 .cate:before{display:block;content:'';width:4px;height:4px;margin:0 0 5px;border-radius:50%;background-color:#0082ed}
.cont6 .thumb{margin-bottom: 0;overflow:hidden;position:relative;height: 300px;min-height: 300px;max-height: 300px;background-color: #f3f3f3;}
.cont6 .con-text{margin-top:18px}
.cont6 .con-text p{line-height:1.4}
.cont6 .gallery-more{position:absolute;top:0;right:0;display:inline-block;width:39px;height:39px}
.cont6 .gallery-more a{display:block;width:39px;height:39px;position:relative}
.cont6 .gallery-more a span{position:absolute;top:28px;left:0;display:block;width:100%;height:100%;transition:.6s}
.cont6 .gallery-more a span:before,
.cont6 .gallery-more a span:after{content:'';display:block;position:absolute;background-color:#2c2c2c}
.cont6 .gallery-more a span:before{background-image:url(/images/prog/ir-more.gif);width:43px;height:22px;background-color:transparent;bottom:-5px;right:0}
.cont6 .slide{/* overflow:hidden; */}
.cont6 .slide .content-box{padding: 0 20px 0 20px;}
.cont6 .slide .control{/* display:flex; *//* width:100%; *//* justify-content:flex-end; *//* align-items:center; */}
.cont6 .slide .control .total{display:inline-block;display:inline-block;height:40px;line-height:40px}
.cont6 .slide .control .total span{font-size:15px}
.cont6 .slide .control .total .current{font-weight:700;color:#025297;font-size:18px}
.cont6 .slide .control .paging{order:5;margin-left:20px}
.cont6 .slide .control .number{display:block;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}
.cont6 .slide .control .slick-dots{display:inline-block;margin:0}
.cont6 .slide .control .slick-dots li{display:inline-flex;height:40px;margin:0 5px;align-items:center;justify-content:center}
.cont6 .slide .control .slick-dots li button{display:inline-block;width:15px;height:15px;font-size:0;background:#ddd;vertical-align:middle;border:1px solid #ddd;border-radius:50%}
.cont6 .slide .control .slick-dots li.slick-active button{background:#025297;border:1px solid #025297}
.cont6 .slide .control button.button{width: 50px;height: 50px;font-size:0;vertical-align:top;position:relative;display:inline-block;z-index:3;position:relative;border:0 solid #000;background:none;position: absolute;top: 50%;z-index: 12;transform: translate(0, -50%);background: #728699;border-radius: 50%;box-shadow: 3px 3px 5px 0 rgb(0 0 0 / 20%);}
.cont6 .slide .control button[data-control="prev"]{left:0}
.cont6 .slide .control button[data-control="next"]{right:0}
.cont6 .slide .control button[data-control="play"]{display:none}
.cont6 .slide .control button[data-control]:before,
.cont6 .slide .control button[data-control]:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}
.cont6 .slide .control button[data-control="prev"]:before,.cont6 .slide .control button[data-control="next"]:before{width:calc(100%/2.5);height:calc(100%/2.5);border-width:2px;border-style:solid;border-color:#333;transform:rotate(45deg)}
.cont6 .slide .control button[data-control="prev"]:before{right:-5px;border-width: 0 0 2px 2px;}
.cont6 .slide .control button[data-control="next"]:before{right:5px;border-width: 2px 2px 0 0;}
.cont6 .slide .control button[data-control="prev"]:before,.cont6 .slide .control button[data-control="next"]:before{width: 9px;height: 9px;border-color: #fff;}
.cont6 .slide .control button[data-control="play"]:before{right:-3px;border-width:6px 0 6px 10px;border-color:transparent transparent transparent #000;border-style:solid;width:0;height:0}
.cont6 .slide .control button[data-control="stop"]:before{width:3px;height:9px;box-shadow:-3px 0 #000,3px 0 #000}
.cont6 .gallery-title{position:relative;display:block;width:100%;text-align:left;padding:20px 60px 20px 123px}
.cont6 .gallery-title span{display:inline-block;position:absolute;z-index:2;font-size:20px;font-weight:700;top:50%;left:50%;transform:translate(-50%,-50%)}
.cont6 .content-title{position:relative}
.cont6 .sub-title{text-align:center;margin-top:5px;margin-bottom:28px}
.cont6 .con-text{padding:25px 29px 22px;background-color:#f2f3f4;min-height:163px}
.cont6 .con-text p{font-size:15px;height:60px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;text-overflow:ellipsis;overflow:hidden;width:100%;color:#555;letter-spacing:-1px}
.cont6 .content-date{color:#818181;margin-top:36px;display:block;font-size:15px;text-align:left}
.cont6 .col.obj> div,.cont6 .col.obj> div .slick-list{width:100%;max-width:100%;/* flex:0 0 100%; */overflow: visible;}
.cont6 .content-title_box{padding:30px;}



.foot_wrap{background-color:#5d410c}


@media screen and (max-width:1500px){
    .layout{max-width:none;width:100%;padding:0 30px;}
    .main__visual .slick-dots{/* bottom:87px; */}
    .cont2 .layout{padding:80px 30px;}
    .cont3 .layout{padding: 150px 30px 65px;}
    .cont5 .layout{padding:60px 30px 85px;}
    .cont4 .layout a{padding:58px 233px 58px 66px}
    .cont4 .layout a span{font-size:20px;}
    .cont5 .infobox2 p{font-size:27px}
    .cont5 .infobox2 p span{font-size:16px}
    .cont5 .infobox3 p{font-size:16px}

    .cont6 .layout{padding:59px 30px 180px}
    .cont6 .slide .control button[data-control="prev"]{left:30px;}
    .cont6 .slide .control button[data-control="next"]{right:30px;}
    .cont2 .button-list .item .button-link{padding:0 16px}
}
@media screen and (max-width:1280px){
    .cont2 .layout{padding-top:0;padding-bottom: 30px;}
    .cont5 .infobox2 .inner, .cont5 .infobox3 .inner{padding:21px 30px}
    .cont4 .layout a{padding: 29px 233px 29px 33px;}
    .cont4 .layout a:before{top:24px;width:82px;height:82px;}
    .cont5 .infobox1{margin-right:2%;width:50.1%}
    .cont2 .button-list .item .button-link .inner strong{font-size:30px;margin-bottom: 20px;}
    .cont2 .button-list .item .button-link .inner i{font-size: 14px;}
    .cont2 .button-list .item .button-link .inner span{
        margin-top: 24px;
        font-size: 16px;
    }
    .cont5 .infobox1 .inner{padding-left:202px}
    .cont5 .infobox1 .inner .titlebox strong{margin-bottom:32px;}
    .cont4 .layout a strong{font-size:27px;}
    .cont4 .layout a span{font-size:18px;}
    .cont6 .title{font-size:35px;}
    .main__visual .visual_title strong{font-size:47px;}
    .main__visual .visual_title strong em{font-size:55px;}
    .main__visual .visual_title p{font-size:22px;}
    .cont3 .layout .box1{margin-right:25px;width:calc(55% - 25px)}
    .cont3 .layout .box2{padding-left:25px;width:45%}
    .cont3 .layout .box1 .board__more a,
    .cont3 .layout .box2 .mainpop .control button[data-control]{width:30px;height:30px;background-size:100%;}
    .cont3 .layout .box1 .board__more,
    .cont3 .layout .box2 .mainpop .control{top:0}
    .cont4 .layout a.button2 strong{padding-top:0px;}

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

    .cont2 .button-list .item .button-link{padding:7px;}
    .cont2 .button-list .item .button-link .inner i{display:none;}
    .cont2 .button-list .item .button-link .inner strong{font-size:20px;}
    .cont2 .button-list .item .button-link .inner span{margin-top:0}
}

@media screen and (max-width:1024px){
    .main__visual{height:844px;}
    .main__visual .layout{padding-top:260px}
    .cont4 .layout{padding:0}
    .cont4 .layout a{width:100%}
    .cont4:before, .cont4:after{display:none;}
    .cont4 .layout a.button1{background-color: #c7b299;}
    .cont4 .layout a.button2{background-color: #5d410c;}
    .cont5 .infobox1{width:100%;margin-right:0;margin-bottom:10px;}
    .cont5 .infobox2, .cont5 .infobox3{width:50%}
}
@media screen and (max-width:767px){
    .cont2 .button-list .item{width:50%;}
    .cont2 .button-list .item .button-link{padding: 12px;}
    .cont3:after{display:none;}
    .cont2 .button-list .item .button-link .inner strong{font-size:27px;}
    .main__visual .control{display:none;}
    .cont2{margin-top: -150px;z-index: 10;}
    .cont2 .layout{padding:40px 15px;}
    .cont3 .layout{padding: 50px 15px 40px;}
    .cont5 .layout{padding:30px 15px 40px;}
    .cont6 .layout{padding:30px 15px 90px}
    .cont6 .slide .control button[data-control="prev"]{left:15px;}
    .cont6 .slide .control button[data-control="next"]{right:15px;}
    .main__visual .visual_title strong{font-size:30px;}
    .main__visual .visual_title strong em{font-size:40px;}
    .main__visual .visual_title p{font-size:20px;margin-top: 20px;}
    .main__visual{height:644px;}
    .main__visual .layout{padding-top:160px;}
    .cont6 .title{font-size:25px}
    .cont3 .layout{
        flex-direction: column;
    }
    .cont3 .layout .box1{margin-right:0;margin-bottom: 50px;width:100%}
    .cont3 .layout .box2{width:100%;padding-left: 0;border-left: 0;}
    .cont4 .layout a strong{font-size:22px;}
    .cont4 .layout a.button2 span{font-size:14px}
    .cont4 .layout a:before{width:60px;height:60px;font-size:12px;}
    .cont5 .infobox1{border:none;}
    .cont5 .infobox1 .inner{padding:20px;background-color:#f4f4f4}
    .cont5 .infobox1 .inner .title,
    .cont5 .infobox1 .inner .titlebox{position: relative;left:auto;top:auto}
    .cont5 .infobox1 .inner .titlebox{border-top:1px solid #ddd8d4;border-bottom:1px solid #ddd8d4;padding:15px 10px;display: flex;justify-content: space-around;align-items: center;vertical-align: middle;}
    .cont5 .infobox1 .inner .title{margin-bottom:10px;text-align:center}
    .cont5 .infobox1 .inner .title strong{font-size:20px;}
    .cont5 .infobox1 .inner .titlebox strong{font-size:20px;margin-bottom:0}
    .cont4 .layout a:before{font-size:0;width: 40px;height: 40px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M13.172 12l-4.95-4.95 1.414-1.414L16 12l-6.364 6.364-1.414-1.414z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");background-size: 25px;background-repeat: no-repeat;background-position: 50%;}
    .cont4 .layout a span{display:none;}

    .cont5 .infobox2 p{font-size:18px;}
    .cont5 .infobox3 p,
    .cont5 .infobox2 p span{font-size:14px;}
    .cont5 .infobox2 strong span, .cont5 .infobox3 strong span{font-size:20px;}
    .cont3 .layout .box .title strong{font-size:20px}
}

@media screen and (max-width:460px){
    .cont5 .infobox2 .ico, .cont5 .infobox3 .ico{width:42px;height:42px;background-size:100%}
    .cont5 .infobox2 strong span{font-size:18px;}
    .cont2 .button-list .item{width:100%}
    .cont2 .button-list .item .button-link .inner{padding-bottom: 170px;}
    .cont2 .button-list .item .button-link .inner strong{margin-bottom:10px;}


    .cont6 .gallery-content{padding:0 15px}

}


/* 메인팝업 */
.popup_box .new_pop_bg {background: #000; padding:6px 0px;}
.popup_box .new_pop_bt_bg {background: #000; padding: 3px 10px 3px;}
.new_pop_font{color:#fff;line-height:25px;margin-right: 10px; float: right;}
.new_pop_close {color:#fff}
.new_pop_con_box{ background:#ffffff; margin-left:6px;margin-right:6px;}
/* 메인팝업 End */