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; }
}





.about {background:#fff;}
.about-1 {width:1200px; margin:0 auto; padding:10.41vw 0 7.8vw;}
.about-1 h1 {font-size:1.45vw; color:#222; font-weight:700;}
.about-1 h2 {margin:2.60vw 0; font-size:5.20vw; color:#222; font-weight:700;}
.about-1 h2 span {font-weight:100;}
.about-1 h3 {font-size:3.125vw; color:#222; font-weight:700; line-height:1.3; letter-spacing:-0.08vw;}
.about-1 h3 span {font-weight:300;}
.about-1 p {margin-top:2.60vw; font-size:1.45vw; color:#666; letter-spacing:-0.08vw;}

.about-2 {position:relative; overflow:hidden;}
.about-2:after {display:block; content:""; position:absolute; top:50%; left:0; bottom:0; width:100%; z-index:0; background:#fff;}
.about-2 .img {position:relative; width:1520px; margin:0 auto; z-index:1;}
.about-2 .img img {max-width:100%;}

.about-3 {padding:7.8vw 0; background:#fff;}
.about-3 > dl {width:1200px; margin:0 auto;}
.about-3 > dl dt {font-size:1.45vw; color:#222; font-weight:700;}
.about-3 > dl dt h3 {margin-top:3.64vw; font-size:2.5vw; color:#222; font-weight:700; line-height:1.3; letter-spacing:-0.08vw;}
.about-3 > dl dt h3 span {font-weight:300;}
.about-3 > dl dd {display:table; width:100%; font-size:0;}
.about-3 > dl dd > div {display:inline-block; margin-top:3.64vw; width:50%; vertical-align:top;}
.about-3 > dl dd > div span {display:inline-block; height:3.33vw;}
.about-3 > dl dd > div:nth-child(1) span img {height:3.33vw; width:auto;}
.about-3 > dl dd > div:nth-child(2) span img {height:2.91vw; width:auto;}
.about-3 > dl dd > div:nth-child(3) span img {height:3.12vw; width:auto;}
.about-3 > dl dd > div:nth-child(4) span img {height:3.33vw; width:auto;}
.about-3 > dl dd > div:nth-child(5) span img {height:3.33vw; width:auto;}
.about-3 > dl dd > div:nth-child(6) span img {height:3.33vw; width:auto;}
.about-3 > dl dd > div h2 {margin-top:1.04vw; font-size:1.87vw; color:#222; font-weight:700; line-height:1.1;}
.about-3 > dl dd > div p {margin-top:1.45vw; font-size:1.04vw; color:#666; line-height:2;}

.about-4 {padding:7.8vw 0; background:#f5f5f5;}
.about-4 > dl {width:1200px; margin:0 auto;}
.about-4 > dl dt,
.about-4 > dl dd > div span {font-size:1.45vw; color:#222; font-weight:700;}
.about-4 > dl dd {display:table; width:100%;}
.about-4 > dl dd > div {display:inline-block; margin-top:3.64vw; width:50%; float:left;}
.about-4 > dl dd > div h2 {font-size:2.91vw; color:#222; font-weight:700; line-height:1.1;}
.about-4 > dl dd > div p {margin-top:1.45vw; font-size:1.45vw; color:#666;}

.about-5 {padding:7.8vw 0; background:#fff;}
.about-5 > dl {width:1200px; margin:0 auto;}
.about-5 > dl dt {font-size:1.45vw; color:#222; font-weight:700;}
.about-5 > dl dd.d1 {display:table; width:100%; font-size:0;}
.about-5 > dl dd.d1 > div {display:inline-block; margin-top:3.64vw; width:50%; vertical-align:top;}
.about-5 > dl dd.d1 > div h2 {margin-top:1.04vw; font-size:1.87vw; color:#222; font-weight:700; line-height:1.1;}
.about-5 > dl dd.d1 > div p {margin-top:1.45vw; font-size:1.04vw; color:#666; line-height:2; word-break:keep-all; word-wrap:break-word; }

.about-5 > dl dd.d2 {margin-top:3.125vw; padding-top:3.125vw; border-top:solid 1px #ddd;}
.about-5 > dl dd.d2 > h2 {font-size:1.87vw; color:#222; font-weight:700; line-height:1.1;}
.about-5 > dl dd.d2 > div {
    margin-top:3.12vw;
    display:flex;
    align-items:center;
    justify-content:space-between;
    column-gap:1.04vw;
}
.about-5 > dl dd.d2 > div span {
    display:flex;
    align-items:center;
}
.about-5 > dl dd.d2 > div span img {
    max-width:100%;
}
.about-5 > dl dd.d2 > ul {display:flex; margin-top:3.12vw; column-gap:4.1vw;}
.about-5 > dl dd.d2 > ul li {flex:1;}
.about-5 > dl dd.d2 > ul li span {font-size:1.04vw; color:#000; font-weight:600; line-height:1.1;}
.about-5 > dl dd.d2 > ul li p {margin-top:1.04vw; font-size:1.04vw; color:#666; line-height:1.63; word-break:keep-all; word-wrap:break-word; }

.about-5 > dl dd.d3 {margin-top:3.125vw; padding-top:3.125vw; border-top:solid 1px #ddd;}
.about-5 > dl dd.d3 > h2 {font-size:1.87vw; color:#222; font-weight:700; line-height:1.1;}
.about-5 > dl dd.d3 > div.col4 {
    margin-top:3.12vw;
    display:flex;
    align-items:center;
    justify-content:space-between;
    column-gap:3.125vw;
}
.about-5 > dl dd.d3 > div.col4 span {
    display:flex;
    align-items:center;
}
.about-5 > dl dd.d3 > div.col4 span img {
    max-width:100%;
}
.about-5 > dl dd.d3 p {margin-top:3.12vw; padding-left:0.78vw; text-indent:-0.78vw; font-size:0.83vw; color:#666; line-height:1.63; word-break:keep-all; word-wrap:break-word; }
.about-5 > dl dd.d3 p + p {margin-top:0;}
.about-5 > dl dd.d3 ul {
    margin-top:3.125vw; padding-top:3.125vw; border-top:solid 1px #ddd;
    display:flex;
    column-gap:3.125vw;
    justify-content:space-between;
}
.about-5 > dl dd.d3 ul li {
    flex:1;
}
.about-5 > dl dd.d3 ul li span {
    font-size:1.25vw;
    font-weight:700;
    color:#222;
}
.about-5 > dl dd.d3 ul li div {
    margin-top:1.04vw;
    border:solid 1px #ddd;
    background:url("../images/mark-bg.png") no-repeat center;
    height:13.54vw;
    padding:2.60vw 5.2vw;
    display:flex;
    align-items:center;
    justify-content:center;
}
.about-5 > dl dd.d3 ul li div img {
    max-width:100%;
    max-height:100%;
}
.about-5 > dl dd.d3 div.col1 {
    margin-top:3.125vw; 
}
.about-5 > dl dd.d3 div.col1 span {
    font-size:1.25vw;
    font-weight:700;
    color:#222;
}
.about-5 > dl dd.d3 div.col1 div {
    margin-top:1.04vw;
    border:solid 1px #ddd;
    background:url("../images/sig-bg1.png") no-repeat center;
    height:13.54vw;
    padding:2.60vw 5.2vw;
    display:flex;
    align-items:center;
    justify-content:center;
}
.about-5 > dl dd.d3 div.col1 div.sig2 {
    background:url("../images/sig-bg2.png") no-repeat center;
}
.about-5 > dl dd.d3 div.col1 div img {
    max-width:100%;
}

.about-5 > dl dd.d4 {margin-top:3.125vw; padding-top:3.125vw; border-top:solid 1px #ddd;}
.about-5 > dl dd.d4 > h2 {font-size:1.87vw; color:#222; font-weight:700; line-height:1.1;}
.about-5 > dl dd.d4 ul {
    margin-top:1.56vw;
    display:flex;
    margin-left:-2.5vw;
    row-gap:2.5vw;
}
.about-5 > dl dd.d4 ul li {
    flex-basis:calc(25% - 2.5vw);
    margin-left:2.5vw;
    padding:2.08vw 3.125vw;
    display:flex;
    align-items:center;
    justify-content:center;
}
.about-5 > dl dd.d4 ul li.color1 {
    background:#fff;
    border:solid 1px #ddd;
}
.about-5 > dl dd.d4 ul li.color2 {
    background:#0400bb;
}
.about-5 > dl dd.d4 ul li.color3 {
    background:#000;
}
.about-5 > dl dd.d4 ul li.color4 {
    background:#eee;
}
.about-5 > dl dd.d4 ul li img {
    max-width:100%;
}
.about-5 > dl dd.d4 p {margin-top:1.04vw; font-size:1.04vw; color:#666; line-height:1.63; word-break:keep-all; word-wrap:break-word; }

/* 반응형 */
@media all and (min-width: 1920px) {
    .about-1 {width:62.5%;}
    .about-2 .img {width:79.1%;}
    .about-2 .img img {max-width:inherit; width:100%;}
    .about-3 > dl {width:62.5%;}
    .about-4 > dl {width:62.5%;}
    .about-5 > dl {width:62.5%;}
} 

/* 반응형 */
@media all and (max-width: 1520px) {
    .about-2 .img {width:100%;}

} 

/* 반응형 */
@media all and (max-width: 1200px) {
    .about-1 {width:100%; padding:16.66vw 3.57vw 12.5vw;}
    .about-3 > dl {width:100%; padding:0 3.57vw;}
    .about-4 > dl {width:100%; padding:0 3.57vw;}
    .about-5 > dl {width:100%; padding:0 3.57vw;}
    .about-5 > dl dd.d3 p {
        font-size:0.93vw;
    }
} 

/* 모바일 */
@media all and (max-width: 800px) { 
    .about-1 {padding:25vw 8vw 18.75vw;}
    .about-1 h1 {font-size:3.50vw;}
    .about-1 h2 {margin:6.25vw 0; font-size:12.5vw;}
    .about-1 h3 {font-size:7.5vw;}
    .about-1 h3 br {display:none;}
    .about-1 h3 span {display:block;}
    .about-1 p {margin-top:6.25vw; font-size:3.50vw;}
    .about-3 {padding:18.75vw 0;}
    .about-3 > dl {padding:0 8vw;}
    .about-3 > dl dt {font-size:3.50vw;}
    .about-3 > dl dt h3 {margin-top:8.75vw; font-size:6vw;}    
    .about-3 > dl dt h3 span {display:block;}
    .about-3 > dl dd > div {display:block; margin-top:8.75vw; width:100%;}
    .about-3 > dl dd > div span {height:8vw;}
    .about-3 > dl dd > div:nth-child(1) span img {height:8vw; width:auto;}
    .about-3 > dl dd > div:nth-child(2) span img {height:7.0vw; width:auto;}
    .about-3 > dl dd > div:nth-child(3) span img {height:7.5vw; width:auto;}
    .about-3 > dl dd > div:nth-child(4) span img {height:8vw; width:auto;}
    .about-3 > dl dd > div:nth-child(5) span img {height:8vw; width:auto;}
    .about-3 > dl dd > div:nth-child(6) span img {height:8vw; width:auto;}    
    .about-3 > dl dd > div h2 {margin-top:2.5vw; font-size:4.5vw;}
    .about-3 > dl dd > div p {margin-top:3.50vw; font-size:3.50vw;}
    .about-4 {padding:18.75vw 0;}
    .about-4 > dl {padding:0 8vw;}
    .about-4 > dl dt,
    .about-4 > dl dd > div span {font-size:3.50vw;}
    .about-4 > dl dd > div {display:block; margin-top:8.75vw; width:100%;}
    .about-4 > dl dd > div h2 {font-size:7.00vw;}
    .about-4 > dl dd > div p {margin-top:3.50vw; font-size:3.50vw;} 
    
    .about-5 {padding:18.75vw 0;}
    .about-5 > dl {padding:0 8vw;}
    .about-5 > dl dt {font-size:3.50vw;}
    .about-5 > dl dd.d1 > div {display:block; margin-top:8.75vw; width:100%;}
    .about-5 > dl dd.d1 > div h2 {margin-top:2.5vw; font-size:4.5vw;}
    .about-5 > dl dd.d1 > div p {margin-top:3.50vw; font-size:3.50vw;}

    .about-5 > dl dd.d2 {margin-top:10vw; padding-top:10vw;}
    .about-5 > dl dd.d2 > h2 {font-size:4.5vw;}
    .about-5 > dl dd.d2 > div {
        margin-top:8.75vw;
    }    
    .about-5 > dl dd.d2 > ul {margin-top:8.75vw; flex-direction:column; row-gap:8.75vw;}
    .about-5 > dl dd.d2 > ul li:last-child {display:none;}
    .about-5 > dl dd.d2 > ul li span {font-size:3.50vw;}
    .about-5 > dl dd.d2 > ul li p {margin-top:3.50vw; font-size:3.50vw;}

    .about-5 > dl dd.d3 {margin-top:10vw; padding-top:10vw;}
    .about-5 > dl dd.d3 > h2 {font-size:4.5vw;}
    .about-5 > dl dd.d3 > div.col4 {
        margin-top:8.75vw;
    }      
    .about-5 > dl dd.d3 p {margin-top:8.75vw; font-size:3.00vw;}
    .about-5 > dl dd.d3 ul {
        margin-top:8.75vw; padding-top:8.75vw;
        flex-wrap:wrap;
        flex-direction:column; row-gap:8.75vw;
    }
    .about-5 > dl dd.d3 ul li span {
        font-size:3.50vw;
    }
    .about-5 > dl dd.d3 ul li div {
        margin-top:2.08vw;
        height:26vw;
        padding:5vw 10vw;
    }
    .about-5 > dl dd.d3 div.col1 {
        margin-top:8.75vw; 
    }
    .about-5 > dl dd.d3 div.col1 span {
        font-size:3.50vw;
    }
    .about-5 > dl dd.d3 div.col1 div {
        margin-top:2.08vw;
        height:26vw;
        padding:5vw 10vw;
    }

    .about-5 > dl dd.d4 {margin-top:10vw; padding-top:10vw;}
    .about-5 > dl dd.d4 > h2 {font-size:4.5vw;}    
    .about-5 > dl dd.d4 ul {
        margin-top:3.50vw;
        flex-wrap:wrap;
    }
    .about-5 > dl dd.d4 ul li {
        flex-basis:calc(50% - 2.5vw);
        padding:4.16vw 3.125vw;
    }
    .about-5 > dl dd.d4 p {margin-top:3.50vw; font-size:3.50vw;}
}   

/* 모바일 */
@media all and (max-width: 480px) {  
    .about-5 > dl dd.d4 ul {
        row-gap:5vw;
    }
    .about-5 > dl dd.d4 ul li {
        flex-basis:100%;
    }
}