.main_sec{ padding:150px 0; overflow:hidden; }
.main_sec .sec_con{ max-width:1200px; margin:0 auto; }
.main_sec img{ max-width:100%; height:auto; }

div.xe_mobile{ display:none !important; }




/**************sec_01**************/
#sec_01{ position:relative; padding:0; }
.sec01_sli{ background-position:center; background-size:cover; background-repeat:no-repeat; }
.sec01_fr{ min-height:750px; height:40.10416666666667vw; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; padding:100px 20px 100px; }
.sec01_pt_wrap{ max-width:1200px; width:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -ms-flex-direction:row; flex-direction:row; -webkit-box-lines:multiple; -ms-flex-wrap:wrap; flex-wrap:wrap; justify-content:space-between; }

.sec01_txt{ max-width:700px; width:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; }
.sec01_txt_box{ width:100%; word-break:keep-all; color:#fff; text-shadow:2px 2px 2px rgba(0,0,0,0.25); }
.sec01_txt_box h3{ font-size:20px; font-weight:300; margin-bottom:15px; }
.sec01_txt_box h2{ font-family:'Lato', 'Noto Sans KR'; font-size:50px; font-weight:500; line-height:1.1em; margin-bottom:15px; letter-spacing:0.11em }
.sec01_txt_box p{ font-size:28px; font-weight:400; margin-bottom:55px; }
.sec01_txt_box div.line{ width:100px; height:2px; background-color:#dc4405; }
.sec01_txt_box a{ display:inline-block; padding:12px 0; font-size:16px; font-weight:400; color:#fff; transition-duration:0.4s; }
.sec01_txt_box a:hover{ color:#dc4405; }

.sec01_img{ max-width:340px; width:40%; }
.sec01_img_box{ max-width:340px; width:100%; }
.sec01_img_box img{ width:100%; height:auto; display:block; }

#sec01_page{ position:absolute; z-index:100; left:50%; bottom:65px; max-width:1230px; width:100%; padding:0 15px; text-align:left; transform:translate(-50%, 0); }
#sec01_page .swiper-pagination-bullet{ opacity:1; width:15px; height:15px; border:2px solid #fff; box-sizing:border-box; background-color:#fff; box-shadow:inset 0 0 0 8px #fff; transition-duration:0.5s; }
#sec01_page .swiper-pagination-bullet-active{ box-shadow:inset 0 0 0 0 #fff; background-color:transparent; }

@media(max-width:1100px){
	.sec01_sli{ background-position:70% 50%; }
	.sec01_txt h1{ font-size:8vw; }
}
@media(max-width:800px){
	.sec01_fr{ min-height:550px; height:auto; padding:60px 30px 80px; }
	.sec01_txt{ width:100%; padding-right:0; }
	.sec01_txt_box h3{ font-size:17px; }
	.sec01_txt_box h1{ font-size:40px; }
	.sec01_txt_box p{ font-size:15px; }
	.sec01_img{ width:100%; order:-1; margin-bottom:40px; }
	.sec01_img_box{ max-width:200px; }
}

@media(max-width:600px){
	.sec01_img_box{ max-width:150px; }
}



/* sec02 */
#sec02{ padding:80px 50px;}
.sec02_pt_wrap{ display:flex; display:-webkit-flexbox; display:-ms-flexbox; -webkit-box-orient:horizontal; -ms-flex-direction:row; flex-direction:row; -webkit-box-lines:multiple; -ms-flex-wrap:wrap; flex-wrap:wrap; margin:0 -10px; }
.sec02_pt{ width:25%; padding:0 10px; margin-bottom:20px; display:flex; display:-webkit-flexbox; display:-ms-flexbox; }
.sec02_pt.pt_2, .sec02_pt.pt_3{ width:50%; }
.sec02_pt.pt_4{ width:50%; }
.sec02_pt_box{ width:100%; position:relative; display:flex; display:-webkit-flexbox; display:-ms-flexbox; }
.sec02_img{ width:100%; padding-bottom:100%; background-position:center; background-size:cover; background-repeat:no-repeat; }
.sec02_pt.pt_4 .sec02_img{ padding-bottom:50%; min-height:150px; }
.sec02_img.img_01{ background-image:url(../img/main/02-01.png); }
.sec02_img.img_02{ background-image:url(../img/main/02-02.png); }
.sec02_img.img_03{ background-image:url(../img/main/02-03.png); }
.sec02_img.img_04{ background-image:url(../img/main/02-04.png); }
.sec02_img.img_05{ background-image:url(../img/main/blog.png); }
.sec02_img.img_06{ background-image:url(../img/main/02-06.png); }
.sec02_img.img_07{ background-image:url(../img/main/insta.png); }
.sec02_img.img_08{ background-image:url(../img/main/facebook.png); }
.sec02_txt{ position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; padding:30px; background-color:rgba(0,0,0,0); transition-duration:0.5s; box-sizing:border-box; word-break:keep-all; }
.sec02_txt:hover{ background-color:rgba(0,0,0,0.3); }
.sec02_txt:before{ content:''; position:absolute; top:15px; left:15px; width:0; height:0; opacity:0; border-top:1px solid #fff; border-left:1px solid #fff; box-sizing:border-box; transition-duration:0.5s; }
.sec02_txt:after{ content:''; position:absolute; bottom:15px; right:15px; width:0; height:0; opacity:0; border-bottom:1px solid #fff; border-right:1px solid #fff; box-sizing:border-box; transition-duration:0.5s; }
.sec02_txt:hover:before, .sec02_txt:hover:after{ width:calc(100% - 30px); height:calc(100% - 30px); opacity:1; }
.sec02_txt_box{ position:relative; z-index:10; }
.sec02_txt_box > h3{ font-size:28px; font-weight:500; color:#fff; }
.sec02_txt_box > div.line{ width:40px; height:1px; background-color:#fff; margin:20px 0; }
.sec02_txt_box > p{ font-size:14px; font-weight:300; color:#fff; }

.sec02_sli a{ display:block; border:1px solid #ddd; }
.sec02_sli a img{ width:100%; height:auto; display:block; }
.sec02_nav{ position:absolute; z-index:60; top:calc(50% - 15px); width:30px; height:30px; background-color:rgba(51,51,51,0.6); color:#fff; font-size:18px; display:flex; align-items:center; justify-content:center; border-radius:100%; cursor:pointer; opacity:0; }
#sec02_sli:hover .sec02_nav{ opacity:1; }
.sec02_nav:hover{ background-color:#dc4405; }
#sec02_prev{ left:20px; }
#sec02_next{ right:20px; }
#sec02_page{ position:absolute; z-index:60; bottom:12px; text-align:center; }
#sec02_page .swiper-pagination-bullet{ opacity:1; margin:0 2.5px; width:10px; height:10px; border:1px solid #747372; border-radius:100%; background-color:#747372; }
#sec02_page .swiper-pagination-bullet-active{ background-color:#fff; }

.sec02_pt3_link{ display:block; width:100%; }
.sec02_pt3_link img{ width:100%; height:auto; display:block; }

@media(max-width:1140px){
	.sec02_pt{ width:33.33333333333333%; }
	.sec02_pt.pt_2, .sec02_pt.pt_3{ width:66.66666666666666%; }
	.sec02_txt_box > h3{ font-size:23px }
}
@media(max-width:830px){
	.sec02_pt{ width:50%; }
	.sec02_pt.pt_2, .sec02_pt.pt_3{ width:100%; }
	.sec02_pt.pt_4{ width:100%; }
	.sec02_pt.pt_3{ order:1; }
	#sec02{ padding:30px 20px; }
	.sec02_pt_wrap{ margin:0 -7.5px; }
	.sec02_pt{ padding:0 7.5px; margin-bottom:15px; }
	.sec02_txt{ padding:15px; }
	.sec02_txt:before{ top:7.5px; left:7.5px; }
	.sec02_txt:after{ bottom:7.5px; right:7.5px; }
	.sec02_txt:hover:before, .sec02_txt:hover:after{ width:calc(100% - 15px); height:calc(100% - 15px); }
}
@media(max-width:500px){
	.sec02_txt_box > p{ display:none; }
}




/* sec03 */
#sec03{ padding:110px 50px; background-image:url(../img/main/03-00.jpg); background-position:center; background-size:cover; background-repeat:no-repeat; }
#sec03 .sec_con{ max-width:1300px; }

.sec03_title_wrap{ text-align:center; word-break:keep-all; margin-bottom:50px; }
.sec03_title_wrap > h1{ font-family:'Lato', 'Noto Sans KR'; font-size:42px; font-weight:500; color:#fff; letter-spacing:0.1em; }

.sec03_tab_wrap{ display:flex; display:-webkit-flexbox; display:-ms-flexbox; -webkit-box-orient:horizontal; -ms-flex-direction:row; flex-direction:row; -webkit-box-orient:horizontal; -ms-flex-direction:row; flex-direction:row; -webkit-box-lines:multiple; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-bottom:80px; }
.sec03_tab{ width:14.28571428571429%; border-right:1px solid rgba(255,255,255,0.8); background-color:rgba(255,255,255,0.4); padding:30px 15px; transition-duration:0.4s; cursor:pointer; }
.sec03_tab:last-child{ border-right:none; }
.sec03_tab.on{ background-color:#dc4405; }
.sec03_tab_box{ max-width:230px; width:100%; margin:0 auto; text-align:center; color:#fff; word-break:keep-all; }
.sec03_tab_box > img{ transition-duration:0.4s; }
.sec03_tab_txt{ position:relative; padding:60px 0 20px; transition-duration:0.4s; }
.sec03_tab.on .sec03_tab_txt{ padding:20px 0 60px; }
.sec03_tab_txt > h3{ position:relative; z-index:10; font-size:24px; font-weight:500; margin-bottom:15px; }
.sec03_tab_txt > p{ position:relative; z-index:10; font-size:14px; font-weight:400; }
.sec03_tab_txt > .sec03_link{ position:absolute; z-index:1; bottom:0; left:0; width:100%; text-align:center; opacity:0; transition-duration:0.4s; }
.sec03_tab.on .sec03_tab_txt > .sec03_link{ opacity:1; }
.sec03_tab_txt > .sec03_link > a{ display:inline-block; border:1px solid #fff; color:#fff; padding:9px 20px; text-align:center; font-size:15px; font-weight:400; border-radius:30px; }

.sec03_txt{ text-align:center; word-break:keep-all; margin-bottom:50px; }
.sec03_txt > h3{ font-family:'Lato', 'Noto Sans KR'; font-size:30px; font-weight:400; color:#9b9b9a; font-style:italic; }

.sec03_tabcon_wrap{ max-width:750px; width:100%; margin:0 auto; }
.sec03_tabcon{ display:none; }
.sec03_tabcon.on{ display:block; }
.sec03_vid{ position:relative; width:100%; padding-bottom:56.25%; }
.sec03_vid iframe{ position:absolute; top:0; left:0; width:100%; height:100%; }

@media(max-width:1240px){
	.sec03_tab{ width:33.33333333%; }
	.sec03_tab:nth-child(3){ border-right:none; }
	.sec03_tab:nth-child(-n + 3){ border-bottom:1px solid rgba(255,255,255,0.8); }
	.sec03_tab:last-child{ border-bottom:none; }
}

@media(max-width:950px){
	.sec03_tab{ width:50%; }
	.sec03_tab:nth-child(2n){ border-right:none; }
	.sec03_tab:nth-child(3){ border-right:1px solid rgba(255,255,255,0.8); }
	.sec03_tab:nth-child(-n + 4){ border-bottom:1px solid rgba(255,255,255,0.8); }
	.sec03_tab:last-child{ border-bottom:none; }
}
@media(max-width:700px){
	#sec03{ padding:110px 20px; }
	/*.sec03_tab{ width:100%; border-bottom:1px solid rgba(255,255,255,0.8); }
	.sec03_tab:nth-child(2n - 1){ border-right:none; }
	.sec03_tab_box{ max-width:350px; }*/
}
@media(max-width:500px){
	.sec03_tab_txt > h3{ margin-bottom:0; font-size:20px; }
	.sec03_tab_txt > p{ display:none; }
	.sec03_tab_txt > .sec03_link > a{ padding:5px 20px; }
	.sec03_tab_txt, .sec03_tab.on .sec03_tab_txt{ padding:10px 0 50px; }
	.sec03_tab .sec03_tab_txt > .sec03_link{ opacity:1; }
}



/* sec04 */
#sec04{ padding:70px 50px; background-color:#eae8e7; }

.sec04_pt_wrap{ display:flex; flex-flow:row wrap; }
.sec04_pt.pt_lf{ width:150px; padding-right:30px; }
.sec04_pt.pt_rt{ width:calc(100% - 150px); }

.wid_sli_wrap{ padding:0 75px; position:relative; }
.wid_nav{ position:absolute; z-index:10; top:calc(50% - 24px); width:48px; height:48px; border-radius:100%; background-color:#bbbab9; color:#fff; font-size:30px; display:flex; align-items:center; justify-content:center; cursor:pointer; }
.wid_nav:focus{ outline:none; }
.wid_nav:hover{ background-color:#dc4405; }
#wid_prev{ left:0; }
#wid_next{ right:0; }
.wid_sli{ display:flex; height:auto; }
.wid_sli_box{ width:100%; background-color:#fff; padding:30px 20px; border:4px solid #fff; transition-duration:0.3s; }
.wid_sli_box:hover{ border:4px solid #dc4405; }
.wid_sli_box > h4 a{ display:block; font-size:15px; font-weight:500; color:#dc4405; margin-bottom:10px; }
.wid_sli_box > h3 a{ display:block; font-size:20px; font-weight:700; color:#333; margin-bottom:20px; }
.wid_sli_box > p{ font-size:14px; font-weight:300; color:#777; margin-bottom:20px; }
.wid_sli_box > p.date{ position:relative; margin-bottom:0; padding:5px 100px 5px 0; }

.sec04_txt{ word-break:keep-all; }
.sec04_txt > h2{ max-width:120px; width:100%; min-height:120px; font-size:40px; font-weight:500; color:#fff; padding:10px 10px; background-color:#575757; line-height:1em; display:flex; justify-content:center; align-items:center; margin-bottom:20px; }
.sec04_txt > a{ max-width:120px; width:100%; font-size:16px; font-weight:300; color:#838383; display:inline-flex; justify-content:space-between; align-items:center; }
.sec04_txt > a div{ width:20px; height:20px; border:1px solid #222; display:flex; justify-content:center; align-items:center; transition-duration:0.4s; }
.sec04_txt > a:hover div{ background-color:#222; color:#fff; }


@media(max-width:900px){
	#sec04{ padding:70px 20px; }
	.wid_sli_wrap{ padding:0 50px; }
	.sec04_pt.pt_lf{ width:100%; padding-right:0; margin-bottom:40px; }
	.sec04_txt{ max-width:120px; width:100%; margin:0 auto; }
	.sec04_pt.pt_rt{ width:100%; }
}
@media(max-width:500px){
	.wid_sli_wrap{ padding:0 30px; }
}