@import url('base.css');
@import url('layout.css');

html.mobile body			{ overflow:inherit; }
html.mobile .mainSection	{ height:auto; }
html.mobile .mainSectionPaging		{ display:none; }

/* 메인 센션 페이징 */
.mainSectionPaging		{ position:fixed; top:50%; right:60px; transform:translateY(-50%); }
.mainSectionPaging .paging	{ width:32px; height:100%; }
.mainSectionPaging .paging li		{ margin:20px 11px; width:10px; height:10px; border-radius:50%; background:rgba(0,0,0,.6); position:relative; transition:.5s; overflow:hidden; text-indent:-9999px; }
.mainSectionPaging .paging li:last-child	{ display:none; }
.mainSectionPaging .paging li:after	{ content:''; width:10px; height:10px; background:#000; opacity:0; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); border-radius:50%; transition:.5s; }
.mainSectionPaging .paging li.on	{ width:32px; height:32px; margin:9px 0; background:rgba(0,0,0,.3); }
.mainSectionPaging .paging li.on:after	{ opacity:1; }

body.whiteSt .mainSectionPaging .paging li			{ background:rgba(255,255,255,.6); }
body.whiteSt .mainSectionPaging .paging li:after	{ background:#fff; }
body.whiteSt .mainSectionPaging .paging li.on		{ background:rgba(255,255,255,.3); }


.mainSection	{ width: 100%; height: 100vh; overflow: hidden; position:relative;  }

.br_mo {
    display: none !important;
}

/* 메인 섹션1 */
.slick-list		{ overflow: hidden; }
.slick-slide	{ float:left; height: 100vh; background-size:cover; background-repeat: no-repeat; background-position: center; position:relative; }

.slide1			{ background-image:url(/img/main/visual1.png); }
.slide2			{ background-image:url(/img/main/visual2.png); }
.slide3			{ background-image:url(/img/main/visual3.png); }

.slide1 strong, .slide1 span, .slide1 a { color:#fde3bf; }
.slide1 a		{ border:1px solid #fde3bf; background:url(/img/main/visualBtArr_w.png) right 34px center no-repeat; }
.slide2 strong, .slide2 span, .slide2 a	{ color:#000; }
.slide2 a		{ border:1px solid #000; background:url(/img/main/visualBtArr_b.png) right 34px center no-repeat; }
.slide3 strong, .slide3 span, .slide3 a	{ color:#fff; }
.slide3 a		{ border:1px solid #fff; background:url(/img/main/visualBtArr_w.png) right 34px center no-repeat; }
.slick-slide .slide_allwrap			{ max-width:1440px; margin:0 auto; position:relative; }
.slick-slide p {
    position: absolute;
    top: 165px;
    left: 0;
    max-width: 1440px;
}
.slick-slide strong		{ font-size:70px; line-height:1.4; font-weight:500; }
.slick-slide span		{ display:block; font-size:26px; line-height:1.6; margin:20px 0 50px 0;}
.slick-slide a			{ font-size:20px; padding:19px 104px 19px 24px;}

.slick-dots		{ position:absolute; bottom:65px; left:0; width:100%; height:0; text-align:center; z-index:10; }
.slick-dots li	{ display:inline-block; margin:0 12px; }
.slick-dots li button		{ display:block; width:220px; height:5px; border:0; text-indent:-9999px; overflow:hidden; background:rgba(0,0,0,.3); transition:1s; }
.slick-dots li.slick-active button	{ background:rgba(0,0,0,.6); }
body.whiteSt .slick-dots li button	{ background:rgba(255,255,255,.3); }
body.whiteSt .slick-dots li.slick-active button	{ background:rgba(255,255,255,.6); }

/* 메인 섹션2 */
#mainSlideSection2	{ height: 100vh; background:url(/img/main/section2Bg.png) center no-repeat; background-size:cover; position:relative; }
.ms2			{ max-width:1440px; margin:0 auto; }
.ms2 .ms2Tit	{ padding:160px 0 60px; text-align:center; }
.ms2 .ms2Tit strong		{ display:block; font-size:21px; color:#353535; line-height:1.4; padding:0 0 15px; }
.video_wrap {
    margin:0 auto;
}

#video {
    position: absolute;
    top: 0px;
    left: 0px;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 1;
    overflow: hidden;
}


.video-container {
    display: none !important;
}
.ms2 .ms2VideoArea {
    max-width: 1440px;
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
}
.ms2 .ms2VideoArea iframe {
    position: absolute;
    width: 100%;
    height: 100%;
}
.ms2 .ms2Txt			{ display:block; font-size:24px; color:#353535; padding:90px 0 0; line-height:1.4; text-align:center; }
.v_text {
    position: absolute;
    top: 48%;
    left: 0;
    width: 100%;
    letter-spacing: 5px;
    text-align: center;
    color: #ffffff;
    z-index: 1;
}
.v_text span		{ display:block; font-size:48px; line-height:1.4; font-weight: 500; }

#Live {
    z-index: 0;
}


.video-container {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-container .video_mo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media screen and (max-width:1024) {
    .video_wrap {
        display: none;
    }

     

}

/* 메인 섹션3 */
#mainSlideSection3	{display: flex; justify-content: center; align-items: center;}
.ms3			{ max-width:1440px; margin:0 auto; padding:0 0 0 486px; position:relative; }
.ms3 .msTit		{ position:absolute; top:50%; left:0; transform:translateY(-50%); }
.ms3 .msTit strong		{ display:block; font-size:21px; color:#353535; line-height:1.4; padding:0 0 15px; }
.ms3 .msTit span		{ display:block; font-size:48px; color:#353535; line-height:1.4; font-weight: 500; }
.ms3 .msTit p			{ font-size:22px; color:#353535; line-height:1.4; padding:40px 0 0; }
.ms3 ul			{ float:right; width:100%; }
.ms3 ul li		{ float:left; width:calc(33.3% - 16px); }
.ms3 ul li img:nth-child(1)		{ display:block; max-height:100%; }
.ms3 ul li img:nth-child(2)		{ display:none; }
.ms3 ul li + li	{ margin-left:24px; }

/* 메인 섹션4 */
#mainSlideSection4	{ height: 100vh; background-size:cover; position:relative; display: flex; justify-content: center; align-items: center;}
#mainSlideSection4:before	{ content:''; position:absolute; top:0; right:50%; background:url(/img/main/section4Bg.png) center no-repeat; width:960px; height:100%; background-size:cover; }
.ms4			{ max-width:1440px; position:relative; z-index:1; width: 100%;}
.ms4 .ms4Left	{ float:left; width:50%; }
.ms4 .ms4Right	{ float:right; width:50%; padding-left:110px; }
.ms4 .msTit		{  }
.ms4 .msTit strong		{ display:block; font-size:21px; color:#353535; line-height:1.4; padding:0 0 15px; }
.ms4 .msTit span		{ display:block; font-size:48px; color:#353535; line-height:1.4; font-weight: 500; }
.ms4 .msTit p			{ font-size:22px; color:#353535; line-height:1.4; padding:40px 0 0; }
.ms4 .msTit a			{ display:inline-block; padding:19px 104px 19px 24px; font-size:20px; margin-top:68px; background:url(/img/main/visualBtArr_w.png) right 34px center no-repeat #353535; color:#fff; }
.ms4 .notice {
    position: relative;
    height:100%;
}
.ms4 .notice .tit		{ font-size:24px; color:#121714; font-weight:500; border-bottom:1px solid #a1a2a7; padding:1rem 0 2rem 0;}
.ms4 .notice ul			{ margin-top:0px; border-top:0px solid #a1a2a7; border-bottom:0px solid #a1a2a7; }
.ms4 .notice .main_notice_wrap			{ margin-top:0px; border-top:0px solid #a1a2a7; border-bottom:1px solid #a1a2a7; }
.ms4 .notice ul li		{ overflow:hidden; width: 100%;}
.ms4 .notice ul li + li	{ border-top:1px solid #e6e6e6; }
.ms4 .notice ul li a	{ line-height:63px; font-size:18px; color:#555555; float:left; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ms4 .notice ul li span		{ line-height:63px; height:63px; font-size:18px; color:#919892; float:right; width:120px; text-align:right; }
.ms4 .notice ul+a			{ position:absolute; top:20px; right:0; font-size:14px; color:#a46949; background:url(/img/main/noticeMore.png) 100% 50% no-repeat; padding-right:30px; }

.ms4 .contact			{ margin-top:70px; }
.ms4 .contact .tit		{ font-size:24px; color:#121714; font-weight:500; }
.ms4 .contact ul		{ margin-top:25px; }
.ms4 .contact ul li		{ padding:13px 10px 13px 130px; height:125px; position:relative; }
.ms4 .contact ul li + li				{ margin-top:16px; }
.ms4 .contact ul li:nth-child(1)		{ background:url(/img/main/conTactImg1.png) 21px 21px no-repeat #eae9e5; }
.ms4 .contact ul li:nth-child(2)		{ background:url(/img/main/conTactImg2.png) 10px 13px no-repeat #eae9e5; }
.ms4 .contact ul li:nth-child(3)		{ background:url(/img/main/conTactImg3.png) 10px 13px no-repeat #eae9e5; }
.ms4 .contact ul li>span		{ display:block; font-size:16px; color:#555; padding-top:5px;}
.ms4 .contact ul li>strong		{ display:block; font-size:20px; color:#232323; padding-top:4px; }
.ms4 .contact ul li p			{ position:absolute; top:26px; right:5px; width:220px; }
.ms4 .contact ul li p span		{ display:block; position:relative; padding-left:10px; font-size:16px; color:#555; }
.ms4 .contact ul li p span:after		{ position:absolute; top:50%; left:0; content:''; width:2px; height:2px; background:#555; }

.mobHidden		{ display:block; }
.mobShow		{ display:none; }




@media all and (max-width:1440px){
	.mainSection + .mainSection 	{ padding:0 20px; }
	
	.slick-slide strong		{ left:20px; }
	.slick-slide span		{ left:20px; }
	.slick-slide a			{ left:20px; }
	
	.ms3			{ max-width:1440px; margin:166px auto 0; padding:0; position:relative; }
	.ms3 .msTit		{ position:static; transform:translateY(0); text-align:center; }
	.ms3 .msTit br	{ display:none; }
	.ms3 .msTit br:after	{ content:' '; }
	.ms3 ul			{ float:none; width:100%; max-width:1014px; margin:40px auto 0; }
	.ms3 ul li		{ float:left; width:calc(33.3% - 16px); }
	.ms3 ul li + li	{ margin-left:24px; }
	
	/* 메인 섹션4 */
	#mainSlideSection4	{ padding:0; }
	#mainSlideSection4:before	{ content:none; }
	.ms4			{ margin-top:0; }
	.ms4 .ms4Left	{ float:none; width:100%; padding:140px 50px 30px 50px; background:url(/img/main/section4Bg.png) center no-repeat; background-size:cover; }
	.ms4 .ms4Right	{ float:none; width:100%; padding:30px 50px; }
	.ms4 .msTit span br		{ display:none; }
	.ms4 .msTit p br		{ display:none; }
	.ms4 .msTit a			{ margin-top:38px; }
	.ms4 .contact ul li						{ float:left; width:100%; }
	.ms4 .contact ul li + li				{ width:calc(50% - 8px); }
	.ms4 .contact ul li:last-child			{ margin-left:16px; }
	.ms4 .contact ul li>strong		{ font-size:16px; }
}
@media all and (max-width:1024px){

	.slick-slide			{ min-height:160vw; text-align:center; }
    .slick-slide p {
        position: absolute;
        top: 55px;
        left: 0;
        width: 100%;
    }
	.slick-slide strong		{ position:static; padding-top:28vw; font-size:32px; display:block; text-align:center; }
	.slick-slide span		{ display:none; }
	.slick-slide a			{ position:static; display:inline-block; width:200px; padding:10px 0; text-align:center; font-size:14px; margin-top:5vw; }
	
	.slide1			{ background-image:url(/img/main/visual1_m.png); }
	.slide2			{ background-image:url(/img/main/visual2_m.png); }
	.slide3			{ background-image:url(/img/main/visual3_m.png); }
	.slide1 a		{ border:1px solid #fff; color:#330002; background:none rgba(255,255,255,.6); }
	.slide2 a		{ border:1px solid #fff; color:#fff; background:none rgba(0,0,0,.6); }
	.slide3 a		{ border:1px solid #fff; color:#fff; background:none rgba(0,0,0,.6); }
	
	.slick-dots		{ bottom:10vw; }
	.slick-dots li	{ margin:0 8px; }
	.slick-dots li button		{ width:60px; height:4px; }
	
	/* 메인 섹션2 */
	#mainSlideSection2		{ height:auto; padding:0; margin-top:-1px; }
	.ms2 .ms2Tit			{ padding:24vw 0 5vw; }
	.ms2 .ms2Tit strong		{ font-size:14px; padding:0 0 2vw; }
	.ms2 .ms2Tit span		{ font-size:26px; }
	.ms2 .ms2VideoArea		{  }
	.ms2 .ms2Txt			{ font-size:14px; padding:8vw 0 10vw; word-break:keep-all; }
	.ms2 .ms2Txt br			{ display:none; }
	.ms2 .ms2Txt br:after	{ content:' '; }

    .video_wrap {display: none;}
    .video-container {
        display: block !important;
    }
	
	/* 메인 섹션3 */
	#mainSlideSection3		{ height:auto; }
	.ms3					{ padding:24vw 0 24vw; margin:0; }
	.ms3 .msTit				{ position:static; transform:translateY(0); }
	.ms3 .msTit strong		{ font-size:14px; padding:0 0 2vw; }
	.ms3 .msTit span		{ font-size:26px; }
	.ms3 .msTit span br		{ display:block; }
	.ms3 .msTit span br:after		{ content:none; }
	.ms3 .msTit p			{ display:none; }
	.ms3 ul			{ float:none; margin-top:5vw; }
	.ms3 ul li		{ float:none; width:100%; }
	.ms3 ul li + li	{ margin-left:0; margin-top:20px; }
	.ms3 ul li img:nth-child(1)		{ display:none; }
	.ms3 ul li img:nth-child(2)		{ display:block; }
	
	/* 메인 섹션4 */
	#mainSlideSection4	{ height:auto; }
	.ms4			{ margin:0 auto; }
	.ms4 .ms4Left	{ float:none; width:100%; height:100vh; padding:24vw 20px 20vw; background:url(/img/main/section4Bg_m.png) center no-repeat; background-size:cover; display: flex; align-items: center;}
	.ms4 .ms4Right	{ float:none; width:100%; padding:5vw 20px; }
	.ms4 .msTit				{ text-align:center; }
	.ms4 .msTit strong		{ font-size:14px; text-align:center; }
	.ms4 .msTit span		{ font-size:26px; text-align:center; }
	.ms4 .msTit p			{ font-size:16px; text-align:center; }
	.ms4 .msTit a			{ display:inline-block; padding:0; width:200px; height:38px; text-align:center; font-size:14px; margin-top:8vw; background:none #353535; line-height:38px; }
	.ms4 .notice			{ padding:24vw 0 0; }
	.ms4 .notice .tit		{ font-size:28px; text-align:center; }
	.ms4 .contact			{ margin:20vw 0 10vw; }
	.ms4 .contact .tit		{ font-size:28px; text-align:center; }
	
	.ms4 .mobShow .txt		{ font-size:14px; color:#353535; padding:5vw 0 0; text-align:center; }
	.ms4 .mobShow a			{ line-height:38px; height:38px; text-align:center; display:block; width:100%; border:1px solid #878787; color:#353535; margin-top:8vw; font-size:14px; }
	
	
	.mobHidden		{ display:none; }
	.mobShow		{ display:block; }
    .br_mo {display: block !important;}
}