.mainWrap{position:relative;width:100%;margin:0 auto;min-width:1180px;height:100%; overflow:hidden;}
.sectionWrap{position:absolute; left:0; top:0; width: 100%;}
.section{position:relative;}
/*
.section .sectionCon{position:absolute;left:50%;top:50%;width:1008px; height: 600px;margin:-300px 0 0 -504px;}
.small .section .sectionCon{height: 610px;margin:-305px 0 0 -490px;}
*/

/*
.section03{background: #fff;}
.section04{background: #f1f1f1 url('../image/main/dbg.png') no-repeat right bottom;}
*/
.section00 {position:relative;}
.section00 .section00Wrap{overflow: hidden;width:100%;height:100%; box-sizing:border-box; position: relative;}

.scr_box{position:fixed;right:calc((100% - 1720px) / 2);top:50%;transform: translateY(-50%);z-index:91;}

.mainStep{position:fixed;left:calc((100% - 1720px) / 2);top:50%;transform: translateY(-50%);z-index:91;}
.mainStep li{position:relative;margin-bottom:40px;text-align:center;}
.mainStep li:last-child{margin-bottom:0;}
.mainStep li a{display:inline-block;width: 9px;height: 9px;border-radius: 100%;box-sizing: border-box;border: 1px solid #fff;}
.mainStep li.home a{width: 14px;height: 15px;border: 0;background: url(../image/main/ch.png) no-repeat center center;border-radius: 0;}
.mainStep li.on a{border: 1px solid #653d3d;background:#653d3d;}
.mainStep li.home.on a{border:0;background:url(../image/main/ch2.png) no-repeat center center;}

.nw_mvsl{position: relative;width:100%;margin:0 auto;}
.mvsl_sld > li{overflow: hidden;height:100vh;min-height:500px;}
/*.mvsl_sld > li.bg1 > span{background: url(../image/main/m_vsl1.jpg) no-repeat center center; background-size: cover;}
.mvsl_sld > li.bg2 > span{background: url(../image/main/m_vsl2.jpg) no-repeat center center; background-size: cover;}
.mvsl_sld > li.bg3 > span{background: url(../image/main/m_vsl3.jpg) no-repeat center center; background-size: cover;}
.mvsl_sld > li.bg4 > span{background: url(../image/main/m_vsl4.jpg) no-repeat center center; background-size: cover;}*/

.nw_mvsl .bx-controls{text-align: center;}
.nw_mvsl .bx-controls a{ font-size: 0; }
.nw_mvsl .bx-pager{display: none;}
.nw_mvsl .bx-controls-direction{display: none;position: absolute;left:calc((100% - 1180px) / 2 + 490px);bottom: calc((100vh - 520px) / 2 - 75px);z-index: 52;font-size:0;}
.nw_mvsl .bx-controls-direction a{display: inline-block;font-size:0;width: 50px; height: 50px;}
.nw_mvsl .bx-prev{background: url(../image/main/mvs_prev.png) 0 0 no-repeat;}
.nw_mvsl .bx-next{background: url(../image/main/mvs_next.png) 0 0 no-repeat;}
.nw_mvsl .bx-controls-auto-item{display:none;}
.nw_mvsl .bx-controls-auto-item a{display: none; width: 24px; height: 24px;}

.nw_mvsl .wid{width: calc(100% - 30px);max-width:1180px;margin:0 auto;height: 100vh;display: flex;align-items:center;position:relative;z-index:9;}
.nw_mvsl .wid > .all_txt{width: 100%;padding-top: 20px;}
.nw_mvsl .wid > .all_txt > p.txt{font-size: 16px;color: #715758;font-weight: 300;line-height: 1;}
.nw_mvsl .wid > .all_txt > p.tit{margin: 23px 0 40px;font-size: 30px;color: #fff;font-weight: 400;line-height: 1.4;}
.nw_mvsl .wid > .all_txt > a.bn{display: inline-block;width: 160px;line-height:45px;background: #653d3d;text-align:center;font-size:15px;color:#fff;}


.mvsl_sld > li > span{display: block;position: absolute; top: 0; left:0; right:0; bottom:0; width: 100%;height: 100%; z-index: -1;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	opacity: 1;
	-ms-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-webkit-transition:transform 7s ease-out, opacity 1s ease 0.3s;
	transition:transform 7s ease-out, opacity 1s ease 0.3s;
}
.mvsl_sld > li.on > span.sc{
	z-index: 1;
	opacity: 1;
	-ms-transform: scale(1, 1) rotate(.001deg);
	-webkit-transform: scale(1, 1) rotate(.001deg);
	transform: scale(1, 1) rotate(.001deg);
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.nw_mvsl .motion{opacity:0; display:block; position:relative;  transition: all 0.5s ease-out;word-break:break-all;}
.nw_mvsl .motion.ac{opacity:1;word-break:break-all;}
.nw_mvsl .motion1{
	-webkit-transform:translate3d(-10px,0,0);
	-moz-transform:translate3d(-10px,0,0);
	-ms-transform:translate3d(-10px,0,0);
	-o-transform:translate3d(-10px,0,0);
	transform:translate3d(-10px,0,0);
	word-break:break-all;
}
.nw_mvsl .motion1.ac{
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	-o-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
	word-break:break-all;
}
.nw_mvsl .motion2{
	-webkit-transform:translate3d(10px,0,0);
	-moz-transform:translate3d(10px,0,0);
	-ms-transform:translate3d(10px,0,0);
	-o-transform:translate3d(10px,0,0);
	transform:translate3d(10px,0,0);
	word-break:break-all;
}
.nw_mvsl .motion2.ac{
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	-o-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
	word-break:break-all;
}



.sectionCon_full{width: 100%;height: 100%;margin:0 auto;}

.section01{background: url(../image/main/sec_bg1.jpg) no-repeat center center; background-size: cover;background-attachment:fixed;}
.section02{background: url(../image/main/sec_bg2.jpg) no-repeat center center; background-size: cover;background-attachment:fixed;}
.section03{background: #000;background-attachment:fixed;}
.section04{background: url(../image/main/sec_bg4.jpg) no-repeat center center; background-size: cover;background-attachment:fixed;}
.section05{background: url(../image/main/sec_bg5.jpg) no-repeat center center; background-size: cover;background-attachment:fixed;}
.sectionCon{width:1180px;height:100%;margin:0 auto;display:table;position:relative;}
.sectionCon > div.mcon_area{display:table-cell;vertical-align:middle;}



.msc_box{display: flex;justify-content:space-between;align-items:center;}
.msc_box > .lf{width: 48%;}
.msc_box > .rt{width: 48%;}
.msc_box > .lf > .txt1{font-size: 16px;color:#653d3d;font-weight:300;line-height:1;}
.msc_box > .lf > .txt2{margin: 22px 0;font-size: 30px;color:#fff;font-weight:400;line-height:1.4;}
.msc_box > .lf > .txt3{font-size: 17px;color:#fff;font-weight:300;line-height:1.4;}
.msc_box > .lf > ul{width:100%;max-width: 380px;margin-top: 70px;}
.msc_box > .lf > ul > li{width:100%;height:50px;display:table;}
.msc_box > .lf > ul > li > a{display:table-cell;padding:0 30px;vertical-align:middle;font-size: 15px;color:#fff;font-weight: 300;border-bottom:1px solid rgba(255,255,255,0.2);}
.msc_box > .lf > ul > li > a > span{display: block;}
.msc_box > .lf > ul > li:hover > a{background:#653d3d url(../image/main/sca.png) no-repeat right 20px center;border-bottom:0;}
.msc_box > .lf > ul > li.on > a{background:#653d3d url(../image/main/sca.png) no-repeat right 20px center;border-bottom:0;}

h3.mtitle{margin-bottom: 50px;text-align:center;font-size:30px;color:#fff;font-weight:300;line-height:1;}
.mpro_line{margin-left:-20px;margin-top:-20px;display: flex;flex-wrap:wrap;}
.mpro_line > li{margin-left:20px;margin-top:20px;width: calc(33.333333333333% - 20px);}
.mpro_line > li > a{display:block;padding: 30px 30px;box-sizing: border-box;width: 100%;background: rgba(255,255,255,0.4);transition: all 0.3s ease-in-out;}
.mpro_line > li > a > div{position: relative;height: 140px;background: url(../image/main/sp2.png) no-repeat right bottom;}
.mpro_line > li > a > div > .st{font-size:14px;color:#653d3d;font-weight:300;line-height:1;}
.mpro_line > li > a > div > .tit{margin: 14px 0 12px;font-size:20px;color:#000;font-weight:400;line-height:1;width:99%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mpro_line > li > a > div > .bt{font-size:16px;color:#000;font-weight:300;line-height:1;}
.mpro_line > li > a > div > span.sp{opacity:0;transition: all 0.3s ease-in-out;display: inline-block;position: absolute;right: 11px;bottom: 5px;font-size:15px;color:#fff;padding-right: 28px;background: url(../image/main/sp.png) no-repeat right center;}
.mpro_line > li:hover > a{background: #653d3d;}
.mpro_line > li:hover > a > div{background:none;}
.mpro_line > li:hover > a > div > p{color:#fff;}
.mpro_line > li:hover > a > div > span.sp{opacity:1;}


.mbrands-box{display:flex;width: 100%;height:100vh;flex-wrap:wrap;background: url(../image/main/mbr3_1.jpg) no-repeat center center; background-size: cover;}
.mbrands-box > li{width:50%;height: 100vh;text-align: center;display:table;border-right:1px solid #653d3d;box-sizing:border-box;}
/*.mbrands-box > li:nth-child(2){background: url(../image/main/mbr31.jpg) no-repeat center center; background-size: cover;}*/
.mbrands-box > li:last-child{border-right:0;}
.mbrands-box > li > a{position: relative;display:table-cell;vertical-align:middle;padding: 20px;overflow: hidden;}
.mbrands-box > li > a:after{transition: all 0.3s ease-in-out;content: "";position: absolute;left:0;top:0;bottom:0;width: 100%;background:#151515;}
.mbrands-box > li > a > div{position: relative;z-index:1;}
.mbrands-box > li:hover > a:after{width: 0;}


.mslid_box{width:100%;margin:0 auto;max-width:1180px;position:relative;}
.mslid_box .swiper-container{}
.mslid_box .swiper-pagination{position:absolute;left: auto;right:130px;top:-110px;bottom: auto;opacity:1 !important;font-size:18px;color:#0b44a4;}
.mslid_box .swiper-pagination.swiper-pagination-fraction{width: auto;}
.mslid_box .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0;}
.mslid_box .swiper-pagination-bullet{margin: 0;background:#1f96d5;height: 1px;background:#dfdfdf;border-radius:0;opacity:1;vertical-align:middle;}
.mslid_box .swiper-pagination-bullet-active{background:#1f96d5;height:3px;}
.mslid_box .swiper-slide > a{display: block;text-align:center;}
.mslid_box .swiper-slide > a > .img{overflow:hidden;}
.mslid_box .swiper-slide > a > .img img{width: 100%;transition: all 0.3s ease-in-out;}
.mslid_box .swiper-slide > a:hover > .img img{transform: scale(1.1) rotate(-3deg);}
.mslid_box .swiper-slide > a > .text{margin-top: 25px;}
.mslid_box .swiper-slide > a > .text > p.eng{font-size:16px;color:#715758;font-weight:300;line-height:1;width:99%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mslid_box .swiper-slide > a > .text > p.kor{margin-top:10px;font-size:18px;color:#fff;font-weight:400;line-height:1;width:99%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mslid_box .swiper-container .swiper-notification{display: none;}
.mslid_box .swiper-button-next{position:absolute;left:auto;right: -120px;top: 50%;margin-top:-65px;width: 69px;height: 69px;background: url(../image/main/slide_next.png) no-repeat center center;}
.mslid_box .swiper-button-prev{position:absolute;left:-120px;right: auto;top: 50%;margin-top:-65px;width: 69px;height: 69px;background: url(../image/main/slide_prev.png) no-repeat center center;}
.mslid_box .swiper-button-next:after ,.mslid_box .swiper-button-prev:after{display: none;}


.mcontact_area{margin-left:-20px;margin-top:-20px;display: flex;flex-wrap:wrap;}
.mcontact_area > li{margin-left:20px;margin-top:20px;width: calc(50% - 20px);box-sizing: border-box;position: relative;background:rgba(255,255,255,0.4);}
.mcontact_area > li.full{width: calc(100% - 20px);}
.mcontact_area > li > div{padding-left:130px;}
.mcontact_area > li > div input{width: 100%;height: 60px;border:0;font-size:16px;color:#676767;font-weight:100;background:none;}
.mcontact_area > li > div input::placeholder {font-size:16px;color:#dfdfdf;font-weight:100;}
.mcontact_area > li > div input::-webkit-input-placeholder {font-size:16px;color:#dfdfdf;font-weight:100;}
.mcontact_area > li > div input:-ms-input-placeholder {font-size:16px;color:#dfdfdf;font-weight:100;}
.mcontact_area > li > p{position: absolute;left: 30px;top: 20px;font-size:16px;color:#000;line-height:20px;font-weight:500;}
.mcontact_area > li > p strong{color:red;}
.mcontact_area > li > div textarea{width: 100%;padding: 20px 10px;height: 180px;box-sizing: border-box;border:0;font-size:16px;color:#dfdfdf;font-weight:100;background:none;}
.mcontact_area > li > div textarea::placeholder {font-size:16px;color:#dfdfdf;font-weight:100;}
.personal_box{margin-top:20px;background: rgba(255,255,255,0.4);padding: 30px;}
.personal_box > p.tit{margin-bottom:10px;font-size:16px;color:#000;line-height:1;}
.personal_box > p.tit span{color:#653d3d;}
.personal_box > .boxs{background: rgba(255,255,255,0.4);padding:15px 30px;display:flex;justify-content:space-between;align-items: center;}
.personal_box > .boxs > .lf{width: calc(100% - 30px);}
.personal_box > .boxs > .lf > *{display:inline-block;}
.personal_box > .boxs > .lf > p{font-size: 15px;color:#000;}
.personal_box > .boxs > .lf > a{margin-left: 25px;display: inline-block;font-size: 15px;color:#000;}
.personal_box > .boxs > .rt > span{display:inline-block;position:relative;}
.personal_box > .boxs > .rt > span > input{position: absolute;top: 0;left: 0;opacity: 0;width: 0;height: 0;}
.personal_box > .boxs > .rt > span > label{display: table-cell;font-size: 0;width:24px;height:23px;}
.personal_box > .boxs > .rt > span > input[type='checkbox'] + label{background: url('../image/main/check_off.png') no-repeat center center;}
.personal_box > .boxs > .rt > span > input[type='checkbox']:checked + label{background: url('../image/main/check_on.png') no-repeat center center;}
.personal_box > p.b_txt{margin-top:10px;font-size:15px;color:#000;font-weight:100;line-height:1;}
.rt_btnsa{text-align:center;}
.rt_btnsa button{display:inline-block;border:1px solid #fff;color:#fff;background:none;height:50px;line-height:50px;width:140px;font-size:18px;}

.mfot_area{margin-top: 55px;display:flex;justify-content:space-between;}
.mfot_area > .lfs > .add{display: flex;align-items: center;}
.mfot_area > .lfs > .add > p{font-size:26px;color:#fff;font-weight:500;line-height:1;margin-right:45px;}
.mfot_area > .lfs > .add > ul li{font-size:16px;color:#fff;font-weight:100;margin-bottom: 5px;}
.mfot_area > .lfs > .add > ul li:last-child{margin-bottom:0;}
.mfot_area > .lfs > p.cap{font-size:16px;color:#979797;font-weight:300;margin-top:20px;}
.mfot_area > .rts > div{display: inline-block;background: #653d3d;padding: 15px 40px;}
.mfot_area > .rts > div > p{font-size:20px;color:#fff;font-weight:bold;line-height:1;}
.mfot_area > .rts > div > p > span{display: inline-block;font-size:16px;font-weight:300;padding: 10px 20px 10px 35px;background: url('../image/main/tel.png') no-repeat left center;}

@media screen and (max-width:1720px){
	.mainStep{left: 10px;}
	.scr_box{right: 10px;}
	
}

@media screen and (max-width:1599px){
	.mslid_box .swiper-button-next{right: -20px;margin-top:-55px;width: 40px;height: 40px;background-size:40px;}
	.mslid_box .swiper-button-prev{left:-20px;margin-top:-55px;width: 40px;height: 40px;background-size:40px;}
	.mslid_box .swiper-button-next:after ,.mslid_box .swiper-button-prev:after{display: none;}

}

@media screen and (max-width:1180px){
	

}


@media screen and (max-width:1024px){
	.mainStep{display:none;}
	.scr_box{display:none;}
	.section{height:auto !important;}
	.mainWrap{min-width:100% !important;height:auto !important;}
	.sectionWrap{position:static; left:0; top:0; width: 100%;}
	.sectionCon{width:calc(100% - 20px);margin:0 auto;display:block;}
	.sectionCon > div.mcon_area{padding:70px 0;display:block;vertical-align:middle;}
	
	.mvsl_sld > li{height: calc(100vh - 70px);}
	.nw_mvsl .wid{height: calc(100vh - 70px);}
	.nw_mvsl .wid > .all_txt{padding-top: 0;padding-bottom: 40px;text-align: center;}
	
	.mpro_line > li{width: calc(50% - 20px);}
	.mslid_box .swiper-button-next{right: -5px;}
	.mslid_box .swiper-button-prev{left:-5px;}

	.mcontact_area > li{width: calc(100% - 20px);}
	
	.mfot_area{margin-top: 40px;display:block;text-align:center;}
	.mfot_area > .lfs > .add{display: block;}
	.mfot_area > .lfs > .add > p{font-size:24px;margin-right:0;margin-bottom: 15px;}
	.mfot_area > .rts{margin-top: 20px;}
	
}

@media screen and (max-width:767px){
	.msc_box{display: block;text-align:center;}
	.msc_box > .lf{width: auto;padding:0 10px;}
	.msc_box > .rt{width: auto;margin-top: 30px;}
	.msc_box > .lf > .txt2{margin: 15px 0;font-size: 22px;}
	.msc_box > .lf > .txt3{font-size: 16px;}
	.msc_box > .lf > p br{display: none;}
	.msc_box > .lf > ul{width:100%;max-width: 100%;margin-top: 40px;}
	h3.mtitle{margin-bottom: 35px;font-size:26px;}
	.mslid_box .swiper-slide > a > .text{margin-top: 15px;}
	.mslid_box .swiper-slide > a > .text > p.eng{font-size:14px;}
	.mslid_box .swiper-slide > a > .text > p.kor{margin-top:8px;font-size:16px;}
	
	.mbrands-box{height:400px;}
	.mbrands-box > li{width:50%;height: 200px;border-bottom:1px solid rgba(255,255,255,0.2);}
	.mbrands-box > li:nth-child(2){border-right:0;}
	.mbrands-box > li:nth-child(3){border-bottom:0;}
	.mbrands-box > li:nth-child(4){border-bottom:0;}
	
	.mcontact_area{margin-top:-10px;}
	.mcontact_area > li{margin-top:10px;width: calc(100% - 20px);}
	.mcontact_area > li > div{padding-left:100px;}
	.mcontact_area > li > div input{font-size:15px;}
	.mcontact_area > li > div input::placeholder {font-size:15px;}
	.mcontact_area > li > div input::-webkit-input-placeholder {font-size:15px;}
	.mcontact_area > li > div input:-ms-input-placeholder {font-size:15px;}
	.mcontact_area > li > p{left: 10px;}
	.personal_box{margin-top:10px;padding: 20px;}
	.personal_box > .boxs{padding: 15px;}
}

@media screen and (max-width:640px){
	

}

@media screen and (max-width:520px){
	.nw_mvsl .wid > .all_txt > p.tit{margin: 18px 0 30px;font-size: 7vw;}
	.mpro_line{margin-top:-5px;}
	.mpro_line > li{margin-top: 5px;width: calc(100% - 20px);}
	.mpro_line > li > a{padding: 20px;}
	.mpro_line > li > a > div{height: 100px;}
	.mpro_line > li > a > div > .tit{margin: 12px 0 10px;font-size:18px;;}
	
	.personal_box > .boxs > .lf > a{margin-left: 0;display:block;margin-top: 10px;}

	.mfot_area > .rts > div{padding: 10px 15px;}
	.mfot_area > .rts > div > p{font-size:18px;}
	.mfot_area > .rts > div > p > span{font-size:15px;padding: 10px 10px 10px 35px;}

}

@media screen and (max-width:350px){
	
}


