/* BASIC css start */
/* page1 */
.subvideo_area{}
.subvideo_box{position:relative;width:100%;overflow:hidden;background:#f2f1ee;}

.mainbanner_area{position:relative;}
/*.mainbanner_area ul{overflow:hidden;}
.mainbanner_area li{position:relative;width:100%;border-left:1px solid #efedea;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.mainbanner_area li:nth-child(1){border-left:0;}*/
.mainbanner_area .text_box{position:absolute;left:50%;top:50%;transform:translate(-50%,-55%);width:100%;z-index:2;}
.mainbanner_area .text_box dl{text-align:center;}
.mainbanner_area .text_box dt{font-family:'termina', sans-serif;color:#fff;font-size:13px;line-height:13px;letter-spacing:1px;margin-bottom:15px;font-weight:400;text-transform:uppercase;}
.mainbanner_area .text_box dd{font-family: 'Noto Serif KR', serif;color:#fff;font-size:20px;line-height:30px;letter-spacing:-1px;}


.mainbanner_area .img_box{display:block;position:relative;width:100%;height:250px;overflow:hidden;z-index:1;}

.mainbanner_area .img_box .bg{display:none;}

.mainbanner_area .img_box .img{position:relative;z-index:1;}
.mainbanner_area .img_box .img .bg_img{width:100%;height:250px;}

.mainbanner_area .slide_wrap{}
.mainbanner_area .slide_wrap .ctrl {display:none !important;}
    
.mainbanner_area .box{position:relative;}
.mainbanner_area .box.slick-active{}
    
.mainbanner_area .paging_box{position:absolute;bottom:20px;width:100%;padding-top:0;text-align:center;}
.mainbanner_area .paging_box li{display:inline;margin:0 6px;}
.mainbanner_area .paging_box li button{width:6px;height:6px;background:#fff;border-radius:6px;opacity:0.3;outline:0;border:0;text-indent:-999em;}
.mainbanner_area .paging_box li.slick-active button{opacity:1;}
.mainbanner_area .paging_box li button:before{display:none;}


.subpagebest_area{padding:15% 0;width:100%;border-bottom:1px solid #e5e2dd;}
.subpagebest_box{}
.subpagebest_area .title{font-family:'termina', sans-serif;font-size:16px;line-height:16px;color:#201f1e;letter-spacing:1px;margin-bottom:30px;text-transform:uppercase;text-align:center;}
/*.subpagebest_area ul{overflow:hidden;margin-left:-3%;}
.subpagebest_area li{float:left;width:13.66%;margin-left:3%;}*/


.subpagebest_area ul{position:relative; overflow-y:hidden !important; overflow-x:auto !important;padding:0 4% 0 0;font-size:0;white-space: nowrap; -webkit-overflow-scrolling:touch; overflow-scrolling:touch; z-index:1;}
.subpagebest_area ul::-webkit-scrollbar {display: none; width: 0 !important; height: 0 !important; background-color: transparent}
.subpagebest_area li{position:relative;width:40%; margin-left:3%;display:inline-block;vertical-align:top;}
.subpagebest_area li:last-child{margin-right:3%;}
.subpagebest_area li a{display:block;}


.subpagebest_area .img_box{position:relative;width:100%;overflow:hidden;}
.subpagebest_area .img_box .bg{display:none;}
.subpagebest_area .img{position:relative;z-index:1;}
.subpagebest_area .img img{width:100%;}
.subpagebest_area .text{font-family:'termina', sans-serif;font-size:12px;line-height:12px;color:#201f1e;letter-spacing:1px;margin-top:20px;text-transform:uppercase;}

.pagefeed_layout{padding:15% 0;overflow:hidden;}
.pagefeed_area{
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 1000ms ease-in-out;
    -ms-transition: all 1000ms ease-in-out;
    -moz-transition: all 1000ms ease-in-out;
    -webkit-transition: all 1000ms ease-in-out;}
.pagefeed_area.active{opacity: 1;
    filter: alpha(opacity=100);}

.pagefeed_area .grid{/*width:103%;margin:0 -1.5%;*/margin:0 15px;}
.pagefeed_area .grid-item{/*width:47%;margin:0 1.5% 3%;*/width:100%;margin:0 0 3%;background:#f2f1ee;border:1px solid #e5e2dd;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

.pagefeed_area .img img{width:100%;}
.pagefeed_area dl{padding:8% 7%;}
.pagefeed_area dt{font-family: 'Noto Serif KR', serif;color:#201f1e;font-size:18px;line-height:28px;letter-spacing:-1px;font-weight:400;}
.pagefeed_area dd.img{margin-bottom:20px;}
.pagefeed_area dd.txt{color:#97938f;font-size:12px;line-height:23px;letter-spacing:-1.2px;padding:4.5% 0 10%;font-weight:300;}
.pagefeed_area dd.list{border-top:1px solid #201f1e;}
.pagefeed_area dd.list ul{}
.pagefeed_area dd.list li{overflow:hidden;padding:19px 0;border-bottom:1px solid #e5e2dd;}
.pagefeed_area dd.list li .img_pro{float:left;margin-right:10px;}
.pagefeed_area dd.list li .img_pro img{width:60px;}
.pagefeed_area dd.list li .info_pro{padding:3.5% 0 0 0;}
.pagefeed_area dd.list li .tit_pro{color:#201f1e;font-size:13px;line-height:18px;font-weight:400;letter-spacing:-1px;}
.pagefeed_area dd.list li .txt_pro{font-family:'Work Sans',sans-serif;color:#282828;font-size:14px;line-height:14px;margin-top:5px;text-transform:uppercase;letter-spacing:-0.5px;}
.pagefeed_area dd.list li .more_pro{font-family:'Work Sans',sans-serif;color:#c3b6ab;font-size:13px;line-height:13px;margin-top:8px;text-transform:uppercase;}


/* BASIC css end */