/* 공통 */
.w1400{width: 100%; max-width:1400px; margin: 0 auto; box-sizing:border-box;}
figure{margin: 0;}
.video_box{display:none; position:fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000;}
.video_box .bg{position:absolute; top: 0; right: 0; bottom: 0; left: 0; background: #000; opacity: 0.4; }
.video_box .po_box{position:relative; display:inline-block; vertical-align: top; height: 550px; top: 55%; left: 50%; width: 100%; max-width:1000px; transform:translate(-50%,-50%);}
.video_box .po_box .close{position:absolute; top: -80px; left: 50%; width: 60px; height: 60px; background:url(/img/sub/icon_close.png) 50% 50% no-repeat; background-size:cover; transform:translateX(-50%); cursor: pointer;}
.video_box .po_box .video{width: 100%; height: 100%; background: #fff;}
/* 공통 타이틀 */
.tit{text-align: center; margin-bottom:66px;}
.tit h3{font-family: 'Ubuntu', sans-serif; font-weight:bold; font-size:60px; color: #222;}
.tit p{font-weight:300; font-size:18px; color: #444; margin-top:26px;}
.tit.l{text-align: left; margin-bottom:0;}
.tit.c h3{color: #fff;}
.tit.c p{color: #fff;}
/* 공통 슬라이드 닷 */
.slide_ui .slide_dot{position:relative; top: 0; display:inline-block; vertical-align: middle; margin-right: 30px;}
.slide_ui .slide_dot li{display:inline-block; vertical-align: middle; width: 5px; height: 5px; background: #fff; border-radius:50%; margin-right: 24px; box-sizing:border-box; border:1px solid #fff; transition:0.4s}
.slide_ui .slide_dot li:last-of-type{margin-right: 0;}
.slide_ui .slide_dot li button{display:inline-block; background: none; border:none; outline:none; font-size:0; padding: 0; box-sizing:border-box} 
.slide_ui .slide_dot li.slick-active{width: 20px; height: 20px; background: none;}
/* 풀페이지 네비 */
.m_nav{position:fixed; top: 50%; transform:translateY(-50%); right: 20px; z-index: 400;}
.m_nav li{position:relative; font-family: 'Ubuntu', sans-serif; font-size:12px; color: #fff; padding: 10px 0 10px 20px; cursor: pointer; margin-bottom:10px;}
.m_nav li span{opacity: 0; transition: 0.3s;}
.m_nav li:last-of-type{margin-bottom:0;}
.m_nav li::before{content:""; position:absolute; left: 2px; top:50%; transform:translateY(-50%); width: 5px; height: 5px; background: #fff; border-radius:50%; transition: 0.3s; z-index: 10;}
.m_nav li:hover span,
.m_nav li.on span{opacity: 1;}
.m_nav li:hover::before,
.m_nav li.on::before{width: 16px; height: 16px; left: -4px;}
.m_nav.on li{color: #333;}
.m_nav.on li::before{background: #333;}
/* 스크롤 */
.scroll{position:fixed; bottom: 44px; right: 20px; text-align: center; z-index: 100; cursor: pointer;padding: 0 20px;}
.scroll .bg_txt{width: 11px; height: 75px; background:url(/img/main/icon_scroll_txt.png) 50% 50% no-repeat; background-size:cover; margin: 0 auto 12px; animation:scrollUpDown 2s infinite alternate; transition:0.4s}
.scroll .icon{width: 15px; height: 27px; background:url(/img/main/icon_scroll.png) 50% 50% no-repeat; background-size:cover; margin: 0 auto; transition:0.4s}
.scroll.on .bg_txt{background:url(/img/main/icon_scroll_txt_on.png) 50% 50% no-repeat; background-size:cover;}
.scroll.on .icon{background:url(/img/main/icon_scroll_on.png) 50% 50% no-repeat; background-size:cover;}

/* -------- mv -------- */	
.mv{position:relative; }
.mv .slide_ctn{overflow: hidden;}
.mv .slide_ctn .img{width: 100%; height: 100vh;}
.mv .slide_ctn .img01{background:url(/img/main/mv01.jpg) 50% 50% no-repeat; background-size:cover}
.mv .slide_ctn .img02{background:url(/img/main/mv02.jpg) 50% 50% no-repeat; background-size:cover}
.mv .slide_item{position:absolute; width: 100%; max-width:1400px; top: 50%; left: 260px; transform:translateY(-50%);}
.mv .slide_item .slide_txt .item{}
.mv .slide_item .slide_txt .item h3{font-family: 'Ubuntu', sans-serif; font-weight:bold; font-size:70px; letter-spacing:-0.015em; color: #fff; overflow: hidden; margin-bottom:6px; overflow: hidden;}
.mv .slide_item .slide_txt .item h3:last-of-type{color: #00c73c; margin-bottom:0;}
.mv .slide_item .slide_txt .item p span,
.mv .slide_item .slide_txt .item h3 span{display:inline-block; }
.mv .slide_item .slide_txt .item p{font-family: 'Jost', sans-serif; font-weight:300; font-size:22px; letter-spacing:-0.015em; color: #fff; margin-top:32px;}
.mv .slide_item .slide_ui{margin-top:62px;}
.mv .slide_item .slide_ui .slide_dot{position:relative; top: 0; display:inline-block; vertical-align: middle; margin-right: 30px;}
.mv .slide_item .slide_ui .slide_dot li{display:inline-block; vertical-align: middle; width: 5px; height: 5px; background: #fff; border-radius:50%; margin-right: 24px; box-sizing:border-box; border:1px solid #fff; transition:0.4s}
.mv .slide_item .slide_ui .slide_dot li:last-of-type{margin-right: 0;}
.mv .slide_item .slide_ui .slide_dot li button{display:inline-block; background: none; border:none; outline:none; font-size:0; padding: 0; box-sizing:border-box} 
.mv .slide_item .slide_ui .slide_dot li.slick-active{width: 20px; height: 20px; background: none;}
.mv .slide_item .slide_ui .slide_btn{position:relative; top: -1px; display:inline-block; vertical-align: middle;}
.mv .slide_item .slide_ui .slide_btn .prev{position:relative; }
.mv .slide_item .slide_ui .slide_btn .prev::after{content:""; position:absolute; top:10px; right: -3px; width: 1px; height: 8px; background: #fff; opacity: 0.5;}
.mv .slide_item .slide_ui .slide_btn div{display:inline-block; vertical-align: top; padding: 6px; cursor: pointer;}
.mv .slide_item .slide_ui .slide_btn div i{font-size:15px; color: #fff;}





/* -------- Who We Are -------- */	
.wwa{background:url(/img/main/main_bg01.jpg) 50% 50% no-repeat; background-size:cover}
.wwa .wwa_list{font-size:0;}
.wwa .wwa_list .item{display:inline-block; width: calc(12.5% - 15px); vertical-align: top; height: 425px; transition:0.8s; margin-right: 20px;  overflow: hidden;}
.wwa .wwa_list .item:last-of-type{margin-right: 0;}
.wwa .wwa_list .item .bg_box{position:relative; width: 100%; height: 100%;}
.wwa .wwa_list .item .bg_box::after{content:""; position:absolute; top: 0; right: 0; bottom: 0; left: 0; background: #000; opacity: 0.2; transition:opacity 0.3s}
.wwa .wwa_list .item .bg01{background:url(/img/main/main01.jpg) 50% 50% no-repeat; background-size:cover}
.wwa .wwa_list .item .bg02{background:url(/img/main/main02.jpg) 50% 50% no-repeat; background-size:cover}
.wwa .wwa_list .item .bg03{background:url(/img/main/main03.jpg) 50% 50% no-repeat; background-size:cover}
.wwa .wwa_list .item .bg04{background:url(/img/main/main04.jpg) 50% 50% no-repeat; background-size:cover}
.wwa .wwa_list .item .bg_box .fix{position:relative; text-align: center; padding-top:70px; z-index: 2;transition:0.3s}
.wwa .wwa_list .item .bg_box .fix h4{font-weight:500; font-size:28px; color: #fff; }
.wwa .wwa_list .item .bg_box .hover{position:absolute; top: 90px; left: 0; width: 100%;	padding-left: 66px; z-index: -1; opacity: 0;}
.wwa .wwa_list .item .bg_box .hover h4{font-weight:500; font-size:32px; letter-spacing:-0.015em; color: #fff; margin-bottom:16px;}
.wwa .wwa_list .item .bg_box .hover p{font-weight:300; font-size:16px; color: #fff; line-height:1.4em}
.wwa .wwa_list .item .bg_box .hover .view_btn{margin-top:34px;}
.wwa .wwa_list .item .bg_box .hover .view_btn a{font-family: 'Ubuntu', sans-serif; font-size:13px; color: #fff; display:inline-block; padding: 10px 0;}
.wwa .wwa_list .item .bg_box .hover .view_btn a .icon_arrow{position:relative; top: -2px; display:inline-block; width: 28px; height: 4px; vertical-align:middle; background:url(/img/common/icon_arrow02.png) 50% 50% no-repeat; background-size:cover; margin-left: 10px;}
.wwa .wwa_list .item .bg_box .hover .view_btn a .icon_arrow::after{content:""; position:absolute; right: -8px; top: -8px; width: 22px; height: 22px; background: #0bb852; border-radius:50%; z-index: -1;}


/* on */
.wwa .wwa_list .item.on{width:calc(62.5% - 15px);}
.wwa .wwa_list .item.on .bg_box::after{opacity: 0;}
.wwa .wwa_list .item.on .bg_box .fix{opacity: 0;}
.wwa .wwa_list .item.on .bg_box .hover{opacity: 1; z-index: 2;}
.wwa .wwa_list .item.on .bg_box .hover h4{animation:hoverRight 0.8s 0.4s both}
.wwa .wwa_list .item.on .bg_box .hover p{animation:hoverRight 0.8s 0.5s both}
.wwa .wwa_list .item.on .bg_box .hover .view_btn{animation:hoverRight 0.8s 0.6s both}


/* -------- Product -------- */
.m_product{background:url(/img/main/main_bg02.jpg) 50% 50% no-repeat; background-size:cover}
.m_product .slide_wrap{}
.m_product .slide_wrap .slide_ctn{height: 262px;}
.m_product .slide_wrap .slide_ctn .slick-list{margin: 0 -20px; height: 100%;}
.m_product .slide_wrap .slide_ctn .slick-track{height: 100%;}
.m_product .slide_wrap .slide_ctn .item{position: relative; top: 50%; transform:translateY(-50%); background: #fff; z-index: 1; padding: 60px 46px; margin: 0 27px; height: 230px; box-sizing:border-box; transition:0.8s 0.2s}
.m_product .slide_wrap .slide_ctn .item a{position:absolute; top: 0; right: 0; bottom: 0; left: 0;}
.m_product .slide_wrap .slide_ctn .item h4{font-family: 'Ubuntu', sans-serif; font-size:30px; letter-spacing:-0.015em; color: #222; font-weight:500; line-height:1.2em; transition:0.8s 0.2s}
.m_product .slide_wrap .slide_ctn .item .view_btn{margin-top:38px;}
.m_product .slide_wrap .slide_ctn .item .view_btn p{position:relative; font-family: 'Ubuntu', sans-serif; font-size:13px; color: #fff; display:inline-block; padding: 10px 0; z-index: 2; transition:0.8s 0.2s}
.m_product .slide_wrap .slide_ctn .item .view_btn p span{display:inline-block; vertical-align: top; overflow: hidden;width: 0; position:relative; z-index: 2; transition:0.8s 0.2s}
.m_product .slide_wrap .slide_ctn .item .view_btn p .icon_arrow{position:relative; top: -2px; display:inline-block; width: 23px; height: 4px; vertical-align:middle; background:url(/img/common/icon_arrow03.png) 50% 50% no-repeat; background-size:cover; transition:0.8s 0.2s}
.m_product .slide_wrap .slide_ctn .item .view_btn p .icon_arrow::before{content:""; position:absolute; right: -8px; top: -8px; width: 22px; height: 22px; background: #e5e5e5; border-radius:50%; z-index: -1; transition:0.8s 0.2s}
.m_product .slide_wrap .slide_ui{margin-top:80px; text-align: center;}
.m_product .slide_wrap .slide_ui div{display:inline-block; vertical-align: middle; padding: 6px; cursor: pointer;}
.m_product .slide_wrap .slide_ui div i{font-size:15px; color: #fff; opacity: 0.5;}
.m_product .slide_wrap .slide_ui .slide_dot{display:inline-block; vertical-align: middle; text-align: center; height: 20px; margin-right: 0; cursor: default;}
.m_product .slide_wrap .slide_ui .slide_dot li{ opacity: 0.5;}


/* on */
.m_product .slide_wrap .slide_ctn .item.slick-now{background: #00c73c; max-height: none; height: 262px;}
.m_product .slide_wrap .slide_ctn .item.slick-now h4{color: #fff;}
.m_product .slide_wrap .slide_ctn .item.slick-now .view_btn p{color: #fff;}
.m_product .slide_wrap .slide_ctn .item.slick-now .view_btn p span{width: 40px;}
.m_product .slide_wrap .slide_ctn .item.slick-now .view_btn p .icon_arrow{background:url(/img/common/icon_arrow04.png) 50% 50% no-repeat; background-size:cover;}
.m_product .slide_wrap .slide_ctn .item.slick-now .view_btn p .icon_arrow::before{background: #fff; opacity: 0.4;}

/* -------- PR Center -------- */	
.prc{background:url(/img/main/main_bg03.jpg) 50% 50% no-repeat; background-size:cover}
.prc .cont{font-size:0;}
.prc .cont .media{display:inline-block; vertical-align: top; margin-right: 74px; padding-right: 74px; border-right: 1px solid #e5e5e5; width: 38.2%;}
.prc .cont .media > h4{position:relative; font-family: 'Ubuntu', sans-serif; font-weight:500; font-size:28px; letter-spacing:-0.025em; color: #333; margin-bottom:25px;}
.prc .cont .media > h4 i{position: absolute; top: 50%; right: 0; transform:translateY(-50%); font-size:15px; color: #b2b4b4;}
.prc .cont .media .video_ctn{}
.prc .cont .media .video_ctn .img{position:relative; padding-bottom:56%; overflow: hidden;}
.prc .cont .media .video_ctn .img img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);max-width:inherit; height: 100%;}
.prc .cont .media .video_ctn .img .icon{position:absolute; width: 76px; height: 76px; top: 50%; left: 50%; transform:translate(-50%,-50%); cursor: pointer; transition:0.3s}
.prc .cont .media .video_ctn .img .icon img{}
.prc .cont .media .txt{margin-top:30px;}
.prc .cont .media .txt h4{font-weight:500; font-size:19px; color: #222; margin-bottom:15px;}
.prc .cont .media .txt p{font-size:14px; color: #999; letter-spacing:-0.015em;}
.prc .cont .catalog{display:inline-block; width: calc(61.8% - 149px); vertical-align: top;}
.prc .cont .catalog > h4{position:relative; font-family: 'Ubuntu', sans-serif; font-weight:500; font-size:28px; letter-spacing:-0.025em; color: #333; margin-bottom:25px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.prc .cont .catalog > h4 a{position: absolute; top: 50%; right: 0; transform:translateY(-50%); font-size:15px; color: #b2b4b4; z-index: 1;}
.prc .cont .catalog > h4 a .icon_arrow{position:relative; top: 7px; display:inline-block; vertical-align: top; background:url(/img/common/icon_arrow.png) 50% 50% no-repeat; background-size:cover; width: 18px; height: 4px; margin-left: 6px;}
.prc .cont .catalog .item{position:relative; display:inline-block; vertical-align: top; width: 30.3%; margin-right: 4.5%;}
.prc .cont .catalog .item a{position:absolute; top: 0; right: 0; bottom: 0; left: 0;}
.prc .cont .catalog .item:last-of-type{margin-right: 0;}
.prc .cont .catalog .item figure{position:relative; padding-bottom:139%; overflow: hidden; border:1px solid #dfe7e9; box-sizing:border-box;}
.prc .cont .catalog .item figure img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);max-width:inherit; height: 100%; transition:0.3s}
.prc .cont .catalog .item .txt{margin-top:30px;}
.prc .cont .catalog .item .txt h4{font-weight:500; font-size:19px; color: #222; margin-bottom:15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.prc .cont .catalog .item .txt p{font-size:14px; color: #999; letter-spacing:-0.015em;}

/* hover */	
.prc .cont .media .video_ctn .img .icon:hover{transform:translate(-50%,-50%) scale(1.05);}
.prc .cont .catalog .item:hover figure img{transform:translate(-50%,-50%) scale(1.1);}

/* -------- Contact Us -------- */
.m_contact{background:url(/img/main/main_bg04.jpg) 50% 50% no-repeat; background-size:cover; font-size:0;}
.m_contact .tit{display:inline-block; vertical-align: top; width: 500px; margin-top:80px;}
.m_contact .tit p{line-height:1.7em}
.m_contact .box_grid{display:inline-block; vertical-align: top; width: calc(100% - 500px);}
.m_contact .box_grid .item{position:relative; display:inline-block; width: 100%; max-width:300px; vertical-align: top;box-sizing:border-box; padding: 55px 38px; border:1px solid #ffffff20; text-align: right; transition:0.4s;}
.m_contact .box_grid .item:nth-of-type(2){margin-right: 300px;}

.m_contact .box_grid .item a{position:absolute; top: 0; right: 0; bottom: 0; left: 0;}
.m_contact .box_grid .item p{font-family: 'Ubuntu', sans-serif; font-weight:300; font-size:15px; color: #fff; letter-spacing:-0.015em; opacity: 0.5; text-align: left; margin-bottom:24px; transition:0.4s;}
.m_contact .box_grid .item h4{font-weight:500; font-size:30px; letter-spacing:-0.015em; color: #fff; text-align: left; transition:0.4s;}
.m_contact .box_grid .item .view_btn{margin-top:95px;}
.m_contact .box_grid .item .view_btn p{position:relative; font-family: 'Ubuntu', sans-serif; font-size:13px; color: #fff; display:inline-block; z-index: 2; transition:0.4s; margin-bottom:0;}
.m_contact .box_grid .item .view_btn p span{display:inline-block; vertical-align: top; position:relative; z-index: 2; transition:0.4s}
.m_contact .box_grid .item .view_btn p .icon_arrow{position:relative; top: -2px; display:inline-block; width: 23px; height: 4px; vertical-align:middle; background:url(/img/common/icon_arrow03.png) 50% 50% no-repeat; background-size:cover; transition:0.4s; margin-left: 10px;}
.m_contact .box_grid .item .view_btn p .icon_arrow::before{content:""; position:absolute; right: -8px; top: -8px; width: 22px; height: 22px; background: #565759; border-radius:50%; z-index: -1; transition:0.4s}
.m_contact .box_grid .item.w100{display:block; margin: 0 auto; max-width:302px; top: 1px;}

/* icon */
.m_contact .box_grid .item:nth-of-type(1)::after{content:""; position:absolute; bottom: -1px; left: -4px; width: 7px; height: 1px; background: #fff; z-index: 4;}
.m_contact .box_grid .item:nth-of-type(1)::before{content:""; position:absolute; bottom: -1px; right: -4px; width: 7px; height: 1px; background: #fff; z-index: 4;}
.m_contact .box_grid .item:nth-of-type(2)::before{content:""; position:absolute; top: -4px; right: -1px; width: 1px; height: 7px; background: #fff; z-index: 4;}
.m_contact .box_grid .item:nth-of-type(3)::before{content:""; position:absolute; top: -4px; left: -1px; width: 1px; height: 7px; background: #fff; z-index: 4;}

/* hover */
.m_contact .box_grid .item:hover{background: #03b538; border:1px solid #03b538}
.m_contact .box_grid .item:hover p{color: #fff;}
.m_contact .box_grid .item:hover h4{color: #fff ;}
.m_contact .box_grid .item:hover .view_btn p{color: #fff; opacity: 1;}
.m_contact .box_grid .item:hover .view_btn p .icon_arrow{background:url(/img/common/icon_arrow04.png) 50% 50% no-repeat; background-size:cover;}
.m_contact .box_grid .item:hover .view_btn p .icon_arrow::before{background: #fff; opacity: 0.4;}

/* -------- animation -------- */
/* tit */
.section.f_on .tit h3{animation:fadeUp 0.8s 0.4s both}
.section.f_on .tit p{animation:fadeUp 0.9s 0.5s both}

/* mv */
.mv .slide_ctn .img.slick-active{animation:zoom 6s 0.3s both}
.mv .slide_item .slide_txt .item.slick-active h3 span{animation:up 1s 0.3s both}
.mv .slide_item .slide_txt .item.slick-active p span{animation:up 1.1s 0.4s both}
/* Who We Are */
.wwa.f_on .wwa_list .item{animation:fade 1s 0.8s both}
.wwa.f_on .wwa_list .item:nth-of-type(2){animation:fade 1s 1s both}
.wwa.f_on .wwa_list .item:nth-of-type(3){animation:fade 1s 1.2s both}
.wwa.f_on .wwa_list .item:nth-of-type(4){animation:fade 1s 1.4s both}
/* PR Center */
.prc.f_on .cont .media > h4{animation:fade 1s 0.8s both}
.prc.f_on .cont .media .video_ctn .img{animation:hoverRight 1s 1s both}
.prc.f_on .cont .media .txt{animation:fadeUp 1s 1s both}
.prc.f_on .cont .catalog > h4{animation:fade 1s 0.8s both}
.prc.f_on .cont .catalog .item{animation:fade 1s 1s both}
.prc.f_on .cont .catalog .item:nth-of-type(2){animation:fade 1s 1.2s both}
.prc.f_on .cont .catalog .item:nth-of-type(3){animation:fade 1s 1.4s both}
/* Contact Us */
.m_contact.f_on .box_grid .item{animation:fadeUp 1s 1s both}
.m_contact.f_on .box_grid .item:nth-of-type(2){animation:fadeUp 1s 1.2s both}
.m_contact.f_on .box_grid .item:nth-of-type(3){animation:fadeUp 1s 1.2s both}




/* media
------------------------------------------------------ */

@media screen and (max-height: 800px){
	.w1400{zoom:0.85}
	.m_nav{right: 9px;}
	.m_nav li{font-size:10px;}
	.scroll{right: 10px;}

}

@media screen and (max-width:1700px){
	.mv .slide_item{left: 70px;}
}

@media screen and (max-width:1400px){
	.w1400{padding: 0 16px;}
	
	.tit{margin-bottom:56px;}
	.tit h3{font-size:44px;}
	.tit p{font-size:18px; margin-top:16px;}

	.mv .slide_item .slide_txt .item h3{font-size:50px;}
	.mv .slide_item .slide_txt .item p{font-size:20px;}
	
	.m_product .slide_wrap .slide_ctn .item{padding: 60px 24px;}
	.m_product .slide_wrap .slide_ctn .item h4{font-size:26px;}

	.prc .cont .media{margin-right: 45px; padding-right: 45px;}
	.prc .cont .catalog{width: calc(61.8% - 196px);}
	
	.m_contact .box_grid .item.w100{margin: 0; margin-left: 300px; max-width:300px;}
	.m_contact .box_grid .item:nth-of-type(1)::before{width: 4px; right: 0;}
	.m_contact .box_grid .item:nth-of-type(2){margin-right: 0;}
	.m_contact .box_grid .item:nth-of-type(2)::before{right: -2px;}
	.m_contact .box_grid .item:nth-of-type(3)::before{left: auto; right: 0;}

	
}

/* 새작업 */
@media screen and (max-width:1200px){
	.w1400{zoom:1}
	.m_nav{display:none !important; }

	.m_contact .tit,
	.tit{margin-bottom:40px;}
	.tit h3{font-size:38px;}
	.tit p{font-size:16px;}

	.mv .slide_item{left: 16px; top:56%}
	.mv .slide_item .slide_txt .item p{margin-top:12px;}

	.wwa .wwa_list .item{width: 15%; margin-right: 0;}
	.wwa .wwa_list .item.on{width:55%;}

	.prc .cont .catalog{width: calc(61.8% - 91px); }

	.m_contact .fp_tableCell{padding-top: 80px; box-sizing:border-box;}
	.m_contact .tit{width: 100%; text-align: center; margin-top: 0;}
	.m_contact .box_grid{text-align: center; width: 100%;}

	.m_contact .box_grid .item{width: 100%; max-width:none; padding: 26px 40px;}
	.m_contact .box_grid .item:nth-of-type(1)::after,
	.m_contact .box_grid .item:nth-of-type(1)::before{display:none}
	.m_contact .box_grid .item:nth-of-type(2){margin-right: 0;}
	.m_contact .box_grid .item:nth-of-type(2)::before{display:none}
	.m_contact .box_grid .item:nth-of-type(3)::before{display:none}
	.m_contact .box_grid .item.w100{margin: 0; max-width:none;}
	.m_contact .box_grid .item .view_btn{margin-top:20px;}
	.m_contact .box_grid .item p{margin-bottom:10px;}
	
}

@media screen and (max-width:1000px){
	.mv .slide_item{top: 45%;}
	.mv .slide_item .slide_txt .item h3{font-size:40px;}
	.mv .slide_item .slide_txt .item p{font-size:16px;}
	
	.wwa .wwa_list .item .bg_box .fix{padding-top: 60px;}
	.wwa .wwa_list .item .bg_box .fix h4{font-size:20px;}
	.wwa .wwa_list .item .bg_box .hover{top: 60px; padding-left: 40px;}

	.m_product .slide_wrap .slide_ctn .item{margin: 0 10px; padding: 30px 24px;}
	.m_product .slide_wrap .slide_ctn .slick-list{margin: 0;}
	
	/*.prc .cont .media{width: 100%; margin-right: 0; padding-right: 0; margin-bottom:40px; border-right: none;}
	.prc .cont .catalog{width: 100%}*/
	
	.video_box .po_box{box-sizing:border-box; padding: 0 16px; width: 100%;	 height: 400px;}
}

@media screen and (max-width:800px){
	.wwa .wwa_list .item .bg_box .hover{padding-left: 16px; box-sizing:border-box;}
	.wwa .wwa_list .item.on .bg_box .hover h4{font-size:24px;}
	.wwa .wwa_list .item.on .bg_box .hover p{font-size:15px; padding-right: 16px; word-break:keep-all}
	.wwa .wwa_list .item.on .bg_box .hover p br{display:none; }

	.m_product .slide_wrap .slide_ui{margin-top:40px;}
	.m_product .slide_wrap .slide_ctn .item{padding: 60px 24px;}
	
	.prc .cont .media{margin-bottom:26px;}

	.prc .cont .media > h4,
	.prc .cont .catalog > h4{font-size:24px;}
	.prc .cont .catalog .item .txt,
	.prc .cont .media .txt{margin-top:18px;}
	.prc .cont .catalog .item .txt h4,
	.prc .cont .media .txt h4{font-size:17px; margin-bottom:10px;}
	
	.m_contact .tit{margin-bottom:36px;}
	.m_contact .box_grid .item{padding: 26px 40px 30px;}
	.m_contact .box_grid .item h4{font-size:20px;}
	.m_contact .box_grid .item .view_btn{position:absolute; bottom: 30px; right: 40px;}

	.video_box .po_box{height: 350px; top: 50%;}

}

@media screen and (max-width:639px){
	.prc .tit{display:none; }
	.prc .fp-tableCell{box-sizing:border-box; padding-top: 80px;	}
	.prc .cont .media{width: 100%; margin-right: 0; padding-right: 0; margin-bottom:40px; border-right: none;}
	.prc .cont .catalog{width: 100%}
	.prc .cont .media .video_ctn .img{padding-bottom: 35%;}
	.prc .cont .catalog .item figure{padding-bottom:137%;}
}

@media screen and (max-width:500px){
	
	.m_contact .box_grid .item{padding: 26px 20px}
	.m_contact .box_grid .item .view_btn{ right: 20px;}
	
	.prc .w1400{zoom:0.75}	
}

/* 원본 */
/*@media screen and (max-width:1200px){
	.w1400{zoom:1}
	.wrap{overflow: hidden;}
	.m_nav{display:none !important; }
	.scroll{display:none !important; }
	.section{padding: 80px 0;}
	.section.mv{padding: 0;}
	.section.footer{padding:40px 16px 80px}

	.mv .slide_ctn .img{height: 70vh;}
	.mv .slide_item{left: 16px; top:56%}
	.mv .slide_item .slide_txt .item p{margin-top:12px;}

	.wwa .wwa_list .item{width: 15%; margin-right: 0;}
	.wwa .wwa_list .item.on{width:55%;}

	.prc .cont .catalog{width: calc(61.8% - 91px); }
	
	.m_contact .tit{width: 100%; text-align: center; margin-top: 0; margin-bottom:56px;}
	.m_contact .box_grid{text-align: center; width: 100%;}

	.m_contact .box_grid .item.w100{margin: 0 auto; max-width:302px;}
	.m_contact .box_grid .item:nth-of-type(1)::before{width: 7px; right: -4px;}
	.m_contact .box_grid .item:nth-of-type(2){margin-right: 300px;}
	.m_contact .box_grid .item:nth-of-type(2)::before{right: -1px;}
	.m_contact .box_grid .item:nth-of-type(3)::before{left: -1px; right: auto;}
	

	.m_ani{opacity: 0;}
	.section .tit h3.ani{animation:fadeUp 0.8s 0.1s both}
	.section .tit p.ani{animation:fadeUp 0.9s 0.2s both}

	.wwa .wwa_list .item.ani{animation:fade 1s 0.1s both}
	.wwa .wwa_list .item.ani:nth-of-type(2){animation:fade 1s 0.3s both}
	.wwa .wwa_list .item.ani:nth-of-type(3){animation:fade 1s 0.5s both}
	.wwa .wwa_list .item.ani:nth-of-type(4){animation:fade 1s 0.7s both}

	.prc .cont .media > h4.ani{animation:fade 1s 0.1s both}
	.prc .cont .media .video_ctn .img.ani{animation:hoverRight 1s 0.2s both}
	.prc .cont .media .txt.ani{animation:fadeUp 1s 0.2s both}
	.prc .cont .catalog > h4.ani{animation:fade 1s 0.1s both}
	.prc .cont .catalog .item.ani{animation:fade 1s 0.2s both}
	.prc .cont .catalog .item.ani:nth-of-type(2){animation:fade 1s 0.2s both}
	.prc .cont .catalog .item.ani:nth-of-type(3){animation:fade 1s 0.2s both}

	.m_contact .box_grid .item.ani{animation:fadeUp 1s 0.1s both}
	.m_contact .box_grid .item.ani:nth-of-type(2){animation:fadeUp 1s 0.2s both}
	.m_contact .box_grid .item.ani:nth-of-type(3){animation:fadeUp 1s 0.2s both}
	

}


@media screen and (max-width:1000px){
	.section{padding: 60px 0;}
	.section.mv{overflow: hidden;}
	.section.footer{padding: 30px 16px 50px}

	.mv .slide_ctn .img{height: 60vh; height: calc(var(--vh, 1vh) * 60); }
	.mv .slide_item{top: 60%;}
	.mv .slide_item .slide_txt .item h3{font-size:40px;}
	.mv .slide_item .slide_txt .item p{font-size:16px;}
	
	.wwa .wwa_list .item .bg_box .fix{padding-top: 60px;}
	.wwa .wwa_list .item .bg_box .fix h4{font-size:20px;}
	.wwa .wwa_list .item .bg_box .hover{top: 60px; padding-left: 40px;}

	.m_product .slide_wrap .slide_ctn .item{margin: 0 10px; padding: 30px 24px;}
	.m_product .slide_wrap .slide_ctn .slick-list{margin: 0;}
	
	.prc .cont .media{width: 100%; margin-right: 0; padding-right: 0; margin-bottom:40px; border-right: none;}
	.prc .cont .catalog{width: 100%}
	
	.m_contact .box_grid .item{width: 100%; max-width:none; padding: 26px 40px;}
	.m_contact .box_grid .item:nth-of-type(1)::after,
	.m_contact .box_grid .item:nth-of-type(1)::before{display:none}
	.m_contact .box_grid .item:nth-of-type(2){margin-right: 0;}
	.m_contact .box_grid .item:nth-of-type(2)::before{display:none}
	.m_contact .box_grid .item:nth-of-type(3)::before{display:none}
	.m_contact .box_grid .item.w100{margin: 0; max-width:none;}
	.m_contact .box_grid .item .view_btn{margin-top:20px;}
	.m_contact .box_grid .item p{margin-bottom:10px;}
	
	.video_box .po_box{box-sizing:border-box; padding: 0 16px; width: 100%;	 height: 400px;}
}


@media screen and (max-width:800px){
	.tit p{font-size:16px;}

	.wwa .wwa_list .item .bg_box .hover{padding-left: 16px; box-sizing:border-box;}
	.wwa .wwa_list .item.on .bg_box .hover h4{font-size:24px;}
	.wwa .wwa_list .item.on .bg_box .hover p{font-size:15px; padding-right: 16px; word-break:keep-all}
	.wwa .wwa_list .item.on .bg_box .hover p br{display:none; }

	.m_product .slide_wrap .slide_ui{margin-top:40px;}
	.m_product .slide_wrap .slide_ctn .item{padding: 60px 24px;}
	
	.prc .cont .media{margin-bottom:26px;}

	.prc .cont .media > h4,
	.prc .cont .catalog > h4{font-size:24px;}
	.prc .cont .catalog .item .txt,
	.prc .cont .media .txt{margin-top:18px;}
	.prc .cont .catalog .item .txt h4,
	.prc .cont .media .txt h4{font-size:17px; margin-bottom:10px;}
	
	.m_contact .tit{margin-bottom:36px;}
	.m_contact .box_grid .item{padding: 26px 40px 30px;}
	.m_contact .box_grid .item h4{font-size:20px;}
	.m_contact .box_grid .item .view_btn{position:absolute; bottom: 30px; right: 40px;}

	.video_box .po_box{height: 350px; top: 50%;}

}

@media screen and (max-width:500px){
	
	.m_contact .box_grid .item{padding: 26px 20px}
	.m_contact .box_grid .item .view_btn{ right: 20px;}
}*/

