@charset "utf-8";
.pcbr{display:none;}
.tbbr{display:none;}
.mbbr{display:block;}
.dn{display:none;}
.innerwrap{box-sizing:border-box;width:90%;margin:0 auto;}




/* visual */
.titlearea{
	position:relative;
	width:100%;height:100vh;
	padding:180px 0 0;
	background:#fff;
}
.titlearea .title{
	position:absolute;left:5%;bottom:100px;z-index:10;
	width:90%;
	text-align:left;
}
/* .titlearea .title:after{
	display:block;content:"";
	width:100%;height:1px;
	background:#f5f5f5;
	position:absolute;left:0;bottom:50%;
	transform-origin:left;
	transform:scaleX(0);
	transition:all 2s;
} */
.titlearea .title .mask-container{display:block;}
.titlearea .title .mask-container .text{position: relative;padding-bottom: min(20px, 5vw);width:100%;}
.titlearea .title .mask-container .text:after{
	display:block;content:"";
	width:100%;height:1px;
	background:#f5f5f5;
	position:absolute;left:0;bottom:0%;
	transform-origin:left;
	transform:scaleX(0);
	transition:all 2s;
}
.titlearea .title .mask-container .slg{
	width:100%;
	font-family:"Cormorant Garamond";font-size:max(4vw, 16px);color:#fff;font-weight:100;text-align:right;
	opacity:0;transform:translateY(60px);
	padding-top:min(20px, 5vw);
}

.titlearea .img{
	overflow:hidden;
	position:absolute;left:0;top:0;
	width:100%;height:100vh;
}
.titlearea .img:before{
	display:block;content:"";
	width:50%;height:100%;
	background:rgba(255,255,255,0.2);
	filter: blur(5px);
	position:absolute;left:0;top:0;
	transform-origin:left;
}
.titlearea .img:after{
	display:block;content:"";
	width:50%;height:100%;
	background:rgba(255,255,255,0.2);
	filter: blur(5px);
	position:absolute;right:0;top:0;
	transform-origin:right;
}
.titlearea .img>div{
	width:90%;height:600px;
	margin:0 auto;
}
.titlearea.pn1 .img>div{
	background:url(/images/page/pageVisual1.jpg) no-repeat center;
	background-size:cover;
	background-attachment:fixed;
}
.titlearea.pn2 .img>div{
	background:url(/images/page/pageVisual2.jpg) no-repeat center;
	background-size:cover;
	background-attachment:fixed;
}
.titlearea.pn3 .img>div{
	background:url(/images/page/pageVisual3.jpg) no-repeat left 35% center;
	background-size:cover;
	background-attachment:fixed;
}
.titlearea .img>div video,
.titlearea .img>div iframe{
	width:100%;height:100%;
	object-fit:cover;
}


.titlearea.in-view .title .mask-container .text:after{transform:scaleX(1);}
.titlearea.in-view .img:before{transform:scaleX(0);transition:all 2s 0.5s;}
.titlearea.in-view .img:after{transform:scaleX(0);transition:all 2s 0.5s;}


.titlearea2{
	position:relative;
	width:90%;
	margin:0 auto;
	padding:140px 0 15px;
	background:#fff;
}
.titlearea2 .title{
	width:100%;
	margin:0 auto;
	text-align:left;
}
.titlearea2 .title:after{
	display:block;content:"";
	width:100%;height:1px;
	background:#ccc;
	position:absolute;left:0;bottom:0;
	transform-origin:left;
	transform:scaleX(0);
	transition:all 2s;
}
.titlearea2 .title .mask-container{display:flex;align-items:center;justify-content:space-between;}
.titlearea2 .title .mask-container .text{}
.titlearea2.in-view .title:after{transform:scaleX(1);}


