*{
margin:0;
padding:0;
box-sizing:border-box;
}

.hdrLn{
position:relative;
min-width:1200px;
}

.hdrCnt{
position:relative;
width:1200px;
left:50%;
transform:translateX(-50%);
padding:0 15px;
height:256px;
}

.logo{
position:relative;
background:url(logo.svg);
background-repeat:no-repeat;
background-position:center center;
background-size:416px 160px;
width:416px;
height:160px;
left:50%;
top:50%;
transform:translateX(-50%) translateY(-50%);
}

.telBlk{
background:url(telIcn.svg);
background-size:32px 32px;
background-repeat:no-repeat;
background-position:left center;
padding-left:45px;
}

.mailBlk{
background:url(mailIcn.svg);
background-size:32px 21px;
background-repeat:no-repeat;
background-position:right center;
padding-right:45px;
}

.telBlk,.mailBlk{
font-family: 'UniNeueBook';
font-size:30px;
position:absolute;
top:50%;
transform:translateY(-50%);
color:#4C70AC;
}

.mailBlk{
right:15px;
font-size:20px;
}

.sliderLn{
position:relative;
min-width:1200px;
height:672px;
}

.slide,.slideR{
position:absolute;
width:100%;
height:100%;
}

.slideR{
left:100%;
}

.blk01Ln{
position:relative;
min-width:1200px;
}

.blk01Cnt{
font-family: 'UniNeueBook';
font-size:16px;
width:1200px;
position:relative;
padding:50px 15px;
left:50%;
transform:translateX(-50%);
}

h1,h2{
font-family:'UniNeueRegular';
font-size:48px;
text-align:center;
text-transform:uppercase;
text-weight:normal;
color:#4C70AC;
margin-bottom:20px;
}

.sldTxtB{
font-family: 'UniNeueBook';
font-size:16px;
margin:30px 0;
}

.picH,.picHL{
width:400px;
height:400px;
margin:50px 0 50px 40px;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}

.picH img{
flex-shrink:0;
flex-grow:0;
}

.picHL{
margin:50px 40px 50px 0;
}

img{
margin-bottom:5px;
}

li{
margin:0 0 10px 20px;
}

ul{
margin-top:20px;
}

.flex{
display:flex;
}

.pflx{
display:flex;
flex-wrap:wrap;
justify-content:center;
}

.blk02Ln{
background:rgba(230,178,105,0.1);
}

.hc{
display:inline-block;
vertical-align:top;
width:50%;
}

.hr{

}

p{
margin:10px 0;
}

.commFlex{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}

.commBlk{
position:relative;
margin:20px 10px;
width:352px;
}

.commHdr{
font-family:'UniNeueRegular';
font-size:30px;
text-align:center;
color:#E6B269;
margin-top:40px;
}

.commCom{
font-family: 'UniNeueBook';
font-size:16px;
text-align:center;
margin-top:10px;
}

.commTxt{
font-family: 'UniNeueBook';
font-size:16px;
margin-top:40px;
}

.commBlk img{
position:relative;
left:50%;
transform:translateX(-50%);
width:352px;
}

.actBlk{
width:712px;
display:inline-block;
vertical-align:top;
}

.actPicR{
margin-left:55px;
}

.actPicL{
margin-right:55px;
}

.actHdr{
font-family:'UniNeueRegular';
font-size:30px;
color:#E6B269;
}

.actDt{
font-family:'UniNeueRegular';
font-size:19px;
color:#4C70AC;
margin-top:10px;
}

.actTxt{
font-family: 'UniNeueBook';
font-size:16px;
}

.actMarg{
margin:30px 0;
}

.ftrHdr{
font-family:'UniNeueBold';
font-size:24px;
color:#E6B269;
text-transform:uppercase;
text-align:center;
margin-bottom:40px;
}

.flex{
display:flex;
}

.ftrCl{
width:33%;
}

.galPic{
width:96px;
height:96px;
margin-bottom:9px;
}

.flx{
position:relative;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
width:304px;
height:200px;
left:50%;
transform:translateX(-50%);
}

