@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

body{height:100vh; min-height:800px}
.mainw{/* overflow:hidden; *//* padding:0 80px; */padding-top:130px;/* position: absolute; *//* height: 100%; */}
.chw{overflow:hidden;padding: 0 100px;position: absolute;     top: 50%;    margin-top: -160px;}
.chw-in{ width:60%;      overflow: hidden;    position: relative;    float: right;}
.chatxtw{font-family: 'Futura-Medium';     font-weight: 700; font-size:94px; text-transform:uppercase ; color:#4a4a4a; font-style:italic; line-height:85%; padding-right: 30px;    box-sizing: border-box;}
.chatxtw .c1{ padding-left:13%; letter-spacing:3px}
.chatxtw .c1:after{position:absolute; background:rgba(204,204,204,1); height:1px; width:100%; display:block; content:'';  right:0}
.chatxtw .c1:before{position:absolute; background:rgba(204,204,204,1); height:1px; width:95%; display:block; content:'';  right:0; top:0; }
.chatxtw .c2{ color:#6e6e6e;  letter-spacing:43px; padding-left:13%;}
.chatxtw .c2:after{position:absolute; background:rgba(204,204,204,1); height:1px; width:93%; display:block; content:''; right:0}

.chatxtw .c3{ color:#959595;   letter-spacing:17px; padding-left:13%;}
.chatxtw .c3:after{position:absolute; background:rgba(204,204,204,1); height:1px; width:100%; display:block; content:'';  right:0}

.chatxtw .c4{ color:#585858;  letter-spacing:15px; padding-left:13%;}
.chatxtw .c4:after{position:absolute; background:rgba(204,204,204,1); height:1px; width:90%; display:block; content:'';  right:0; bottom:0}

.chatxtw .c1 {
  opacity: 0;
}
.chatxtw .c1 span {
  position: relative;
  top: 10px;
  left: 10px;
  opacity: 0;
}

.chatxtw .c2 {
  opacity: 0;
}
.chatxtw .c2 span {
  position: relative;
  left: -10px;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}


.chatxtw .c3 {
  opacity: 0;
}
.chatxtw .c3 span {
  position: relative;
  left: -20px;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}


.chatxtw .c4 {
  opacity: 0;
}
.chatxtw .c4 span {
  position: relative;
  left: -30px;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}


.slick-list{overflow:hidden;}
.news{float:left; width:40%; padding:0 50px; box-sizing:border-box; color:#1f1f1f; padding-top:80px }
.newst{font-family: 'Futura-Medium';     font-weight: 700;    font-size:36px; text-transform:uppercase ; padding-bottom:35px}
.newstit{font-size:28px; font-weight:600; letter-spacing:-2px; padding-bottom:20px}
.newsts{color:#a9a9a9; font-size:14px; width:90%; padding-bottom:10px}
.newsday{font-size:12px; margin-bottom:40px; letter-spacing:0 }
.newsline{width:100px; background:rgba(204,204,204,1); height:1px;}

.footw{overflow:hidden;padding: 50px 0 50px;position: absolute;bottom: 0;width: 100%;box-sizing: border-box;/* background: #ccc; */}
.mumDivc{
    float:right;
    font-family: 'Nanum Myeongjo', serif;
    font-weight: 800;
    font-size: 14px;
    text-align:right;
    color:#484848;
    /* position: absolute; */
    /* right: 0; */
    padding-right: 80px;
    }
.msnsmenu{float:left;/* position: absolute; *//* left: 0; */padding-left: 80px;}
.munc3{font-size:12px; letter-spacing:0}
.footer{text-align:center;/* position: absolute; */}

@media only all and (max-width:1800px){

.chatxtw .c1,.chatxtw .c2,.chatxtw .c3,.chatxtw .c4{padding-left:5%; }
.chatxtw .c2{letter-spacing:30px}
.chatxtw .c3{ letter-spacing:10px}
.chatxtw .c4{ letter-spacing:10px}
}


@media only all and (max-width:1400px){
	.chw{padding:0; position: relative;    margin-top: 0;    top: 0;}
	.chw-in{width:100%; float:none; min-width: 100%;}
	.news{width:100%; float:none; padding:20px; padding-top:70px}
	.mainw{padding:120px 20px 0;}
	.newsts{width:auto;}
	.footw{padding:50px 0; position: inherit;}
	.mumDivc{float:none;  text-align: center;    padding-bottom: 20px; padding-right:0}
	.msnsmenu{float:none; text-align: center;    padding-bottom: 20px; padding-left:0}
	.chatxtw .c1{padding-left:0;padding-top:5px;}
	.chatxtw .c2{padding-left:0;padding-top:5px;letter-spacing:0}
	.chatxtw .c2:after{width:100%;}
	.chatxtw .c3{padding-left:0;padding-top:5px;letter-spacing:0}
	.chatxtw .c4{padding-left:0;padding-top:5px;letter-spacing:0}
	.chatxtw .c4:after{width:100%;}
}

@media only all and (max-width:800px){
	.chatxtw{font-size:70px;}
	
}
@media only all and (max-width:520px){
	.chatxtw{font-size:43px;}
	.news{padding:0;  padding-top:50px}
}