header .ci a {
	display:inline-block; width: 56px; height: 56px; position: fixed; top: 40px; left: 40px; z-index: 1000;
	font-size:0;
	background:url('/images/ci_bk.svg') no-repeat center;
	background-size:56px;
}

header .ci.menu-open a {
	background:url('/images/ci_wh.svg') no-repeat center;
	background-size:56px;
}

.toggle-button .menu-bar-top { border: 3px solid #222; border-bottom: none; top: 16px; }
.toggle-button .menu-bar-bottom { border: 3px solid #222; border-top: none; top: 33px; }

.toggle-button.button-open .menu-bar-top {border:3px solid #fff; border-bottom: none;}
.toggle-button.button-open .menu-bar-bottom {border:3px solid #fff; border-top: none;}

.content { position: relative; z-index: 103; overflow: hidden; }

/* 모바일 */
@media all and (max-width: 800px) { 
	header .ci a {
		width:48px; height:48px; top:8vw; left:8vw;
		background:url('/images/ci_bk.svg') no-repeat center;
		background-size:48px;
	}
	header .ci.menu-open a {
		background:url('/images/ci_wh.svg') no-repeat center;
		background-size:48px;
	}
	.toggle-button .menu-bar-top { border: 3px solid #222; border-bottom: none; top: 16px; }
	.toggle-button .menu-bar-bottom { border: 3px solid #222; border-top: none; top: 29px; }
}








.news {padding:10.41vw 0; background:#f5f5f5;}
.news ul {width:1200px; margin:auto;}
.news li {margin-top:1.30vw; margin-bottom:1.30vw;}
.news li .list {display:table; width:100%; padding-bottom:1.30vw;}
.news li .list .no {
    display:table-cell; width:7%; vertical-align:middle; border-right:solid 1px #ccc;
    font-size:1.66vw; color:#222; font-weight:600;
}
.news li .list .subject {display:table-cell; width:auto; padding-left:2.08vw;}
.news li .list .subject span {
    display:block;
    margin-bottom:0.52vw;
    font-size:0.937vw; color:#888;
}
.news li .list .subject a {
    position:relative;
    display:block; padding-right:5.20vw; line-height:1.3; letter-spacing:-0.08vw;
    font-size:1.875vw; color:#222; font-weight:500; text-decoration:none;
}
.news li .list .subject a::after {
    display:block;
    content:"";
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    right:0;
    width:1.7vw;
    height:0.93vw;
    background:url('/images/list_off.png') no-repeat center;
    background-size:contain;
    transition:all 0.3s;
}
.news li .list .subject.on a {
    
}
.news li .list .subject.on a::after {    
    background:url('/images/list_on.png') no-repeat center;
    transform:translateY(-50%) rotate(360deg);
    background-size:contain;  
}
.news li .conts {
	position:relative; display:none; padding:2.60vw 7%; 
	font-size:1.25vw; background:#eee; line-height:1.7;
}
/* */
.more {width:14.58vw; margin:0 auto; height:4.16vw; border:solid 1px #222; text-align:center;}
.more a {display:block; line-height:4.16vw; font-size:1.25vw; text-decoration:none; color:#222;}
.more a span {display:inline-block; font-size:1.14vw; color:#000; vertical-align:middle;}

/* 반응형 */
@media all and (min-width: 1920px) {
    .news ul {width:62.5%;}
}

/* 반응형 */
@media all and (max-width: 1200px) {
    .news {padding:16.66vw 0;}
    .news ul {width:100%; padding:0 3.57vw;}
} 

/* 모바일 */
@media all and (max-width: 800px) { 
    .news {padding:25vw 0;}
    .news ul {padding:0 8vw;}
    .news li {margin-bottom:3.125vw; margin-bottom:3.125vw;}
    .news li .list {padding-bottom:3.125vw;}
    .news li .list .no {width:10%; font-size:4vw;}
    .news li .list .subject {padding-left:4vw;}
    .news li .list .subject span {font-size:3vw; margin-bottom:1.04vw;}
    .news li .list .subject a {        
        padding-right:12.5vw; 
        font-size:4.5vw;
    }
    .news li .list .subject.on a { 
    }   
    .news li .list .subject a::after {
        width:4vw;
        height:2.2vw;
        background:url('/images/list_off.png') no-repeat center;
        background-size:contain;
    }
    .news li .list .subject.on a::after {    
        background:url('/images/list_on.png') no-repeat center;
        background-size:contain;  
    } 
    .news li .conts {padding:6.25vw; font-size:3.4vw;}
    .more {width:35vw; height:10vw;}
    .more a {line-height:10vw; font-size:3vw;}
    .more a span {font-size:2.75vw;}    
}   

/* 모바일 */
@media all and (max-width: 480px) {  
    .news {padding:30vw 0;}
}