.ftrLi{
position:relative;
font-family: 'UniNeueBook';
font-size:16px;
margin-bottom:20px;
margin-left:20px;
cursor:pointer;
}

.ftrLi::before{
content:'';
position:absolute;
width:10px;
height:2px;
background:#000;
top:50%;
transform:translateY(-50%);
left:-20px;
}

.ftrCpr{
font-family: 'UniNeueBook';
font-size:16px;
color:#777777;
margin-top:40px;
}

.mt20{
margin-top:35px;
}

.pl20{
padding-left:30px;
}

.adrLn{
background:url(adrIcn.svg);
background-size:12px 18px;
background-position:left center;
}

.telLn{
background:url(telIcn.svg);
background-size:16px 16px;
background-repeat:no-repeat;
background-position:left center;
}

.mailLn{
background:url(mailIcn.svg);
background-size:16px 11px;
background-repeat:no-repeat;
background-position:left center;
}

.adrLn,.telLn,.mailLn{
background-repeat:no-repeat;
font-family: 'UniNeueBook';
font-size:16px;
padding-left:45px;
margin-bottom:10px;
}

.fb{
background:url(fbIcn.svg);
}

.inst{
background:url(instIcn.svg);
}

.yt{
background:url(ytIcn.svg);
}

.fb,.inst,.yt{
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
width:40px;
height:40px;
display:inline-block;
margin-right:20px;
vertical-align:top;
cursor:pointer;
}

.snBlk{
margin-top:20px;
}

.ntm{
margin-top:0;
}

.mt10{
margin-top:10px;
}

.clrBg{
background:rgba(230,178,105,0.1);
}

.menuLn{
position:relative;
border-top:1px dotted #a2a2a2;
}

.menuCnt{
position:relative;
display:flex;
justify-content:space-between;
width:1200px;
left:50%;
transform:translateX(-50%);
}

.menuBtn{
font-family:'UniNeueRegular';
font-size:20px;
color:#4C70AC;
cursor:pointer;
padding:10px;
}

.menuBtn:hover{
text-decoration:underline;
}

.un{
text-decoration:inherit;
color:inherit;
}

.cntLn{
position:relative;
min-width:1200px;
}

.cnt{
position:relative;
width:1200px;
left:50%;
transform:translateX(-50%);
padding:30px 15px;
}

.prjBlk{
position:relative;
padding:20px 20px 100px 20px;
width:31%;
background:rgba(230,178,105,0.1);
margin:10px;
font-family:'UniNeueBook';
font-size:16px;
}

.pImg{
height:250px;
margin-bottom:20px;
}

.h2sm{
font-size:20px;
}

.prhBlkBtn{
position:absolute;
text-align:center;
background:#4C70AC;
color:#fff;
padding:10px;
cursor:pointer;
bottom:20px;
width:90%;
left:50%;
transform:translateX(-50%);
}

.prjShdTxt{
margin-bottom:10px;
}

.prjCover{
height:600px;
margin-bottom:20px;
}

.pTxt{
font-family:'UniNeueRegular';
font-size:16px;
}

.prjPic{
width:330px;
height:330px;
margin:15px;
}

.prjFlex{
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}

.zpShad{
position:fixed;
width:100%;
height:100%;
background:rgba(0,0,0,0.7);
left:0;
top:0;
z-index:99;
}

.zpWnd{
position:fixed;
left:50%;
top:50%;
transform:translateX(-50%) translateY(-50%);
z-index:100;
padding:30px;
background:#fff;
max-width:95%;
max-height:95%;
}

.zpWnd img{
//width:100%;
//height:100%;
}

.clsBtn{
position:absolute;
right:2px;
top:2px;
width:30px;
height:30px;
cursor:pointer;
}

.clsBtn::before,.clsBtn::after{
position:absolute;
content:'';
left:50%;
top:50%;
width:90%;
height:2px;
background:#000;
transform:translateX(-50%) translateY(-50%) rotate(45deg);
}

.clsBtn::after{
transform:translateX(-50%) translateY(-50%) rotate(-45deg);
}

.prjTxt{
width:800px;
}