/* 텍스트 애니메이션2 */
.titlearea .slg {position: relative;}    
.titlearea .line,
.titlearea2 .line{
    position: relative;
    overflow: hidden;
}    
.titlearea .mask-container,
.titlearea2 .mask-container{
    position: relative;
    overflow: hidden;
    display: inline-block;
}
.titlearea .text,
.titlearea2 .text{
    position: relative;
    display: block;
    font-family:"Cormorant Garamond";font-size:min(10vw , 48px);color:#fff;line-height:1.25em;letter-spacing:-0.025em;
    opacity:0;transform: translateY(100px);
    animation: slideUp 1.4s forwards  cubic-bezier(0.33, 1, 0.68, 1);
}
.titlearea2 .text{color:#000;}
.titlearea .slg{
	 animation: slideUp 1.4s forwards  cubic-bezier(0.33, 1, 0.68, 1) 1s;
}
.titlearea .gradient-mask {
    position: absolute;top: 0;left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
    transform: translateX(-100%);
    animation: maskReveal 4s forwards cubic-bezier(0.16, 1, 0.3, 1);
    pointer-events: none;
 }
    
/* Delayed animation */
.line1 .text { animation-delay: 0.2s; }
.line2 .text { animation-delay: 0.5s; }
.line1 .gradient-mask { animation-delay: 0.8s; }
.line2 .gradient-mask { animation-delay: 1.1s; }

@keyframes slideUp {
  0% {
	opacity:0;transform: translateY(100%);
  }
  100% {
	opacity:1;transform: translateY(0);
  }
}

@keyframes maskReveal {
  0% {
	transform: translateX(-100%);
  }
  100% {
	transform: translateX(100%);
  }
}








.page{margin:50px 0 0;}
.pageTitle1{font-size:18px;color:#000;font-weight:700;}
.pageTitle2{margin-top:25px;font-family:"Cormorant Garamond";font-size:13vw;color:#000;font-weight:500;line-height:1.1em;}




/* m11 */
.m11{}
.m11 .sec1{}
.m11 .sec1 .designProcess{padding:0 0 50px;}
.m11 .sec1 .designProcess .conwrap{position:relative;margin:50px 0 0;}
.m11 .sec1 .designProcess .conwrap .bg{
	display:none;
	position:absolute;left:0;top:0;
	width:100%;height:35vh !important;
	transition:all 0.4s;
	background-position:center;
	background-size:cover;
}
.m11 .sec1 .designProcess .conwrap ul{
	display:flex;flex-wrap:wrap;
	position:relative;z-index:2;
	height:100%;
	box-shadow:0 -1px 0 #ccc inset, 0 1px 0 #ccc inset;
}
.m11 .sec1 .designProcess .conwrap ul li{
	overflow:hidden;
	box-sizing:border-box;
	width:100%;
	padding:40px 4vw;
	display:flex;
	flex-direction:column;
	
	position:relative;
	padding:;margin-bottom:15px;
	transition:all 0.4s;
	cursor:pointer;
	box-shadow:-1px 0 0 #ccc inset;
}
.m11 .sec1 .designProcess .conwrap ul li:nth-child(1),
.m11 .sec1 .designProcess .conwrap ul li:nth-child(2){box-shadow:-1px -1px 0 #ccc inset, 0 1px 0 #ccc inset;}
.m11 .sec1 .designProcess .conwrap ul li:nth-child(2n){box-shadow:0px -1px 0 #ccc inset, 0 0 0 #ccc inset;}
.m11 .sec1 .designProcess .conwrap ul li:nth-child(1){background:url(/images/page/m11_dp_bg1.jpg) no-repeat;background-size:cover;}
.m11 .sec1 .designProcess .conwrap ul li:nth-child(2){background:url(/images/page/m11_dp_bg2.jpg) no-repeat;background-size:cover;}
.m11 .sec1 .designProcess .conwrap ul li:nth-child(3){background:url(/images/page/m11_dp_bg3.jpg) no-repeat;background-size:cover;}
.m11 .sec1 .designProcess .conwrap ul li:nth-child(4){background:url(/images/page/m11_dp_bg4.jpg) no-repeat;background-size:cover;}
.m11 .sec1 .designProcess .conwrap ul li .num{
	width:100%;
	font-size:16px;color:#fff;font-weight:600;
	transition:all 0.4s;
}
.m11 .sec1 .designProcess .conwrap ul li .tit{
	width:100%;
	font-size:26px;color:#fff;font-weight:400;
	transition:all 0.4s;margin-top: min(2vh, 25px);
}
.m11 .sec1 .designProcess .conwrap ul li .txt{
	width:100%;
	font-family:"pretendard";font-size:16px;color:#fff;line-height:1.6em;
	transition:all 0.4s;margin-top: max(7vh, 50px);
}


.m11 .sec1 .imgarea{
	overflow:hidden;
	position:relative;
	width:100%;height:320px;
	margin:0 0 100px;
}
.m11 .sec1 .imgarea>div{
	width:100%;height:100%;
	background:url(/images/page/m11_imgarea_bg.jpg) no-repeat center bottom;
	background-size:cover;
background-attachment:fixed;
}

.m11 .sec1 .business{padding:0 0 80px;}
.m11 .sec1 .business .conwrap{
	border-top:1px solid #ccc;border-bottom:1px solid #ccc;
}
.m11 .sec1 .business .conwrap .tit{
	box-sizing:border-box;
	width:100%;
	padding:50px 0 0;
}
.m11 .sec1 .business .conwrap .tit>div{padding:0 !important}
.m11 .sec1 .business .conwrap .con{
	box-sizing:border-box;
	width:100%;
	margin-top: 20px;
}
.m11 .sec1 .business .conwrap .con>div{
	display:flex;
	padding:40px 0;
	border-bottom:1px solid #ccc;
}
.m11 .sec1 .business .conwrap .con>div:last-child{border:0;}
.m11 .sec1 .business .conwrap .con>div .icon{
	width:80px;height:80px;
}
.m11 .sec1 .business .conwrap .con>div .icon .circle{
	overflow:hidden;
	position:relative;
	width:100%;height:100%;
	border:2px solid rgba(0,0,0,0.8);
	border-radius:50%;	
}


.m11 .sec1 .business .conwrap .con>div.b1 .icon{position:relative;width:70px;height:70px;margin:0 auto;}
.m11 .sec1 .business .conwrap .con>div.b1 .icon .img1{position:absolute;left:50%;top:0;transform:translateX(-50%);}
.m11 .sec1 .business .conwrap .con>div.b1 .icon .img2{
	position:absolute;left:50%;top:0;transform:translateX(-50%);
	animation:b1Ani 1s infinite alternate;
}
@keyframes b1Ani{
	0%{transform:translateX(-50%) scale(0.9) rotate(0);}
	50%{transform:translateX(-50%) rotate(10deg);}
	100%{transform:translateX(-50%) scale(1) rotate(-10deg);}
}

.m11 .sec1 .business .conwrap .con>div.b2 .icon{position:relative;width:53px;height:60px;margin:0 auto;}
.m11 .sec1 .business .conwrap .con>div.b2 .icon .img1{
	position:absolute;left:0%;top:0;
	width:35%;
	animation:b2Ani 3s infinite;animation-fill-mode:forwards;
}
.m11 .sec1 .business .conwrap .con>div.b2 .icon .img2{position:absolute;right:0%;top:0;width:40%;}
@keyframes b2Ani{
	0%{transform:translate(0,0);}
	25%{transform:translate(10px,0);}
	50%{transform:translate(0px,10px);}
	75%{transform:translate(15px,15px);}
	100%{transform:translate(0,00px);}
}

.m11 .sec1 .business .conwrap .con>div.b3 .icon{width:52px;height:52px;margin:0 auto;}
.m11 .sec1 .business .conwrap .con>div.b3 .icon svg line{
	stroke-dasharray: 50;
	stroke-dashoffset: 0;
	animation: b3Ani1 2s infinite;
}
.m11 .sec1 .business .conwrap .con>div.b3 .icon svg path{
	stroke-dasharray: 300;
	stroke-dashoffset: 0;
	animation: b3Ani2 2s infinite;
}
@keyframes b3Ani1{
	0%{stroke-dashoffset:50;}
	100%{stroke-dashoffset:0;}
}
@keyframes b3Ani2{
	0%{stroke-dashoffset:300;}
	100%{stroke-dashoffset:0;}
}

.m11 .sec1 .business .conwrap .con>div.b4 .icon{position:relative;width:54px;height:54px;margin:0 auto;}
.m11 .sec1 .business .conwrap .con>div.b4 .icon .img1{position:absolute;left:0;top:0;}
.m11 .sec1 .business .conwrap .con>div.b4 .icon .img2{
	position:absolute;left:0;top:0;
	animation: b4Ani1 2s infinite alternate;
}
@keyframes b4Ani1{
	0%{transform:translate(0,0);}
	100%{transform:translate(8px,8px);}
}



.m11 .sec1 .business .conwrap .con>div dl{
	box-sizing:border-box;
	width:calc(100% - 80px);
	padding-left:5vw;
}
.m11 .sec1 .business .conwrap .con>div dl dt{font-size:24px;color:#000;font-weight:500;}
.m11 .sec1 .business .conwrap .con>div dl dd{margin-top:15px;font-size:16px;color:rgba(0,0,0,0.7);line-height:1.5em;}


.m11 .sec2{
	overflow:hidden;
	width:100%;height:100vh;
	box-sizing:border-box;
	padding:120px 0 0;
	background:url(/images/page/m11_history_bg.jpg) no-repeat center;
	background-size:cover;
}
.m11 .sec2 h3{padding:0 5%;color:#fff;}
.m11 .sec2 .conwrap{position:relative;margin-top:20vh;}
.m11 .sec2 .conwrap:before{
	display:block;content:"";
	width:100vw;height:1px;
	background:rgba(255,255,255,0.3);
	position:absolute;left:0%;top:70px;
}
.m11 .sec2 .conwrap:after{
	display:block;content:"";
	width:calc(26vw + 5%);height:2px;
	background:rgba(255,255,255,1);
	position:absolute;left:0%;top:70px;
	transform:translateY(-50%);
}
.m11 .sec2 .conwrap ul{
	display:flex;	
	position:relative;
	width: 100%;
	box-sizing:border-box;
	padding:0 5%;
}
.m11 .sec2 .conwrap ul li{
	flex: 0 0 46vw;
	position:relative;
	width: 46vw;
	min-width: 46vw; 
	box-sizing: border-box;
}
.m11 .sec2 .conwrap ul li:before{
	display:block;content:"";
	width:11px;height:11px;
	box-sizing:border-box;
	background:#303030;border:2px solid #929292;
	border-radius:50%;
	position:absolute;left:0;top:70px;z-index:10;
	transform:translateY(-50%);
}
.m11 .sec2 .conwrap ul li.on:before{background:#fff;border:2px solid #fff;}
.m11 .sec2 .conwrap ul li .year{
	font-size:min(10vw,50px);font-weight:600;min-height:70px;
	color: transparent;
	-webkit-text-stroke: 1px rgba(255,255,255,0.4);
	text-stroke: 1px rgba(255,255,255,0.4);
	transition:all 0.4s;
}
.m11 .sec2 .conwrap ul li dl{
	position:relative;
	margin-top:15px;
	padding:15px 20px 0; 	padding-left: 0;
}
.m11 .sec2 .conwrap ul li dl:after{}
.m11 .sec2 .conwrap ul li dl dt{font-size:20px;color:rgba(255,255,255,0.4);font-weight:500;}
.m11 .sec2 .conwrap ul li dl dd{
	margin-top:10px;
	font-family:"pretendard";font-size:min(4vw,16px);color:rgba(255,255,255,0.4);line-height:1.7em;font-weight:400;
}
.m11 .sec2 .conwrap ul li.empty-space{visibility: hidden;}

.m11 .sec2 .conwrap ul li.on .year{color:#fff;}
.m11 .sec2 .conwrap ul li.on dl dt{color:#fff;}
.m11 .sec2 .conwrap ul li.on dl dd{color:rgba(255,255,255,0.8);}
.m11 .sec2 .conwrap ul li.on:before{border:2px solid #fff;background:#fff;}



.m11 .sec3{
	padding:100px 0;
	background:url(/images/page/m11_partners_bg.jpg) no-repeat center;
	background-size:cover;
}
.m11 .sec3 ul{margin:50px 0 0;display:flex;flex-wrap:wrap;}
.m11 .sec3 ul li{
	box-sizing:border-box;
	width:48%;
	margin:0 2% 2% 0;
	background:#fff;text-align:center;
	border:1px solid #ccc;
	transition:all 0.24s;
}
.m11 .sec3 ul li img{transition:all 0.24s;aspect-ratio: 2.5 / 1;}
.m11 .sec3 ul li:nth-child(2n){margin-right:0;}
.m11 .sec3 ul li:hover{border:1px solid #333;}
.m11 .sec3 ul li:hover img{filter: grayscale(0);}

@media screen and (max-width:380px){
	.m11 .sec3 ul li{width:100%;margin-right: 0;}
}



/* m21 */
.m21{margin:120px 0 0;padding-bottom:100px;}
.m21 .sec1{}
.m21 .sec1>div{position:relative;padding:30px 0 0;}
.m21 .sec1>div .category{	
	width:100%;height:60px;
	text-align:center;
}
.m21 .sec1>div .category>div{position:absolute;left:0;top:0;z-index:50;width:100%;height:60px !important;padding:0 !important;}
.m21 .sec1>div .category .fixed{transform:translateY(-30px);background:#fff;}
.m21 .sec1>div .category .fixed>a{
	display:block;
	width:100%;
	font-size:22px;color:#000;font-weight:600;line-height:60px;
	border-bottom:1px solid #ccc;
}
.m21 .sec1>div .category .fixed>a:before{
	position: absolute;content:'';
	background: url(/images/page/m21_menu_bar.png)no-repeat center;
	background-size:contain;
	width:30px;height:5px;
	display: block;
	top:50%;right:0;transform:translateY(-50%);
	
}
.m21 .sec1>div .category .fixed>a.on:before{
background: url(/images/page/m21_menu_bar_act.png)no-repeat center;
	background-size:contain;
	width:21px;height:17px;display: block;
}
.m21 .sec1>div .category ul{display:none;padding:22px 0;background:#fff;}
.m21 .sec1>div .category ul li{margin-bottom:16px;}
.m21 .sec1>div .category ul li:last-child{margin:0;}
.m21 .sec1>div .category ul li a{font-size:16px;color:#000;font-weight:600;}
.m21 .sec1>div .category ul li.on a{color:#000;}
.m21 .sec1>div .list{position:relative;z-index:10;width:100%;}
.m21 .sec1>div .list ul{
	display:flex;flex-wrap:wrap;justify-content:space-between;
	top:160px;
	border-bottom:1px solid #ccc;
}
.m21 .sec1>div .list ul li{
	width:100%;
	margin-bottom:40px;
}
.m21 .sec1>div .list ul li .thumb{}
.m21 .sec1>div .list ul li .thumb img{aspect-ratio: 1 / 1;}
.m21 .sec1>div .list ul li .cate{margin:25px 0 10px;font-size:16px;color:#999;font-weight:600;}
.m21 .sec1>div .list ul li .tit{font-size:20px;color:#000;font-weight:600;}


/* m21 view */
.m21View{margin:0;padding:0 0 100px;}
.m21View .view .titlewrap{padding:40px 0;text-align:center;}
.m21View .view .titlewrap .cate{font-size:26px;color:#000;font-weight:600;}
.m21View .view .titlewrap .tit{margin-top:20px;font-family:"pretendard";font-size:18px;color:#000;font-weight:500;}
.m21View .view .project{margin-bottom:50px;}
.m21View .view .project .swiper-slide{
	position:relative;
	width:100vw;
}
.m21View .view .project .swiper-slide:after{
	display:block;content:"";
	width:100%;height:100%;
	background:rgba(255,255,255,0.7);
	position:absolute;left:0;top:0;
	transition:all 1s;
}
.m21View .view .project .swiper-slide-active:after{opacity:0;}
.m21View .view .project .swiper-slide>img{width:100%;aspect-ratio: 1.25 / 1;}
.m21View .view .info{
	width:75vw;
	margin:0 auto;
	border-top:2px solid #333;
}
.m21View .view .info dl{display:flex;flex-wrap:wrap;}
.m21View .view .info dl dt{
	width:90px;
	padding:12px 0;
	border-bottom:1px solid #ccc;
	font-family:"pretendard";font-size:16px;color:#000;font-weight:600;
}
.m21View .view .info dl dd{
	width:calc(100% - 90px - 20px);
	padding:12px 0;
	border-bottom:1px solid #ccc;
	font-family:"pretendard";font-size:16px;color:#666;
}
.m21View .drag{
	display:none !important;
	position:fixed;left:0;top:0;z-index:999;
	width:120px;height:120px;
	transform:translate(-50%,-50%) scale(1);	
	pointer-events: none;
	
}
.m21View .drag>div{
	position:relative;z-index:999;
	width:100%;height:100%;
	background:url(/images/main/cursor_drag.png) no-repeat;
	transform:scale(1);
	transition:all 0.6s;mix-blend-mode: difference;
	
}
.m21View .drag.off>div{transform:scale(0);}
.m21View .drag>div.on{filter: invert(1);}


.btnList{margin:60px 0 0;text-align:center;}
.btnList a{
	display:inline-flex;align-items:center;
}
.btnList a span{font-family:"Cormorant Garamond";font-size:18px;color:#000;font-weight:600;}
.btnList a>i{
	width:40px;height:40px;
	margin:0 0 0 10px;display: block;
	background: #221e1f;border-radius:50%;
}
.btnList a>i>i{
background:url(/images/page/btnList_i.png) no-repeat center / contain;
display: block;width:100%;height:100%;
}






/* m31 */
.m31{margin:50px 0 0;}
.m31 .sec1 .mapwrap{width:100%;height:65vh;max-height:420px;}
.m31 .sec1 .mapwrap iframe{width:100%;height:100%;object-fit:cover;}
.m31 .sec1 .contact{margin:60px 0 0;}
.m31 .sec1 .contact dl{
	box-sizing:border-box;
	width:100%;
	padding:25px 0;
	border-top:1px solid #ccc;
}
.m31 .sec1 .contact dl:nth-child(3),
.m31 .sec1 .contact dl:nth-child(4){border-bottom:1px solid #ccc;}
.m31 .sec1 .contact dl dt{
	box-sizing:border-box;
	width:240px;
	padding-left:30px;margin-bottom:6px;
	font-size:23px;color:#000;font-weight:500;
}
.m31 .sec1 .contact dl:nth-child(1) dt{
	background:url(/images/page/m31_icon1.png) no-repeat left 5px;

}
.m31 .sec1 .contact dl:nth-child(2) dt{
	background:url(/images/page/m31_icon2.png) no-repeat left 3px;
}
.m31 .sec1 .contact dl:nth-child(3) dt{
	background:url(/images/page/m31_icon3.png) no-repeat left 3px;
}
.m31 .sec1 .contact dl:nth-child(4) dt{
	background:url(/images/page/m31_icon4.png) no-repeat left 7px;
}
.m31 .sec1 .contact dl dd{
	width:calc(100% - 0px);
	padding:5px 0 0;
	padding-left: 30px;
	font-family:"pretendard";font-size:16px;color:#666;line-height:1.7em;
}
.m31 .sec1 .contact dl dd .bar{
	display:inline-block;vertical-align:top;
	width:1px;height:14px;
	margin:7px 10px 0;
	background:#ccc;
}

.m31 .sec2{padding:100px 0;}
.noticeList{
	display:flex;flex-wrap:wrap;
	margin:50px 0 0;
	border-bottom:1px solid #ccc;
}
.noticeList li{
	width:100%;
	margin:0 0 40px 0;
}
.noticeList li:nth-child(3n){margin-right:0;}
.noticeList li .thumb{}
.noticeList li .thumb img{width:100%;aspect-ratio: 89 / 58;}
.noticeList li .tit{
	margin-top:20px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size:18px;color:#000;font-weight:700;line-height:1.6em;
}
.noticeList li .date{margin-top:15px;font-size:15px;color:#000;font-weight:600;}


/* m31 view */
.m31View{margin:0;padding:0 0 100px;}
.m31View .innerwrap{max-width:1440px;}
.m31View .view .titlewrap{padding:40px 0;;text-align:center;border-bottom: 1px solid #cccccc;;}
.m31View .view .titlewrap .cate{font-size:26px;color:#000;font-weight:600;}
.m31View .view .titlewrap .tit{margin:18px 0;;font-family:"pretendard";font-size:18px;color:#000;font-weight:500;}
.m31View .view .titlewrap .date{
font-size:15px;color:#666666;font-family: "Lora";font-weight: 500;
}
.m31View .view .filewrap{border-bottom: 1px solid #cccccc;display: flex;flex-direction:column;align-items:center;padding:20px 0;}
.m31View .view .filewrap .file + .file{
margin-top: 6px;
}
.m31View .view .filewrap .file a{
display: block;padding-left: 22px;position: relative;color:#666666;font-size:16px;font-weight: 500;font-family:"pretendard";
}
.m31View .view .filewrap .file a:before{
display: block;position: absolute;content:'';
width:14px;height:17px;top:0;left:0;
	background: url(/images/page/m31_view_file.png)no-repeat center / contain;
}
.m31View .view .conarea{
border-bottom: 1px solid #cccccc;padding:40px 0 40px;color:#666666;font-size:15px;font-weight: 300;font-family:"pretendard";
line-height: 1.5em;
}


/* paging */
.paging{
	margin-top:50px;
	text-align:center;
}
.paging a{
	display:inline-block;vertical-align:top;box-sizing:border-box;
	width:30px;height:30px;
	color:#ccc;font-size:15px;line-height:30px;font-weight:500;
}
.paging strong{
	display:inline-block;vertical-align:top;box-sizing:border-box;
	width:30px;height:30px;
	color:#000;font-size:15px;line-height:30px;font-weight:600;
}
.paging .page_begin{
width:30px;height:30px;
	background:url(/images/common/page_begin.png) no-repeat center;
	border:0;
}
.paging .page_prev{
	width:30px;height:30px;
	background:url(/images/common/page_prev.png) no-repeat center;
	border:0;margin-right:10px;
}
.paging .page_next{
	width:30px;height:30px;
	background:url(/images/common/page_next.png) no-repeat center;
	border:0;margin-left:10px;
}
.paging .page_end{
	width:30px;height:30px;
	background:url(/images/common/page_end.png) no-repeat center;
	border:0;
}