@charset "utf-8";
/* fullpage 실행 전 깨짐 오류 수정 */

/* 추가 */
.fp-slides{
	    margin-left: 317px;
}
/* 추가 끝 */
html{overflow:hidden}
#wrap,#contents,#container,#fullpage{height:100%}

/* 
#slide1{}
#slide2{background:url(/img/main/v02.jpg) no-repeat;background-size:cover}
#slide3{background:url(/img/main/v03.jpg) no-repeat;background-size:cover}
 */
.section .cate_type .more{display:inline-block;vertical-align:top;margin-left: 20px;font-weight:400;font-size:13px;color:#000;font-family:'Montserrat';vertical-align: inherit;}
.section .cate_type .more:before{display:inline-block;width:10px;height:1px;background:#7b7b7b;content:"";margin-right: 7px;vertical-align: middle;}
.section .cate_type{margin-bottom:25px;font-size:20px;color: rgba(0, 0, 0, 0.85);font-family:'Montserrat';font-weight:600;}

.section01 span.page_down_arrow {
    position: absolute;
    bottom: 35px;
    left: 50%;
    margin-left: -30px;
    z-index: 10;
    cursor: pointer;
}
.section02{/* background: url(/img/main/section02_bg.jpg) no-repeat center #2f2f2f /cover; */background-image: url(/img/main/section02_bg_new.jpg);background-repeat: no-repeat;background-color: #2f2f2f;background-size: cover;}
.section02 p.txt1{color: rgba(255,255,255,0.9);font-size:15px;font-weight:300;line-height:1.6;margin-top: 20px;transform:translateY(30px);opacity:0;}
.section02.active .text{
	padding-top:200px;
	padding-left: 166px;
}
.section02.active p.txt1{opacity:1;transition: all 2.2s cubic-bezier(0.19,1,0.22,1) 1.7s;transform:translateY(0);}
.section02 .award{transform:translateY(30px);opacity:0;margin-top: 40px;width: 850px;}
.section02.active .award{opacity:1;transition: all 2.2s cubic-bezier(0.19,1,0.22,1) 1.8s;transform:translateY(0);}
.section02.active .more_view{opacity:1;transition: all 2.2s cubic-bezier(0.19,1,0.22,1) 1.9s;transform:translateY(0);line-height:50px;font-family:'Montserrat';font-size:12px;color:#fff;}
.section02 .cate{opacity:0}
.section02.active .cate{opacity:1;transition: opacity 1s ease-in-out 1.3s;font-family:'Montserrat';font-size:20px;color:#fff;font-weight:500;margin-left: 10px;letter-spacing: -0.5px;}
.section02 .tit1{opacity:0}
.section02.active .tit1{opacity:1;transition: opacity .8s ease-in-out 1.4s;font-family:'Montserrat';font-size:100px;color:#fff;font-weight: 500;}
.section02 ul.award li{color:rgba(255,255,255,0.9);font-weight:300;font-size:15px;display:inline-block;vertical-align:top;letter-spacing:-.5px;margin-right:20px;padding-left:15px;position:relative;}
.section02 ul.award li:before{content:'';position:absolute;top:10px;left:0;width:11px;height:1px;background:#fff;transform:rotate(-45deg)}
.section02 .tit1{margin-top: 5px;}
.section02 .more_view{display:inline-block;vertical-align:top;width:250px;height:50px;text-align:center;line-height:40px;border: 2px solid #fff;box-sizing:border-box;color:#fff;margin-top:35px;transform:translateY(30px);opacity:0;}
.section02 .more_view a{display:block}
.section03{padding-left:380px;box-sizing:border-box}

.section03 .cate .img{width:280px;height:420px}
.section03 .cate .img img{width:100%}
.section03 .horizontal_slide{overflow-x:scroll;white-space:nowrap;position:relative;cursor:move;cursor:grab;cursor:-webkit-grab}
.section03 .horizontal_slide:active{cursor:grabbing;cursor:-webkit-grabbing}
.section03 .right_btn{right:3%;margin-right:-20px}
.section03 div[class*='_btn']{position:absolute;top:50%;margin-top:-49px;width:65px;height:129px;padding:0 20px}
.section03 .left_btn{left:6%;margin-left:-20px;display:none}
.section03 div[class*='_btn'] a{display:block;width:100%;height:100%}
.section03 div[class*='_btn'] a span{display:block;width:100%;height:100%}
.section03 div[class*='left_btn'] a span{background:url(../img/main/left_arrow.png) no-repeat center}
.section03 div[class*='left_btn']:hover a span{background-image:url(../img/main/left_arrow_over.png)}
.section03 div[class*='right_btn'] a span{background:url(../img/main/right_arrow.png) no-repeat center}
.section03 div[class*='right_btn']:hover a span{background-image:url(../img/main/right_arrow_over.png)}
.section03 ul.list{font-size:0;margin-bottom:28px}
.section03 ul.list li{display:inline-block;vertical-align:top;position:relative}
.section03 ul.list li .img:before{content:'';position:absolute;top:5px;left:5px;right:5px;bottom:5px;border:1px solid rgba(255,255,255,0.3);z-index:1;opacity:0}
.section03 ul.list li:hover .img:before{opacity:1}
.section03 ul.list li:after{content:'';background:#ddd;position:absolute;bottom:-28px;left:-10px;height:1px;width:290px}
.section03 ul.list li + li{margin-left:10px}
.section03 ul.list li div.img:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:#000;opacity:0;-webkit-transition:.15s ease-out;transition:.15s ease-out}
.section03 ul.list li:hover div.img:after{opacity:.7;-webkit-transition:.3s ease-out;transition:.3s ease-out}
.section03 ul.list li div.img{position:relative;overflow:hidden;width:280px;height:0;padding-bottom:420px}
.section03 ul.list li div.img img{-webkit-transition:.15s ease-out;transition:.15s ease-out;position:absolute;top:50%;left:50%;height:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:.5s ease-out;transition:.5s ease-out}
.section03 ul.list li:hover div.img img{-webkit-transform:translate(-50%,-50%) scale(1.18);transform:translate(-50%,-50%) scale(1.18);-webkit-transition:.3s cubic-bezier(0,1.04,0.19,1);-webkit-transition:1.5s cubic-bezier(0,1.04,0.19,1);transition:1.5s cubic-bezier(0,1.04,0.19,1)}
.section03 div.horizontal_slide::-webkit-scrollbar{height:0}
.section04{background:#dfdfdf;padding-left: 380px;box-sizing:border-box;position:relative;}
.section03 ul.list li figure{position:absolute;top:0;left:0;display:table;width:100%;height:420px;text-align:center;opacity:0;-webkit-transition:.15s ease-out;transition:.15s ease-out}
.section03 ul.list li:hover figure{opacity:1;-webkit-transition:.3s ease-out;transition:.3s ease-out}
.section03 ul.list li figure span{display:table-cell;vertical-align:middle;padding-top:22px}
.section03 ul.list li figure span p{color:#fff;font-size:20px;letter-spacing:.2px;font-weight:400;line-height:1.2;margin-top:22px}
.section04 ul.bbs_list{font-size:0;position:relative}
.section04 li.news{width: auto;display:inline-block;vertical-align:top;}
.section04 li.media{width: 661px;display:inline-block;vertical-align:top;margin-left: 140px;}
.section04 ul.article li{flex-basis:315px;/* height: auto; */}
.section04 ul.article.news_con{
	display: inline-block;
}
.section04 ul.article.news_con li{flex-basis:100%;}
.section04 ul.article.news_con li:last-child p{margin-bottom:0;}
.section04 ul.article{display:flex;-js-display:flex;flex-wrap:wrap;justify-content:space-between;height: 580px;width:100%;}
.section04 ul.article li p.tit1{font-size:19px;color:#222;letter-spacing:-1px;font-weight:400;position:relative;word-break: keep-all;}
.section04 ul.article li.news p.tit1{padding-left:30px; margin-bottom:40px;}
.section04 .media p.tit1{margin-top:20px; line-height:1;}
.section04 ul.article.news_con{
	height: auto;
	padding-bottom: 100px;
	margin-top: 88px;
}
.section04 ul.article.news_con p.tit1{
	margin-bottom:27px;
	padding-left: 20px;
	line-height:1;
}
.section04 ul.article.news_con p.tit1:before{border-radius: 50%;position: absolute;top: 7px;left: 0;width: 5px;height: 5px;background: #222;content: '';}
.section04 ul.bbs_list .bottom div.more {
    float: left;
}
.section .bottom .more:before{
	display: inline-block;
    width: 10px;
    height: 1px;
    background: #7b7b7b;
    content: "";
    margin-right: 7px;
    vertical-align: middle;
}
.section .bottom .more {
    display: inline-block;
    vertical-align: top;
    /* margin-left: 20px; */
    font-weight: 400;
    font-size: 13px;
    color: #000;
    font-family: 'Montserrat';
    vertical-align: inherit;
}
.section04 ul.bbs_list div.more{float:right}
.section04 div.inner{margin:0}
.section04 ul.bbs_list div.cate{margin-bottom:12px}
.section04:before{content:'';position:absolute;top:0;left: 50%;right:0;bottom:0;background:#b7b8b8;background: #dfdfdf;}
.section04 ul.article li.first{flex-basis:100%;}
.section04 .media ul.article li a{display:block;position:relative}
.section04 .img{position:relative;width: 315px;height: 210px;overflow: hidden;background: #fff;}

.section04 .img img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.section04 .first .img {
    width: 660px;
}
.section04 ul.article li.first a div.img:before{position:absolute;content:'';top:5px;left:5px;right:5px;bottom:5px;border:1px solid rgba(255,255,255,0.5);z-index: 1;}
.section04 .media ul.article li a:before{content:'';position:absolute;top:66px;left:50%;margin-left:-37px;width:75px;height:75px;background:url(/img/main/con04_btn_play.png) no-repeat;z-index:1}
.section04 .media ul.article li a:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.4)}
.section04 li.news li div.img{cursor:pointer;width: 315px;height: 175px;}
.section04 li.news li div.img:before{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,0.2);opacity:0;transition:.4s;z-index: 1;}
.section04 li.news li a:hover div.img:before{opacity:1}
.section04 li.news li div.img:after{content:'';position:absolute;width:70px;height:70px;background:url(/img/main/con04_btn_more.png) no-repeat;top:52px;left:50%;margin-left:-35px;opacity:0;transition:.4s}
.section04 li.news li div.img:hover:after{opacity:1}
.fp-slidesNav{text-align:center}

.fp-slidesNav.bottom {
    bottom: 80px;
}
.fp-slidesNav ul li a.active span,.fp-slidesNav ul li:hover a.active span{background:#fff;transform:rotate(45deg);margin:-2px 0 0 -2px;width:6px;height:6px;border-radius:0}
.fp-slidesNav ul li a span{height:6px;width:6px;border:1px solid #fff;border-radius:0;box-sizing:border-box;background: 0;}
.fp-slidesNav ul li:hover a span{width:6px;height:6px;margin:-2px 0 0 -2px}
.fp-slidesNav ul li{width:10px}