@charset "utf-8";
.pcbr{display:block;}
.tbbr{display:none;}
.mbbr{display:none;}
.dn{display:none;}



/**/
.head{background:#fff;}
.head:after{
	display:block;content:"";
	width:96%;height:1px;
	background:#ddd;
	position:absolute;left:2%;bottom:0;
}
.head h1 a{
	display:block;
	width:166px;height:27px;
	background:url(/images/common/logo2.png) no-repeat;
	text-indent:-9999px;
}
.head .menu li a{font-size:14px;color:rgba(0,0,0,0.8);}
.head .gnb .language>a{
	display:block;
	width:29px;height:29px;
	background:url(/images/common/icon_lang2.png) no-repeat;
	text-indent:-9999px;
}
.head .gnb .btn_menu>div:before{background:#222;}
.head .gnb .btn_menu>div:after{background:#222;}
.head .gnb .btn_menu>div span{background:#222;}




#container{/* padding:260px 0 0; */padding-top: 220px;}
.sub_visual{}
.sub_visual h2{
	padding:0 6%;
	font-family:"Cormorant Garamond";
	font-size:270px;color:#000;font-weight:600;line-height:1em;
}
.sub_visual.pn4 h2{font-size:130px;}
.sub_visual .imgBg{
	overflow:hidden;
	position:relative;z-index:10;
	width:100%;height:560px;
	margin:-51px 0 0 0;
}
.sub_visual.pn4 .imgBg{margin:-25px 0 0 0;}
.sub_visual.pn1 .imgBg{
	background:url(/images/page/sub_visual1.jpg) no-repeat center;
	background-size:cover;
}
.sub_visual.pn2 .imgBg{
	background:url(/images/page/sub_visual2.jpg) no-repeat center;
	background-size:cover;
}
.sub_visual.pn3 .imgBg{
	background:url(/images/page/sub_visual3.jpg) no-repeat center;
	background-size:cover;
}
.sub_visual.pn4 .imgBg{
	background:url(/images/page/sub_visual4.jpg) no-repeat center;
	background-size:cover;
}
.sub_visual.pn5 .imgBg{
	background:url(/images/page/sub_visual5.jpg) no-repeat center;
	background-size:cover;
}
.sub_visual.pn6 .imgBg{
	background:url(/images/page/sub_visual6.jpg) no-repeat center;
	background-size:cover;
}

.sub_titlea{
	display:flex;justify-content:space-between;align-items:flex-end;
	padding:190px 6% 145px;
}
.sub_titlea h3{
	font-family:"Cormorant Garamond";
	font-size:80px;color:#000;font-weight:600;line-height:1em;
}
.sub_titlea .page_location{
	display:flex;align-items:center;
	margin-bottom:10px;
}
.sub_titlea .page_location li{
	position:relative;
	padding-right:17px;margin-right:8px;
	font-family:"Lora";font-size:15px;color:#666;
}
.sub_titlea .page_location li:after{
	display:block;content:"";
	width:8px;height:8px;
	background:url(/images/common/pl_arr.png) no-repeat;
	position:absolute;right:0;top:5px;
}
.sub_titlea .page_location li:last-child:after{display:none;}



.innerwrap{padding:0 6%;}






/*m11_tab fix*/
.m11_tabs{padding:0 2%;margin-bottom:30px;transition:all 0.5s;}
.m11_tabs{display:flex;/* box-shadow:1px 1px 0 #ddd inset , -1px -1px 0 #ddd inset; */transition:all 0.5s;}
.m11_tabs li{
	box-sizing:border-box;
	height:75px;background: #fff;
	border:1px solid #ddd;
	border-right:0;
}
.m11_tabs li a{
	display:flex;align-items:center;justify-content:center;
	width:100%;height:100%;
	font-size:18px;color:#666;text-align:center;
}
.m11_tabs li.on a, .m11_tabs li:hover a{
	background:#1f1f1f url(/images/page/sub_tabs_bg.png) no-repeat center;
	color:#fff;
}
.m11_tabs li{width:20%;}
.m11_tabs.fixnav{
position:fixed;top:70px;width:100%;left:0;padding:0;
z-index:990;box-sizing:border-box;
transition:all 0.5s;
}

/* m11 */
.m11{}
.m11 .story{}
.m11 .story .titlearea{
	padding:150px 5%;
	background:url(/images/page/m11_story_title_bg.jpg) no-repeat center;
	background-attachment:fixed;
	background-size:cover;
	text-align:center;
}
.m11 .story .titlearea h3{
	font-family:"Cormorant Garamond";
	font-size:36px;color:#fff;font-weight:600;line-height:1em;
}
.m11 .story .titlearea h4{
	margin:80px 0 30px;
	font-family:"Cormorant Garamond";
	font-size:44px;color:#fff;font-weight:600;line-height:1.1em;
}
.m11 .story .titlearea p{font-size:18px;color:#fff;line-height:1.7em;}
.m11 .story .conwrap{position:relative;padding:160px 0 130px;}
.m11 .story .conwrap:before{
	display:block;content:"";
	width:100%;height:50%;
	background:#f9f9f9;
	position:absolute;left:0;bottom:0;
}
.m11 .story .conwrap .innerwrap{position:relative;z-index:10;}
.m11 .story .conwrap .txts{
	box-sizing:border-box;
	padding:50px 0 0 38%;
}
.m11 .story .conwrap .txts h5{
	margin-bottom:120px;
	font-family:"Cormorant Garamond";
	font-size:110px;color:#000;font-weight:400;line-height:1em;
}
.m11 .story .conwrap .txts p{
	padding-left:28%;
	margin-bottom:40px;
	font-size:18px;color:#444;line-height:1.7em;
}
.m11 .story .conwrap .txts p:nth-child(2){padding-left:40%;}
.m11 .story .conwrap .txts p:last-child{margin-bottom:0;}
.m11 .story .conwrap .imgs{}
.m11 .story .conwrap .imgs .img1{
	position:absolute;left:6%;top:0;
	max-width:552px;width:31%;
}
.m11 .story .conwrap .imgs .img2{
	position:absolute;left:calc(6% + 33%);bottom:-40px;
}




.m11 .merit{padding:150px 0 210px;background:#f9f9f9;}
.m11 .merit h3{
	font-family:"Cormorant Garamond";
	font-size:36px;color:#000;font-weight:600;line-height:1em;text-align:center;
}
.m11 .merit .conwrap{position:relative;margin:60px 0 0;text-align:center;}
.m11 .merit .conwrap .shinwon{
	display:inline-block;
	box-sizing:border-box;
	padding:55px;margin:0 auto;
	border:2px dashed #ddd;border-radius:50%;
	background:#f8f8f8;
}
.m11 .merit .conwrap .shinwon>div{
	box-sizing:border-box;
	width:100%;height:100%;
	padding:150px;
	border:2px dashed #ddd;border-radius:50%;
	background:#f1f1f1;
}
.m11 .merit .conwrap .shinwon>div .core{
	display:flex;align-items:center;justify-content:center;
	width:561px;height:561px;
	background:url(/images/page/m11_merit_core_bg.png) no-repeat;
	background-size:cover;
}
.m11 .merit .conwrap>ul{}
.m11 .merit .conwrap>ul>li{position:absolute;text-align:left;}
.m11 .merit .conwrap>ul>li:nth-child(odd){text-align:right;}
.m11 .merit .conwrap>ul>li:nth-child(1){left:50%;top:115px;margin-left:-763px;}
.m11 .merit .conwrap>ul>li:nth-child(2){right:50%;top:115px;margin-right:-700px;}
.m11 .merit .conwrap>ul>li:nth-child(3){left:50%;top:685px;margin-left:-720px;}
.m11 .merit .conwrap>ul>li:nth-child(4){right:50%;top:685px;margin-right:-720px;}
.m11 .merit .conwrap>ul>li:after{
	display:block;content:"";
	width:72px;height:60px;
	position:absolute;
}
.m11 .merit .conwrap>ul>li:nth-child(1):after{
	background:url(/images/page/m11_merit_list_line1.png) no-repeat;
	left:100%;top:120px;
}
.m11 .merit .conwrap>ul>li:nth-child(2):after{
	background:url(/images/page/m11_merit_list_line2.png) no-repeat;
	right:100%;top:120px;
}
.m11 .merit .conwrap>ul>li:nth-child(3):after{
	background:url(/images/page/m11_merit_list_line3.png) no-repeat;
	left:100%;top:0;
}
.m11 .merit .conwrap>ul>li:nth-child(4):after{
	background:url(/images/page/m11_merit_list_line4.png) no-repeat;
	right:100%;top:0;
}
.m11 .merit .conwrap>ul>li .titlearea{
	box-sizing:border-box;
	position:relative;
	display:inline-flex;align-items:center;
	max-width:462px;width:100%;height:173px;
	padding:15px 15px 15px 190px;
	background:#fff;
	border-radius:86px;
}
.m11 .merit .conwrap>ul>li:nth-child(odd) .titlearea{padding:15px 190px 15px 15px;}
.m11 .merit .conwrap>ul>li:nth-child(1) .titlearea:before{
	display:block;content:"";
	width:154px;height:154px;
	position:absolute;right:15px;top:10px;
	border-radius:50%;
	background:#1f1f1f url(/images/page/m11_merit_list_icon1.png) no-repeat center;
}
.m11 .merit .conwrap>ul>li:nth-child(2) .titlearea:before{
	display:block;content:"";
	width:154px;height:154px;
	position:absolute;left:15px;top:10px;
	border-radius:50%;
	background:#878787 url(/images/page/m11_merit_list_icon2.png) no-repeat center;
}
.m11 .merit .conwrap>ul>li:nth-child(3) .titlearea:before{
	display:block;content:"";
	width:154px;height:154px;
	position:absolute;right:15px;top:10px;
	border-radius:50%;
	background:#414141 url(/images/page/m11_merit_list_icon3.png) no-repeat center;
}
.m11 .merit .conwrap>ul>li:nth-child(4) .titlearea:before{
	display:block;content:"";
	width:154px;height:154px;
	position:absolute;left:15px;top:10px;
	border-radius:50%;
	background:#4A8377 url(/images/page/m11_merit_list_icon4.png) no-repeat center;
}
.m11 .merit .conwrap>ul>li .titlearea dl{width:100%;}
.m11 .merit .conwrap>ul>li .titlearea dl dt{
	margin-bottom:10px;
	font-family:"Cormorant Garamond";
	font-size:26px;color:#000;font-weight:600;line-height:1em;
}
.m11 .merit .conwrap>ul>li .titlearea dl dd{font-size:18px;color:#666;line-height:1.7em;}
.m11 .merit .conwrap>ul>li .listarea{margin-top:30px;}
.m11 .merit .conwrap>ul>li .listarea dl{
	position:relative;
	margin-bottom:15px;margin-left:50px;
	padding:0 0 0 16px;
}
.m11 .merit .conwrap>ul>li .listarea dl:before{
	display:block;content:"";
	box-sizing:border-box;
	width:8px;height:8px;
	border:1px solid #666;border-radius:50%;
	position:absolute;top:10px;
}
.m11 .merit .conwrap>ul>li:nth-child(odd) .listarea dl{padding:0 16px 0 0;margin-left:0px;margin-right:50px;}
.m11 .merit .conwrap>ul>li:nth-child(odd) .listarea dl:before{right:0;}
.m11 .merit .conwrap>ul>li:nth-child(even) .listarea dl:before{left:0;}
.m11 .merit .conwrap>ul>li .listarea dl dt{font-size:20px;color:#000;font-weight:500;}
.m11 .merit .conwrap>ul>li .listarea dl dd{margin-top:10px;font-size:18px;color:#666;line-height:1.7em;}


@media(max-width:1580px){
	
	.m11 .merit .conwrap .shinwon{
		display:block;
		padding:50px;
		border-radius:0%;
	}
	.m11 .merit .conwrap .shinwon>div {
		padding:50px;
		border: 2px dashed #ddd;
		border-radius:0%;
	}
	.m11 .merit .conwrap .shinwon>div .core {
		width:400px;height:400px;
		margin:0 auto;
		background: url(/images/page/m11_merit_core_bg.png) no-repeat;
		background-size: cover;
	}
	.m11 .merit .conwrap>ul{display:flex;flex-wrap:wrap;margin-top:100px;}
	.m11 .merit .conwrap>ul>li{
		position:static;
		box-sizing:border-box;
		margin:0;
		width:50%;
		padding:40px;
	}
	.m11 .merit .conwrap>ul>li:nth-child(1){margin:0;}
	.m11 .merit .conwrap>ul>li:nth-child(2){margin:0;}
	.m11 .merit .conwrap>ul>li:nth-child(3){margin:0;}
	.m11 .merit .conwrap>ul>li:nth-child(4){margin:0;}
	
	.m11 .merit .conwrap>ul>li:after{display:none;}

}




.m11 .values{
	background:#f9f9f9 url(/images/page/m11_values_bg.gif) no-repeat left 82%;
	padding:150px 0 200px;
}
.m11 .values h3{
	font-family:"Cormorant Garamond";
	font-size:36px;color:#000;font-weight:600;line-height:1em;text-align:center;
}
.m11 .values .conwrap{
	display:flex;flex-wrap:wrap;
	margin:90px 0 0;
}
.m11 .values .conwrap .txts{
	box-sizing:border-box;
	width:40%;
	padding:35px 55px 360px 11.5%;
}
.m11 .values .conwrap .txts h4{
	margin-bottom:50px;
	font-family:"Cormorant Garamond";
	font-size:44px;color:#000;font-weight:600;line-height:1.1em;text-align:left;
	text-transform: uppercase;
}
.m11 .values .conwrap .txts p{
	margin-bottom:30px;padding-right:5%;
	font-size:18px;color:#666;line-height:1.7em;
}
.m11 .values .conwrap .txts p:nth-child(2){margin-left:13%;}
.m11 .values .conwrap .lists{
	position:relative;
	width:60%;
	background:url(/images/page/m11_values_img.jpg) no-repeat;
	background-size:cover;
}
.m11 .values .conwrap .lists>div{
	display:flex;
	width:100%;
	position:absolute;left:0;bottom:0;
	padding-left:1px;
}
.m11 .values .conwrap .lists>div dl{
	box-sizing:border-box;
	width:33.333%;height:345px;
	padding:55px 50px;
	margin-left:-1px;
	border:1px solid rgba(255,255,255,0.3);
}
.m11 .values .conwrap .lists>div dl dt{
	height:62px;
	padding:80px 0 0;margin-bottom:30px;
	font-family:"Cormorant Garamond";
	font-size:28px;color:#fff;font-weight:600;line-height:1.1em;text-align:left;
}
.m11 .values .conwrap .lists>div dl:nth-child(2){
	width:calc(33.333% + 2px);
	transform:translateY(calc(-100% + 1px));
}
.m11 .values .conwrap .lists>div dl:nth-child(1) dt{background:url(/images/page/m11_values_list_icon1.png) no-repeat left top;}
.m11 .values .conwrap .lists>div dl:nth-child(2) dt{background:url(/images/page/m11_values_list_icon2.png) no-repeat left top;}
.m11 .values .conwrap .lists>div dl:nth-child(3) dt{background:url(/images/page/m11_values_list_icon3.png) no-repeat left top;}
.m11 .values .conwrap .lists>div dl dd{
	font-family:"Cormorant Garamond";
	font-size:60px;color:#fff;font-weight:600;line-height:1em;text-align:left;	
}
.m11 .values .conwrap .lists>div dl dd .small{font-size:34px;}
.m11 .values .conwrap .lists>div dl dd .num{font-size:110px;font-weight:700;}


@media(max-width:1800px){
	.m11 .values .conwrap .lists>div dl dd .num{font-size:90px;}
}
@media(max-width:1600px){
	.m11 .values .conwrap .lists>div dl dd .num{font-size:70px;}
}



.m11 .overview{padding:150px 0 210px;background:#f9f9f9;}
.m11 .overview h3{
	font-family:"Cormorant Garamond";
	font-size:36px;color:#000;font-weight:600;line-height:1em;text-align:center;
}
.m11 .overview h4{
	margin:75px 0 140px;
	font-family:"Cormorant Garamond";
	font-size:110px;color:#000;font-weight:600;line-height:1.1em;text-align:center;
}
.m11 .overview .psdw{}
.m11 .overview .psdw .titlearea{
	overflow:hidden;
	width:100%;height:615px;
	box-sizing:border-box;
	padding:170px 0 0;
	background:url(/images/page/m11_overview_psdw_title_bg.jpg) no-repeat center;
	background-size:cover;
	text-align:center;
}
.m11 .overview .psdw .titlearea dl{}
.m11 .overview .psdw .titlearea dl dt{
	font-family:"Cormorant Garamond";
	font-size:44px;color:#fff;font-weight:600;line-height:1em;text-align:center;
}
.m11 .overview .psdw .titlearea dl dd{
	margin-top:30px;
	font-size:18px;color:#fff;
}
.m11 .overview .psdw .conarea{
	display:flex;flex-wrap:wrap;justify-content:space-between;
	max-width:1440px;width:94%;
	margin:-100px auto 0;
}
.m11 .overview .psdw .conarea>div{width:24%;}
.m11 .overview .psdw .conarea>div .tit{
	position:relative;
	width:100%;padding:47.11% 0;
	background:#000;
	font-family:"Cormorant Garamond";
	font-size:28px;color:#fff;font-weight:600;line-height:1em;text-align:center;
}
.m11 .overview .psdw .conarea>div .tit:after{
	display:block;content:"";
	width:100%;height:100%;
	position:absolute;left:0;top:0;
}
.m11 .overview .psdw .conarea>div:nth-child(1) .tit{
	background:url(/images/page/m11_overview_psdw_list_bg1.jpg) no-repeat center;
	background-size:cover;	
}
.m11 .overview .psdw .conarea>div:nth-child(1) .tit:after{
	background:url(/images/page/m11_overview_psdw_list_p.png) no-repeat center;
	background-size:cover;	
}
.m11 .overview .psdw .conarea>div:nth-child(2) .tit{
	background:url(/images/page/m11_overview_psdw_list_bg2.jpg) no-repeat center;
	background-size:cover;	
}
.m11 .overview .psdw .conarea>div:nth-child(2) .tit:after{
	background:url(/images/page/m11_overview_psdw_list_s.png) no-repeat center;
	background-size:cover;	
}
.m11 .overview .psdw .conarea>div:nth-child(3) .tit{
	background:url(/images/page/m11_overview_psdw_list_bg3.jpg) no-repeat center;
	background-size:cover;	
}
.m11 .overview .psdw .conarea>div:nth-child(3) .tit:after{
	background:url(/images/page/m11_overview_psdw_list_d.png) no-repeat center;
	background-size:cover;	
}
.m11 .overview .psdw .conarea>div:nth-child(4) .tit{
	background:url(/images/page/m11_overview_psdw_list_bg4.jpg) no-repeat center;
	background-size:cover;	
}
.m11 .overview .psdw .conarea>div:nth-child(4) .tit:after{
	background:url(/images/page/m11_overview_psdw_list_w.png) no-repeat center;
	background-size:cover;	
}
.m11 .overview .psdw .conarea>div ul{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:25px;}
.m11 .overview .psdw .conarea>div ul li{
	width:47%;
	padding:10px 0;
	border-bottom:1px solid #ddd;
	font-size:18px;color:#000;
}
.m11 .overview .psdw .conarea>div ul li img{
	display:inline-block;vertical-align:top;
	margin-right:10px;
}

.m11 .overview .conwrap{margin:175px 0 0;}
.m11 .overview .conwrap .innerwrap{max-width:1440px;margin:0 auto;}
.m11 .overview .conwrap .boxwrap{
	display:flex;align-items:center;justify-content:space-between;
	margin-bottom:105px;
}
.m11 .overview .conwrap .boxwrap:last-child{margin-bottom:0;}
.m11 .overview .conwrap .boxwrap:nth-child(even){flex-direction:row-reverse;}
.m11 .overview .conwrap .boxwrap .img{width:662px;}
.m11 .overview .conwrap .boxwrap .txts{
	box-sizing:border-box;
	width:662px;	
}
.m11 .overview .conwrap .boxwrap:nth-child(even) .txts{padding:0 0 0 55px;}
.m11 .overview .conwrap .boxwrap .txts dl{}
.m11 .overview .conwrap .boxwrap .txts dl dt{
	font-family:"Cormorant Garamond";
	font-size:44px;color:#000;font-weight:600;line-height:1em;
}
.m11 .overview .conwrap .boxwrap .txts dl dt img{display:block;margin-bottom:25px;}
.m11 .overview .conwrap .boxwrap .txts dl dd{
	margin-top:25px;
	font-size:18px;color:#444;line-height:1.7em;
}

@media(max-width:1600px){
	.m11 .overview .conwrap .boxwrap .txts{padding:0 55px;}
}





.m11 .brand{}
.m11 .brand .titlearea{
	padding:150px 5%;
	background:url(/images/page/m11_brand_title_bg.jpg) no-repeat center;
	background-attachment:fixed;
	background-size:cover;
	text-align:center;
}
.m11 .brand .titlearea h3{
	font-family:"Cormorant Garamond";
	font-size:36px;color:#fff;font-weight:600;line-height:1em;
}
.m11 .brand .titlearea h4{
	margin:80px 0 30px;
	font-family:"Cormorant Garamond";
	font-size:44px;color:#fff;font-weight:600;line-height:1.1em;
}
.m11 .brand .titlearea p{font-size:18px;color:#fff;line-height:1.7em;}
.m11 .brand .conwrap{}
.m11 .brand .conwrap .innerwrap{max-width:1440px;width:94%;margin:0 auto;padding:0;}
.m11 .brand .conwrap .boxwrap{
	position:relative;
	padding:150px 0;
}
.m11 .brand .conwrap .boxwrap:nth-child(even){background:#f9f9f9;}
.m11 .brand .conwrap .boxwrap:nth-child(even):after{
	display:block;content:"";
	width:1000%;height:100%;
	background:#f9f9f9;
	position:absolute;left:-50%;top:0;z-index:-1;
}
.m11 .brand .conwrap .boxwrap h4{
	font-family:"Cormorant Garamond";
	font-size:44px;color:#000;font-weight:600;line-height:1em;
}
.m11 .brand .conwrap .boxwrap>ul{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:70px;}
.m11 .brand .conwrap .boxwrap>ul>li{
	width:48%;
	margin-bottom:90px;
}
.m11 .brand .conwrap .boxwrap>ul>li:last-child,
.m11 .brand .conwrap .boxwrap>ul>li:nth-last-child(2){margin-bottom:0;}
.m11 .brand .conwrap .boxwrap>ul>li .logoarea{
	position:relative;
	display:flex;align-items:center;justify-content:center;
	box-sizing:border-box;
	width:100%;height:406px;
	border:1px solid #ddd;
	background:#f9f9f9;
}
.m11 .brand .conwrap .boxwrap:nth-child(even)>ul>li .logoarea{background:#fff;}
.m11 .brand .conwrap .boxwrap>ul>li .logoarea .hidden{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
	box-sizing:border-box;
	padding:0 48px;
	background:rgba(74,131,119,0.95);
	text-align:center;
	opacity:0;
	transition:all 0.4s;
}
.m11 .brand .conwrap .boxwrap>ul>li:hover .logoarea .hidden{opacity:1;}
.m11 .brand .conwrap .boxwrap>ul>li .logoarea .hidden>div{
	display:flex;align-items:center;justify-content:center;
	width:100%;height:100%;
}
.m11 .brand .conwrap .boxwrap>ul>li .logoarea .hidden>div .h_logo{margin-bottom:30px;}
.m11 .brand .conwrap .boxwrap>ul>li .logoarea .hidden>div .exp{font-size:18px;color:#fff;line-height:1.6em;}
.m11 .brand .conwrap .boxwrap>ul>li .tag{
	display:flex;flex-wrap:wrap;
	margin:25px 0 35px;
}
.m11 .brand .conwrap .boxwrap>ul>li .tag>li{
	background:#414141;
	padding:10px 20px;margin:0 7px 7px 0;
	border-radius:20px;
	font-family:"Cormorant Garamond";
	font-size:16px;color:#fff;font-weight:600;line-height:1em;
}
.m11 .brand .conwrap .boxwrap>ul>li .info{
	padding:25px 23px;
	border-top:2px solid #000;border-bottom:1px solid #ddd;
}
.m11 .brand .conwrap .boxwrap>ul>li .info dl{display:flex;}
.m11 .brand .conwrap .boxwrap>ul>li .info dl dt{
	width:214px;
	padding:10px 0 10px 28px;
	font-size:18px;color:#000;
}
.m11 .brand .conwrap .boxwrap>ul>li .info dl.t1 dt{background:url(/images/page/m11_brand_icon1.png) no-repeat left;}
.m11 .brand .conwrap .boxwrap>ul>li .info dl.t2 dt{background:url(/images/page/m11_brand_icon2.png) no-repeat left;}
.m11 .brand .conwrap .boxwrap>ul>li .info dl.t3 dt{background:url(/images/page/m11_brand_icon3.png) no-repeat left;}
.m11 .brand .conwrap .boxwrap>ul>li .info dl dd{
	box-sizing:border-box;
	width:calc(100% - 214px);
	padding:10px 0 10px 30px;
	border-left:1px solid #ddd;
	font-size:18px;color:#666;
}
.m11 .brand .conwrap .boxwrap>ul>li .info dl dd a{font-size:18px;color:#666;}




/**/
.m12{padding:0 0 200px;}
.m12 .txtwrap{}
.m12 .txtwrap h4{
	margin-bottom:40px;
	font-family:"Cormorant Garamond";
	font-size:44px;color:#000;font-weight:600;line-height:1.1em;
}
.m12 .txtwrap p{margin-bottom:35px;font-size:18px;color:#666;line-height:1.6em;}
.m12 .txtwrap p.last{margin-bottom:0;}
.m12 .txtwrap:nth-child(1){
	padding:0 7% 0 40%;margin-bottom:180px;
	background:url(/images/page/m12_img1.jpg) no-repeat left top;
}
.m12 .txtwrap:nth-child(2){
	padding:0 52% 0 7%;
	background:url(/images/page/m12_img2.jpg) no-repeat right top;
}
.m12 .txtwrap:nth-child(2) p{padding:0 60px;}
.m12 .txtwrap:nth-child(2) p.last{padding:0;margin:150px 0 60px;}
.m12 .txtwrap:nth-child(2) .sign{padding:0 10% 0 0;text-align:right;}


@media(max-width:1680px){
	
	.m12 .txtwrap:nth-child(2){
		padding:550px 0 0 0;
		background:url(/images/page/m12_img2.jpg) no-repeat left top;
		background-size:100% 500px;
	}
	.m12 .txtwrap:nth-child(2) p{padding:0 0;}
	.m12 .txtwrap:nth-child(2) p.last{padding:0;margin:100px 0 60px;}
	

}





/**/
.m13{}
.m13 .history{}
.m13 .history .titlearea{
	overflow:hidden;
	position:relative;
	width:100%;height:800px;
	margin-bottom: 110px;
	display:flex;align-items:center;justify-content:center;text-align:center;
}
.m13 .history .titlearea .bg{
	position:absolute;left:0;top:0;z-index:-1;
	width:100%;height:100%;
	background:url(/images/page/m13_bg1.jpg) no-repeat center;
	background-size:cover;
	transition:all 0.6s;
}
.m13 .history .tabcon:nth-child(1) .titlearea .bg{
	background:url(/images/page/m13_bg1.jpg) no-repeat center;
	background-size:cover;
}
.m13 .history .tabcon:nth-child(2) .titlearea .bg{
	background:url(/images/page/m13_bg2.jpg) no-repeat center;
	background-size:cover;
}
.m13 .history .tabcon:nth-child(3) .titlearea .bg{
	background:url(/images/page/m13_bg3.jpg) no-repeat center;
	background-size:cover;
}
.m13 .history .tabcon:nth-child(4) .titlearea .bg{
	background:url(/images/page/m13_bg4.jpg) no-repeat center;
	background-size:cover;
}
.m13 .history .titlearea .year{overflow:hidden;height:130px;margin-bottom:30px;}
.m13 .history .titlearea .year li{
	font-family:"Cormorant Garamond";
	font-size:130px;color:#fff;font-weight:600;line-height:1em;	
	transform:translateY(0);
	transition:all 0.4s;
}
/**.m13 .history .titlearea .year li span{display:block;transform:translateY(-20px);}
.m13 .history.tab1 .titlearea .year li{transform:translateY(0);}
.m13 .history.tab2 .titlearea .year li{transform:translateY(-100%);}
.m13 .history.tab3 .titlearea .year li{transform:translateY(-200%);}
.m13 .history.tab4 .titlearea .year li{transform:translateY(-300%);}**/

.m13 .history .titlearea .tit{overflow:hidden;position:relative;height:44px;}
.m13 .history .titlearea .tit li{
	position:absolute;left:0;top:0;
	width:100%;
	font-family:"Cormorant Garamond";
	font-size:44px;color:#fff;font-weight:600;line-height:1em;	
	opacity:0;
	transition:all 0.4s;
}
.m13 .history .titlearea .tit li.on{opacity:1;}


.m13 .history .tabs{
	position:relative;background: #fff;
	margin-bottom:50px;
	box-shadow:0 -1px 0 #ddd inset;
}
.m13 .history .tabs.fixnav{
position:fixed;top:70px;width:100%;left:0;padding:0;
z-index:990;box-sizing:border-box;
transition:all 0.5s;
}
.m13 .history .tabs ul{
	display:flex;justify-content:center;
	max-width:1440px;width:100%;
	margin:0 auto;
	text-align:center;
}
.m13 .history .tabs ul li{
	position:relative;
	width:25%;	
}
.m13 .history .tabs ul li a{
	display:block;
	font-size:18px;color:#777;line-height:88px;
}
.m13 .history .tabs ul li a:before{
	display:block;content:"";
	width:7px;height:7px;
	background:#aaa;
	border-radius:50%;
	position:absolute;left:50%;top:100%;margin-top:-4px;
}
.m13 .history .tabs ul li a:after{
	display:block;content:"";
	width:17px;height:17px;
	background:rgba(179,82,38,0.25);
	border-radius:50%;
	position:absolute;left:50%;top:100%;margin:-9px 0 0 -5px;
	opacity:0;
}
.m13 .history .tabs ul li.on a{color:#b35226;}
.m13 .history .tabs ul li.on a:before{background:#b35226;}
.m13 .history .tabs ul li.on a:after{opacity:1;}
.m13 .history .tabs .line{
	position:absolute;left:0;bottom:0;
	height:3px;
	background:#b35226;
	transition:all 0.6s;
}
.m13 .history.tab1 .tabs .line{width:29%;}
.m13 .history.tab2 .tabs .line{width:45%;}
.m13 .history.tab3 .tabs .line{width:66%;}
.m13 .history.tab4 .tabs .line{width:100%;}

.m13 .history .tabconwrap{padding:0 2% 160px;}
.m13 .history .tabconwrap .tabcon{margin-bottom: 200px;}
.m13 .history .tabconwrap .tabcon:last-child{margin-bottom: 0;}
.m13 .history .tabconwrap .tabcon .titlearea{}
.m13 .history .tabconwrap .tabcon>div:not(.titlearea){
	display:flex;justify-content:space-between;
}
.m13 .history .tabconwrap .tabcon:nth-child(even):not(.titlearea)>div{flex-direction:row-reverse;}
.m13 .history .tabconwrap .tabcon>div .conarea{
	box-sizing:border-box;
	width:calc(100% - 40vw);
	padding:0 7% 0 10%;
}
.m13 .history .tabconwrap .tabcon>div .conarea>ul{}
.m13 .history .tabconwrap .tabcon>div .conarea>ul>li{display:flex;padding:30px 0 0;}
.m13 .history .tabconwrap .tabcon>div .conarea>ul>li .year{
	width:170px;
	font-family:"Cormorant Garamond";
	font-size:50px;color:#000;font-weight:600;line-height:1em;	
}
.m13 .history .tabconwrap .tabcon>div .conarea>ul>li .year span{display:block;transform:translateY(-20px);}
.m13 .history .tabconwrap .tabcon>div .conarea>ul>li .con{
	width:calc(100% - 170px);
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
}
.m13 .history .tabconwrap .tabcon>div .conarea>ul>li .con dl{display:flex;margin-bottom:15px;}
.m13 .history .tabconwrap .tabcon>div .conarea>ul>li .con dl dt{
	width:60px;
	font-size:18px;color:#444;line-height:1.6em;
}
.m13 .history .tabconwrap .tabcon>div .conarea>ul>li .con dl dd{
	width:calc(100% - 60px);
	font-size:18px;color:#000;line-height:1.6em;font-weight:500;
}
.m13 .history .tabconwrap .tabcon>div .imgarea{/* width:70vw; */width:50vw;height:770px;}
.m13 .history .tabconwrap .tabcon:nth-child(1)>div .imgarea{
	background:url(/images/page/m13_img1.jpg) no-repeat center;
	background-size:cover;
}
.m13 .history .tabconwrap .tabcon:nth-child(2)>div .imgarea{
	background:url(/images/page/m13_img2.jpg) no-repeat center;
	background-size:cover;
}
.m13 .history .tabconwrap .tabcon:nth-child(3)>div .imgarea{
	background:url(/images/page/m13_img3.jpg) no-repeat center;
	background-size:cover;
}
.m13 .history .tabconwrap .tabcon:nth-child(4)>div .imgarea{
	background:url(/images/page/m13_img4.jpg) no-repeat center;
	background-size:cover;
}





/**/
.m21{}
.m21 .m21_tabs{transition:all 0.5s;display:flex;padding:0 2%;margin-bottom:30px;}
.m21 .m21_tabs li{width:50%;background: #fff;}
.m21 .m21_tabs li a{
	display:flex;align-items:center;justify-content:center;
	width:100%;height:75px;
	box-sizing:border-box;
	border:1px solid #ddd;
	font-size:18px;color:#666;
}
.m21 .m21_tabs li.on a{
	background:#1f1f1f url(/images/page/sub_tabs_bg.png) no-repeat center;
	color:#fff;
}
.m21 .m21_tabs li:hover a{
	background:#1f1f1f url(/images/page/sub_tabs_bg.png) no-repeat center;
	color:#fff;
}


/*fixnav*/
.m21_tabs.fixnav{
position:fixed;top:70px;width:100%;left:0;
z-index:900;box-sizing:border-box;
/* padding:21px 0 0;background: #fff;
justify-content:center;
box-shadow:0 -1px 0 #ddd inset; */
transition:all 0.5s;
padding: 0;
}
.m21_tabs.fixnav li:first-child a{border-right:0;}




.m21 .tabconwrap{}
.m21 .tabconwrap .tabcon{
	position:relative;
	padding:150px 0;
	background:#f9f9f9;
	text-align:center;
}
.m21 .tabconwrap .tabcon .txts{}
.m21 .tabconwrap .tabcon .txts h4{
	margin-bottom:45px;
	font-family:"Cormorant Garamond";
	font-size:36px;color:#000;font-weight:600;line-height:1em;	
}
.m21 .tabconwrap .tabcon .txts p{margin-bottom:95px;font-size:18px;color:#000;line-height:1.7em;}
.m21 .tabconwrap .tabcon .mapimg{margin-bottom:160px;}
.m21 .tabconwrap .tabcon .mapinfo{
	position:absolute;left:50%;bottom:160px;
	max-width:1440px;width:94%;
	background:rgba(255,255,255,0.9);
	border:1px solid #ddd;
	padding:50px;
	box-sizing:border-box;
	transform:translateX(-50%);
	display:flex;justify-content:center;
}
.m21 .tabconwrap .tabcon .mapinfo dl{
	display:flex;align-items:center;
	position:relative;
	padding:0 70px;
}
.m21 .tabconwrap .tabcon .mapinfo dl:after{
	display:block;content:"";
	width:1px;height:20px;
	background:#ccc;
	position:absolute;right:0;top:12px;
}
.m21 .tabconwrap .tabcon .mapinfo dl:last-child:after{display:none;}
.m21 .tabconwrap .tabcon .mapinfo dl dt{}
.m21 .tabconwrap .tabcon .mapinfo dl dd{font-size:18px;color:#000;padding-left:5px;}

/*추가*/
.m21 .tabconwrap .tabcon .m_view{display: none !important;}




/* m22 */
.m22{}
.m22 .sec1{padding:0 0 140px 6%;}
.m22 .sec1 h4{
	font-family:"Cormorant Garamond";
	font-size:44px;color:#000;font-weight:600;line-height:1em;	
}
.m22 .sec1 .swims{
	margin:110px 0 40px;
	font-family:"Cormorant Garamond";
	font-size:50px;color:#444;font-weight:600;line-height:1em;	
}
.m22 .sec1 .swims strong{
	position:relative;
	font-size:110px;color:#000;
}
.m22 .sec1 .swims strong:before{
	display:block;content:"";
	width:8px;height:8px;
	background:#000;
	border-radius:50%;
	position:absolute;left:50%;bottom:100%;
	margin:0 0 20px -4px;
}
.m22 .sec1 .swims .nbsp{display:inline-block;width:14px;}
.m22 .sec1 p{font-size:18px;color:#000;line-height:1.7em;}


@media(max-width:1770px){
	.m22 .sec1 .swims{line-height:1.8em;}
	.m22 .sec1 .swims .cut1{display:block;}
}


.m22 .sec2{padding:160px 0;background:#f9f9f9;}
.m22 .sec2 .innerwrap{text-align:center;}
.m22 .sec2 .innerwrap .pt_view{max-width:100%;}
.m22 .sec2 .innerwrap .m_view{display: none !important;max-width:100%;}
.m22 .sec2 .innerwrap .step{
	display:flex;justify-content:space-between;
	margin:150px 0 70px;padding:0 0;
}
.m22 .sec2 .innerwrap .step li{position:relative;max-width:382px;width:25%;}
.m22 .sec2 .innerwrap .step li:after{
	display:block;content:"";
	width:41px;height:5px;
	background:url(/images/page/m22_sec2_step_dot.gif) no-repeat;
	position:absolute;left:50%;top:50%;
	margin:22px 0 0 50%;
}
.m22 .sec2 .innerwrap .step li:last-child:after{display:none;}
.m22 .sec2 .innerwrap .step li .tag{margin-bottom:20px;text-align:center;}
.m22 .sec2 .innerwrap .step li .tag span{
	display:inline-block;
	padding:3px 15px;margin:0 3px;
	font-size:16px;color:#444;
	border:1px solid #d5d5d5;
	border-radius:15px;
}
.m22 .sec2 .innerwrap .step li .stepwrap{
	display:flex;align-items:center;justify-content:center;
	position:relative;
	width:80%;height:110px;
	border-radius:55px;
	margin:0 auto;
}
.m22 .sec2 .innerwrap .step li .stepwrap:after{
	display:block;content:"";
	width:12px;height:11px;
	background:url(/images/page/m22_sec2_step_arr.png) no-repeat;
	position:absolute;right:20px;top:50%;
	margin:-5px 0 0 0;
}
.m22 .sec2 .innerwrap .step li:last-child .stepwrap:after{display:none;}
.m22 .sec2 .innerwrap .step li:nth-child(1) .stepwrap{background:#acacac;}
.m22 .sec2 .innerwrap .step li:nth-child(2) .stepwrap{background:#878787;}
.m22 .sec2 .innerwrap .step li:nth-child(3) .stepwrap{background:#414141;}
.m22 .sec2 .innerwrap .step li:nth-child(4) .stepwrap{background:#0c0c0c;}
.m22 .sec2 .innerwrap .step li .stepwrap .num{
	font-family:"Cormorant Garamond";
	font-size:20px;color:#fff;font-weight:400;line-height:1em;	
}
.m22 .sec2 .innerwrap .step li .stepwrap .tit{
	margin-top:7px;
	font-family:"Cormorant Garamond";
	font-size:28px;color:#fff;font-weight:600;line-height:1em;	
}

.m22 .sec2 .imgarea{position:relative;text-align:center;}
.m22 .sec2 .imgarea .bg{
	position:absolute;left:0;top:0;
	width:100%;height:667px;
	background:url(/images/page/m22_sec2_imgs_bg.png) no-repeat;
	background-size:contain;
}
.m22 .sec2 .imgarea .imgs{margin-bottom:120px;}
.m22 .sec2 .imgarea .imgs ul{
	display:flex;justify-content:space-between;align-items:flex-end;
	padding:0 6%;
}
.m22 .sec2 .imgarea .imgs ul li{position:relative;max-width:382px;width:25%;}
.m22 .sec2 .imgarea .imgs ul li:last-child img{margin-bottom:-30px}
.m22 .sec2 .imgarea .imgs ul li .car1{
	position:absolute;
	width:42px;height:42px;
	background:url(/images/page/m22_sec2_car2.png) no-repeat;	
}
.m22 .sec2 .imgarea .imgs ul li .car2{
	position:absolute;
	width:42px;height:42px;
	background:url(/images/page/m22_sec2_car1.png) no-repeat;
}
.m22 .sec2 .imgarea .imgs ul li:nth-child(1) .car2{right:20px;bottom:-10px;}
.m22 .sec2 .imgarea .imgs ul li:nth-child(2) .car1{left:20px;bottom:-10px;}
.m22 .sec2 .imgarea .imgs ul li:nth-child(2) .car2{right:20px;bottom:-10px;}
.m22 .sec2 .imgarea .imgs ul li:nth-child(3) .car1{left:20px;bottom:-10px;}
.m22 .sec2 .imgarea .imgs ul li:nth-child(3) .car2{right:20px;bottom:-10px;}
.m22 .sec2 .imgarea .imgs ul li:nth-child(4) .car1{left:20px;bottom:-10px;}
.m22 .sec2 .imgarea .imgs ul li:nth-child(4) .car2{
	position:absolute;
	width:38px;height:48px;
	background:url(/images/page/m22_sec2_car3.png) no-repeat;		
	right:140px;bottom:-20px;
}

.m22 .sec2 .imgarea .txts{position:relative;z-index:10;}
.m22 .sec2 .imgarea .txts .tit{
	font-family:"Cormorant Garamond";
	font-size:28px;color:#000;font-weight:600;line-height:1em;	
}
.m22 .sec2 .imgarea .txts .tit:before{
	display:block;content:"";
	width:30px;height:1px;
	background:#a0a5a3;
	margin:0 auto 20px;
}
.m22 .sec2 .imgarea .txts .txt{margin-top:10px;font-size:16px;color:#666;}
.m22 .sec2 .imgarea .txts .report{
	width:107px;height:28px;
	margin:45px auto 20px;
	box-sizing:border-box;
	border:1px solid #ccc;border-radius:14px;
	background:#fff;
	font-size:16px;color:#444;text-align:center;font-weight:500;line-height:26px;
}
.m22 .sec2 .imgarea .txts .icon{
	width:123px;height:123px;
	border:2px dashed #ccc;background:#fff;
	border-radius:50%;
	margin:0 auto;
}
.m22 .sec2 .imgarea .btnwrap{}
.m22 .sec2 .imgarea .btnwrap #vplay{
position: relative;overflow:hidden;display: block;margin:60px auto 0;background:#eaeaea;border-radius:10px;display: flex;align-items:center;justify-content:center;
border:0;outline:none;width:320px;height:65px;}
.m22 .sec2 .imgarea .btnwrap #vplay:before{
position: absolute;content:'';background:#4A8377;
width:0%;height:100%;left:0%;top:0;transition:width 0.4s;
}
.m22 .sec2 .imgarea .btnwrap #vplay>span{transition:all 0.4s;position: relative;z-index:10;display: block;font-size:16px;font-weight: 400;color:#2f2f2f;padding-left:18px;}
.m22 .sec2 .imgarea .btnwrap #vplay>span:before{transition:all 0.4s;position: absolute;content:'';background: 0;border:1px solid #2f2f2f;width:7px;height:7px;
border-radius:50%;top:7px;left:0;}
.m22 .sec2 .imgarea .btnwrap #vplay:hover:before{
width:100%;transition:width 0.4s;
}
.m22 .sec2 .imgarea .btnwrap #vplay:hover>span{color:#fff;transition:all 0.4s;}
.m22 .sec2 .imgarea .btnwrap #vplay:hover>span:before{border:1px solid #fff;transition:all 0.4s;}

.m22 .sec3{padding:220px 3% 180px;}
.m22 .sec3>div>ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.m22 .sec3>div>ul>li{
	box-sizing:border-box;
	position:relative;
	width:32.5%;
	padding:100px 45px 60px;
	border:1px solid #ccc;
	text-align:center;
}
.m22 .sec3>div>ul>li .icon{
	width:124px;height:124px;
	background:#111;
	position:absolute;left:50%;top:-62px;
	border-radius:50%;
	margin-left:-62px;
}
.m22 .sec3>div>ul>li .tit{
	font-family:"Cormorant Garamond";
	font-size:28px;color:#000;font-weight:600;line-height:1em;	
}
.m22 .sec3>div>ul>li .tit:after{
	display:block;content:"";
	width:30px;height:1px;
	background:#000;
	margin:15px auto 30px;
}
.m22 .sec3>div>ul>li ul{}
.m22 .sec3>div>ul>li ul li{
	margin-bottom:20px;
	font-size:18px;color:#444;line-height:1.7em;
}
.m22 .sec3>div>ul>li .ex{
	display:inline-block;
	position:relative;
	margin:30px 0 0;
	font-size:16px;color:#888;line-height:1.8em;
}
.m22 .sec3>div>ul>li .ex:before{
	display:block;content:"(*)";
	position:absolute;left:-22px;top:0;
}

/*videopop*/
.vpop {
     display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 3000;
    background: #fff;
    max-width: 1200px;
    width: 94%;
    transform: translate(-50%,-50%);
	
}
.vpop .vwrap{
    overflow: hidden;
    height: auto;
    box-sizing: border-box;
    padding: 0px 0px;
}
 .vpop .vwrap .video{
padding: 56.25% 0 0 0;
 position: relative;
}
.vpop .vwrap .video iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
} 


.vpop .vclose{
	outline:none;
	border:none;background: transparent;
    position: absolute;
    top:0%;
    left: 100%;
    margin-left: 10px;
    width: 44px;
    height: 44px;
	display:flex;justify-content:center;align-items:center;
}
.vpop .vclose img{width:100%;height:100%;}

.vdim{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    display: none;
    z-index: 1001;
}



/* m23 */
.m23{padding:0 0 160px;}
.m23 ul{display:flex;flex-wrap:wrap;}
.m23 ul li{
	box-sizing:border-box;
	position:relative;
	width:19%;
	margin:0 1% 3% 0;
	border:1px solid #ddd;
}
.m23 ul li:nth-child(5n){margin-right:0;}
.m23 ul li a:after{
	display:block;content:"";
	box-sizing:border-box;
	width:100%;height:100%;
	border:2px solid #4A8377;
	position:absolute;left:0;top:0;
	opacity:0;
	transition:all 0.24s;
}
.m23 ul li:hover a:after{opacity:1;}





/* m31 */
.m31{padding:0 0 160px;}
.m31 .titlearea{
	padding:0 2%;
	text-align:center;
}
.m31 .titlearea h4{
	margin-bottom:40px;
	font-family:"Cormorant Garamond";
	font-size:44px;color:#000;font-weight:600;line-height:1em;	
}
.m31 .titlearea p{font-size:18px;color:#000;line-height:1.7em;}
.m31 .conwrap{padding:0 2%;margin-top:140px;}
.m31 .conwrap .boxwrap{display:flex;justify-content:space-between;align-items:center;margin-bottom:130px;}
.m31 .conwrap .boxwrap:last-child{margin-bottom:0;}
.m31 .conwrap .boxwrap .img{
	width:56.25%;height:566px;
}
.m31 .conwrap .boxwrap:nth-child(1) .img{
	background:url(/images/page/m31_img1.jpg) no-repeat center;
	background-size:cover;
}
.m31 .conwrap .boxwrap:nth-child(2) .img{
	background:url(/images/page/m31_img2.jpg) no-repeat center;
	background-size:cover;
}
.m31 .conwrap .boxwrap:nth-child(3) .img{
	background:url(/images/page/m31_img3.jpg) no-repeat center;
	background-size:cover;
}
.m31 .conwrap .boxwrap:nth-child(4) .img{
	background:url(/images/page/m31_img4.jpg) no-repeat center;
	background-size:cover;
}
.m31 .conwrap .boxwrap:nth-child(5) .img{
	background:url(/images/page/m31_img5.jpg) no-repeat center;
	background-size:cover;
}
.m31 .conwrap .boxwrap:nth-child(6) .img{
	background:url(/images/page/m31_img6.jpg) no-repeat center;
	background-size:cover;
}
.m31 .conwrap .boxwrap .txts{
	box-sizing:border-box;
	width:43.75%;
}
.m31 .conwrap .boxwrap .txts .icon{}
.m31 .conwrap .boxwrap .txts .tit{
	margin:20px 0 35px;
	font-family:"Cormorant Garamond";
	font-size:44px;color:#000;font-weight:600;line-height:1.2em;
}
.m31 .conwrap .boxwrap .txts ul{}
.m31 .conwrap .boxwrap .txts ul li{
	position:relative;
	margin-bottom:10px;padding-left:14px;
	font-size:18px;color:#666;line-height:1.7em;
}
.m31 .conwrap .boxwrap .txts ul li:before{
	display:block;content:"";
	box-sizing:border-box;
	width:7px;height:7px;
	border:1px solid #333;border-radius:50%;
	position:absolute;left:0;top:11px;
}
.m31 .conwrap .boxwrap:nth-child(odd){flex-direction:row-reverse;}
.m31 .conwrap .boxwrap:nth-child(odd) .txts{padding:0 7% 0 10%;}
.m31 .conwrap .boxwrap:nth-child(even) .txts{padding:0 10% 0 7%;}





/* m32 */
.m32{
	padding:160px 0;
	background:url(/images/page/m32_bg.jpg) no-repeat center;
	background-size:cover;
}
.m32 ul{display:flex;flex-wrap:wrap;}
.m32 ul li{
	overflow:hidden;
	position:relative;
	box-sizing:border-box;
	width:23.5%;height:390px;
	margin:0 2% 2% 0;padding:80px 0 0;
	border-radius:15px;
	background:#111;
	text-align:center;
}
.m32 ul li:nth-child(4n){margin-right:0;}
.m32 ul li .icon{
	display:flex;align-items:center;justify-content:center;
	height:120px;
}
.m32 ul li .tit{
	font-family:"Cormorant Garamond";
	font-size:28px;color:#fff;font-weight:600;line-height:1.2em;
}
.m32 ul li .tit:before{
	display:block;content:"";
	width:29px;height:1px;
	background:#707070;
	margin:30px auto 15px;
}
.m32 ul li .video_pop{
display:none;position: absolute;top:0;left:0;width:100%;height:100%;border-radius:15px;cursor:pointer;
}
.m32 ul li .video_pop .vwrap{
position: relative;left:50%;top:50%;transform:translate3d(-50%, -50%, 0);padding-bottom:73.25%;
}


.m32 ul li .video_pop .vwrap:after{
position: absolute;content:"";
z-index:100;width:100%;height:100%;background:transparent;top:0;left:0;border-radius:15px;cursor:pointer;
}
.m32 ul li .video_pop .vwrap iframe{
position: absolute;top:0;left:0;
width: 100%;height:100%;
transform:translate3d(0%, 0%, 0);
cursor:pointer;
 }
/*  .m32 ul li:nth-child(2) .video_pop .vwrap iframe{
 position: absolute;top:0;left:0;
 width: 100%;height:100%;
 transform:translate3d(-2%, -2%, 0);
 cursor:pointer;
 } */
.m32 ul li .hover{
	opacity:0;
	position:absolute;left:0;top:0;
	width:100%;height:100%;
	transition:all 0.6s;
}
.m32 ul li:hover .hover{opacity:1;}
.m32 ul li:hover{
background: #000;transition:all 0.1s;
}

@media screen and (max-width:1500px){
	.m32 ul li .video_pop .vwrap{
	position: relative;padding-bottom:82.25%;
	}
}

.m32 .showroom{
	display:flex;align-items:center;justify-content:center;
	overflow:hidden;
	width:270px;height:65px;
	margin:40px auto 0;
	background:#363636;
	border-radius:15px;
	font-size:16px;color:#fff;
}
.m32 .showroom span{
	display:inline-block;
	padding-left:14px;
	position:relative;
}
.m32 .showroom span:before{
	display:block;content:"";
	width:7px;height:7px;
	box-sizing:border-box;
	border:1px solid #fff;
	border-radius:50%;
	position:absolute;left:0;top:7px;
}





/* m41 */
.m41{}
.m41>div{padding:150px 0;}
.m41>div:nth-child(odd){background:#f9f9f9;}
.m41>div .innerwrap{max-width:1440px;margin:0 auto;}
.m41 h4{
	margin-bottom:110px;
	font-family:"Cormorant Garamond";
	font-size:28px;color:#000;font-weight:600;line-height:1em;text-align:center;
}
.m41 h4 span{border-bottom:2px solid #333;}
.m41 .sec1{}
/*.m41>div.sec1{background: url(/images/page/m42_sec7_bg.jpg)no-repeat center / cover;}*/
.m41 .sec1 .conwrap{display:flex;flex-wrap:wrap;justify-content:space-between;}
.m41 .sec1 .conwrap .imgarea{width:420px;}
.m41 .sec1 .conwrap .txtarea{
	box-sizing:border-box;
	width:calc(100% - 420px - 5%);
	padding:50px 0 0 5%;
	border-left:1px solid #ddd;
}
.m41 .sec1 .conwrap .txtarea h5{
	margin-bottom:50px;
	font-family:"Cormorant Garamond";
	font-size:44px;color:#000;font-weight:600;line-height:1.1em;
}
.m41 .sec1 .conwrap .txtarea p{
	padding:0 10% 0 5%;
	font-size:18px;color:#000;line-height:1.7em;
}
.m41 .sec2{}
.m41 .sec2 .conwrap{text-align:center;}
.m41 .sec2 .conwrap p{
	margin-top:65px;
	padding:0 14%;
	font-size:18px;color:#000;line-height:1.7em;
}
.m41 .sec3{}
.m41 .sec3 .conwrap{text-align:center;}
.m41 .sec3 .conwrap ul{display:flex;flex-wrap:wrap;}
.m41 .sec3 .conwrap ul li{
	box-sizing:border-box;
	border:1px solid #ddd;background:#fff;
	width:19.2%;
	margin:0 1% 1% 0;
}
.m41 .sec3 .conwrap ul li:nth-child(5n){margin-right:0;}
.m41 .sec4{text-align:center;}
.m41 .sec4 .innerwrap{max-width:1195px;}
.m41 .sec4 p{
	margin-bottom:40px;
	font-size:18px;color:#000;line-height:1.7em;
}
.m41 .sec4 ul{display:flex;justify-content:space-between;align-items:flex-end;margin-top:60px;}
.m41 .sec4 ul li img{border:1px solid #ddd;}
.m41 .sec5{text-align:center;}
.m41 .sec5 .innerwrap{}
.m41 .sec5 p{
	margin-bottom:40px;
	font-size:18px;color:#000;line-height:1.7em;
}
.m41 .sec5 .imgarea{
	display:flex;
	padding:50px 0;
	background:#fff;
	border:1px solid #ddd;
}
.m41 .sec5 .imgarea img{width:50%;}





/* m42 */
.m42{}
.m42>div{padding:150px 0;}
.m42>div:nth-child(odd){background:#f9f9f9;}
.m42>div .innerwrap{max-width:1440px;margin:0 auto;}
.m42 h4{
	margin-bottom:110px;
	font-family:"Cormorant Garamond";
	font-size:28px;color:#000;font-weight:600;line-height:1em;text-align:center;
}
.m42 h4 span{border-bottom:2px solid #333;}

.m42 .sec1{}
/*.m42>div.sec1{background: url(/images/page/m42_sec7_bg.jpg)no-repeat center / cover;}*/
.m42 .sec1 .conwrap{display:flex;flex-wrap:wrap;justify-content:space-between;}
.m42 .sec1 .conwrap .imgarea{width:420px;}
.m42 .sec1 .conwrap .txtarea{
	box-sizing:border-box;
	width:calc(100% - 420px - 5%);
	padding:50px 0 0 5%;
	border-left:1px solid #ddd;
}
.m42 .sec1 .conwrap .txtarea h5{
	margin-bottom:50px;
	font-family:"Cormorant Garamond";
	font-size:44px;color:#000;font-weight:600;line-height:1.1em;
}
.m42 .sec1 .conwrap .txtarea p{
	padding:0 10% 0 5%;
	font-size:18px;color:#000;line-height:1.7em;
}

.m42 .sec2{text-align:center;}
.m42 .sec2 h5{
	margin-bottom:35px;
	font-family:"Cormorant Garamond";
	font-size:20px;color:#000;font-weight:600;line-height:1em;
}
.m42 .sec2 h5 span{border-bottom:1px solid #000;}
.m42 .sec2 p{
	padding:0 10%;
	font-size:18px;color:#000;line-height:1.7em;
}
.m42 .sec2 .dia{margin:65px auto 0;max-width:1110px;}
.m42 .sec2 .dia .titarea{
	display:flex;align-items:center;justify-content:center;
	width:385px;height:116px;
	margin:0 auto;
	background:#4A8377;
	border-radius:58px;
}
.m42 .sec2 .dia .titarea{position:relative;}
.m42 .sec2 .dia .titarea .icon{margin-bottom:5px;}
.m42 .sec2 .dia .titarea .tit{
	font-family:"Cormorant Garamond";
	font-size:26px;color:#fff;font-weight:600;line-height:1em;
}
.m42 .sec2 .dia .titarea .tit span{border-bottom:1px solid #fff;}
.m42 .sec2 .dia .titarea:after{
	display:block;content:"";
	width:1px;height:42px;
	background:#ddd;
	position:absolute;left:50%;top:100%;
}
.m42 .sec2 .dia .listarea{
	margin-top:83px;position:relative;
	display:flex;justify-content:space-between;
}
.m42 .sec2 .dia .listarea:before{
	display:block;content:"";
	width:calc(100% - 290px);height:1px;
	background:#ddd;
	position:absolute;left:50%;top:-40px;
	transform:translateX(-50%);
}
.m42 .sec2 .dia .listarea li{
	position:relative;
	width:290px;
	padding:35px 0;
	background:#f9f9f9;
}
.m42 .sec2 .dia .listarea li:before{
	display:block;content:"";
	width:1px;height:40px;
	background:#ddd;
	position:absolute;left:50%;bottom:100%;
}
.m42 .sec2 .dia .listarea .icon{display:flex;justify-content:center;align-items:center;height:52px;}
.m42 .sec2 .dia .listarea .tit{
	display:flex;justify-content:center;align-items:center;
	margin-top:20px;
	height:60px;
	font-size:18px;color:#000;line-height:1.7em;
}
.m42 .sec2 .dia .listarea .tit span{}
.m42 .sec3{}
.m42 .sec3 .conwrap{
	display:flex;flex-wrap:wrap;
	padding:60px 0;
	border-top:2px solid #000;border-bottom:1px solid #ddd;
}
.m42 .sec3 .conwrap .boxwrap{
	box-sizing:border-box;
	text-align:center;
}
.m42 .sec3 .conwrap .boxwrap:nth-child(1){width:28%;padding:0 30px;border-right:1px solid #ddd;}
.m42 .sec3 .conwrap .boxwrap:nth-child(2){width:28%;padding:0 30px;border-right:1px solid #ddd;}
.m42 .sec3 .conwrap .boxwrap:nth-child(3){width:44%;padding:0 30px 0 60px;}
.m42 .sec3 .conwrap .boxwrap .img{margin-bottom:40px;}
.m42 .sec3 .conwrap .boxwrap dl{}
.m42 .sec3 .conwrap .boxwrap dl dt{
	display:flex;align-items:center;justify-content:center;
	height:70px;
	margin-bottom:10px;
	font-family:"Cormorant Garamond";
	font-size:28px;color:#000;font-weight:600;line-height:1.1em;
}
.m42 .sec3 .conwrap .boxwrap dl dd{font-size:18px;color:#000;line-height:1.7em;}
.m42 .sec3 .conwrap .boxwrap table{width:100%;margin-top:30px;border-top:1px solid #ddd;}
.m42 .sec3 .conwrap .boxwrap table th{
	padding:30px 10px;
	background:#eaeaea;
	border-bottom:1px solid #ddd;
	color:#000;font-weight:500;
}
.m42 .sec3 .conwrap .boxwrap table td{
	padding:30px 10px;
	border-bottom:1px solid #ddd;
	color:#000;
}
.m42 .sec4{text-align:center;}
.m42 .sec4 p{font-size:18px;color:#000;line-height:1.7em;}
.m42 .sec4 ul{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:70px;}
.m42 .sec4 ul li{
	box-sizing:border-box;
	width:32.25%;margin:0 0 2% 0;
	border:1px solid #ddd;
}
.m42 .sec5{}
.m42 .sec5 .conwrap{display:flex;justify-content:space-between;}
.m42 .sec5 .conwrap .imgarea{width:43%;}
.m42 .sec5 .conwrap .imgarea img:nth-child(1){margin-bottom:20px;}
.m42 .sec5 .conwrap .conarea{width:51%;padding:50px 0;}
.m42 .sec5 .conwrap .conarea p{
	margin-bottom:40px;
	font-size:18px;color:#000;line-height:1.7em;
}
.m42 .sec5 .conwrap .conarea p:nth-child(2){padding-left:0%;}
.m42 .sec5 .conwrap .conarea ul{display:flex;justify-content:space-between;flex-wrap:wrap;margin:160px 0 0;}
.m42 .sec5 .conwrap .conarea ul li{
	box-sizing:border-box;
	border:1px solid #ddd;	
	background:#fff;
	width:32.25%;
	text-align:center;
}
.m42 .sec6{text-align:center;}
.m42 .sec6 p{
	margin-bottom:70px;
	font-size:18px;color:#000;line-height:1.7em;
}
/*.m42>div.sec7{background: url(/images/page/m42_sec7_bg.jpg)no-repeat center / cover;}*/
.m42 .sec7 .conwrap{display:flex;flex-wrap:wrap;justify-content:space-between;}
.m42 .sec7 .conwrap .imgarea{width:420px;}
.m42 .sec7 .conwrap .txtarea{
	box-sizing:border-box;
	width:calc(100% - 420px - 5%);
	padding:0px 0 0 5%;
	border-left:1px solid #ddd;
	display: flex;align-items:start;flex-direction:column;justify-content:center;
}
.m42 .sec7 .conwrap .txtarea h5{
	margin-bottom:50px;position: relative;
	font-family:"Cormorant Garamond";
	font-size:44px;color:#000;font-weight:800;line-height:1.1em;
}

.m42 .sec7 .conwrap .txtarea p{
	padding-left:6%;box-sizing:border-box;;font-weight: 500;
	font-size:18px;color:#000;line-height:1.6em;
}





/* paging */
.paging{margin-top:85px;text-align:center;}
.paging a{
	display:inline-block;vertical-align:top;box-sizing:border-box;
	width:46px;height:46px;
	background:#fff;border-radius:50%;
	font-family:"Lexend";color:#aaa;font-size:18px;line-height:40px;
}
.paging strong{
	display:inline-block;vertical-align:top;box-sizing:border-box;
	width:46px;height:46px;
	border:1px solid #000;border-radius:50%;background:#000;
	font-family:"Lexend";color:#fff;font-size:18px;line-height:40px;font-weight:400;
}
.paging .page_begin{width:46px;height:46px;background:url(/kor/images/common/page_begin.png) no-repeat center;border:0;margin-right:30px;}
.paging .page_prev{width:46px;height:46px;background:url(/kor/images/common/page_prev.png) no-repeat center;border:0;margin-right:50px;}
.paging .page_next{width:46px;height:46px;background:url(/kor/images/common/page_prev.png) no-repeat center;border:0;margin-left:50px;transform:rotate(180deg);}
.paging .page_end{width:46px;height:46px;background:url(/kor/images/common/page_begin.png) no-repeat center;border:0;margin-left:30px;transform:rotate(180deg);}




/* bbs */
.bbs{padding:0 0 160px;}
.bbs .list1{border-top:1px solid #ddd;}
.bbs .list1 li{border-bottom:1px solid #ddd;}
.bbs .list1 li a{
	display:flex;align-items:center;
	padding:35px 7%; 
}
.bbs .list1 li a .thumb{width:460px;}
.bbs .list1 li a .txts{
	box-sizing:border-box;
	width:calc(100% - 460px);
	padding:0 75px;
}
.bbs .list1 li a .txts .tit{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* 라인수 */
	-webkit-box-orient: vertical;
	word-wrap:break-word; 
	line-height: 1.5em;height: 3.0em;	
	font-size:21px;color:#000;font-weight:500;
	margin-bottom:15px;
}
.bbs .list1 li a .txts .con{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* 라인수 */
	-webkit-box-orient: vertical;
	word-wrap:break-word; 
	line-height: 1.7em;height: 3.4em;	
	font-size:18px;color:#666;font-weight:400;
	margin-bottom:25px;
}
.bbs .list1 li a .txts .date{margin-bottom:80px;font-size:18px;color:#666;font-weight:400;}
.bbs .list1 li a .txts .more{
	position:relative;
	padding-left:15px;
	font-size:14px;color:#888;
}
.bbs .list1 li a .txts .more:before{
	display:block;content:"";
	width:6px;height:6px;
	border:1px solid #666;border-radius:50%;
	position:absolute;left:0;top:6px;
}



.bbs .list2{
	display:flex;flex-wrap:wrap;
	padding:0 7%;
}
.bbs .list2 li{
	width:31%;
	margin:0 3% 4% 0;padding-bottom:40px;
	border-bottom:1px solid #ddd;
}
.bbs .list2 li:nth-child(3n){margin-right:0;}
.bbs .list2 li .thumb{}
.bbs .list2 li .thumb img{width:100%;}
.bbs .list2 li .tit{
	margin:35px 0 25px;	
	font-size:21px;color:#000;line-height:1.5em;font-weight:500;
}
.bbs .list2 li .date{font-size:15px;color:#444;}




.bbsview{padding:0 0 160px;}
.bbsview .titlearea{
	padding:75px 0;
	border-top:1px solid #ddd;border-bottom:1px solid #ddd;
	text-align:center;
}
.bbsview .titlearea .tit{margin-bottom:25px;font-size:28px;color:#000;font-weight:500;line-height:1.5em;}
.bbsview .titlearea .date{font-size:18px;color:#444;}
.bbsview .conarea{
	padding:100px 25%;
	border-bottom:1px solid #ddd;
	font-size:18px;
}
.bbsview .page_wrap{
	display:flex;justify-content:space-around;align-items;center;
	padding:60px 5%;
	border-bottom:1px solid #ddd;
}
.bbsview .page_wrap .btn_wrap a{display:block;width:100%;}
.bbsview .page_wrap .btn_wrap .btn_tit{color:#222;font-size:18px;}
.bbsview .page_wrap .btn_wrap .prev{text-align:right;padding-left:22px;background:url(/kor/images/page/page_btn_icon1.png)no-repeat center left;}
.bbsview .page_wrap .btn_wrap .next{text-align:left;padding-right:22px;background:url(/kor/images/page/page_btn_icon2.png)no-repeat center right;}
.bbsview .page_wrap .list_btn_wrap{display:flex;justify-content:center;align-items:center;}
.bbsview .page_wrap .list_btn_wrap .list_btn{}




/* m61 */
.m61{padding:160px 0;}
.m61 h4{
	font-family:"Cormorant Garamond";
	font-size:80px;color:#000;font-weight:600;line-height:1.1em;text-align:center;
}
.m61 .contact{
	display:flex;flex-wrap:wrap;
	margin-top:60px;padding:30px 0;
	border-top:2px solid #000;
}
.m61 .contact dl{
	box-sizing:border-box;
	position:relative;
	width:33.33%;
	padding:60px 0;
	border-bottom:1px solid #ddd;
	text-align:center;
}
.m61 .contact dl:after{
	display:block;content:"";
	width:1px;height:calc(100% - 60px);
	background:#ddd;
	position:absolute;right:0;top:30px;
}
.m61 .contact dl:nth-child(3):after{display:none;}
/* .m61 .contact dl:nth-child(1){width:50%;}
.m61 .contact dl:nth-child(2){width:50%;} */
.m61 .contact dl dt{margin-bottom:20px;font-size:16px;color:rgba(0,0,0,0.6);font-weight:500;}
.m61 .contact dl dd{font-size:18px;color:#444;line-height:1.6em;}
.m61 .contact dl dd i{
	display:inline-block;vertical-align:top;
	width:21px;height:14px;
	margin:7px 10px 0 0;
	background:url(/images/page/m61_icon1.gif) no-repeat;
}
.m61 .contact dl dd a{font-size:18px;color:#444;line-height:1.6em;}





/* animation */
 .del1{animation-delay:0.1s;}
.del2{animation-delay:0.2s;}
.del3{animation-delay:0.3s;}
.del4{animation-delay:0.4s;}
.del5{animation-delay:0.5s;}
.del6{animation-delay:0.6s;}
.del7{animation-delay:0.7s;}

.fadeLeft, .fadeRight, .fadeUp, .fadeIn, .fadeImgRight, .fadeImgLeft{opacity:0;}
.imgAni{clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);}
.imgAni.in-view{animation-name: imgAni; animation-duration:1.25s;animation-fill-mode:forwards;}
.fadeLeft.in-view{animation-name: fadeLeft;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;}
.fadeRight.in-view{animation-name: fadeRight;animation-duration: 0.8s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;}
.fadeUp.in-view{animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;}
.fadeIn.in-view{animation-name: fadeIn;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;}
.fadeImgRight.in-view{animation-name: fadeImgRight;animation-duration: 1.2s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;}
.fadeImgLeft.in-view{animation-name: fadeImgLeft;animation-duration: 1.2s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;}
  @keyframes bgScale{
   0%{transform:scale(1.15);}
   100%{transform:scale(1);}
  }
@keyframes fadeLeft{
 0%{transform:translate3d(-100px, 0, 0);opacity:0;}
  100%{transform:translate3d(0px, 0, 0);opacity:1;}
}
@keyframes fadeLeft2{
 0%{transform:translate3d(-40px, 0, 0);opacity:0;}
  100%{transform:translate3d(0px, 0, 0);opacity:1;}
}
@keyframes fadeRight{
 0%{transform:translate3d(70%, 0, 0);opacity:0;}
  100%{transform:translate3d(0%, 0, 0);opacity:1;}
}
@keyframes fadeRight2{
 0%{transform:translate3d(70px, 0, 0);opacity:0;}
  100%{transform:translate3d(0%, 0, 0);opacity:1;}
}
@keyframes fadeUp{
0%{transform:translate3d(0%, 60px, 0);opacity:0;}
  100%{transform:translate3d(0%, 0, 0);opacity:1;}
}
@keyframes fadeUp2{
0%{transform:translate3d(-50%, 60px, 0);opacity:0;}
  100%{transform:translate3d(-50%, 0, 0);opacity:1;}
}
@keyframes fadeIn{
0%{opacity:0;}
  100%{opacity:1;}
}
@keyframes imgAni{
0%{clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%);}
100%{clip-path:polygon(100% 0, 0 0, 0 100%, 100% 100%);}

}
@keyframes fadeImgRight{
0%{opacity:0;clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);}
100%{opacity:1;clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
}
@keyframes fadeImgLeft{
0%{opacity:0;clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%);}
100%{opacity:1;clip-path:polygon(100% 0, 0 0, 0 100%, 100% 100%);}
}


.sub_visual .imgBg:before{
position: absolute;content:'';background: rgba(255,255,255,0.5);
width:100%;height:100%;top:0;left:0;
}
.sub_visual h2 span{display: inline-block;}
.sub_visual h2 span, .sub_visual .imgBg, .sub_titlea h3, .sub_titlea .page_location{opacity:0;}

.sub_visual.in-view h2 span{
animation-name: fadeLeft;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
}
.sub_visual.in-view h2 span:nth-child(2){animation-delay:0.1s;}
.sub_visual.in-view h2 span:nth-child(3){animation-delay:0.2s;}
.sub_visual.in-view h2 span:nth-child(4){animation-delay:0.3s;}
.sub_visual.in-view h2 span:nth-child(5){animation-delay:0.4s;}
.sub_visual.in-view h2 span:nth-child(6){animation-delay:0.5s;}
.sub_visual.in-view h2 span:nth-child(7){animation-delay:0.6s;}
.sub_visual.in-view h2 span:nth-child(8){animation-delay:0.7s;}

.sub_visual.in-view .imgBg{
animation-name: fadeImgRight;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
animation-delay:0.1s;
}
.sub_visual.in-view .imgBg:before{
width:0%;transition:all 1.4s;transition-delay:0.6s;
}

.sub_titlea.in-view h3, .sub_titlea.in-view .page_location{animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;}

/*m11*/
.m11 .story .titlearea h3,
.m11 .story .titlearea h4,
.m11 .story .titlearea p{
opacity:0;
}
.m11 .story .titlearea.in-view h3,
.m11 .story .titlearea.in-view h4,
.m11 .story .titlearea.in-view p{
animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
}
.m11 .story .titlearea.in-view h4{animation-delay:0.1s;}
.m11 .story .titlearea.in-view p{animation-delay:0.2s;}

.m11 .story .conwrap .txts h5,
.m11 .story .conwrap .txts p{opacity:0;}
.m11 .story .conwrap .imgs .img1{opacity:0;top:70px;}
.m11 .story .conwrap .imgs .img2{opacity:0;bottom:-90px;}
.m11 .story .conwrap .imgs .img1.in-view{opacity:1;top:0;transition:all 0.9s ease-in-out;}
.m11 .story .conwrap .imgs .img2.in-view{opacity:1;bottom:-40px;transition:all 0.9s ease-in-out;}
.m11 .story .conwrap .txts.in-view h5,
.m11 .story .conwrap .txts.in-view p{
animation-name: fadeRight2;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
}
.m11 .story .conwrap .txts.in-view p{animation-delay:0.3s;}

.m11 .merit h3,
.m11 .merit .conwrap .shinwon,
.m11 .merit .conwrap>ul>li{opacity:0;}
.m11 .merit h3.in-view,
.m11 .merit .conwrap .shinwon.in-view{animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;}
.m11 .merit .conwrap .shinwon.in-view{animation-delay:0.2s;}
.m11 .merit .conwrap>ul>li.in-view{
animation-delay:0.2s;
animation-name: fadeIn;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;}

.m11 .values h3,
.m11 .values .conwrap .txts h4,
.m11 .values .conwrap .txts p,
.m11 .values .conwrap .lists{opacity:0;}
.m11 .values h3.in-view{
animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
}
.m11 .values .conwrap .txts h4.in-view,
.m11 .values .conwrap .txts p.in-view{
animation-name: fadeLeft;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
}
.m11 .values .conwrap .txts p.in-view{animation-delay:0.2s;}
.m11 .values .conwrap .lists.in-view{animation-name: fadeImgRight;animation-duration: 1.2s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;}
.m11 .values .conwrap .lists>div dl:nth-child(2){
transform:translateY(0);
}
.m11 .values .conwrap .lists>div.in-view dl:nth-child(2){
transform:translateY(calc(-100% + 1px));transition:all 0.9s ease-in-out;
}

.m11 .overview h3,
.m11 .overview h4,
.m11 .overview .psdw .titlearea,
.m11 .overview .psdw .titlearea dl,
.m11 .overview .psdw .conarea>div{opacity:0;}
.m11 .overview h3.in-view,
.m11 .overview h4.in-view,
.m11 .overview .psdw .titlearea.in-view dl,
.m11 .overview .psdw .conarea.in-view>div{animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;}
.m11 .overview h4.in-view{animation-delay:0.3s;}
.m11 .overview .psdw .conarea.in-view>div:nth-child(1){animation-delay:0.1s;}
.m11 .overview .psdw .conarea.in-view>div:nth-child(2){animation-delay:0.2s;}
.m11 .overview .psdw .conarea.in-view>div:nth-child(3){animation-delay:0.3s;}
.m11 .overview .psdw .conarea.in-view>div:nth-child(4){animation-delay:0.4s;}

.m11 .overview .psdw .titlearea.in-view{
animation-name: fadeImgLeft;animation-duration: 1.0s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
}
.m11 .overview .psdw .titlearea.in-view dl{animation-delay:0.4s;}

.m11 .overview .conwrap .boxwrap .img,
.m11 .overview .conwrap .boxwrap .txts{opacity:0;}
.m11 .overview .conwrap .boxwrap:nth-child(odd).in-view .img{
animation-name: fadeImgLeft;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
}
.m11 .overview .conwrap .boxwrap:nth-child(even).in-view .img{
animation-name: fadeImgRight;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
}
.m11 .overview .conwrap .boxwrap.in-view .txts{
animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
animation-delay:0.1s;
}

.m11 .brand .titlearea h3,
.m11 .brand .titlearea h4,
.m11 .brand .titlearea p{opacity:0;}
.m11 .brand .titlearea.in-view h3,
.m11 .brand .titlearea.in-view h4,
.m11 .brand .titlearea.in-view p{
animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;}
.m11 .brand .titlearea.in-view h4{animation-delay:0.2s;}
.m11 .brand .titlearea.in-view p{animation-delay:0.4s;}

.m11 .brand .conwrap .boxwrap h4,
.m11 .brand .conwrap .boxwrap>ul{opacity:0;}
.m11 .brand .conwrap .boxwrap h4.in-view{
animation-name: fadeLeft2;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
}
.m11 .brand .conwrap .boxwrap>ul.in-view{
animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
animation-delay:0.2s;
}


/*m12*/
.m12 .txtwrap,
.m12 .txtwrap h4,
.m12 .txtwrap p,
.m12 .txtwrap:nth-child(2) .sign{opacity:0;}
.m12 .txtwrap:nth-child(1).in-view{
animation-name: fadeImgLeft;animation-duration: 1.2s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
}
.m12 .txtwrap:nth-child(2).in-view{
animation-name: fadeImgRight;animation-duration: 1.2s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
}
.m12 .txtwrap.in-view h4{
animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
animation-delay:0.6s;
}
.m12 .txtwrap.in-view p{
animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
animation-delay:0.9s;
}
.m12 .txtwrap:nth-child(2) .sign.in-view{
animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
animation-delay:0;
}

/*m13 motion*/
.m13 .history .tabconwrap .tabcon .titlearea,
.m13 .history .tabconwrap .tabcon>div .conarea,
.m13 .history .tabconwrap .tabcon>div .imgarea{opacity:0;}
.m13 .history .tabconwrap .tabcon .titlearea.in-view{
animation-name: fadeImgLeft;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
}
.m13 .history .tabconwrap .tabcon>div .conarea.in-view,
.m13 .history .tabconwrap .tabcon>div .imgarea.in-view{
animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
}
.m13 .history .tabconwrap .tabcon>div .imgarea.in-view{animation-delay:0.1s;}


/*m21*/
.m21 .m21_tabs,
.m21 .tabconwrap .tabcon .txts h4,
.m21 .tabconwrap .tabcon .txts p,
.m21 .tabconwrap .tabcon .mapimg,
.m21 .tabconwrap .tabcon .mapinfo,
.m21 .tabconwrap #tabcon2 .img{opacity:0;}
.m21 .m21_tabs.in-view{animation-name: fadeIn;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;}
.m21 .tabconwrap .tabcon .txts.in-view h4,
.m21 .tabconwrap .tabcon .txts.in-view p,
.m21 .tabconwrap .tabcon .mapimg.in-view{
animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
}
.m21 .tabconwrap .tabcon .txts.in-view p{animation-delay:0.2s;}

.m21 .tabconwrap .tabcon .mapinfo.in-view{
animation-name: fadeUp2;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
}
.m21 .tabconwrap #tabcon2 .img.in-view{
animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
}



/*m22*/
.m22 .sec1 h4{opacity:0;transform:translateX(60px);}
.m22 .sec1 .swims span.small{display:inline-block;opacity:0;transform:translateY(20px);}
.m22 .sec1 .swims strong{display:inline-block;}
.m22 .sec1 .swims strong.txt_s1{transform:translateX(500px);}
.m22 .sec1 .swims strong.txt_w{transform:translateX(420px);}
.m22 .sec1 .swims strong.txt_i{transform:translateX(320px);}
.m22 .sec1 .swims strong.txt_m{transform:translateX(25px);}
.m22 .sec1 .swims strong.txt_s2{transform:translateX(-390px);}
.m22 .sec1 p{opacity:0;transform:translateY(40px);}

.m22 .sec1.in-view h4{opacity:1;transform:translateX(0);transition:all 1s;}
.m22 .sec1.in-view .swims strong.txt_s1{transform:translateX(0);transition:all 1s 1s;}
.m22 .sec1.in-view .swims strong.txt_w{transform:translateX(0);transition:all 1s 1s;}
.m22 .sec1.in-view .swims strong.txt_i{transform:translateX(0);transition:all 1s 1s;}
.m22 .sec1.in-view .swims strong.txt_m{transform:translateX(0);transition:all 1s 1s;}
.m22 .sec1.in-view .swims strong.txt_s2{transform:translateX(0);transition:all 1s 1s;}
.m22 .sec1.in-view .swims span.small{opacity:1;transform:translateY(0);transition:all 1s 1.8s;}
.m22 .sec1.in-view p{opacity:1;transform:translateY(0);transition:all 1s 2s;}

.m22 .sec2 .innerwrap>img{opacity:0;transform:translateY(60px);}
.m22 .sec2 .innerwrap>img.in-view{opacity:1;transform:translateY(0);transition:all 1s;}

.m22 .sec2 .innerwrap .step>li{opacity:0;transform:translateX(-40px);}
.m22 .sec2 .innerwrap .step.in-view>li{opacity:1;transform:translateX(0);}
.m22 .sec2 .innerwrap .step.in-view>li:nth-child(1){transition:all 1s;}
.m22 .sec2 .innerwrap .step.in-view>li:nth-child(2){transition:all 1s 0.5s;}
.m22 .sec2 .innerwrap .step.in-view>li:nth-child(3){transition:all 1s 1s;}
.m22 .sec2 .innerwrap .step.in-view>li:nth-child(4){transition:all 1s 1.5s;}

.m22 .sec2 .imgarea .imgs ul li{opacity:0;transform:translateY(40px);}
.m22 .sec2 .imgarea .bg{opacity:0;transform-origin:center top;transform:scaleY(1);}
.m22 .sec2 .imgarea .txts>div{opacity:0;transform:translateY(40px);}

.m22 .sec2 .imgarea .imgs ul.in-view li{opacity:1;transform:translateY(0);}
.m22 .sec2 .imgarea .imgs ul.in-view li:nth-child(1){transition:all 1s;}
.m22 .sec2 .imgarea .imgs ul.in-view li:nth-child(2){transition:all 1s 0.5s;}
.m22 .sec2 .imgarea .imgs ul.in-view li:nth-child(3){transition:all 1s 1s;}
.m22 .sec2 .imgarea .imgs ul.in-view li:nth-child(4){transition:all 1s 1.5s;}
.m22 .sec2 .imgarea .bg.in-view{opacity:1;transform:scaleY(1);transition:all 1s 1.5s;}
.m22 .sec2 .imgarea .txts.in-view>div{opacity:1;transform:translateY(0);}
.m22 .sec2 .imgarea .txts.in-view>div:nth-child(1){transition:all 1s 1.2s;}
.m22 .sec2 .imgarea .txts.in-view>div:nth-child(2){transition:all 1s 1.3s;}
.m22 .sec2 .imgarea .txts.in-view>div:nth-child(3){transition:all 1s 1.4s;}
.m22 .sec2 .imgarea .txts.in-view>div:nth-child(4){transition:all 1s 1.5s;}


.m22 .sec2 .imgarea .imgs ul li:nth-child(1) .car2{
	opacity:0;
	animation:car1 2s 2s;
	animation-fill-mode:forwards;
}
.m22 .sec2 .imgarea .imgs ul li:nth-child(2) .car1{
	opacity:0;
	animation:car2 2s 4s;
	animation-fill-mode:forwards;
}
.m22 .sec2 .imgarea .imgs ul li:nth-child(2) .car2{
	opacity:0;
	animation:car1 2s 6s;
	animation-fill-mode:forwards;
}
.m22 .sec2 .imgarea .imgs ul li:nth-child(3) .car1{
	opacity:0;
	animation:car2 2s 8s;
	animation-fill-mode:forwards;
}
.m22 .sec2 .imgarea .imgs ul li:nth-child(3) .car2{
	opacity:0;
	animation:car1 2s 10s;
	animation-fill-mode:forwards;
}
.m22 .sec2 .imgarea .imgs ul li:nth-child(4) .car1{
	opacity:0;
	animation:car2 2s 12s;
	animation-fill-mode:forwards;
}
.m22 .sec2 .imgarea .imgs ul li:nth-child(4) .car2{
	opacity:1;
	animation:car3 2s 14s;
	animation-fill-mode:backwards;
}
@keyframes car1{
	0%{opacity:0;right: 68px;bottom: 20px;}
	80%{opacity:1;right: 20px;bottom: -10px;}
	100%{opacity:0;}
}
@keyframes car2{
	0%{opacity:0;left:20px;bottom:-10px;}
	80%{opacity:1;left:60px;bottom:20px;}
	100%{opacity:0;left:60px;bottom:20px;}
}
@keyframes car3{
	0%{opacity:0;right:170px;bottom:0px;}
	80%{opacity:1;right:140px;bottom:-20px;}
	100%{opacity:1;right:140px;bottom:-20px;}
}

.m22 .sec2 .imgarea .btnwrap{opacity:0;transform:translateY(40px);transition:all 1s;}
.m22 .sec2 .imgarea .btnwrap.in-view{opacity:1;transform:translateY(0px);transition-delay:0.8s;}


.m22 .sec3>div>ul>li{opacity:0;}
.m22 .sec3>div>ul.in-view>li{
animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
}
.m22 .sec3>div>ul.in-view>li:nth-child(2){animation-delay:0.1s;}
.m22 .sec3>div>ul.in-view>li:nth-child(3){animation-delay:0.2s;}


/*m23 motion*/
.m23 ul{opacity:0;}
.m23 ul.in-view{
animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;animation-delay:0.1s;
}

/*m31 motion*/
.m31 .conwrap .boxwrap .img,
.m31 .conwrap .boxwrap .txts{opacity:0;}
.m31 .conwrap .boxwrap .txts.in-view{
animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
}
.m31 .conwrap .boxwrap:nth-child(odd) .img.in-view{
animation-name: fadeImgRight;animation-duration: 1.0s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
animation-delay:0.1s;
}
.m31 .conwrap .boxwrap:nth-child(even) .img.in-view{
animation-name: fadeImgLeft;animation-duration: 1.0s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;animation-delay:0.1s;
}

/*m41motion*/
.m41 h4,
.m41 .sec1 .conwrap .imgarea,
.m41 .sec1 .conwrap .txtarea h5,
.m41 .sec1 .conwrap .txtarea p{opacity:0;}
.m41 h4.in-view{
animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
}
.m41 .sec1 .conwrap .imgarea.in-view{animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
animation-delay:0.3s;
}
.m41 .sec1 .conwrap .txtarea.in-view h5,.m41 .sec1 .conwrap .txtarea.in-view p{
animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;animation-delay:0.3s;
}
.m41 .sec1 .conwrap .txtarea.in-view p{animation-delay:0.5s;}

.m41 .sec2 .conwrap img,
.m41 .sec2 .conwrap p{opacity:0;}
.m41 .sec2 .conwrap img.in-view, .m41 .sec2 .conwrap p.in-view{
animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
animation-delay:0.2s;
}
.m41 .sec2 .conwrap p.in-view{animation-delay:0.2s;}

.m41 .sec3 .conwrap ul{opacity:0;}
.m41 .sec3 .conwrap ul.in-view{
animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
animation-delay:0.2s;
}

.m41 .sec4 p,.m41 .sec4 ul{opacity:0;}
.m41 .sec4 p.in-view,.m41 .sec4 ul.in-view{
animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
animation-delay:0.2s;
}
.m41 .sec4 ul.in-view{animation-delay:0.3s;}

.m41 .sec5 p, .m41 .sec5 .imgarea{opacity:0;}
.m41 .sec5 p.in-view, .m41 .sec5 .imgarea.in-view{
animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
animation-delay:0.2s;
}
.m41 .sec5 .imgarea.in-view{animation-delay:0.4s;}

/*m42*/
.m42 h4,
.m42 .sec1 .conwrap .imgarea,
.m42 .sec1 .conwrap .txtarea h5,
.m42 .sec1 .conwrap .txtarea p{opacity:0;}
.m42 h4.in-view{
animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
}
.m42 .sec1 .conwrap .imgarea.in-view{animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
animation-delay:0.3s;
}
.m42 .sec1 .conwrap .txtarea.in-view h5,.m42 .sec1 .conwrap .txtarea.in-view p{
animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;animation-delay:0.3s;
}
.m42 .sec1 .conwrap .txtarea.in-view p{animation-delay:0.5s;}

.m42 .sec2 h5,
.m42 .sec2 p,
.m42 .sec2 .dia{opacity:0;}
.m42 .sec2 h5.in-view,
.m42 .sec2 p.in-view,
.m42 .sec2 .dia.in-view{
animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;animation-delay:0.3s;
}
.m42 .sec2 p.in-view{animation-delay:0.2s;}
.m42 .sec2 .dia.in-view{animation-delay:0.3s;}

.m42 .sec3 .conwrap{opacity:0;}
.m42 .sec3 .conwrap.in-view{animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;animation-delay:0.3s;}

.m42 .sec4 p,
.m42 .sec4 ul{opacity:0;}
.m42 .sec4 p.in-view,
.m42 .sec4 ul.in-view{animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;}
.m42 .sec4 ul.in-view{animation-delay:0.3s;}

.m42 .sec7 .conwrap .imgarea,
.m42 .sec7 .conwrap .txtarea h5,
.m42 .sec7 .conwrap .txtarea p{opacity:0;}
.m42 h4.in-view{
animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
}
.m42 .sec7 .conwrap .imgarea.in-view{animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
animation-delay:0.3s;
}
.m42 .sec7 .conwrap .txtarea.in-view h5,.m42 .sec7 .conwrap .txtarea.in-view p{
animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;animation-delay:0.3s;
}
.m42 .sec7 .conwrap .txtarea.in-view p{animation-delay:0.5s;}

.m42 .sec5 .conwrap .imgarea,
.m42 .sec5 .conwrap .conarea p,
.m42 .sec5 .conwrap .conarea ul{opacity:0;}
.m42 .sec5 .conwrap .imgarea.in-view{
animation-name: fadeLeft;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
}
.m42 .sec5 .conwrap .conarea p.in-view{
animation-delay:0.1s;animation-name: fadeRight;animation-duration: 1.2s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;}
.m42 .sec5 .conwrap .conarea ul.in-view{
animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;animation-delay:0.1s;
}

.m42 .sec6 p{opacity:0;}
.m42 .sec6 p.in-view{animation-delay:0.1s;animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;}
.m42 .sec6 img{/* clip-path: circle(0%); */opacity:0;}
.m42 .sec6 img.in-view{
/* clip-path: circle(100%);transition: clip-path 3s;transition-delay:0.3s; */
animation-name: fadeImgLeft;animation-duration: 1s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
animation-delay:0.3s;
}