@charset "utf-8";
@import url("common.css");

.pcbr{display:block !important;}
.ptbr{display:block !important;}
.tbr{display:none !important;}
.mbr{display:none !important;}
.pc_view{display:block !important;}
.pt_view{display:block !important;}
.tm_view{display:none !important;}
.t_view{display:none !important;} 
.m_view{display:none !important;}
* {font-family:"Pretendard Variable","돋움",dotum,sans-serif;}

/*Layer*/
/* html, body{height:auto;} */
body{width:100%}
#wrap{width:100%;}
#header{background: #fff;}
#container{width:100%}
#contents{margin-top:140px;}
#footer{width:100%;}
button{outline:none;border:none;background: transparent;}
*{ box-sizing:border-box;}


.foot{background: #f7f6f3;}

/*sub_visual*/
.sub_visual{position: relative;width:94%;max-width: 1660px;margin:0px auto;z-index: 10;}
.sub_visual .top_tit{
display: flex;align-items:end;margin-bottom: 40px;
}
.sub_visual .top_tit h2{font-family: "Poppins", sans-serif;font-size:120px;color:#0f427d;font-weight: 100;line-height: 1.3em;}
.sub_visual .top_tit .cate{font-size:20px;color:#0f427d;font-weight: bold;line-height: 1.3em;padding-bottom: 30px;
margin-left: 30px;}
.sub_visual .bot_wrap{
	position: relative;width:100%;max-width:1660px;height:600px;overflow:hidden;border-radius:50px;
	padding: 80px; box-sizing: border-box; display: flex; align-items: flex-end;
}
.sub_visual .bot_wrap .bg{position: absolute; left: 0; top: 0;width:100%;height:100%; z-index: -1;transform:scale(1.1); transition: all 1.2s;}
.sub_visual.in-view .bot_wrap .bg{transform: scale(1);}
.sub_visual .bot_tit{max-width:1660px;width:auto;}
.sub_visual .bot_tit .desc{display: inline-block; font-size:62px;font-weight:700;color:#fff;letter-spacing:-0.005em;line-height: 1.35em;}

.sub1 .bg {background:url(/images/page/sub_visual1.png) no-repeat center / cover;}
.sub2 .bg {background:url(/images/page/sub_visual2.png) no-repeat center / cover;}
.sub3 .bg {background:url(/images/page/sub_visual3.png) no-repeat center / cover;}
.sub4 .bg {background:url(/images/page/sub_visual4.png) no-repeat center / cover;}
.sub5 .bg {background:url(/images/page/sub_visual5.png) no-repeat center / cover;}
.innerwrap {
	max-width: 1660px;
	width: 94%;
	margin: 0 auto;
}
.sub_tab{width:100%;max-width:1920px;border-bottom:1px solid #e5e5e5;}
.sub_tab ul{display: flex;align-items:center;justify-content:center;padding:30px 0;}
.sub_tab ul li{
position: relative;
padding:0 45px;
}
.sub_tab ul li:before{
	position: absolute;
	content:'';
	right:0;
	top:4px;
	background:#e5e5e5;
	width:1px;height:16px;
}
.sub_tab ul li:after{
	position: absolute;
	content:'';
	background: #0f427d;
	width:35%;height:2px;
	bottom:-31px;
	left:50%;
	transform:translateX(-50%);
	display: none;
}
.sub_tab ul li:last-child:before{display: none;}
.sub_tab ul li>a>span{color:#666666;font-size:20px;}
.sub_tab  ul li.on>a>span{color:#0f427d;font-size:20px;font-weight: bold;}
.sub_tab  ul li.on:after{display: block;}
.m00 section{width:100%;padding-top: 120px;padding-bottom: 120px;}
.m00 section.sec1{padding-top: 120px;}
.m00 section:last-child{padding-bottom: 160px;}
.m00 section .conwrap{
	max-width: 1660px;
	width: 94%;
	margin: 0 auto;
}

/*paging*/
.m00 .paging{margin-top:60px;text-align:center;}
.m00 .paging a{display:inline-block;vertical-align:top;box-sizing:border-box;width:52px;height:52px;
color:#000000;font-size:20px;line-height:52px;font-weight:400;font-family: "Poppins", sans-serif;}
.m00 .paging strong{display:inline-block;vertical-align:top;box-sizing:border-box;width:52px;height:52px;color:#fff;/* background: #94c9e9; */
background: #0f427d;font-family: "Poppins", sans-serif;
border-radius:50%;font-size:20px;line-height:52px;font-weight:400;}
.m00 .paging .first{width:52px;height:52px;background:url(/images/page/page_first.png) no-repeat center;border:0;margin-right:10px;}
.m00 .paging .prev{width:52px;height:52px;background:url(/images/page/page_prev.png) no-repeat center;border:0;margin-right:40px;}
.m00 .paging .next{width:52px;height:52px;background:url(/images/page/page_prev.png) no-repeat center;border:0;margin-left:40px;transform:rotate(180deg);}
.m00 .paging .last{width:52px;height:52px;background:url(/images/page/page_first.png) no-repeat center;border:0;margin-left:10px;transform:rotate(180deg);}


/* 팝업 */
.pop{
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	max-width: 1440px;
	width: 92%;
	height: 74vh;
	margin: 0 auto;
	z-index: 10000;
	display: none;
}
.pop .btn_x {
	position: fixed;
	right: 0;
	bottom: calc(100% + 20px);
	width: 46px;
	height: 46px;
	background: url(/images/page/btn_x.png) no-repeat center / contain;
}
.pop .conwrap {
	width: 100%;
	height: 100%;
	overflow-y: auto;
	display: flex;
	-ms-overflow-style: none; /* 인터넷 익스플로러 */
	scrollbar-width: none; /* 파이어폭스 */
}
.pop .conwrap::-webkit-scrollbar {
	display: none;
}
.pop .conwrap .imgwrap{
	width: 490px;
	padding: 80px;
	box-sizing: border-box;
	background: url(/images/page/m31_pop_bg.jpg) no-repeat center / cover #fff;
}
.pop .conwrap .imgwrap .img{
	width: 330px;
	height: 425px;
	background: #fff;
	border-radius: 20px;
	box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
}
.pop .conwrap .imgwrap .img span{
	display: block;
	width: 100%;
	height: 100%;
}
.pop .conwrap .txtwrap{
	width: calc(100% - 490px);
	padding: 80px;
	box-sizing: border-box;
	background: #f5f5f5;
	overflow-y: auto;
}
.pop .conwrap .txtwrap::-webkit-scrollbar {
	width: 4px;
}
.pop .conwrap .txtwrap::-webkit-scrollbar-thumb {
	background: #848484;
}
.pop .conwrap .txtwrap::-webkit-scrollbar-track {
	background: #ccc;
}
.pop .conwrap .txtwrap .top{
	padding-bottom: 35px;
	border-bottom: 1px solid #ccc;
}
.pop .conwrap .txtwrap .top .name{
	font-size: 42px;
	font-weight: 700;
}
.pop .conwrap .txtwrap .top .name .position{
	font-size: 20px;
	font-weight: 600;
	color: #0f427d;
	margin-left: 10px;
}
.pop .conwrap .txtwrap .top .mail{
	margin-top: 15px;
	display: flex;
	flex-wrap: wrap;
}
.pop .conwrap .txtwrap .top .mail dt{
	flex-shrink: 0;
	font-family: "Poppins";
	font-size: 18px;
	font-weight: 500;
	color: #000;
}
.pop .conwrap .txtwrap .top .mail dt img{
	margin: 0 5px 0 0;
}
.pop .conwrap .txtwrap .top .mail dd{
	flex-shrink: 1;
	font-family: "Poppins";
	font-size: 18px;
	font-weight: 300;
	color: #666;
	margin: 1px 0 0 10px;
}
.pop .conwrap .txtwrap .top .intro{
	margin-top: 20px;
	font-size: 18px;
	color: #666;
	line-height: 1.7em;
}
.pop .conwrap .txtwrap .info{
	max-height: 340px;
	overflow-y: auto;
}
.pop .conwrap .txtwrap .info::-webkit-scrollbar {
	width: 4px;
}
.pop .conwrap .txtwrap .info::-webkit-scrollbar-thumb {
	background: #848484;
}
.pop .conwrap .txtwrap .info::-webkit-scrollbar-track {
	background: #ccc;
}
.pop .conwrap .txtwrap .info .con{
	margin-top: 20px;
}
.pop .conwrap .txtwrap .info .con .tit{
	font-size: 18px;
	font-weight: 500;
	color: #0f427d;
	margin-bottom: 15px;
}
.pop .conwrap .txtwrap .info .con dl{
	display: flex;
	margin-bottom: 7px;
}
.pop .conwrap .txtwrap .info .con dl dt{
	font-family: "Poppins";
	position: relative;
	width: 150px;
	padding-left: 10px;
	font-size: 18px;
	font-weight: 500;
	color: #666;
	line-height: 1.6em;
	box-sizing: border-box;
}
.pop .conwrap .txtwrap .info .con dl dt:after{
	content: "";
	position: absolute;
	left: 0;
	top: 12px;
	width: 3px;
	height: 3px;
	background: #666;
	border-radius: 50%;
}
.pop .conwrap .txtwrap .info .con dl dd{
	width: calc(100% - 150px);
	font-size: 18px;
	color: #666;
	line-height: 1.6em;
}

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


/*row*/
.row{
width:94%;max-width:1660px;margin:0 auto;margin-top: 120px;
display: flex;justify-content:space-between;align-items:start;padding-bottom: 200px;
}
.row .sidebar{width:21.08%;max-width:350px;background: rgba(232, 231, 229, 0.3);border-radius:20px;background: #f7f6f3;
padding:60px 0;}
.row .sidebar h3{padding:0 2.5vw;font-size:25px;color:#0f427d;font-weight: 600;margin-bottom: 40px;}
.row .sidebar ul{}
.row .sidebar ul li{
position: relative;
}
.row .sidebar ul li>a{display: block;width:100%;padding:20px 2.5vw;}
.row .sidebar ul li>a>span{position: relative;font-size:20px;color:#666;}
.row .sidebar ul li>a>span:before{
	position: absolute;
	content:'';
	width:10px;height:10px;
	background: url(/images/page/sub_tab_arr.jpg)no-repeat center;
	top:7px;right:-23px;
	opacity:0;
}
.row .sidebar ul li.on{background: rgba(232, 231, 229, 1);}
.row .sidebar ul li.on>a>span{color:#0f427d;font-weight: bold;}
.row .sidebar ul li.on>a>span:before{opacity:1;}

.row .page-content{width:calc(100% - 21.08%);padding:0 0 0 80px;}



/*m11*/
.m11{}
.m10 .sec_tit{
	width: 94%;
	max-width: 1660px;
	margin: 120px auto 0;
}
.m10 .sec_tit strong{
	font-size: 42px;
	color: #0f427d;
	margin-bottom: 80px;
}

.m11 .sec1{
	overflow: hidden;
}
.m11 .sec1 .conwrap{
	position: relative;
	width: 94%;
	max-width: 1660px;
	padding-top: 70px;
	margin: 0 auto;
}
.m11 .sec1 .conwrap .history{
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	overflow: unset;
}

.m11 .sec1 .conwrap .history .swiper-slide{
	width: unset;
	max-width: 750px;
	margin-right: 140px;
}
.m11 .sec1 .conwrap .history .swiper-slide .year{
	position: relative;
	font-family: "Poppins";
	font-weight: 600;
	font-size: 74px;
	color: #0f427d;
	letter-spacing: -4px;
}
.m11 .sec1 .conwrap .history .swiper-slide .year:after{
	content: "";
	position: absolute;
	left: -5000px;
	bottom: -33px;
	width: 5000%;
	height: 1px;
	background: #dadada;
	z-index: -1;
}
.m11 .sec1 .conwrap .history .swiper-slide .con{
	position: relative;
	margin-top: 85px;
}
.m11 .sec1 .conwrap .history .swiper-slide .con:before{
	content: "";
	position: absolute;
	left: 0;
	top: -63px;
	width: 21px;
	height: 21px;
	background: #dadada;
	border-radius: 50%;
}
.m11 .sec1 .conwrap .history .swiper-slide .con:after{
	content: "";
	position: absolute;
	left: 5px;
	top: -58px;
	width: 11px;
	height: 11px;
	background: #0f427d;
	border-radius: 50%;
}
.m11 .sec1 .conwrap .history .swiper-slide .con dl{
	display: flex;
	align-items: baseline;
	margin-bottom: 17px;
}
.m11 .sec1 .conwrap .history .swiper-slide .con dl dt{
	font-size: 20px;
	font-weight: 600;
	color: #0f427d;
}.m11 .sec1 .conwrap .history .swiper-slide .con dl dd{
	margin-left: 25px;
}
.m11 .sec1 .conwrap .history .swiper-slide .con dl dd p{
	font-size: 18px;
	line-height: 1.6em;
	font-weight: 400;
	color: #666;
}
.m11 .sec1 .conwrap .ctr{
	position: absolute;
	right: 0;
	top: 0;
}
.m11 .sec1 .conwrap .ctr .hprev{
	position: relative;
	display: inline-block;
	width: 50px;
	height: 50px;
	border: 1px solid #d1d1d1;
	border-radius: 50%;
	cursor: pointer;
}
.m11 .sec1 .conwrap .ctr .hprev i{
	position: absolute;
	left: 20px;
	top: 20px;
	width: 10px;
	height: 10px;
	border-left: 2px solid #5c5c5c;
	border-bottom: 2px solid #5c5c5c;
	transform: rotate(45deg);
}
.m11 .sec1 .conwrap .ctr .hnext{
	position: relative;
	display: inline-block;
	width: 50px;
	height: 50px;
	border: 1px solid #d1d1d1;
	border-radius: 50%;
	cursor: pointer;
}
.m11 .sec1 .conwrap .ctr .hnext i{
	position: absolute;
	left: 18px;
	top: 20px;
	width: 10px;
	height: 10px;
	border-left: 2px solid #5c5c5c;
	border-bottom: 2px solid #5c5c5c;
	transform: rotate(-135deg);
}


.m12 .sec1{
	overflow: hidden;
}
.m12 .sec1 .conwrap{
	position: relative;
	width: 94%;
	max-width: 1660px;
	padding-top: 70px;
	margin: 0 auto;
}
.m12 .sec1 .conwrap .history{
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	overflow: unset;
}

.m12 .sec1 .conwrap .history .swiper-slide{
	width: unset;
	max-width: 750px;
	margin-right: 140px;
}
.m12 .sec1 .conwrap .history .swiper-slide .year{
	position: relative;
	font-family: "Poppins";
	font-weight: 600;
	font-size: 74px;
	color: #dadada;
	letter-spacing: -4px;
}
.m12 .sec1 .conwrap .history .swiper-slide .year:after{
	content: "";
	position: absolute;
	left: -5000px;
	bottom: -33px;
	width: 5000%;
	height: 1px;
	background: #dadada;
	z-index: -1;
}
.m12 .sec1 .conwrap .history .swiper-slide .year span{
	color: #000;
}
.m12 .sec1 .conwrap .history .swiper-slide .con{
	position: relative;
	margin-top: 85px;
}
.m12 .sec1 .conwrap .history .swiper-slide .con:before{
	content: "";
	position: absolute;
	left: 0;
	top: -63px;
	width: 21px;
	height: 21px;
	background: #dadada;
	border-radius: 50%;
}
.m12 .sec1 .conwrap .history .swiper-slide .con:after{
	content: "";
	position: absolute;
	left: 5px;
	top: -58px;
	width: 11px;
	height: 11px;
	background: #0f427d;
	border-radius: 50%;
}
.m12 .sec1 .conwrap .history .swiper-slide .con .txtwrap{}
.m12 .sec1 .conwrap .history .swiper-slide .con .txtwrap.ranking{
	margin-top: 30px;
}
.m12 .sec1 .conwrap .history .swiper-slide .con .txtwrap .tit{
	font-size: 22px;
	font-weight: 600;
	color: #0f427d;
	margin-bottom: 15px;
}
.m12 .sec1 .conwrap .history .swiper-slide .con .txtwrap p{
	position: relative;
	padding-left: 11px;
	font-size: 18px;
	font-weight: 400;
	color: #666;
	line-height: 1.5em;
	margin-bottom: 5px;
	box-sizing: border-box;
}
.m12 .sec1 .conwrap .history .swiper-slide .con .txtwrap p:last-child{
	margin-bottom: 0;
}
.m12 .sec1 .conwrap .history .swiper-slide .con .txtwrap p:after{
	content: "";
	position: absolute;
	left: 0;
	top: 13px;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: #666;
}




.m12 .sec1 .conwrap .ctr{
	position: absolute;
	right: 0;
	top: 0;
}
.m12 .sec1 .conwrap .ctr .aprev{
	position: relative;
	display: inline-block;
	width: 50px;
	height: 50px;
	border: 1px solid #d1d1d1;
	border-radius: 50%;
	cursor: pointer;
}
.m12 .sec1 .conwrap .ctr .aprev i{
	position: absolute;
	left: 20px;
	top: 20px;
	width: 10px;
	height: 10px;
	border-left: 2px solid #5c5c5c;
	border-bottom: 2px solid #5c5c5c;
	transform: rotate(45deg);
}
.m12 .sec1 .conwrap .ctr .anext{
	position: relative;
	display: inline-block;
	width: 50px;
	height: 50px;
	border: 1px solid #d1d1d1;
	border-radius: 50%;
	cursor: pointer;
}
.m12 .sec1 .conwrap .ctr .anext i{
	position: absolute;
	left: 18px;
	top: 20px;
	width: 10px;
	height: 10px;
	border-left: 2px solid #5c5c5c;
	border-bottom: 2px solid #5c5c5c;
	transform: rotate(-135deg);
}


.m13 .sec1{
	padding-bottom: 160px;
}
.search_wrap{
	width: 100%;
	padding: 50px 0;
	background: #f7f6f3;
	border-radius: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.search_wrap select{
	width: 240px;
	height: 60px;
	padding: 0 20px;
	box-sizing: border-box;
	border: 1px solid #d6d6d6;
	border-radius: 10px;
	background: url(/images/page/select_arrow.png) no-repeat right 20px center #fff;
	font-size: 18px;
	color: #555;
	-o-appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.search_wrap .search_box{
	margin-left: 10px;
}
.search_wrap .search_box input[type=text] {
	width: 460px;
	height: 60px;
	border: 1px solid #d6d6d6;
	font-size: 18px;
	font-weight: 400;
	color: #555;
	padding: 0 20px;
	border-radius: 10px;
	box-sizing: border-box;
	margin-right: 10px;
}
.search_wrap .search_box button{
	width: 80px;
	height: 60px;
	line-height: 60px;
	background: #0f427d;
	border-radius: 10px;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
}
.m13 .sec1 .conwrap{
	margin-top: 75px;
}
.m13 .sec1 .conwrap .list{display: flex;flex-wrap:wrap;}
.m13 .sec1 .conwrap .list li{
	position: relative;
	width:calc((100% - 90px) / 4);min-height:340px;
	border:1px solid #d3d3d3;border-radius:20px;
	margin-right: 30px;
	margin-bottom: 40px;
	overflow:hidden;
}
.m13 .sec1 .conwrap .list li:nth-child(4n){margin-right: 0;}
.m13 .sec1 .conwrap .list li a{
	display: block;
	width:100%;
	height:100%;
}
.m13 .sec1 .conwrap .list li a .toparea{
	padding: 40px 35px;
}
.m13 .sec1 .conwrap .list li a .toparea .bo_table{
	font-size:16px;color:#0f427d;font-weight: 500;
	text-decoration:underline;text-underline-offset:5px;
	margin-bottom: 15px;
}
.m13 .sec1 .conwrap .list li a .toparea .title{
	font-size:22px;color:#000;
	font-weight: 700;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	line-height: 1.4em;
	height: 2.8em;
}
.m13 .sec1 .conwrap .list li a .toparea .desc{
	font-size:16px;
	color:#666;
	font-weight:400;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	line-height: 1.8em;
	height: 5.4em;
	margin-top: 10px;
}
.m13 .sec1 .conwrap .list li a .botarea{
position: absolute;left:0;width:100%;bottom:0;
padding:20px 40px 30px;
display: flex;align-items:center;
justify-content:space-between;
}
.m13 .sec1 .conwrap .list li a .botarea:before{
position: absolute;content:'';
background: #e5e5e5;width:calc(100% - 80px);
height:1px;left:40px;top:0px;
}
.m13 .sec1 .conwrap .list li a .date{font-size:16px;color:rgba(0,0,0,0.6);font-weight: 400;font-family: "Montserrat";}
.m13 .sec1 .conwrap .list li a .more_view{
	display: block;
	cursor:pointer;
	width:33px;height:33px;
	background: url(/images/page/bbs_more_icon.png)no-repeat center ;
}
.m13 .sec1 .conwrap .list li:hover a .more_view{
	background: url(/images/page/bbs_more_icon_hover.png)no-repeat center ;
}
.m13 .sec1 .conwrap .list li:hover{
	box-shadow: 5px 5px 21px rgba(0,0,0,0.11);
}
.m13 .sec2{
	padding-bottom: 0 !important;
}
.m13 .sec2 .con{
	width: 100%;
	padding: 150px 0 410px;
	background: url(/images/page/m13_bg.png) no-repeat center / cover;
}
.m13 .sec2 .con .innerwrap{
	position: relative;
	display: flex;
	justify-content: space-between;
}
.m13 .sec2 .con .innerwrap .txtwrap{
	position: sticky;
	align-self: flex-start;
	left: 0;
	top: 240px;
	margin-right: 30px;
}
.m13 .sec2 .con .innerwrap .txtwrap .txt1{
	font-size: 42px;
	font-weight: 700;
	line-height: 1.4em;
}
.m13 .sec2 .con .innerwrap .txtwrap .txt2{
	margin-top: 40px;
	font-size: 18px;
	font-weight: 400;
	color: #666;
	line-height: 1.4em;
}
.m13 .sec2 .con .innerwrap .imgwrap{
	position: relative;
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 80px;
	width: 940px;
}
.m13 .sec2 .con .innerwrap .imgwrap li{
	position: relative;
	width: 100%;
}

.m13 .sec2 .con .innerwrap .imgwrap li:nth-child(even) {
	top: 240px;
}
.m13 .sec2 .con .innerwrap .imgwrap li p{
	margin-top: 20px;
	font-size: 27px;
	font-weight: 700;
}


.m14 section{
	padding-bottom: 0 !important;
}
.m14 section .slg{
	width: 100%;
	margin-bottom: 50px;
	padding-bottom: 50px;
	border-bottom: 1px solid #ccc;
	font-size: 30px;
	font-weight: 600;
	color: #222;
}
.m14 section .con.last{
	margin-top: 90px;
}
.m14 section .con .name{
	font-size: 30px;
	font-weight: 700;
	color: 222;
}
.m14 section .con .info{
	margin: 25px 0 45px;
	display: flex;
}
.m14 section .con .info dl{
	position: relative;
	display: flex;
	align-items: center;
}
.m14 section .con .info dl + dl{
	padding-left: 60px;
}
.m14 section .con .info dl + dl:after{
	content: "";
	position: absolute;
	left: 30px;
	top: 7px;
	width: 1px;
	height: 18px;
	background: #ccc;
}
.m14 section .con .info dl dt{
	font-family: "Poppins";
	font-size: 20px;
	font-weight: 500;
	color: #222;
}
.m14 section .con .info dl dt img{
	margin: 0 10px 4px 0;
}
.m14 section .con .info dl dd{
	margin-left: 28px;
	font-size: 20px;
	font-weight: 300;
	color: #222;
}
.m14 section .con .map{
	width: 100%;
	height: 600px;
}


/*m21*/
.m21 select{display: none;}
.m21 .sec_tit{
padding-top: 40px;padding-bottom: 60px;
width:100%;border-bottom:1px solid #8f8f8f;
}
.m21 .select{display: none;}
.m21 .sec_tit strong{font-size:42px;color:#0f427d;font-weight: bold;display: block;margin-bottom:30px;}
.m21 .sec_tit .text{color:#1f1f1f;font-size:20px;font-weight: bold;}
.m21 .sec1{padding:0;}
.m21 section .con{
padding-top: 60px;padding-bottom: 60px;border-bottom:1px solid #d2d2d2;
padding-left: 20px;padding-right: 25px;
}
.m21 section .con:last-child{border-bottom: 0;}
.m21 section .con dl{}
.m21 section .con dl.flex{display: flex;align-items:start;}
.m21 section .con>dl>dt{width:211px;font-size:26px;color:#0f427d;font-weight: 600;}
.m21 section .con>dl>dd{width:calc(100% - 211px);}
.m21 section .con>dl>dd>div{font-size:18px;color:#666;font-weight:400;line-height: 1.8em;}
.m21 section .con>dl>dd .list{
display: flex;align-items:start;flex-wrap:wrap;
}
.m21 section .con>dl>dd .list li{
width:calc((100% - 40px) / 3);
margin-right: 20px;
margin-bottom: 60px;
}
.m21 section .con>dl>dd .list li>a{
display: block;
}
.m21 section .con>dl>dd .list li .img{
border:1px solid #e8e8e8;
border-radius:20px;
overflow:hidden;
height:373px;
}
.m21 section .con>dl>dd .list li .img img{width:100%;height:100%;object-fit:cover;}
.m21 section .con>dl>dd .list li .title{display: flex;justify-content:space-between;align-items:center;
padding-bottom: 15px;padding-top: 30px;border-bottom:1px solid #dddddd;}
.m21 section .con>dl>dd .list li .title .t1{font-size:22px;color:#000000;font-weight: 700;}
.m21 section .con>dl>dd .list li .title .t2{font-size:16px;color:#0f427d;font-weight: 600;}
.m21 section .con>dl>dd .list li .add{
padding-top: 20px;
}
.m21 section .con>dl>dd .list li .add dl{display: flex;align-items:start;flex-wrap:wrap;}
.m21 section .con>dl>dd .list li .add dl>dt{font-size:18px;color:#1b1b1b;font-weight: 500;
font-family: "Poppins", sans-serif;width:100%;
padding-left: 39px;position: relative;}
.m21 section .con>dl>dd .list li .add dl>dd{font-size:18px;color:#1b1b1b;opacity:0.8;font-weight: 500;word-break:break-word;
font-family: "Poppins", sans-serif;padding-left: 10px;width:100%;padding-left: 39px;box-sizing:border-box;}
.m21 section .con>dl>dd .list li .add dl>dt:before{
	position: absolute;
	content:'';
	background: url(/images/page/m21_email_icon.png)no-repeat center;width:32px;height:32px;
	top:50%;left:0;
	transform:translateY(-50%);

}
.m21 section .con>dl>dd .list li:nth-child(3n){margin-right: 0;}
.m21 section .example>dl>dt{width:100%;position: relative;display: flex;align-items:center;justify-content:space-between;}
.m21 section .example>dl>dt>span.btn{
	display: block;cursor:pointer;
	background: url(/images/page/m21_title_btn.png)no-repeat center;
	width:57px;height:57px;
}
.m21 section .example>dl>dt>span.btn:hover,
.m21 section .example>dl.on>dt>span.btn{
	background: url(/images/page/m21_title_btn_hover.png)no-repeat center;
}
.m21 section .example>dl>dd{display: none;width:100%;padding-top:40px;}


/*m31*/
.m31 .people{display: flex;flex-wrap:wrap;}
.m31 .people li{width:calc((100% - 80px) / 3);margin-right:40px;margin-bottom: 40px;
height:530px;border-radius:20px;overflow:hidden;
position: relative;
padding:80px 60px;
outline:1px solid #e9e9e9;
cursor:pointer;
box-sizing: border-box;
transition: all 0.05s;
}
.m31 .people li:nth-child(3n){margin-right: 0;}
.m31 .people li:hover{
	outline: 2px solid #0f427d;
}
.m31 .people li .img{
position: absolute;
bottom:0;right:0;
width:100%;
height:100%;
border-radius: 20px;
background: url(/images/page/m31_list_bg.png) no-repeat center / cover;
transition: all 0.3s;
display: flex;
align-items: flex-end;
}
.m31 .people li .img>span{
display: block;width:100%;height:90%;

position: relative;left:2vw;top:1vw;
}
.m31 .people li .title{position: relative;z-index:10;}
.m31 .people li .title .type1{font-size:24px;color:#0f427d;font-weight: 600;letter-spacing:-0.02em;margin-bottom: 16px;}
.m31 .people li .title .type2{font-size:26px;color:#000; text-shadow: 0 0 2px rgba(255,255,255,0.3); font-weight: 700;letter-spacing:-0.02em;}


.m31 .people li{padding:2.5vw 2vw;}

@media screen and (max-width:1580px){
.m31 .people li .img>span{left:4vw;top:2vw;}
}

/*m50*/
.m50{}
.m50 .list{display: flex;}
.m50 .list li{
width:calc((100% - 100px) / 3);margin-right: 50px;
max-width:520px;border-radius:25px;overflow:hidden;position: relative;
height:200px;
display: flex;align-items:center;justify-content:center;
}
.m50 .list li:last-child{margin-right: 0;}
.m50 .list li:after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(31,87,154,1) 100%);
	transform: translateY(100%);
	transition: all 0.4s;
	opacity: 0.7;
}
.m50 .list li:hover:after{
	transform: translateY(0);
}
.m50 .list li .bg{
position: absolute;
top:50%;left:50%;
width:100%;height:100%;
transform:translate(-50%, -50%);
background: url(/images/page/m50_bg1.png)no-repeat center / cover;
}
.m50 .list li:nth-child(2) .bg{background: url(/images/page/m50_bg2.png)no-repeat center / cover;}
.m50 .list li:nth-child(3) .bg{background: url(/images/page/m50_bg3.png)no-repeat center / cover;}
.m50 .list li a{
	width: 100%;
	display: block;
}
.m50 .list li a .titlearea{
	position: relative;z-index:20;
	width:100%;padding:0 2.5vw;
	display: flex;align-items:center;justify-content:space-between;
}
.m50 .list li a .titlearea h5{font-size:42px;color:#fff;font-weight: bold;}
.m50 .list li a .titlearea p{font-family: "Montserrat";font-size:14px;color:#fff;font-weight: 400;}

.m51{}
.m51 section:last-child{padding-bottom: 0;}
.m51 .titlearea{width:100%;display: flex;justify-content:space-between;align-items: center;
padding-bottom: 90px;}
.m51 .titlearea .titwrap{width:calc(100% - 720px);padding-bottom:20px; padding-right: 50px; box-sizing: border-box;}
.m51 .titlearea .titwrap h4{font-size:42px;color:#0f427d;font-weight: bold;margin-bottom: 40px;letter-spacing:-0.02em;}
.m51 .titlearea .titwrap .info{font-size:18px;line-height: 1.6em;color:#666;letter-spacing:-0.02em;margin-bottom: 60px;}
.m51 .titlearea .titwrap .down_btn{
position: relative;overflow:hidden;
display: inline-block;padding:10px 40px;border-radius:25px;border:1px solid #bbb;
}
.m51 .titlearea .titwrap .down_btn .hover{
	 position: absolute;
	  top: 50%;
	  left: 50%;
	  display: block;
	  width: 0;
	  height: 0;
	  border-radius: 50%;
	  background-color: #0f427d;
	  transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
	  transform: translate(-50%, -50%);
	  z-index: -1;
}

 .m51 .titlearea .titwrap .down_btn:hover .hover{width:300%;height:300%;}
.m51 .titlearea .titwrap .down_btn>span.txt{position: relative;z-index:10;font-size:18px;color:#4c4c4c;font-weight: bold;margin-right: 20px;}
.m51 .titlearea .titwrap .down_btn>i{position: relative;z-index:10;display: inline-block;
background: url(/images/page/down_icon.png)no-repeat center;
width:16px;height:14px;
}
.m51 .titlearea .titwrap .down_btn:hover>i{background: url(/images/page/down_icon_hover.png)no-repeat center;}
.m51 .titlearea .titwrap .down_btn:hover>span.txt{color:#fff;}
.m51 .titlearea .addwrap{width:720px;}
.m51 .titlearea .addwrap .addtit{color:#0f427d;font-size:20px;font-weight: bold;letter-spacing:-0.02em;margin-bottom: 30px;}
.m51 .titlearea .addwrap .addlist{
display: flex;
align-items:start;
}
.m51 .titlearea .addwrap .addlist dl{width:33.33%;padding: 15px 25px;padding-right: 20px;border-left:1px solid #d9d9d9;}
.m51 .titlearea .addwrap .addlist dl dt{font-size:18px;color:#1b1b1b;font-weight: 600;font-family: "Poppins", sans-serif;margin-bottom: 20px;}
.m51 .titlearea .addwrap .addlist dl dt>i{
	width:20px;height:20px;display: block;
	background: url(/images/page/email_icon.png)no-repeat center;
	margin-bottom: 12px;
}
.m51 .titlearea .addwrap .addlist dl.fax dt>i{background: url(/images/page/fax_icon.png)no-repeat center;}
.m51 .titlearea .addwrap .addlist dl.tel dt>i{background: url(/images/page/tel_icon.png)no-repeat center;}

.m51 .titlearea .addwrap .addlist dl dd,
.m51 .titlearea .addwrap .addlist dl dd>a{font-size:18px;color:rgba(27,27,27,0.8);font-weight: 400;font-family: "Poppins", sans-serif;}
.m51 .bgarea{width:100%;height:400px;overflow:hidden;}
.m51 .bgarea .bg{width:100%;height:100%;display: block;}
.m51 .bgarea .bg1{background: url(/images/page/m51_bg1.png)no-repeat center / cover;}
.m51 .bgarea .bg2{background: url(/images/page/m51_bg2.png)no-repeat center / cover;}
.m51 .bgarea .bg3{background: url(/images/page/m51_bg3.png)no-repeat center / cover;}

/*m41 .bbs*/
.bbs .list{display: flex;flex-wrap:wrap;}
.bbs .list li{
position: relative;
width:calc((100% - 90px) / 4);/* min-height:464px; */
border:1px solid #d3d3d3;border-radius:20px;
margin-right: 30px;
margin-bottom: 40px;
overflow:hidden;
}
.bbs .list li>a{
display: block;width:100%;height:100%;
}
.bbs .list li:nth-child(4n){margin-right: 0;}
.bbs .list li .thumb{
	overflow:hidden;width:100%;
	aspect-ratio:1 / 1;
	/* height:225px; */
}
.bbs .list li .thumb img{width:100%;object-fit:cover;height: 100%;}
.bbs .list li .con{padding:0 40px;padding-bottom: 30px;}
.bbs .list li .con .toparea{
	padding-top: 30px;
}
.bbs .list li .con .toparea .bo_table{font-size:16px;color:#0f427d;font-weight: 500;
text-decoration:underline;text-underline-offset:5px;
margin-bottom: 15px;
}
.bbs .list li .con .toparea .title{
	font-size:22px;color:#000;
	font-weight: 700;
	white-space:nowrap;
	overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    box-sizing: border-box;
    display: -webkit-box;
    height:2.2rem;
}
.bbs .list li .con .toparea .desc{
font-size:16px;color:#666;
	font-weight:400;
	/* white-space:nowrap; */
	overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    box-sizing: border-box;
    display: -webkit-box;
    height:1.3rem;
}
.bbs .list li .con .botarea{
position: relative;width:100%;
/* position: absolute;left:0;width:100%;bottom:0; */
padding:20px 0 0;border-top: 1px solid #e5e5e5;
display: flex;align-items:center;
justify-content:space-between;
margin-top: 30px;
}
.bbs .list li .con .botarea:before{
position: absolute;content:'';
background: #e5e5e5;width:calc(100% - 80px);
height:1px;left:40px;top:0px;display: none;
}
.bbs .list li .con .botarea .date{font-size:16px;color:rgba(0,0,0,0.6);font-weight: 400;font-family: "Montserrat";}
.bbs .list li .con .botarea .more_view{
	display: block;
	cursor:pointer;
	width:33px;height:33px;
	background: url(/images/page/bbs_more_icon.png)no-repeat center ;
}
.bbs .list li:hover .con .botarea .more_view{
	background: url(/images/page/bbs_more_icon_hover.png)no-repeat center ;
}
.bbs .list li:hover{
	box-shadow: 5px 5px 21px rgba(0,0,0,0.11);
}
.bbs .list li.type2 .con .toparea{padding-top: 50px;}
.bbs .list li.type2 .con .toparea .title{
	font-size:22px;color:#000;
	font-weight: 700;
	white-space:wrap;
	overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    box-sizing: border-box;
    display: -webkit-box;
    height:4rem;
	line-height: 2rem;
	margin-bottom: 20px;
}
.bbs .list li.type2 .con .toparea .desc{
font-size:16px;color:#666;
	font-weight:400;
	/* white-space:nowrap; */
	overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    box-sizing: border-box;
    display: -webkit-box;
	line-height: 1.6rem;
    height:5rem;
}

.bbs .tabWrap{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 50px 0 80px;
}
.bbs .tabWrap li{
	width: calc((100% - 60px) / 7);
	height: 60px;
}
.bbs .tabWrap li a{
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 100%;
	height: 100%;
	background: #f7f6f3;
	border-radius: 10px;
	font-size: 20px;
	color: rgba(0,0,0,0.6);
	line-height: 1.2;
}
.bbs .tabWrap li.on a{
	background: #0f427d;
	color: #fff;
	font-weight: 600;
}
.bbs .select_box{display: none;}

.bbs_view{}
.bbs_view .conwrap{
	max-width: 1280px !important;
}
.bbs_view .titlearea{
	width: 100%;
	padding: 50px;
	box-sizing: border-box;
	border-top: 2px solid #000;
	border-bottom: 1px solid #ccc;
	text-align: center;
}
.bbs_view .titlearea .cate span{
	font-weight: 500;
	color: #0f427d;
	font-size: 20px;
	border-bottom: 2px solid #0f427d;
}
.bbs_view .titlearea .tit{
	font-weight: 600;
	color: #000;
	font-size: 36px;
	line-height: 1.4em;
	margin: 20px 0;
}
.bbs_view .titlearea .date{
	font-family: "Montserrat";
	font-size: 20px;
	font-weight: 400;
	color: rgba(0,0,0,0.6);
}
.bbs_view .con{
	width: 100%;
	margin: 100px 0;
}
.bbs_view .con2{
	width: 100%;
	padding: 60px 30px;
	box-sizing: border-box;
	border-top: 1px solid #ccc;
}
.bbs_view .con2 dl.flex{
	display: flex;
}
.bbs_view .con2 dl.flex > dt {
	width: 211px;
	font-size: 30px;
	color: #000;
	font-weight: bold;
}
.bbs_view .con2 dl.flex > dd{
	width: calc(100% - 211px);
}
.bbs_view .con2 dl.flex > dd .type{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.bbs_view .con2 dl.flex > dd .type li a{
	display: block;
	padding: 15px 30px;
	border-radius: 10px;
	background: #f7f6f3;
	font-size: 20px;
	font-weight: 700;
	color: #0f427d;
	text-align: center;
	white-space: nowrap;
}
.bbs_view .con2 dl.flex > dd .type li a i{
	display: inline-block;
	width: 10px;
	height: 10px;
	background: url(/images/page/bbs_view_arr2.png) no-repeat center / contain;
	margin: 0 0 2px 7px;
}
.bbs_view .con2 dl.flex > dd .list{
display: flex;align-items:start;flex-wrap:wrap;
}
.bbs_view .con2 dl.flex > dd .list li{
width:calc((100% - 40px) / 3);
margin-right: 20px;
margin-bottom: 60px;
}
.bbs_view .con2 dl.flex > dd .list li>a{
display: block;
}
.bbs_view .con2 dl.flex > dd .list li .img{
border:1px solid #e8e8e8;
border-radius:20px;
overflow:hidden;
height:373px;
}
.bbs_view .con2 dl.flex > dd .list li .img img{width:100%;height:100%;object-fit:cover;}
.bbs_view .con2 dl.flex > dd .list li .title{display: flex;justify-content:space-between;align-items:center;
padding-bottom: 15px;padding-top: 30px;border-bottom:1px solid #dddddd;}
.bbs_view .con2 dl.flex > dd .list li .title .t1{font-size:22px;color:#000000;font-weight: 700;}
.bbs_view .con2 dl.flex > dd .list li .title .t2{font-size:16px;color:#0f427d;font-weight: 600;}
.bbs_view .con2 dl.flex > dd .list li .add{
padding-top: 20px;
}
.bbs_view .con2 dl.flex > dd .list li .add dl{display: flex;align-items:start;flex-wrap:wrap;}
.bbs_view .con2 dl.flex > dd .list li .add dl>dt{font-size:18px;color:#1b1b1b;font-weight: 500;
font-family: "Poppins", sans-serif;width:100%;
padding-left: 39px;position: relative;}
.bbs_view .con2 dl.flex > dd .list li .add dl>dd{font-size:18px;color:#1b1b1b;opacity:0.8;font-weight: 500;word-break:break-word;
font-family: "Poppins", sans-serif;padding-left: 39px;width:100%;box-sizing:border-box;}
.bbs_view .con2 dl.flex > dd .list li .add dl>dt:before{
	position: absolute;
	content:'';
	background: url(/images/page/m21_email_icon.png)no-repeat center;width:32px;height:32px;
	top:50%;left:0;
	transform:translateY(-50%);

}
.bbs_view .con2 dl.flex > dd .list li:nth-child(3n){margin-right: 0;}



.bbs_view .btnarea{
	padding-top: 70px;
	border-top: 1px solid #ccc;
	text-align: center;
}
.bbs_view .btnarea .listBtn{
	display: inline-block;
	width: 300px;
	height: 80px;
	line-height: 80px;
	border-radius: 80px;
	background: #0f427d;
}
.bbs_view .btnarea .listBtn span{
	font-family: "Montserrat";
	font-size: 22px;
	color: #fff;
	font-weight: 400;
}
.bbs_view .btnarea .listBtn span i{
	display: inline-block;
	width: 17px;
	height: 13px;
	background: url(/images/page/bbs_view_arr.png) no-repeat center / cover;
}
.bbs_view .btnarea .btn{
	display: inline-flex;
	align-items: center;
}
.bbs_view .btnarea .btn.before{
	float: left;
}
.bbs_view .btnarea .btn.next{
	float: right;
}
.bbs_view .btnarea .btn span{
	font-size: 18px;
	font-weight: 500;
	color: #000;
	margin: 0 0 0 20px;
}
.bbs_view .btnarea .btn.next span{
	margin: 0 20px 0 0;
}



/*m80 푸터*/
.m80{}
.m80 section.sec1{padding-top: 40px;}
.m80 h3{font-size:62px;color:#0f427d;font-weight: bold;margin-bottom: 120px;}
.disclaimer .con{font-size:22px;color:#1f1f1f;font-weight: 400;line-height: 1.6em;letter-spacing:-0.02em;}

.privacy .con{margin-bottom: 100px;}
.privacy h5{color:#1f1f1f;font-size:26px;font-weight: 700;letter-spacing:-0.02em;margin-bottom: 40px;}
.privacy .txt{
color:#444;font-size:18px; font-weight: 400; letter-spacing:-0.02em;line-height: 1.6em; margin-bottom: 10px;}
.privacy b{
	display: block;
	font-size: 18px;
	line-height: 1.7em;
}
.privacy .txt2{
	margin-bottom: 5px;
}
.privacy .txt2 dt{
	font-size: 18px;
	font-weight: 600;
	line-height: 1.6em;
}
.privacy .txt2 dd{
	font-size: 18px;
	font-weight: 400;
	line-height: 1.6em;
}

.privacy .tablearea{margin-bottom: 30px;}
.privacy .tablearea.mt60{margin-top: 60px;}
.privacy .tablearea.mt40{margin-top: 40px;}
.privacy .tablearea .tbtit{
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 20px;
}
.privacy .tablearea .table{
	width: 100%;
	border-top: 2px solid #0f427d;
}
.privacy .tablearea .table dl{
	display: flex;
}
.privacy .tablearea .table dl dt{
	width: 260px;
	padding: 25px 30px;
	box-sizing: border-box;
	background: #f2f2f2;
	border-bottom: 1px solid #ccc;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.6em;
	text-align: center;
	display: table;
}
.privacy .tablearea .table dl dt span{
	display: table-cell;
	vertical-align: middle;
}
.privacy .tablearea .table dl dt span.bl{
	font-weight: 600;
	color: #0e3666;
}
.privacy .tablearea .table dl dd{
	width: calc(100% - 230px);
	padding: 25px 30px;
	box-sizing: border-box;
	border-bottom: 1px solid #ccc;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.6em;
	color: #666;
}



/* 모션 */
@-webkit-keyframes showImg{
0%{ clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);}
100%{clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%); }
}
.showImg{opacity: 0;}
.showImg.in-view{animation-name: showImg;animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01); animation-duration: 1.4s; opacity: 1;}


.sub_visual .bot_wrap .bg{transform:scale(1.1); transition: all 1.2s;}
.sub_visual.in-view .bot_wrap .bg{transform: scale(1);}

.sub_visual .bot_tit .desc{opacity: 0; transform: translateY(60px); transition: all 1s 0.2s;}
.sub_visual.in-view .bot_tit .desc{opacity: 1; transform: translateY(0);}


.sec_tit{opacity: 0; transform: translateY(40px); transition: all 1s 0.1s;}
.sec_tit.in-view{opacity: 1; transform: translateY(0);}


.m11 .sec1 .conwrap .history{opacity: 0; transform: translateY(40px); transition: all 1s 0.1s;}
.m11 .sec1 .conwrap .history.in-view{opacity: 1; transform: translateY(0);}


.m12 .sec1 .conwrap .awards{opacity: 0; transform: translateY(40px); transition: all 1s 0.1s;}
.m12 .sec1 .conwrap .awards.in-view{opacity: 1; transform: translateY(0);}


.m13 section .con .innerwrap .txtwrap{opacity: 0; transform: translateY(40px); transition: all 1s 0.1s;}
.m13 section .con .innerwrap .txtwrap.in-view{opacity: 1; transform: translateY(0);}

/* .m13 section .con .innerwrap .imgwrap li{opacity: 0; transform: translateY(60px); transition: all 1s 0.2s;}
.m13 section .con .innerwrap .imgwrap li.in-view{opacity: 1; transform: translateY(0);} */


.m14 .top .con{opacity: 0; transform: translateX(-40px); transition: all 1s 0.1s;}
.m14 .top .con.in-view{opacity: 1; transform: translateX(0);}

.m14 .top .info{opacity: 0; transform: translateX(-40px); transition: all 1s 0.3s;}
.m14 .top .info.in-view{opacity: 1; transform: translateX(0);}


.m21 section .con{opacity: 0; transform: translateY(40px); transition: all 1s 0.1s;}
.m21 section .con.in-view{opacity: 1; transform: translateY(0);}


.m31 .people li{opacity: 0; transform: translateY(40px); transition: all 1s 0.1s;}
.m31 .people li.in-view{opacity: 1; transform: translateY(0);}


.bbs .list li{opacity: 0; transform: translateY(40px); transition: all 1s 0.1s;}
.bbs .list li.in-view{opacity: 1; transform: translateY(0);}


.m50 .list li{opacity: 0; transform: translateY(40px);}
.m50 .list li:nth-child(1){transition: all 1s 0.0s;}
.m50 .list li:nth-child(2){transition: all 1s 0.15s;}
.m50 .list li:nth-child(3){transition: all 1s 0.3s;}

.m50 .list li.in-view{opacity: 1; transform: translateY(0);}


.m51 .bgarea .bg{transform: scale(1.1); transition: all 1.4s 0.1s;}
.m51 .bgarea.in-view .bg{transform: scale(1);}