@charset "utf-8";
@import url('font.css');

.over_zum { background:#fff; overflow: hidden; }
.over_zum  img {
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
}
.over_zum:hover img {
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);   
    -o-transform:scale(1.2);
    transform:scale(1.2);
	opacity:0.7;
}



@media (min-width:1600px) {
	
.view_pc { display:block; }
.view_mob { display:none; }	

#lineup { width:90%; margin:120px auto; }
#lineup > article { display:block; text-align:center; }
#lineup > article h2 { margin:20px 0; font-size:2.5rem; color:#111; line-height:3.3rem; }
#lineup > article h2 span { color:#f81e24; }
#lineup > article h3 { color:#0073dd; }
#lineup > article p { display:block; }
#lineup .content_wrap { margin:50px 0 0; }

#midbanner { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; width:90%; max-width:1600px; }
#midbanner .content { width:48.5%; border-radius:25px; overflow:hidden; }
#midbanner .content a { display:block; padding:40% 10% 10%; color:#fff; }
#midbanner .content:nth-child(1) { background:url(../images/midbanner_01.jpg) bottom/cover no-repeat; }
#midbanner .content:nth-child(2) { background:url(../images/midbanner_02.jpg) bottom/cover no-repeat; }
#midbanner .content:nth-child(1) h2 { margin:10px 0 30px; font-size:1.8rem; color:#37415e; line-height:2.5rem; }
#midbanner .content:nth-child(1) h3 { font-size:0.9rem; color:#7d8aa4; line-height:1.5rem; letter-spacing:2.0px; }
#midbanner .content:nth-child(2) h2 { margin:10px 0 30px; font-size:1.8rem; color:#fff; line-height:2.5rem; }
#midbanner .content:nth-child(2) h3 { font-size:0.9rem; color:#fff; line-height:1.5rem; letter-spacing:2.0px; }

#brand { background:#d5ebff; margin:120px auto; padding:90px 0; }
#brand .wrapper { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; width:90%; max-width:1600px; }
#brand .wrapper article { display:block; width:22%; }
#brand .wrapper article h2 { margin:20px 0; font-size:2.5rem; color:#111; line-height:3.3rem; }
#brand .wrapper article h2 span { color:#f81e24; }
#brand .wrapper article h3 { color:#0073dd; }
#brand .wrapper article p { display:block; }
#brand .wrapper .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; width:60%; }
#brand .wrapper .content_wrap .item { display: flex; flex-direction: column; align-items: center;  justify-content: center; width:20%; background:#fff; padding:5%; text-align:center; }
#brand .wrapper .content_wrap .item img { text-align:center;}
#brand .wrapper .content_wrap .item p { display:block; }
#brand .wrapper .content_wrap .item p:before {content :""; display:block; background:#999; margin:20px auto; width:30px; height:1px; }

#cs { display:flex; justify-content:space-between; flex-wrap:wrap; margin:120px auto; width:90%; max-width:1600px; }
#cs .left { display:flex; flex-wrap:wrap; width:42%; border-radius:25px; background:#0073dd; padding:3%; color:#fff; }
#cs .left article { border-right:1px solid #4d9de7; width:30%; padding-right:7%; }
#cs .left article h2 { margin:10px 0 30px; font-size:1.8rem; line-height:2.5rem; }
#cs .left article h3 { font-size:0.9rem; font-weight:400; line-height:1.5rem; letter-spacing:2.0px; }
#cs .left .content { padding-left:7%; }
#cs .left .content h2 a { display:inline-block; margin:12px 0; font-size:2.5rem; color:#fff; }
#cs .left .content h3 { margin:0 0 5px; }
#cs .left .content ul { margin:20px 0; }
#cs .left .content ul li { display:flex; margin:5px 0; font-size:1.1rem; }
#cs .left .content ul li span { width:60px; }
#cs .left .content > p { font-size:0.9rem; color:#b0d4f6; line-height:1.5rem; }
#cs .right { width:49%; overflow:hidden; }





/*기본게시판*/
.latestBBS { clear: both; margin-left:0;}
.latestBBS li { border-bottom:0px solid #eaeaea; overflow:hidden; }
.latestBBS li .title { display:inline-block; width:75%; font-size:1.0em; font-weight:400; color:#333; line-height:1.7em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.latestBBS li img {display:none;}
.latestBBS li .text {display:none;}
.latestBBS li .date {display:; float:right; font-size:13px; color:#909090; line-height:1.7em; letter-spacing:0.5px;}
}


@media (min-width:768px) and (max-width:1599px){

.view_pc { display:block; }
.view_mob { display:none; }	

#lineup { width:90%; margin:110px auto; }
#lineup > article { display:block; text-align:center; }
#lineup > article h2 { margin:15px 0; font-size:2.0rem; color:#111; line-height:2.8rem; }
#lineup > article h2 span { color:#f81e24; }
#lineup > article h3 { color:#0073dd; }
#lineup > article p { display:block; }
#lineup .content_wrap { margin:40px 0 0; }

#midbanner { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; width:90%; }
#midbanner .content { width:48.5%; border-radius:25px; overflow:hidden; }
#midbanner .content a { display:block; padding:40% 8% 8%; color:#fff; }
#midbanner .content:nth-child(1) { background:url(../images/midbanner_01.jpg) bottom/cover no-repeat; }
#midbanner .content:nth-child(2) { background:url(../images/midbanner_02.jpg) bottom/cover no-repeat; }
#midbanner .content:nth-child(1) h2 { margin:10px 0 30px; font-size:1.5rem; color:#37415e; line-height:2.2rem; }
#midbanner .content:nth-child(1) h3 { font-size:0.8rem; color:#7d8aa4; line-height:1.5rem; letter-spacing:2.0px; }
#midbanner .content:nth-child(2) h2 { margin:10px 0 30px; font-size:1.5rem; color:#fff; line-height:2.2rem; }
#midbanner .content:nth-child(2) h3 { font-size:0.8rem; color:#fff; line-height:1.5rem; letter-spacing:2.0px; }

#brand { background:#d5ebff; margin:110px auto; padding:90px 0; }
#brand .wrapper { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; width:90%; }
#brand .wrapper article { display:block; width:22%; }
#brand .wrapper article h2 { margin:15px 0; font-size:2.0rem; color:#111; line-height:2.8rem; }
#brand .wrapper article h2 span { color:#f81e24; }
#brand .wrapper article h3 { color:#0073dd; }
#brand .wrapper article p { display:block; }
#brand .wrapper .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; width:60%; }
#brand .wrapper .content_wrap .item { display: flex; flex-direction: column; align-items: center;  justify-content: center; width:23%; background:#fff; padding:4%; text-align:center; }
#brand .wrapper .content_wrap .item img { width:70%; text-align:center;}
#brand .wrapper .content_wrap .item p { display:block; }
#brand .wrapper .content_wrap .item p:before {content :""; display:block; background:#999; margin:20px auto; width:30px; height:1px; }

#cs { display:flex; justify-content:space-between; flex-wrap:wrap; margin:110px auto; width:90%; }
#cs .left { display:flex; flex-wrap:wrap; width:40.5%; border-radius:25px; background:#0073dd; padding:3%; color:#fff; }
#cs .left article { border-right:1px solid #4d9de7; width:30%; padding-right:8%; }
#cs .left article h2 { margin:10px 0 30px; font-size:1.5rem; line-height:2.2rem; }
#cs .left article h3 { font-size:0.8rem; line-height:1.5rem; letter-spacing:2.0px; }
#cs .left .content { padding-left:8%; }
#cs .left .content h2 a { display:inline-block; margin:8px 0; font-size:2.0rem; color:#fff; }
#cs .left .content h3 { margin:0 0 5px; }
#cs .left .content ul { margin:15px 0; }
#cs .left .content ul li { display:flex; margin:5px 0; font-size:1.1rem; }
#cs .left .content ul li span { width:60px; }
#cs .left .content > p { font-size:0.9rem; color:#b0d4f6; line-height:1.5rem; }
#cs .right { width:48.5%; }

/*기본게시판*/
.latestBBS { clear: both; margin-left:0;}
.latestBBS li { border-bottom:0px solid #eaeaea; overflow:hidden; }
.latestBBS li .title { display:inline-block; width:70%; font-size:0.95em; font-weight:400; color:#333; line-height:1.7em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.latestBBS li img {display:none;}
.latestBBS li .text {display:none;}
.latestBBS li .date {display:; float:right; font-size:13px; color:#909090; line-height:1.7em; letter-spacing:0.5px;}
}




@media (max-width:767px){

.view_pc { display:none; }
.view_mob { display:block; }	

#lineup { width:85%; margin:70px auto 20px; }
#lineup > article { display:block; text-align:center; }
#lineup > article h2 { margin:10px 0; font-size:1.5rem; color:#111; line-height:2.2rem; }
#lineup > article h2 span { color:#f81e24; }
#lineup > article h3 { color:#0073dd; }
#lineup > article p { display:block; }
#lineup .content_wrap { margin:30px 0 0; }

#midbanner { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; width:85%; }
#midbanner .content { width:100%; border-radius:20px; margin:15px 0; overflow:hidden; }
#midbanner .content a { display:block; padding:40% 10% 10%; color:#fff; }
#midbanner .content:nth-child(1) { background:url(../images/midbanner_01.jpg) bottom/cover no-repeat; }
#midbanner .content:nth-child(2) { background:url(../images/midbanner_02.jpg) bottom/cover no-repeat; }
#midbanner .content:nth-child(1) h2 { margin:5px 0 20px; font-size:1.3rem; color:#37415e; line-height:2.0rem; }
#midbanner .content:nth-child(1) h3 { font-size:0.7rem; color:#7d8aa4; line-height:1.5rem; letter-spacing:2.0px; }
#midbanner .content:nth-child(2) h2 { margin:5px 0 20px; font-size:1.3rem; color:#fff; line-height:2.0rem; }
#midbanner .content:nth-child(2) h3 { font-size:0.7rem; color:#fff; line-height:1.5rem; letter-spacing:2.0px; }

#brand { background:#d5ebff; margin:70px auto; padding:60px 0; }
#brand .wrapper { margin:0 auto; width:85%; }
#brand .wrapper article { display:block; width:100%; }
#brand .wrapper article h2 { margin:10px 0; font-size:1.5rem; color:#111; line-height:2.2rem; }
#brand .wrapper article h2 span { color:#f81e24; }
#brand .wrapper article h3 { color:#0073dd; }
#brand .wrapper article p { display:block; }
#brand .wrapper .content_wrap { display:flex; justify-content:center; flex-wrap:wrap; margin:30px 0 0;}
#brand .wrapper .content_wrap .item { display: flex; flex-direction: column; align-items: center; justify-content: center; background:#fff; margin:1%; width:40%; padding:6% 4%; text-align:center; }
#brand .wrapper .content_wrap .item img { width:70%; text-align:center;}
#brand .wrapper .content_wrap .item p { display:block; }
#brand .wrapper .content_wrap .item p:before {content :""; display:block; background:#999; margin:10px auto; width:20px; height:1px; }

#cs { margin:70px auto; width:85%; }
#cs .left { border-radius:20px; background:#0073dd; padding:10%; color:#fff; }
#cs .left article { border-bottom:1px solid #4d9de7; padding-bottm:5%; }
#cs .left article h2 { margin:5px 0 20px; font-size:1.3rem; line-height:2.0rem; }
#cs .left article h3  { font-size:0.7rem; line-height:1.5rem; letter-spacing:2.0px; }
#cs .left .content { margin-top:10%; }
#cs .left .content h2 a { display:inline-block; margin:8px 0; font-size:2.0rem; color:#fff; }
#cs .left .content h3 { margin:0 0 5px; }
#cs .left .content ul { margin:15px 0; }
#cs .left .content ul li { display:flex; margin:5px 0; font-size:1.1rem; }
#cs .left .content ul li span { width:60px; }
#cs .left .content > p { font-size:0.9rem; color:#b0d4f6; line-height:1.5rem; }
#cs .right { margin:40px 0 0; }

/*기본게시판*/
.latestBBS { clear: both; margin-left:0;}
.latestBBS li { border-bottom:0px solid #eaeaea; overflow:hidden; }
.latestBBS li .title { display:inline-block; width:190px; font-size:1.0em; font-weight:400; color:#222; line-height:1.7em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.latestBBS li img {display:none;}
.latestBBS li .text {display:none;}
.latestBBS li .date {display:; float:right; font-size:13px; color:#909090; line-height:1.7em; letter-spacing:0;}
}








/*갤러리게시판*/
.latestGallery li { float:left; width:200px; margin:0 10px 20px 10px;}
.latestGallery li:last-child { margin-right:0px;}
.latestGallery li .img img { width:198px; border:1px #e3e3e3 solid; }
.latestGallery li .caption { width:200px; height:30px; margin-top:10px; font-size:16px; font-weight:400; text-align:center; overflow:hidden; z-index:9; }